/* Variant C, "Mixing desk": Space Grotesk + Newsreader + JetBrains Mono. Everything is driven by the scroll. */
:root {
  --sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --serif: "Newsreader", Georgia, serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
}
.serif { font-family: var(--serif); font-style: italic; font-weight: 400; letter-spacing: -0.03em; }
.hero h1 { font-weight: 600; letter-spacing: -0.06em; }
.hero h1 strong { font-weight: 700; }
.intro h2, .card h3, .outro h2 { font-weight: 600; letter-spacing: -0.05em; }
.hero-note, .pct, .price span, .mb-time, .demo-small, .card-kicker { font-family: var(--mono); }
.hero-note { letter-spacing: 0; font-size: 13px; }
.price span { font-weight: 700; letter-spacing: -0.06em; }