:root{--bg:#0b0c10;--panel:#14161c;--line:#2a2d36;--ink:#f3f1ea;--mut:#9aa0ad;--acc:#7c8cff;--ember:#e23d28;--tide:#2ec4b6;--thorn:#3ddc84;--volt:#f4c430;--gold:#c9a45c}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 "Inter Tight",Inter,system-ui,sans-serif}
a{color:var(--acc)} img{max-width:100%;height:auto}
.wrap{max-width:820px;margin:0 auto;padding:0 20px}
.topnav{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:12px 20px;position:sticky;top:0;background:rgba(11,12,16,.92);backdrop-filter:blur(10px);z-index:5}
.topnav .brand{display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;font-weight:800}
.topnav .brand img{width:22px;height:22px}
.topnav nav{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap}
.topnav nav a{color:var(--mut);text-decoration:none;font-weight:600;font-size:.9rem}
.topnav nav a:hover{color:var(--ink)}
.play{background:linear-gradient(90deg,#7c8cff,#c8302c);color:#fff!important;padding:7px 12px;font-weight:800;text-decoration:none}
h1{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(2rem,5vw,3.2rem);line-height:1.05;margin:.3em 0 .4em}
h2{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.6rem;margin:1.4em 0 .4em}
p,li{color:#d2d6df}
.lede{font-size:1.15rem;color:var(--mut);max-width:62ch}
.crumb{font-size:.8rem;color:var(--mut);margin:18px 0 8px}
.crumb a{color:var(--mut);text-decoration:none}
.cta{display:inline-block;margin:10px 0 18px;background:linear-gradient(90deg,#7c8cff,#c8302c);color:#fff;text-decoration:none;font-weight:800;padding:12px 18px}
.card{border:1px solid var(--line);background:var(--panel);padding:14px 16px;margin:10px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:16px 0}
.faq details{border-top:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:700}
footer{border-top:1px solid var(--line);margin-top:48px;padding:24px 20px 40px;color:var(--mut);font-size:.88rem}
footer a{color:var(--mut);margin-right:12px;text-decoration:none}
.kicker{font:800 11px/1.2 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--acc)}
.heroimg{width:100%;max-height:280px;object-fit:cover;border:1px solid var(--line);margin:12px 0 18px}
noscript .cta{display:inline-block}