@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{
  --violet:#3a1288;--violet2:#5b21b6;--ink:#fff;--muted:#ddd6fe;
  --line:rgba(255,255,255,.16);--paper:#451d75;--sheet:rgba(255,255,255,.08);--max:1240px
}
*{box-sizing:border-box}
html,body{margin:0;background:#451d75;color:#fff;font-family:Inter,system-ui,sans-serif;line-height:1.55;min-height:100%}
img{max-width:100%;display:block}
a{color:#e9d5ff}
h1,h2,h3{font-weight:800;letter-spacing:-.035em;line-height:1.08;margin:0;color:#fff}
.col{width:min(100% - 4rem,var(--max));margin-inline:auto}
.top{position:sticky;top:0;z-index:30;background:rgba(69,29,117,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.top .col{display:flex;align-items:center;gap:.8rem;min-height:74px}
.mark{height:46px;width:auto;max-width:240px;object-fit:contain}
.top nav{margin-left:auto;display:flex;gap:.35rem;align-items:center}
.top nav a{color:#fff;text-decoration:none;font-weight:600;font-size:.92rem;padding:.45rem .75rem;border-radius:999px}
.top nav a.pill{background:#6d28d9}
.buy{background:linear-gradient(90deg,#f6b73c,#f59e0b);color:#2a1604 !important;text-decoration:none;border-radius:999px;padding:.55rem .95rem;font-weight:800;font-size:.85rem}
.menu{display:none}
.stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2.75rem;align-items:center;padding:3.4rem 0 1.2rem}
.stage > *{min-width:0}
.badges{display:flex;gap:.45rem;margin:0 0 .85rem}
.badges span{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:.28rem .7rem;font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#f5e9ff}
.stage h1{font-size:clamp(2.1rem,4.2vw,3.35rem);max-width:14ch;margin:0 0 .7rem}
.lede{margin:0 0 1rem;color:#e9d5ff;font-size:1.05rem;max-width:36rem}
.glass{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:0 0 1.35rem}
.glass article{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:1.15rem 1.2rem}
.glass strong{display:block;font-size:1.25rem}
.glass span{color:#ddd6fe;font-size:.88rem}
.actions{display:flex;flex-wrap:wrap;gap:.65rem}
.solid{background:linear-gradient(90deg,#f8c15a,#f59e0b);color:#2a1604;text-decoration:none;border-radius:999px;padding:.85rem 1.35rem;font-weight:800}
.ghost{border:1px solid rgba(255,255,255,.35);color:#fff;text-decoration:none;border-radius:999px;padding:.85rem 1.25rem;font-weight:700}
.hero-stage{background:radial-gradient(circle at 100% 0%,rgba(255,198,109,.18),transparent 42%),linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.03));border-radius:26px;padding:1.4rem}
.hero-pic{width:100%;height:auto;max-height:420px;object-fit:contain;object-position:center}
.panel{margin:1.6rem auto 0;background:rgba(255,255,255,.2);border-radius:26px;padding:1.25rem;box-shadow:0 34px 80px rgba(7,5,18,.34)}
.panel h2{font-size:1.45rem;margin:0 0 .35rem}
.panel .lede{margin:0 0 1rem;color:rgba(255,255,255,.86)}
.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.platforms article{background:linear-gradient(rgba(255,255,255,.96),rgba(242,243,248,.94));color:#13101f;border:1px solid rgba(255,255,255,.09);border-radius:15px;padding:.9rem 1rem}
.platforms h3{color:#1e1033;font-size:1rem;margin:0 0 .2rem}
.platforms p{margin:0;color:#5b4b73;font-size:.88rem}
.platforms small{display:block;color:#7c3aed;font-weight:800;letter-spacing:.08em;font-size:.68rem;margin:0 0 .35rem}
.paper,.block{background:rgba(255,255,255,.86);color:#171320;border:1px solid rgba(153,41,234,.18);border-radius:32px;padding:2rem;margin:2.4rem auto;box-shadow:0 24px 60px rgba(23,19,32,.08)}
.paper h1,.paper h2,.paper h3,.block h1,.block h2,.block h3{color:#171320}
.paper h2,.block h2{font-size:1.6rem;margin:0 0 .45rem}
.paper .lede,.paper p,.paper li,.paper .incl,.block .lede,.block p,.block li,.block .incl,.block.prose p{color:#3d3550}
.paper a,.block a{color:#6d28d9}
.paper .slice{padding-top:1.8rem;margin-top:1.8rem;border-top:1px solid rgba(153,41,234,.12)}
.paper .slice:first-child{padding-top:0;margin-top:0;border-top:0}
.paper .login,.paper .defs,.paper .quotes{display:grid;gap:14px}
.paper .login,.paper .quotes{grid-template-columns:1fr 1fr}
.paper .defs{grid-template-columns:repeat(3,1fr)}
.paper .login{list-style:none;padding:0;margin:.4rem 0 0}
.paper .login li,.paper .defs div,.paper blockquote{
  margin:0;background:linear-gradient(rgba(153,41,234,.05),rgba(255,255,255,.92));
  border:1px solid rgba(153,41,234,.1);border-radius:20px;padding:16px 17px
}
.paper .login strong,.paper .defs h3,.paper summary,.block summary{color:#171320}
.paper .sheet,.block .sheet{background:rgba(255,255,255,.72);border:1px solid rgba(153,41,234,.12);color:#171320}
.paper .sheet th,.paper .sheet td,.block .sheet th,.block .sheet td{border-bottom:1px solid rgba(153,41,234,.1);color:#171320;padding:.95rem 1rem}
.paper .sheet th,.block .sheet th{color:#6d6284}
.paper .sheet a,.block .sheet a{color:#6d28d9}
.paper blockquote cite,.block blockquote cite{color:#6d6284}
.paper .notes a,.block .notes a{color:#171320}
.paper .notes span,.block .notes span{color:#6d6284}
.paper .notes li,.block .notes li,.paper details,.block details{border-color:rgba(153,41,234,.12)}
.paper details,.block details{border:1px solid rgba(153,41,234,.1);border-radius:18px;padding:14px 16px;margin:0 0 12px;background:rgba(153,41,234,.03)}
.sheet{width:100%;border-collapse:collapse;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden}
.sheet th,.sheet td{text-align:left;padding:.75rem .8rem;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem}
.sheet th{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#ddd6fe;font-weight:700}
.sheet tr:last-child td{border-bottom:0}
.sheet a{font-weight:800;text-decoration:none;color:#f8c15a}
.incl{margin:.75rem 0 0;padding-left:1.1rem;color:#e9d5ff}
.login{margin:0;padding-left:1.15rem}
.login li{margin:0 0 .55rem;color:#e9d5ff}
.login strong{display:block;color:#fff}
.defs div{padding:.75rem 0;border-top:1px solid rgba(255,255,255,.12)}
.defs h3{font-size:1.05rem;margin:0 0 .2rem}
.defs p{margin:0;color:#e9d5ff}
.quotes{display:grid;gap:.75rem}
blockquote{margin:0;background:rgba(255,255,255,.07);border-left:3px solid #f59e0b;padding:.8rem .95rem;border-radius:0 12px 12px 0}
blockquote p{margin:0 0 .35rem}
blockquote cite{font-style:normal;color:#ddd6fe;font-size:.88rem}
details{border-top:1px solid rgba(255,255,255,.12);padding:.7rem 0}
summary{cursor:pointer;font-weight:700}
details p{margin:.4rem 0 0;color:#e9d5ff}
.notes{list-style:none;margin:0;padding:0}
.notes li{display:grid;grid-template-columns:72px 1fr;gap:.75rem;align-items:center;padding:.6rem 0;border-top:1px solid rgba(255,255,255,.12)}
.notes img{width:72px;height:52px;object-fit:cover;border-radius:8px}
.notes a{font-weight:700;color:#fff;text-decoration:none}
.notes span{display:block;color:#ddd6fe;font-size:.9rem;font-weight:400}
.close{background:linear-gradient(90deg,#6d28d9,#4c1d95);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:1.8rem 1.7rem;margin:1.7rem 0 2rem}
.close a{color:#f8c15a;font-weight:800}
.frame{margin:0 0 .8rem;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.12);max-height:260px}
.frame img{width:100%;height:220px;object-fit:cover}
.prose p{color:#e9d5ff;max-width:46rem}
.paper .login li,.paper .defs p,.paper details p,.paper .incl,.block .login li,.block .defs p,.block details p,.block .incl{color:#3d3550}
.paper .login strong,.block .login strong{color:#171320}
footer{border-top:1px solid rgba(255,255,255,.1);padding:1.5rem 0 1.8rem;color:#ddd6fe;font-size:.92rem}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1rem}
footer a{color:#fff;text-decoration:none}
footer strong{color:#fff}
@media(max-width:900px){
  .stage,.platforms,.foot,.paper .defs{grid-template-columns:1fr 1fr}
  .stage{grid-template-columns:1fr}
  .col{width:min(100% - 2.5rem,var(--max))}
}
@media(max-width:720px){
  .col{width:min(100% - 1.5rem,var(--max))}
  .block,.panel,.paper{border-radius:20px;padding:1.15rem}
  .paper .login,.paper .quotes,.paper .defs{grid-template-columns:1fr}
  .top nav{display:none}
  .menu{display:block;margin-left:auto;color:#fff}
  .menu[open]{background:#2a0d66;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.4rem .7rem}
  .menu summary{list-style:none;cursor:pointer;font-weight:700}
  .menu a{display:block;padding:.3rem 0;color:#fff;text-decoration:none;font-weight:600}
  .platforms,.glass,.foot,.notes li{grid-template-columns:1fr}
}