:root{--bg:#070b18;--card:#10182c;--line:#243154;--cyan:#00e5b0;--text:#e8eefc;--muted:#8ea0c8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:radial-gradient(1200px 600px at 80% -10%,#1a1040 0%,var(--bg) 55%);color:var(--text);line-height:1.55}
a{color:var(--cyan);text-decoration:none}
.nav{max-width:1100px;margin:0 auto;padding:18px 20px;display:flex;justify-content:space-between;align-items:center}
.brand{display:flex;gap:10px;align-items:center;color:#fff;font-weight:900;font-size:20px}
.brand img{border-radius:10px}
.nav nav{display:flex;gap:18px;align-items:center;font-weight:700}
.nav-cta{background:var(--cyan);color:#042016;padding:8px 14px;border-radius:999px}
.hero{max-width:1100px;margin:0 auto;padding:28px 20px 48px;display:grid;grid-template-columns:1.2fr .8fr;gap:32px;align-items:center}
.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}
h1{font-size:clamp(32px,5vw,54px);line-height:1.1;margin:8px 0 14px}
.lead{color:var(--muted);font-size:18px;max-width:540px}
.ref-banner{background:rgba(0,229,176,.12);border:1px solid rgba(0,229,176,.35);padding:12px 14px;border-radius:12px;font-weight:700}
.cta-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:22px 0}
.btn-dl{border:0;background:linear-gradient(135deg,#059669,#00e5b0);color:#042016;font-weight:900;font-size:16px;padding:14px 22px;border-radius:999px;cursor:pointer}
.meta{color:var(--muted);font-size:13px}
.bullets{color:var(--muted);padding-left:18px}
.hero-art{display:flex;justify-content:center}
.hero-art img{width:min(280px,70vw);height:auto;border-radius:36px;box-shadow:0 30px 80px rgba(0,229,176,.18)}
.strip{max-width:1100px;margin:0 auto 40px;padding:0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.strip div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}
.strip strong{display:block;color:var(--cyan)}
.strip span{color:var(--muted);font-size:13px}
.how,.faq{max-width:800px;margin:0 auto;padding:10px 20px 40px}
h2{font-size:28px}
.how ol{color:var(--muted)}
.faq details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin:10px 0}
.faq summary{cursor:pointer;font-weight:800}
footer{max-width:800px;margin:0 auto;padding:20px;color:var(--muted);font-size:13px}
.fine{opacity:.8}
@media(max-width:800px){
  .hero,.strip{grid-template-columns:1fr}
  .nav nav a:not(.nav-cta){display:none}
}