*{margin:0;padding:0;box-sizing:border-box}
:root{--navy:#071521;--dark:#082033;--text:#526476;--teal:#02b9c9;--blue:#0077a3;--soft:#f4fbfd;--line:#dceff4;--white:#fff}
html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--dark);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:92%;max-width:1180px;margin:0 auto}
.header{background:#fff;position:sticky;top:0;z-index:999;box-shadow:0 2px 14px rgba(0,0,0,.07)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo-img{height:70px;width:auto;display:block}.menu{display:flex;align-items:center;gap:28px;font-size:16px;font-weight:700;color:#091433}.menu>a,.dropdown>a{padding:31px 0;display:inline-flex;align-items:center;gap:6px}.menu a:hover,.menu a.active{color:var(--blue)}.nav-btn{background:var(--blue);color:#fff;padding:16px 30px;border-radius:40px;font-size:16px;font-weight:800;white-space:nowrap;transition:.3s ease}.nav-btn:hover{background:#005f82;transform:translateY(-2px)}
.dropdown{position:relative}.dropdown>a::after{content:"⌄";font-size:16px;margin-left:3px}.mega-menu{position:absolute;top:84px;left:50%;transform:translateX(-50%) translateY(12px);width:820px;background:#fff;border-radius:14px;padding:28px;box-shadow:0 24px 60px rgba(6,20,40,.18);display:grid;grid-template-columns:1.05fr 1fr .95fr;gap:24px;opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease;z-index:999}.dropdown:hover .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.mega-col{padding-right:24px;border-right:1px solid #dce5ee}.mega-col:nth-child(2){border-right:0}.mega-title{display:block;color:#071b37;font-size:13px;font-weight:900;letter-spacing:1px;text-transform:uppercase;margin-bottom:15px}.mega-col a{display:block;color:#526176;font-size:15.5px;font-weight:500;padding:9px 0;transition:.25s ease}.mega-col a:hover{color:var(--blue);transform:translateX(4px)}.explore-more{font-weight:900!important;color:#082a55!important;margin-top:8px}.mega-cta{background:#17366b;color:#fff;border-radius:9px;padding:30px;display:flex;flex-direction:column;justify-content:center}.mega-cta strong{font-size:18px;line-height:1.35;margin-bottom:22px}.mega-cta a{display:inline-flex;align-items:center;gap:10px;border:1px solid #fff;border-radius:7px;padding:12px 16px;width:max-content;font-weight:800;font-size:14px}
.hero{position:relative;padding:108px 0 142px;color:#fff;overflow:hidden;background:linear-gradient(rgba(0,58,91,.90),rgba(0,122,146,.84)),url("https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1600&q=80");background-size:cover;background-position:center}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 24%,rgba(141,246,255,.28),transparent 30%),radial-gradient(circle at 10% 85%,rgba(2,185,201,.24),transparent 28%),linear-gradient(90deg,rgba(0,0,0,.2),transparent)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:48px 48px;opacity:.55}.hero .container{position:relative;z-index:2}.hero-badge{display:inline-flex;gap:10px;align-items:center;background:rgba(255,255,255,.18);padding:14px 24px;border-radius:40px;font-size:16px;font-weight:900;margin-bottom:25px;backdrop-filter:blur(8px)}.hero-badge:before{content:"✦";color:#8df6ff}.hero h1{font-size:58px;line-height:1.1;font-weight:900;letter-spacing:-1.6px;max-width:890px;margin-bottom:22px}.hero p{font-size:20px;line-height:1.7;color:#eefcff;max-width:790px;margin-bottom:34px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:16px 30px;border-radius:40px;font-size:16px;font-weight:850;transition:.3s ease}.btn-primary{background:var(--teal);color:#fff;border:2px solid var(--teal);box-shadow:0 14px 30px rgba(2,185,201,.30)}.btn-secondary{background:transparent;color:#fff;border:2px solid #fff}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px)}.btn-secondary:hover{background:#fff;color:#006f90}
.floating-wrap{margin-top:-92px;position:relative;z-index:4}.floating-card{background:#fff;border-radius:30px;padding:42px;box-shadow:0 30px 80px rgba(2,30,50,.18);display:grid;grid-template-columns:.95fr 1.05fr;gap:38px;align-items:center}.floating-card h2{font-size:35px;line-height:1.18;font-weight:900;margin-bottom:16px}.floating-card p{color:var(--text);font-size:16px;line-height:1.85}.kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.kpi{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:22px}.kpi strong{display:block;color:var(--blue);font-size:28px;font-weight:900;margin-bottom:7px}.kpi span{color:var(--text);font-size:14px;font-weight:700;line-height:1.5}
.section{padding:98px 0}.section-soft{background:var(--soft)}.section-dark{background:var(--navy);color:#fff;position:relative;overflow:hidden}.section-dark:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 22%,rgba(2,185,201,.25),transparent 30%),radial-gradient(circle at 85% 78%,rgba(141,246,255,.14),transparent 30%)}.section-dark:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;opacity:.38}.section-dark .container{position:relative;z-index:2}.section-heading{text-align:center;max-width:800px;margin:0 auto 62px}.small-title{display:inline-block;color:var(--blue);font-size:15px;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.section-heading h2{font-size:44px;line-height:1.2;color:var(--dark);font-weight:900;margin-bottom:18px;letter-spacing:-1px}.section-heading p{color:#5b6b7b;font-size:16px;line-height:1.8}.section-dark .small-title,.section-dark h2{color:#fff}.section-dark .section-heading p{color:#d7eef5}
.split{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center}.visual-panel{background:var(--navy);border-radius:34px;padding:32px;color:#fff;box-shadow:0 30px 80px rgba(2,30,50,.20);position:relative;overflow:hidden}.visual-panel:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(2,185,201,.33),transparent 66%);right:-120px;top:-120px}.visual-top{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.visual-top strong{font-size:21px;font-weight:900}.pill{background:rgba(141,246,255,.15);color:#8df6ff;padding:8px 14px;border-radius:40px;font-size:12px;font-weight:900}.visual-row{position:relative;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px;margin-bottom:14px}.visual-row span{display:block;color:#8df6ff;font-size:12px;font-weight:900;margin-bottom:8px}.progress{height:10px;background:rgba(255,255,255,.12);border-radius:20px;overflow:hidden}.progress div{height:100%;background:linear-gradient(90deg,var(--teal),#8df6ff)}.w92{width:92%}.w84{width:84%}.w76{width:76%}.w88{width:88%}.text-block h2{font-size:42px;line-height:1.18;font-weight:900;margin-bottom:20px}.text-block p{color:var(--text);font-size:16px;line-height:1.85;margin-bottom:20px}.check-list{display:grid;gap:14px}.check-list div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px 18px;color:var(--dark);font-weight:800;box-shadow:0 10px 24px rgba(0,95,130,.05)}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.info-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:0 16px 45px rgba(0,95,130,.08);transition:.3s ease;position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(2,185,201,.10);right:-55px;top:-55px}.info-card:hover{transform:translateY(-8px);box-shadow:0 26px 65px rgba(0,95,130,.16)}.card-icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--blue),var(--teal));display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:900;margin-bottom:22px;position:relative}.info-card h3{font-size:23px;font-weight:900;margin-bottom:14px;position:relative}.info-card p{color:var(--text);font-size:15px;line-height:1.8;margin-bottom:18px;position:relative}.info-card a{color:var(--blue);font-weight:900;position:relative}
.process{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px}.step-no{width:60px;height:60px;border-radius:18px;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;margin-bottom:22px}.step h3{font-size:21px;font-weight:900;margin-bottom:12px}.step p{color:#d7eef5;font-size:14.5px;line-height:1.75}
.code-table{width:100%;border-collapse:separate;border-spacing:0 12px}.code-table th{background:var(--navy);color:#fff;text-align:left;padding:16px}.code-table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px;color:var(--text);font-weight:700}.code-table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px;color:var(--blue);font-weight:900}.code-table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.faq-grid{display:grid;gap:18px}.faq-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 12px 30px rgba(0,95,130,.06)}.faq-item h3{font-size:19px;font-weight:900;margin-bottom:10px}.faq-item p{color:var(--text);font-size:15px;line-height:1.75}
.cta{background:linear-gradient(rgba(0,58,91,.88),rgba(0,122,146,.82)),url("https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=1600&q=80");background-size:cover;background-position:center;color:#fff;text-align:center;padding:92px 20px}.cta h2{font-size:42px;font-weight:900;margin-bottom:18px}.cta p{max-width:760px;margin:0 auto 32px;color:#eaffff;font-size:17px;line-height:1.8}.cta .hero-buttons{justify-content:center}
.footer{background:var(--navy);color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:35px}.footer-logo{height:62px;margin-bottom:16px}.footer p{color:#c6d5df;font-size:14px;line-height:1.7}.footer h4{font-size:18px;margin-bottom:18px;font-weight:900}.footer a{display:block;color:#c6d5df;font-size:14px;margin-bottom:11px;transition:.3s ease}.footer a:hover{color:#7ff5ff}.copyright{text-align:center;color:#8fa7b7;border-top:1px solid rgba(255,255,255,.12);margin-top:42px;padding-top:24px;font-size:14px}
@media(max-width:980px){.menu{display:none}.mega-menu{display:none}.floating-card,.split{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:44px}}
@media(max-width:600px){.nav{height:76px}.logo-img{height:58px}.nav-btn{padding:12px 20px;font-size:14px}.hero{padding:72px 0 125px}.hero h1{font-size:36px}.hero p{font-size:16px}.btn{width:100%}.floating-card{padding:30px 22px;border-radius:24px}.kpi-grid,.card-grid,.process,.footer-grid{grid-template-columns:1fr}.section-heading h2,.text-block h2,.cta h2{font-size:30px}.section{padding:72px 0}}