:root {
  color-scheme: light dark;
  --bg: #f4f1e8;
  --fg: #1d2a1f;
  --muted: #5b6b5e;
  --accent: #2f7d4f;
}
@media (prefers-color-scheme: dark) {
  :root { --bg: #131a15; --fg: #eef2ea; --muted: #a6b3a8; --accent: #5cc48a; }
}
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; }
body {
  background: var(--bg);
  color: var(--fg);
  font: 18px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.hero {
  flex: 1;
  max-width: 40rem;
  margin: 0 auto;
  padding: 14vh 1.5rem 3rem;
  text-align: center;
}
.mark { display: block; margin: 0 auto 1.5rem; }
h1 { font-size: clamp(2.4rem, 7vw, 4rem); letter-spacing: -0.02em; margin: 0 0 .5rem; }
.lede { font-size: 1.35rem; color: var(--accent); margin: 0 0 1.5rem; font-weight: 600; }
p { margin: 0 0 1rem; }
.soon { color: var(--muted); text-transform: uppercase; letter-spacing: .18em; font-size: .85rem; margin-top: 2.5rem; }
footer { padding: 1.5rem; text-align: center; color: var(--muted); font-size: .9rem; }
a { color: var(--accent); }