:root{color-scheme:light;--paper:#edf3f8;--ink:#162f46;--muted:#50677a;--accent:#205b96;--line:#c5d4e0;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(24px,6vw,96px)}
a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}
header,footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;font-size:14px;color:var(--muted)}header{border-bottom:1px solid var(--line)}
.wordmark{font-weight:750;font-size:22px;letter-spacing:-1px;text-decoration:none;color:var(--ink)}main{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:72px 0;min-height:480px}
.intro{font-size:clamp(20px,3vw,32px);margin:0 0 12px}h1{font-size:clamp(54px,12vw,176px);font-weight:750;letter-spacing:-.065em;line-height:1.08;margin:0 0 28px;max-width:100%;overflow-wrap:anywhere}
.description{font-size:18px;line-height:1.6;max-width:40ch;margin:0 0 32px;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 26px;border-radius:8px;background:var(--ink);color:white;font-weight:600;text-decoration:none;transition:background .16s,transform .16s}.button:hover{background:var(--accent);transform:translateY(-2px)}.button:active{transform:translateY(0)}
footer{border-top:1px solid var(--line)}footer a{display:inline-flex;align-items:center;min-height:44px}article{max-width:66ch}article h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.035em}article p{line-height:1.7}
@media(max-width:520px){header,footer{align-items:flex-start;flex-direction:column;gap:8px;padding:20px 0}header{gap:16px}main{min-height:400px;padding:56px 0}.button{width:100%}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}