
:root{
 --blue:#071d3d;--blue2:#0d3566;--cyan:#18aeea;--cyan2:#66d6ff;--white:#fff;
 --ink:#10233e;--muted:#617086;--soft:#f4f8fc;--line:#dce6f0;
 --shadow:0 20px 60px rgba(9,35,68,.11);--radius:20px;--max:1180px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.65;background:#fff}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(var(--max),92%);margin:auto}
.topbar{background:#04132b;color:#dbeaff;font-size:12px}
.topbar .container{display:flex;justify-content:space-between;gap:15px;padding:8px 0}
header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.95);backdrop-filter:blur(14px);border-bottom:1px solid #e8eef5}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark{width:47px;height:47px;border-radius:12px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#fff;font-weight:950;font-size:20px;letter-spacing:-2px}
.brand strong{display:block;color:var(--blue);font-size:17px;line-height:1.1}.brand span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin-top:3px}
.links{display:flex;align-items:center;gap:5px}.links a{font-size:13px;font-weight:800;padding:10px 12px;border-radius:10px;color:#29415f}.links a:hover,.links a.active{color:var(--cyan);background:#edf8fd}
.links .cta{background:var(--blue);color:#fff;border-radius:999px;padding:11px 18px}.links .cta:hover{background:var(--blue2);color:#fff}
.menu{display:none;border:0;background:#eef6fc;color:var(--blue);font-size:23px;width:43px;height:43px;border-radius:12px}
.hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 85% 20%,rgba(24,174,234,.28),transparent 28%),
 linear-gradient(125deg,#04152e,#0a2c55 60%,#0b4e78);color:#fff;min-height:650px;display:grid;align-items:center}
.hero:before{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;top:-130px;box-shadow:0 0 0 70px rgba(255,255,255,.02),0 0 0 140px rgba(255,255,255,.018)}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:100px 0}
.eyebrow{display:inline-flex;padding:7px 12px;border:1px solid rgba(24,174,234,.28);background:rgba(24,174,234,.09);color:var(--cyan);border-radius:999px;text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:900}
.hero .eyebrow{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.08);color:#8de0ff}
.hero h1{font-size:clamp(43px,6vw,76px);line-height:1.02;letter-spacing:-.045em;margin:20px 0}
.hero h1 em{font-style:normal;color:var(--cyan2)}.hero p{font-size:17px;max-width:680px;color:#dbe9f8}
.actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;font-size:13px;font-weight:900;transition:.2s;border:1px solid transparent}
.btn-primary{background:var(--cyan);color:#03223e}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(24,174,234,.22)}
.btn-light{background:#fff;color:var(--blue)}.btn-outline{border-color:#cbd9e7;color:var(--blue);background:#fff}
.btn-outline:hover{border-color:var(--cyan);color:#087aa9}
.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:28px;padding:28px;backdrop-filter:blur(12px);box-shadow:0 25px 80px rgba(0,0,0,.18)}
.hero-card h3{font-size:22px;margin-bottom:10px}.hero-card p{font-size:13px;color:#cfe0f2}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.mini{padding:15px;border-radius:14px;background:rgba(255,255,255,.08)}.mini strong{display:block;font-size:19px;color:#fff}.mini span{font-size:11px;color:#b9d1e7}
.section{padding:88px 0}.soft{background:var(--soft)}
.head{max-width:720px;margin-bottom:40px}.head.center{text-align:center;margin-left:auto;margin-right:auto}
.head h2{font-size:clamp(31px,4vw,48px);line-height:1.08;letter-spacing:-.035em;margin-top:12px}.head p{color:var(--muted);margin-top:13px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:0 8px 30px rgba(10,40,75,.04)}
.card h3{font-size:19px;margin:11px 0 7px}.card p{font-size:13px;color:var(--muted)}
.icon{width:50px;height:50px;border-radius:15px;background:#eaf7fd;color:#0785ba;display:grid;place-items:center;font-weight:950;font-size:20px}
.services .card{min-height:205px}.card a.learn{display:inline-block;margin-top:16px;font-size:12px;font-weight:900;color:#0785ba}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#dce6f0;border:1px solid #dce6f0;border-radius:20px;overflow:hidden}.stat{background:#fff;text-align:center;padding:26px}.stat strong{font-size:28px;color:var(--blue);display:block}.stat span{font-size:12px;color:var(--muted)}
.pagehero{background:linear-gradient(125deg,#04152e,#0b4e78);color:#fff;padding:85px 0}.pagehero h1{font-size:clamp(40px,6vw,64px);line-height:1.04;margin:12px 0}.pagehero p{color:#d7e6f4;max-width:720px}.crumb{font-size:12px;color:#9fdcf4}
.feature-list{display:grid;gap:12px;margin-top:22px}.feature-list li{list-style:none;display:flex;gap:10px;color:#43576e;font-size:14px}.feature-list li:before{content:"✓";width:22px;height:22px;flex:0 0 22px;background:#eaf7fd;color:#0785ba;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px}
.process{counter-reset:step}.step{position:relative;padding-left:66px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:45px;height:45px;border-radius:14px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:950}.step h3{margin:0 0 5px}.step p{font-size:13px;color:var(--muted)}
.contact{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px}.contact-item{display:flex;gap:13px;padding:17px 0;border-bottom:1px solid var(--line)}.contact-item:last-child{border:0}.contact-item .icon{width:43px;height:43px;flex:0 0 43px}.contact-item h4{font-size:13px}.contact-item p,.contact-item a{font-size:13px;color:var(--muted)}
.form{display:grid;gap:14px}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{font-size:12px;font-weight:900}input,textarea,select{width:100%;margin-top:5px;padding:13px;border:1px solid #d7e2ec;background:#fbfdff;border-radius:12px;font:inherit;outline:none}textarea{min-height:135px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(24,174,234,.08)}
.service-band{padding:34px;border-radius:24px;background:linear-gradient(135deg,#071d3d,#0b4e78);color:#fff;box-shadow:var(--shadow)}
.service-band h3{font-size:28px;line-height:1.15;margin-bottom:8px}.service-band p{color:#d7e8f5;font-size:14px}
.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.number-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:#fff}
.number-card .num{font-size:34px;font-weight:950;color:var(--cyan);line-height:1}.number-card h3{margin:12px 0 6px}.number-card p{font-size:13px;color:var(--muted)}
footer{background:#04152e;color:#b9cce0;padding:58px 0 22px}.footgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}footer h4{color:#fff;margin-bottom:12px}footer p,footer a{font-size:12px}footer a:hover{color:#fff}.footer-brand .brand strong{color:#fff}.footer-brand .brand span{color:#91a9c1}.bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:38px;padding-top:18px;display:flex;justify-content:space-between;font-size:11px}
.faq{display:grid;gap:10px}details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}summary{font-weight:850;cursor:pointer}details p{font-size:13px;color:var(--muted);margin-top:8px}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.show{opacity:1;transform:none}
@media(max-width:900px){
 .links{display:none;position:absolute;left:4%;right:4%;top:76px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:9px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.links.open{display:flex}.links a{padding:13px 14px}.menu{display:block}
 .hero-grid,.grid2,.contact{grid-template-columns:1fr}.hero-grid{padding:85px 0}.grid3{grid-template-columns:1fr 1fr}.grid4{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .topbar .container{justify-content:center}.topbar .hide-mobile{display:none}.nav{height:70px}.links{top:70px}
 .hero{min-height:700px}.hero h1{font-size:45px}.hero-grid{padding:75px 0 110px}.section{padding:68px 0}
 .grid3,.grid4,.stats,.row,.footgrid,.number-grid{grid-template-columns:1fr}.bottom{flex-direction:column;gap:8px}
}
