/* Variation 2: Editorial / Serif-driven hero override */
.site[data-variant="editorial"] .hero h1 {
  font-family: 'Instrument Serif', 'Times New Roman', serif;
  font-weight: 400;
  font-size: 86px;
  letter-spacing: -0.02em;
  line-height: 0.98;
}
.site[data-variant="editorial"] .hero h1 .accent {
  font-family: inherit;
  font-style: italic;
}
.site[data-variant="editorial"] .hero-grid {
  grid-template-columns: 1.2fr 0.8fr;
  gap: 80px;
}
.site[data-variant="editorial"] h2 {
  font-family: 'Instrument Serif', serif;
  font-weight: 400;
  font-size: 56px;
  letter-spacing: -0.01em;
}
.site[data-variant="editorial"] .cta-final h2 {
  font-family: 'Instrument Serif', serif;
  font-size: 72px;
  font-weight: 400;
}
.site[data-variant="editorial"] .aurora::before { background: radial-gradient(circle, oklch(0.55 0.13 30 / 0.35), transparent 60%); }
.site[data-variant="editorial"] .aurora::after { background: radial-gradient(circle, oklch(0.55 0.16 295 / 0.35), transparent 60%); }

/* Variation 3: Mono / brutalist tech */
.site[data-variant="mono"] {
  --accent: oklch(0.86 0.16 130);   /* lime-ish */
  --accent-2: oklch(0.78 0.16 130);
  --accent-soft: oklch(0.86 0.16 130 / 0.14);
  --accent-line: oklch(0.86 0.16 130 / 0.4);
}
.site[data-variant="mono"] h1,
.site[data-variant="mono"] h2,
.site[data-variant="mono"] h3 {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  letter-spacing: -0.04em;
  font-weight: 500;
}
.site[data-variant="mono"] h1 { font-size: 56px; line-height: 1.05; }
.site[data-variant="mono"] h2 { font-size: 40px; }
.site[data-variant="mono"] .hero h1 .accent {
  font-family: inherit;
  font-style: normal;
  background: var(--accent-soft);
  padding: 0 8px;
  border-radius: 6px;
}
.site[data-variant="mono"] .card,
.site[data-variant="mono"] .cap,
.site[data-variant="mono"] .mode,
.site[data-variant="mono"] .persona,
.site[data-variant="mono"] .testi,
.site[data-variant="mono"] .road-panel,
.site[data-variant="mono"] .stack-detail,
.site[data-variant="mono"] .compare,
.site[data-variant="mono"] .roi,
.site[data-variant="mono"] .chat-demo {
  border-radius: 4px;
}
.site[data-variant="mono"] .btn { border-radius: 4px; }
.site[data-variant="mono"] .eyebrow { border-radius: 4px; }
.site[data-variant="mono"] .aurora::before,
.site[data-variant="mono"] .aurora::after { opacity: 0.18; }