:root{--bg:#0b1020;--card:#151d35;--text:#eaf0ff;--muted:#b8c2dd;--pri:#a855d8;--pri2:#7c3aed;--line:#2a3458}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
.container{width:min(1120px,92%);margin:0 auto}
.topbar{position:sticky;top:0;background:rgba(11,16,32,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:50}
.nav{display:flex;justify-content:space-between;align-items:center;min-height:68px}.brand{font-weight:800;color:#fff;text-decoration:none;letter-spacing:.2px}
nav a{color:var(--muted);text-decoration:none;margin-left:18px}nav a:hover{color:#fff}
.btn{display:inline-block;background:linear-gradient(135deg,var(--pri),var(--pri2));color:#fff;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700;border:1px solid #0000}
.btn:hover{filter:brightness(1.06)}.btn-ghost{background:transparent;border-color:var(--line)}.btn-sm{padding:8px 12px;border-radius:10px}
.hero{padding:68px 0 40px}.hero-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:26px}
.eyebrow{color:#c084fc;font-weight:700;letter-spacing:.3px}.lead{color:var(--muted)}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.micro{padding-left:18px;color:var(--muted)}
.card,.offer,details{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}
.note{color:var(--muted);font-size:.95rem}.section{padding:54px 0}.alt{background:#0e1530}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.offer h3{margin-top:0}
.steps{display:grid;gap:12px;padding-left:20px}.metrics div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;text-align:center}
.metrics strong{display:block;font-size:1.8rem}.metrics span{color:var(--muted)}
details{margin-bottom:10px}summary{cursor:pointer;font-weight:700}
.cta-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(180deg,#151d35,#10172d);border:1px solid var(--line);padding:22px;border-radius:16px}
footer{border-top:1px solid var(--line);padding:24px 0}.foot{color:var(--muted)}
@media (max-width:900px){.hero-grid,.grid-3{grid-template-columns:1fr}.cta-wrap{flex-direction:column;align-items:flex-start}nav a{display:none}nav a.btn-sm{display:inline-block}}