:root{--bg:#070916;--fg:#e7e7ea;--muted:#9aa0b2;--glass:rgba(255,255,255,.06);--line:rgba(255,255,255,.12);--grad1:#d946ef;--grad2:#06b6d4;}
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:Inter,system-ui,Arial,sans-serif;background:var(--bg);color:var(--fg)}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 16px}
.row{display:flex}.space-between{justify-content:space-between}.center{align-items:center}.gap{gap:10px}.wrap{flex-wrap:wrap}
.grid2{display:grid;grid-template-columns:1fr;gap:28px}@media(min-width:860px){.grid2{grid-template-columns:1.1fr .9fr}}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mt{margin-top:16px}
.topbar{position:sticky;top:0;z-index:20;background:rgba(7,9,22,.7);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--line);padding:10px 0}
.brand-dot{width:22px;height:22px;border-radius:4px;background:linear-gradient(135deg,var(--grad1),var(--grad2));display:inline-block}
.brand-text{font-family:"JetBrains Mono",monospace;font-weight:600;margin-left:8px}
.nav a{margin:0 10px;color:#cfd3e1} .nav a:hover{color:#fff}
.btn{padding:10px 14px;border-radius:12px;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:600}
.btn.primary{background:linear-gradient(90deg,var(--grad1),var(--grad2));color:#fff}
.btn.ghost{background:rgba(255,255,255,.06);border-color:var(--line);color:#fff}
.btn.outline{background:transparent;border-color:var(--grad2);color:#b7effc}
.btn:hover{opacity:.92}
.hide-sm{display:none}@media(min-width:860px){.hide-sm{display:flex}}
.hero{position:relative;padding:64px 0}
.title{font-size:40px;line-height:1.1;font-weight:800}@media(min-width:860px){.title{font-size:52px}}
.underline{text-decoration:underline;text-decoration-color:rgba(217,70,239,.85);text-decoration-thickness:2px}
.lead{margin-top:12px;color:#d3d6e4;font-size:18px}
.build{margin-top:10px;color:#8f95a8;font-family:"JetBrains Mono",monospace;font-size:12px}
.bg-glow{position:absolute;filter:blur(70px);opacity:.35;z-index:-1}
.glow-1{width:420px;height:420px;background:radial-gradient(closest-side,var(--grad1),transparent);top:-120px;left:-120px}
.glow-2{width:460px;height:460px;background:radial-gradient(closest-side,var(--grad2),transparent);bottom:-140px;right:-140px}
.panel{background:var(--glass);border:1px solid var(--line);padding:12px;border-radius:16px}
.grid3{grid-template-columns:repeat(3,1fr)}.tile{height:88px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;font-weight:700;color:#c6ccdd}
.cards{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}@media(min-width:860px){.cards{grid-template-columns:repeat(3,1fr)}}.cards.three{grid-template-columns:1fr}@media(min-width:860px){.cards.three{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--glass);border:1px solid var(--line);padding:18px;border-radius:16px}
.card-icon{font-size:20px;opacity:.9;margin-bottom:8px}.card-title{font-weight:700}.card-text{color:var(--muted);font-size:14px;margin-top:6px}
.price .big{font-size:32px;font-weight:800}.approx{color:#b9bed0;margin-top:4px}.chip{font-size:12px;text-transform:uppercase;color:#b7b9c6}
.list{margin:10px 0 0 16px;color:#d7dbeb}.list li{margin:6px 0}.list.plain{list-style:none;margin:0;padding:0}.list.plain li{margin:6px 0}
.small{font-size:13px}.tiny{font-size:12px}.muted{color:#a8aec2}
.steps{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:860px){.steps{grid-template-columns:repeat(3,1fr)}}
.step{background:var(--glass);border:1px solid var(--line);padding:18px;border-radius:16px}
.footer{border-top:1px solid var(--line);padding:36px 0}
.success{color:#50e3a4;margin-top:8px}
.hide{display:none}
input[type=email]{background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;border-radius:10px;padding:10px 12px;min-width:200px}
.mt-24{margin-top:24px}