:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #0e1726; color: #f2f6fa; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: grid; place-items: center; padding: 2rem 1.25rem; }
main { width: min(100%, 42rem); text-align: center; }
.brand { font-size: .85rem; font-weight: 750; letter-spacing: .2em; color: #69dfcc; }
.compass { font-size: 5rem; color: #69dfcc; margin: 2rem 0; }
h1 { font-size: clamp(1.8rem, 6vw, 2.8rem); line-height: 1.15; text-wrap: balance; }
p { line-height: 1.7; color: #cbd5e1; }