:root{--ink:#0f1b2d;--muted:#5b6b80;--brand:#0b5fff;--brand2:#00b3a4;--sun:#ffb703;--soft:#f4f7fb;--line:#e3e9f1;--r:14px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);line-height:1.6}
a{color:var(--brand);text-decoration:none}.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font-weight:800;font-size:1.4rem;color:var(--ink);letter-spacing:-.5px}.logo span{color:var(--brand)}.logo b{color:var(--sun)}
.links{display:flex;gap:22px;align-items:center}.links a{color:var(--ink);font-weight:500;font-size:.95rem}.links a:hover{color:var(--brand)}
.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:1.1rem}
.btn{display:inline-block;background:var(--brand);color:#fff!important;padding:12px 22px;border-radius:10px;font-weight:600;border:0;cursor:pointer;font-size:1rem}
.btn:hover{filter:brightness(1.1)}.btn.ghost{background:transparent;color:var(--brand)!important;border:2px solid var(--brand)}
.hero{padding:84px 0 60px;background:linear-gradient(160deg,#eef4ff 0%,#fff 60%)}
.eyebrow{display:inline-block;background:#e6efff;color:var(--brand);font-weight:600;font-size:.85rem;padding:5px 12px;border-radius:99px;margin-bottom:16px}
h1{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.12;margin:0 0 18px;letter-spacing:-1px}
h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 14px;letter-spacing:-.5px}h3{margin:0 0 8px}
.lead{font-size:1.18rem;color:var(--muted);max-width:740px;margin:0 0 28px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}section{padding:72px 0}.soft{background:var(--soft)}
.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px}
.tag{font-size:.75rem;font-weight:700;letter-spacing:1px;color:var(--brand2);text-transform:uppercase}
.ic{font-size:1.7rem;margin-bottom:6px}.best{font-size:.92rem;color:var(--muted);margin:10px 0 0}.best strong{color:var(--ink)}
.steps{counter-reset:s}.step{position:relative;padding-left:56px}
.step:before{counter-increment:s;content:counter(s);position:absolute;left:0;top:0;width:40px;height:40px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-weight:700}
.band{background:var(--ink);color:#fff;text-align:center}.band p{color:#c9d4e3}
ul.check{list-style:none;padding:0}ul.check li{padding-left:28px;position:relative;margin:8px 0}ul.check li:before{content:"✓";position:absolute;left:0;color:var(--brand2);font-weight:800}
details{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:10px}summary{font-weight:600;cursor:pointer}
form{display:grid;gap:14px}label{font-weight:600;font-size:.92rem}input,select,textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit}
.formmsg{font-weight:600;color:var(--brand2)}
footer{background:#0a1422;color:#9fb0c6;padding:48px 0 28px;font-size:.92rem}footer a{color:#cfe0f5}footer .grid{grid-template-columns:2fr 1fr 1fr 1fr}
.legal{border-top:1px solid #1f2d40;margin-top:32px;padding-top:18px}
@media(max-width:860px){.g2,.g3,.g4,footer .grid{grid-template-columns:1fr}.links{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:20px;border-bottom:1px solid var(--line)}.links.open{display:flex}.menu-btn{display:block}}