:root { --bg: #faf8f4; --fg: #1d1d1f; --muted: #6b6b70; --accent: #2f5d50; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #16181a; --fg: #f1efea; --muted: #a0a0a6; --accent: #8fc7b3; }
}
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
body {
  display: flex; align-items: center; justify-content: center;
  padding: 24px; background: var(--bg); color: var(--fg);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.5; text-align: center;
}
main { max-width: 36rem; }
.mark { font-weight: 700; letter-spacing: .04em; color: var(--accent); margin: 0 0 1.5rem; }
h1 { font-size: clamp(1.7rem, 5vw, 2.6rem); line-height: 1.2; margin: 0 0 1rem; }
.soon { font-size: 1.15rem; color: var(--muted); margin: 0 0 2rem; }
.contact { margin: 0; }
a { color: var(--accent); }