:root{--night:#12132A;--panel:#1B1D38;--panel-hi:#262948;--line:#3D4168;--ink:#F6F2EA;--dim:#BDB9D2;--gold:#F0C661;--teal:#6FD6C0;--violet:#8D7CFF;--pink:#FF6FAE;--display:"SF Pro Display",-apple-system,BlinkMacSystemFont,"Inter","Helvetica Neue",sans-serif;--serif:var(--display)}
*{box-sizing:border-box}[hidden]{display:none!important}
html{background:var(--night);color:var(--ink);-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,"SF Pro Text",system-ui,sans-serif;background:radial-gradient(900px 600px at 15% -5%,rgba(141,124,255,.28),transparent 65%),radial-gradient(800px 600px at 90% 10%,rgba(255,111,174,.16),transparent 65%),radial-gradient(900px 700px at 50% 45%,rgba(240,198,97,.07),transparent 70%),var(--night);background-repeat:no-repeat}
a{color:var(--gold)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.025em;line-height:1.08;margin:0 0 .4em}
h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:800}h2{font-size:clamp(1.7rem,3.4vw,2.5rem)}h3{font-size:1.25rem}
.bar{position:sticky;top:0;z-index:5;background:rgba(18,19,42,.78);backdrop-filter:blur(10px);border-bottom:1px solid rgba(59,63,94,.6)}
.bar .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:700;letter-spacing:-.01em;font-size:1.15rem}
.brand img{border-radius:8px}
nav{display:flex;gap:18px;align-items:center}nav a{color:var(--dim);text-decoration:none;font-size:.95rem}nav a:hover{color:var(--ink)}
.discord{display:inline-flex;align-items:center;gap:6px;color:#fff!important;background:#5865F2;padding:6px 12px;border-radius:999px;text-decoration:none}
.discord svg{width:18px;height:18px}
.hero{text-align:center;padding:72px 0 32px}.hero h1{max-width:900px;margin-left:auto;margin-right:auto}.hero .lede{max-width:720px;margin:0 auto}.hero .chips,.hero .cta{justify-content:center}
.eyebrow{color:var(--gold);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem;margin:0 0 10px}
.lede{font-size:1.15rem;color:var(--dim)}
.hero em{font-style:normal;background:linear-gradient(90deg,var(--violet),var(--pink) 55%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.chips{list-style:none;padding:0;margin:18px 0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{border:1px solid var(--line);background:var(--panel);padding:4px 12px;border-radius:999px;font-size:.9rem;color:var(--dim)}
.cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:8px}
.soon{border:1px solid rgba(232,191,94,.5);color:var(--gold);padding:10px 18px;border-radius:12px;font-weight:600}
.store-badge{display:inline-block;line-height:0;margin:11px 0}.store-badge img{height:44px;width:auto}
.hero-shot{position:relative;margin:44px auto 0;max-width:1080px}.hero-shot::before{content:"";position:absolute;inset:-6% -4%;z-index:-1;background:radial-gradient(closest-side,rgba(141,124,255,.45),rgba(255,111,174,.18) 60%,transparent);filter:blur(30px)}.hero-shot img{display:block;width:100%;height:auto;border-radius:22px;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 90px rgba(0,0,0,.55)}
.feature{display:grid;grid-template-columns:1fr 1.3fr;gap:56px;align-items:center;padding:72px 0;border-top:1px solid rgba(255,255,255,.06)}
.feature.flip{grid-template-columns:1.3fr 1fr}.feature.flip .text{order:2}
.feature .label{font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}
.feature p{color:var(--dim)}
.feature ul{color:var(--dim);padding-left:1.1em;margin:.4em 0 0}.feature li{margin:.25em 0}
.pic{position:relative}.pic img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.5)}.pic.narrow{max-width:420px;justify-self:center}
.pic::before{content:"";position:absolute;inset:-40px;z-index:-1;background:radial-gradient(closest-side,var(--glow,rgba(240,198,97,.3)),transparent);filter:blur(16px)}
.gold .label{color:var(--gold)}.gold{--glow:rgba(240,198,97,.3)}
.teal .label{color:var(--teal)}.teal{--glow:rgba(111,214,192,.28)}
.violet .label{color:#B3A8FF}.violet{--glow:rgba(141,124,255,.38)}.pink .label{color:var(--pink)}.pink{--glow:rgba(255,111,174,.3)}
.rose .label{color:#F2A3A3}.rose{--glow:rgba(240,150,150,.18)}
.hosts{padding:56px 0;border-top:1px solid rgba(59,63,94,.45);text-align:center}
.hosts p{color:var(--dim);max-width:720px;margin:0 auto}
.flow{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0 10px}
.flow span{background:var(--panel-hi);border:1px solid var(--line);border-radius:14px;padding:12px 18px;font-weight:600}
.flow .me{border-color:transparent;color:#fff;background:linear-gradient(90deg,var(--violet),var(--pink))}.flow i{color:var(--dim);font-style:normal}
.story{padding:56px 0;border-top:1px solid rgba(59,63,94,.45)}
.story .col{max-width:680px;margin:0 auto}.story p{font-size:1.2rem;line-height:1.7;color:var(--ink)}
.story .sig{color:var(--gold);font-family:inherit;font-size:1rem;font-weight:600}
.closing{text-align:center;padding:80px 0;background:radial-gradient(600px 260px at 50% 60%,rgba(141,124,255,.22),transparent 70%)}
.doc{max-width:760px;margin:0 auto;padding:48px 20px}.doc p,.doc li{color:var(--dim)}.doc h2{margin-top:1.6em;font-size:1.5rem}
.summary{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:16px 18px;color:var(--ink)!important}
.updated{font-size:.9rem}
.faq dt{font-weight:700;margin-top:1.2em;color:var(--ink)}.faq dd{margin:.3em 0 0;color:var(--dim)}
.email-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.email-row code{font-size:1rem;color:var(--ink)}.email-row a,.email-row button{color:var(--night);background:var(--gold);border:0;border-radius:8px;padding:6px 12px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}
footer{border-top:1px solid rgba(59,63,94,.6);padding:24px 0;color:var(--dim);font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer a{color:var(--dim);margin-right:16px;text-decoration:none}
@media (max-width:820px){.feature,.feature.flip{grid-template-columns:1fr;gap:28px}.feature{padding:48px 0}.feature.flip .text{order:0}.hero{padding-top:36px}nav a:not(.discord){display:none}}