:root{--bg:#0b1020;--card:#121a33;--text:#eaf0ff;--muted:#a9b6d3;--accent:#6ea8fe;--accent2:#93c5fd;--ok:#22c55e}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:linear-gradient(180deg,#0b1020,#0d1428);color:var(--text);line-height:1.55}
.wrap{max-width:980px;margin:0 auto;padding:32px 24px}
nav{display:flex;justify-content:space-between;align-items:center;padding:4px 0 10px}
.logo{font-weight:800;letter-spacing:.2px}
.hero{padding:64px 8px 30px}
.eyebrow{display:inline-block;background:#1c2a52;border:1px solid #30457d;color:#c9d9ff;border-radius:999px;padding:6px 10px;font-size:.82rem}
h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:12px 0}
.lead{font-size:1.08rem;max-width:780px}
p{color:var(--muted)}
.btn{display:inline-block;background:var(--accent);color:#08102b;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:800;border:none}
.btn:hover{filter:brightness(1.05)}
.btn.secondary{background:var(--accent2)}
.btn.ghost{background:transparent;border:1px solid #3c4b72;color:var(--text);font-weight:700}
.cta-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:18px}
.micro{font-size:.9rem;color:#c8d4f1;margin-top:10px}
section{background:var(--card);padding:28px;border-radius:14px;margin:18px 0;border:1px solid #1d2745}
h2{margin-top:0;margin-bottom:12px}
ul{padding-left:22px}
.pricing{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.card{background:#0f1730;border:1px solid #2a3a67;border-radius:12px;padding:22px}
.card h3{margin:0 0 8px}
.price{font-size:1.6rem;font-weight:900;color:#dce8ff;margin:0 0 10px}
.featured{border-color:#5f87ff;box-shadow:0 0 0 1px #5f87ff inset}
.badge{display:inline-block;background:var(--ok);color:#05210f;font-weight:800;font-size:.75rem;padding:5px 8px;border-radius:999px;margin:0 0 8px}
details{margin:8px 0}
.final-cta{text-align:center;background:linear-gradient(180deg,#16224a,#101933)}
.footer{color:var(--muted);font-size:.9rem}
@media (max-width:760px){
  .wrap{padding:20px 16px}
  .hero{padding:40px 4px 18px}
  section{padding:20px}
  .pricing{grid-template-columns:1fr}
  .card{padding:18px}
  .cta-row{gap:10px}
}