:root {
  color-scheme: dark;
  font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #191a1f;
  color: #fff;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  --accent: #a1e870;
  --muted: #b4b6bd;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  padding: clamp(1.5rem, 5vw, 5rem);
}
.site-header { padding-bottom: 2rem; }
.wordmark { color: inherit; font-weight: 750; font-size: 2rem; text-decoration: none; }
.wordmark span { color: var(--accent); }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 8px; }
main { flex: 1; align-content: center; padding-block: 4rem; }
.eyebrow { color: var(--accent); font-size: .875rem; letter-spacing: .18em; font-weight: 650; }
h1 { font-size: clamp(3rem, 9vw, 8rem); line-height: 1.05; letter-spacing: -.045em; margin: 1.5rem 0; font-weight: 650; }
.intro { color: var(--muted); font-size: 1.125rem; line-height: 1.6; }
footer { border-top: 1px solid #363940; padding-top: 1.5rem; color: var(--muted); font-size: .875rem; line-height: 1.6; }