/* Night Keynote: near-black stage, a soft violet glow, big tight grotesk type with a gradient headline. */
:root {
  --bg: #07080c;
  --surface: #11131b;
  --ink: #f4f4f6;
  --muted: #9aa0ad;
  --line: #262a38;
  --accent: #8b97ff;
  --accent-ink: #07080c;
  --accent-2: #ff8a63;
  --ok: #6ee7a8;
  --bad: #ff7a7a;
  --font-display: "Deck Grotesk", var(--cjk), system-ui, sans-serif;
  --font-body: "Deck Sans", var(--cjk), system-ui, sans-serif;
  --radius: 26px;
  --pad: 140px;
  --chart-colors: #8b97ff, #ff8a63, #6ee7a8, #f4f4f6, #c59bff;
  --outer: #000000;
}
.deck-stage > section {
  background:
    radial-gradient(900px 600px at 78% 18%, rgb(139 151 255 / 0.22), transparent 70%),
    radial-gradient(700px 500px at 10% 100%, rgb(255 138 99 / 0.12), transparent 70%),
    var(--bg);
}
section h1, section h2 { font-weight: 600; letter-spacing: -0.04em; line-height: 0.98; }
section h1 { font-size: 168px; }
section h2 { font-size: 100px; }
section[data-layout="cover"] h1, section[data-layout="end"] h1 {
  background: linear-gradient(100deg, #ffffff 30%, var(--accent) 70%, var(--accent-2)); -webkit-background-clip: text; background-clip: text; color: transparent;
}
section .kicker { color: var(--accent); }
section em { color: var(--accent-2); font-style: normal; }
.stat { border-top: 1px solid var(--line); }
.stat b { color: var(--ink); font-family: var(--font-display); font-weight: 600; letter-spacing: -0.05em; }
section[data-layout="compare"] .col { background: var(--surface); border: 1px solid var(--line); }
section[data-layout="compare"] .col:last-child { border-color: var(--accent); box-shadow: 0 0 80px rgb(139 151 255 / 0.18); }
section[data-layout="bullets"] li::before { background: linear-gradient(90deg, var(--accent), var(--accent-2)); }
.match .item { background: var(--accent); color: var(--accent-ink); }
.quiz .check, .sort-check { background: var(--accent); color: var(--accent-ink); }
.chart-filter button[aria-pressed="true"] { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }