* { box-sizing:border-box; }
html,body { height:100%; margin:0; }
body { min-height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding:2rem 1.2rem; background:#0a0a0a; color:#f5f5f4; font-family:system-ui,-apple-system,sans-serif; }
nav { position:fixed; top:0; left:0; right:0; display:flex; justify-content:center; gap:2.2rem; padding:1.1rem; font-size:.85rem; letter-spacing:.14em; text-transform:uppercase; }
nav a { color:#a8a29e; text-decoration:none; }
h1 { font-size:clamp(2.2rem,8vw,4.4rem); font-weight:650; letter-spacing:-.04em; margin:0 0 .6rem; max-width:12ch; }
p { color:#a8a29e; max-width:36ch; margin:0 0 1.6rem; }
.huge { display:inline-block; background:#f5f5f4; color:#0a0a0a; text-decoration:none; font-weight:700; padding:1rem 1.8rem; font-size:1.05rem; }
.mini { position:fixed; bottom:1rem; font-size:.75rem; color:#57534e; }
.mini a { color:#78716c; }
.huge:hover { filter:brightness(.92); }
a:focus-visible { outline:2px solid #f5f5f4; outline-offset:4px; }
.sub { max-width:42ch; color:#78716c; font-size:.92rem; }