:root{
  --bg:#08060e; --bg2:#0f0a1c; --fg:#f4effa; --muted:#a79bc2;
  --orange:#ff8a1f; --pink:#ff2ea6; --violet:#7a2bff;
  --grad:linear-gradient(135deg,#ffb020 0%,#ff5f3a 30%,#ff2ea6 60%,#7a2bff 100%);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
body{min-height:100vh;background:
  radial-gradient(900px 500px at 20% -10%,rgba(255,138,31,.16),transparent 60%),
  radial-gradient(800px 500px at 90% 10%,rgba(122,43,255,.22),transparent 60%),
  radial-gradient(700px 500px at 50% 110%,rgba(255,46,166,.18),transparent 60%),
  var(--bg)}
a{color:#ffb4e2;text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding:56px 22px 80px}
header.brand{display:flex;align-items:center;gap:14px;margin-bottom:40px}
header.brand img{width:48px;height:48px;filter:drop-shadow(0 0 14px rgba(255,46,166,.6))}
header.brand span{font-weight:700;letter-spacing:.02em;font-size:20px}
.hero{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;text-align:center}
.hero img{width:min(300px,70vw);margin:0 auto;filter:drop-shadow(0 0 40px rgba(255,46,166,.55)) drop-shadow(0 0 90px rgba(122,43,255,.45));animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
h1{font-size:clamp(34px,6vw,56px);line-height:1.05;margin:0;letter-spacing:-.02em}
h1 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:var(--muted);font-size:clamp(17px,2.4vw,21px);max-width:560px;margin:0 auto}
.cta{display:inline-flex;justify-self:center;align-items:center;gap:10px;margin-top:8px;padding:14px 22px;border-radius:999px;background:var(--grad);color:#14081f;font-weight:700;box-shadow:0 0 30px rgba(255,46,166,.45),0 0 60px rgba(122,43,255,.3)}
.cta:hover{text-decoration:none;filter:brightness(1.06)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:56px;text-align:left}
.step{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:18px}
.step b{display:block;margin-bottom:6px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.step p{margin:0;color:var(--muted);font-size:15px}
footer{margin-top:72px;color:var(--muted);font-size:14px;display:flex;gap:18px;flex-wrap:wrap}
/* docs */
.doc h1{font-size:clamp(30px,5vw,42px)}
.doc h2{font-size:19px;margin:34px 0 8px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.doc p,.doc li{color:#d9d0ea}.doc .muted{color:var(--muted)}
.doc ul{padding-left:20px}