:root { color-scheme: light dark; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; background: #f4f5f7; color: #17191d; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(42rem, calc(100% - 3rem)); padding: 4rem 0; }
.eyebrow { color: #596273; font-size: .8rem; text-transform: uppercase; }
h1 { font-size: clamp(2rem, 8vw, 4rem); font-weight: 650; margin: .5rem 0 1.5rem; letter-spacing: 0; }
p { line-height: 1.7; }
nav { display: flex; gap: 1.2rem; margin-top: 2.5rem; }
a { color: #1358a0; text-underline-offset: .25rem; }
@media (prefers-color-scheme: dark) { :root { background: #15171a; color: #eef0f3; } .eyebrow { color: #9ba5b5; } a { color: #7db7f2; } }