@font-face{font-family:Display;src:url('/fonts/big-shoulders-display-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Body;src:url('/fonts/atkinson-hyperlegible-latin-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--ground:#22302d;--ink:#ede7da;--muted:#c9c2b4;--accent:#f2c94c;--line:#52605a}
*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font:18px/1.6 Body,sans-serif}::selection{background:var(--accent);color:var(--ground)}
a{color:inherit;text-underline-offset:.2em}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
header,main,footer{width:min(100% - 64px,1056px);margin-inline:auto}
header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px;border-bottom:1px solid var(--line)}
.brand{font:800 36px/1 Display,sans-serif;text-decoration:none}.brand span{color:var(--accent)}
.language{display:flex;align-items:center;gap:12px;font-size:15px}select{min-height:44px;background:var(--ground);color:var(--ink);border:1px solid var(--line);border-radius:2px;padding:8px 12px;font:inherit}
main{padding-block:64px 72px}h1,h2{font-family:Display,sans-serif;letter-spacing:-.02em;text-wrap:balance}h1{font-size:clamp(3.5rem,9vw,6rem);line-height:.98;margin:0 0 28px;max-width:14ch;font-weight:800}h1 br{display:block}
p{max-width:65ch;margin:0}.intro{font-size:clamp(1.25rem,2.5vw,1.5rem);max-width:47ch;line-height:1.5}.audience{margin-top:16px;color:var(--muted)}
.pilot{margin-top:48px;padding-top:28px;border-top:1px solid var(--line);max-width:720px}h2{font-size:clamp(2rem,5vw,2.5rem);line-height:1.1;margin:0 0 12px;font-weight:700}.pilot p{color:var(--muted)}
.demo{margin-top:32px}button{padding:14px 24px;min-height:52px;font:inherit;border:0;border-radius:2px;background:var(--ink);color:var(--ground)}button:disabled{cursor:not-allowed;opacity:1}.demo p{font-size:15px;margin-top:10px;color:var(--muted)}
footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:24px 36px;font-size:15px;color:var(--muted)}
.skip{position:absolute;left:24px;top:-100px;padding:12px;background:var(--accent);color:var(--ground);z-index:1}.skip:focus{top:12px}
@media(max-width:600px){header,main,footer{width:calc(100% - 40px)}header{padding-block:20px;gap:12px}.language>span{display:none}main{padding-block:40px 48px}.pilot{margin-top:36px}.demo button{width:100%;font-size:17px}footer{flex-wrap:wrap}}