:root { color-scheme: dark; background:#101014; color:#f4f2fa; font: 16px/1.55 system-ui,sans-serif; }
* { box-sizing:border-box; }
body { margin:0; }
a { color:inherit; }
h1 { line-height:1.1; letter-spacing:-.035em; margin: .35em 0; }
.landing { min-height:100vh; display:grid; place-items:center; padding:32px; }
.hero { width:min(680px,100%); border:1px solid #353243; background:#191820; padding:clamp(24px,6vw,64px); border-radius:28px; }
.hero h1 { font-size:clamp(2.5rem,6vw,4rem); }
.hero > p:not(.eyebrow) { max-width:48ch; }
.eyebrow { color:#b9aaff; font-weight:700; margin-bottom:8px; }
:focus-visible { outline:2px solid #dccfff; outline-offset:3px; }
.small { color:#bcb8ca; font-size:.9rem; }
.page-links { display:flex; flex-wrap:wrap; gap:8px 20px; margin-top:24px; }
.page-links a, .info a { color:#d6caff; text-underline-offset:.2em; }
.info { width:min(740px,100%); margin:0 auto; padding:40px 24px 56px; }
.info h1 { font-size:clamp(2rem,5vw,3.25rem); }
.info h2 { margin-top:1.6em; font-size:1.25rem; }
.info > .eyebrow { display:inline-block; margin:0; }