@font-face{font-family:Inter;src:url(Inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--bg:#08090f;--bg2:#0e1020;--panel:#12142a;--line:rgba(255,255,255,.08);--text:#eef0fa;--text2:#c3c8de;--muted:#9097b3;--acc:#7c5cff;--acc2:#5b5bf7;--cyan:#22d3ee;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{margin:0;font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(1000px 600px at 10% -10%,rgba(124,92,255,.22),transparent 60%),radial-gradient(900px 600px at 100% 30%,rgba(34,211,238,.08),transparent 60%),var(--bg);color:var(--text);letter-spacing:-.01em}
a{color:#b9adff;text-decoration:none}a:hover{color:#fff;text-decoration:none}
.wrap{width:min(1160px,100% - 40px);margin:0 auto}.narrow{width:min(780px,100% - 40px)}
.top{position:sticky;top:0;z-index:10;background:radial-gradient(120% 180% at 0% 0%,rgba(124,92,255,.55),transparent 45%),radial-gradient(90% 160% at 100% 100%,rgba(34,211,238,.28),transparent 50%),linear-gradient(100deg,#0b0d1f,#17153d 40%,#231a5c 70%,#0f2c48);box-shadow:0 10px 30px -14px rgba(28,18,96,.7)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,92,255,.9) 25%,rgba(34,211,238,.9) 60%,transparent)}
.top-in{display:flex;align-items:center;gap:20px;min-height:68px}
.brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:680;font-size:21px;letter-spacing:-.03em}.brand img{border-radius:10px;box-shadow:0 6px 18px -4px rgba(124,92,255,.7)}.brand em{font-style:normal;color:rgba(255,255,255,.55);font-weight:500}.brand:hover{color:#fff}
.tnav{display:flex;gap:22px;margin-left:auto}.tnav a{color:rgba(238,240,255,.8);font-size:14.5px;font-weight:520}.tnav a:hover{color:#fff}
.tcta{display:flex;align-items:center;gap:14px}.lnk{color:#fff;font-size:14.5px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:12px;border:1px solid transparent;background:linear-gradient(135deg,var(--acc2),var(--acc));color:#fff;font-weight:620;font-size:14.5px;box-shadow:0 8px 24px -10px rgba(124,92,255,.8);transition:transform .15s,filter .15s}
.btn:hover{color:#fff;filter:brightness(1.1);transform:translateY(-1px)}.btn.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);box-shadow:none}.btn.big{min-height:50px;padding:0 24px;font-size:16px}
.hero{padding:96px 0 72px;text-align:center}.eyebrow{display:inline-block;margin:0 0 18px;padding:6px 14px;border-radius:99px;border:1px solid rgba(124,92,255,.4);background:rgba(124,92,255,.12);color:#cfc6ff;font-size:13px;font-weight:600;letter-spacing:.02em}
h1{margin:0;font-size:clamp(34px,6vw,64px);line-height:1.06;letter-spacing:-.04em;font-weight:760}h1 span{background:linear-gradient(90deg,#b9adff,#22d3ee);-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{max-width:720px;margin:22px auto 0;color:var(--text2);font-size:clamp(16px,2vw,19px)}.cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:32px}
.sec{padding:72px 0}h2{margin:0 0 10px;font-size:clamp(26px,3.6vw,38px);letter-spacing:-.03em;font-weight:720}.sub{margin:0 0 32px;color:var(--muted);max-width:680px}
.cards{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.card{flex:1 1 240px;padding:24px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid var(--line)}
.card h3{margin:0 0 8px;font-size:18px}.card p{margin:0;color:var(--text2);font-size:15px}
.fgroup{margin-top:34px}.fgroup h3{margin:0 0 14px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:#b9adff}
.flist{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}.flist li{flex:1 1 320px;display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.flist b{font-size:15.5px}.flist span{color:var(--muted);font-size:14.5px}.soon .flist li{border-style:dashed}
.steps{list-style:none;counter-reset:s;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:16px}.steps li{counter-increment:s;flex:1 1 220px;padding:22px;border-radius:16px;background:var(--panel);border:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.steps li::before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--acc2),var(--cyan));font-weight:700;margin-bottom:6px}.steps span{color:var(--muted);font-size:14.5px}
.two{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.two>div{flex:1 1 380px}
.ticks{list-style:none;padding:0;margin:0 0 24px}.ticks li{padding:6px 0 6px 28px;position:relative;color:var(--text2)}.ticks li::before{content:"✓";position:absolute;left:0;color:var(--cyan);font-weight:700}
.code{flex:1 1 380px;margin:0;padding:22px;border-radius:16px;background:#0a0c18;border:1px solid var(--line);overflow-x:auto;font:13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#d6d9f2}
.plans{display:flex;flex-wrap:wrap;gap:16px}.plan{flex:1 1 280px;display:flex;flex-direction:column;padding:26px;border-radius:18px;background:var(--panel);border:1px solid var(--line)}.plan.on{border-color:rgba(124,92,255,.55);box-shadow:0 20px 50px -24px rgba(124,92,255,.6)}
.plan h3{margin:0;font-size:20px}.price{margin:6px 0 18px;font-size:26px;font-weight:720;letter-spacing:-.02em}.plan ul{list-style:none;padding:0;margin:0 0 22px;color:var(--text2);font-size:14.5px}.plan li{padding:5px 0;border-bottom:1px solid var(--line)}.plan li b{color:var(--text)}
.pcta{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:620;font-size:17px;list-style:none}summary::-webkit-details-marker{display:none}summary::after{content:"+";float:right;color:var(--muted)}details[open] summary::after{content:"–"}details p{color:var(--text2);margin:10px 0 0}
.final{padding:80px 0;text-align:center;background:radial-gradient(800px 300px at 50% 100%,rgba(124,92,255,.25),transparent 70%)}.final p{color:var(--text2)}
.foot{padding:28px 0 36px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}.foot .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center}.foot p{margin:0}.foot nav{display:flex;flex-wrap:wrap;gap:18px}.foot a{color:var(--text2)}
@media (max-width:860px){.tnav{display:none}.hero{padding:64px 0 48px}.sec{padding:52px 0}}
@media (max-width:480px){.lnk{display:none}.brand{font-size:19px}.top-in{gap:10px}.btn{padding:0 14px}.cta .btn{flex:1 1 100%}.foot .wrap{justify-content:center;text-align:center}}