:root { color-scheme: light dark; font-family: system-ui, sans-serif; color: #263b35; background: #f5f7f4; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100dvh; display: flex; flex-direction: column; padding: 32px 24px; }
main { margin: auto; text-align: center; }
h1 { font-size: clamp(36px, 6vw, 56px); letter-spacing: .05em; font-weight: 600; }
p { line-height: 1.8; }
.eyebrow { font-size: 12px; letter-spacing: .25em; color: #52685e; }
footer { text-align: center; padding-top: 40px; font-size: 12px; }
a { color: #52685e; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }
a:hover { text-decoration: underline; }
@media (prefers-color-scheme: dark) { :root { color: #e0ebe4; background: #14201d; } .eyebrow, a { color: #a9bfb1; } }