:root{--navy:#0b1f3f;--navy2:#13305e;--gold:#d4a637;--sky:#3bb4f2;--ink:#1c2533;--muted:#5b6678;--bg:#f5f8fc}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
a{color:inherit}.wrap{max-width:1120px;margin:0 auto;padding:0 22px}
header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:5}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.15rem;text-decoration:none}.brand img{width:38px;height:38px}
.nav nav a{text-decoration:none;margin-left:22px;opacity:.85;font-size:.95rem}.nav nav a:hover{opacity:1;color:var(--sky)}
.hero{background:radial-gradient(circle at 80% 20%,#1d4f8f 0,var(--navy) 60%);color:#fff;padding:72px 0 84px}
.hero .wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:3.1rem;line-height:1.1;margin:0 0 14px}.hero h1 span{color:var(--gold)}
.hero p.lead{font-size:1.25rem;color:#cfe3f7;margin:0 0 28px;max-width:560px}
.hero img{width:100%;max-width:360px;justify-self:center;filter:drop-shadow(0 20px 40px rgba(0,0,0,.45))}
.btn{display:inline-block;padding:14px 24px;border-radius:10px;font-weight:700;text-decoration:none;margin:0 10px 10px 0}
.btn.gold{background:var(--gold);color:var(--navy)}.btn.ghost{border:2px solid var(--sky);color:#fff}
.note{font-size:.9rem;color:#9fbbd8}
section{padding:70px 0}h2{font-size:2.1rem;margin:0 0 8px;color:var(--navy)}.sub{color:var(--muted);margin:0 0 36px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.card{background:#fff;border-radius:14px;padding:22px;box-shadow:0 2px 10px rgba(11,31,63,.07);border-top:4px solid var(--sky)}
.card h3{margin:0 0 6px;color:var(--navy2);font-size:1.1rem}.card p{margin:0;color:var(--muted);font-size:.95rem}
.ic{font-size:1.6rem}
#pricing{background:#fff}.prices{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:820px}
.price{border:2px solid #dbe5f0;border-radius:16px;padding:30px}.price.best{border-color:var(--gold);background:#fffaf0}
.price .amt{font-size:2.6rem;font-weight:800;color:var(--navy)}.price ul{padding-left:20px;color:var(--muted)}
.badge{display:inline-block;background:var(--gold);color:var(--navy);font-weight:700;font-size:.8rem;padding:3px 10px;border-radius:20px}
#mobile{background:linear-gradient(135deg,var(--navy2),#1b6fb0);color:#fff}
#mobile h2{color:#fff}#mobile .sub{color:#d6ecfb}
.mob{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.steps{list-style:none;padding:0;margin:0;counter-reset:s}.steps li{counter-increment:s;background:rgba(255,255,255,.1);border-radius:12px;padding:14px 16px 14px 56px;margin-bottom:12px;position:relative}
.steps li:before{content:counter(s);position:absolute;left:16px;top:13px;width:28px;height:28px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:800;text-align:center;line-height:28px}
.plat{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.plat span{background:var(--sky);color:var(--navy);font-weight:700;padding:8px 14px;border-radius:30px;font-size:.9rem}.plat span.later{background:transparent;border:2px solid var(--sky);color:#fff}
.phone{width:220px;height:420px;margin:auto;border-radius:34px;border:10px solid #0a1730;background:#fff;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.4);overflow:hidden}
.phone .doc{position:absolute;left:24px;right:24px;top:60px;bottom:110px;background:repeating-linear-gradient(#fff 0 14px,#e7edf5 14px 16px);transform:rotate(-4deg)}
.phone .c{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--gold);border:3px solid #fff;box-shadow:0 0 0 2px var(--navy)}
.phone .bar{position:absolute;bottom:0;left:0;right:0;height:80px;background:var(--navy);color:#fff;display:flex;justify-content:space-around;align-items:center;font-size:.75rem;font-weight:700}
#support .grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
footer{background:var(--navy);color:#b9c9de;padding:30px 0;font-size:.9rem}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}footer a{color:var(--sky)}
@media(max-width:760px){.hero .wrap,.mob,.prices{grid-template-columns:1fr}.hero h1{font-size:2.3rem}.hero img{max-width:200px;order:-1}.nav nav{display:none}section{padding:50px 0}}