@font-face{font-family:Hanken;src:url('./assets/HankenGrotesk-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Hanken;src:url('./assets/HankenGrotesk-800.woff2') format('woff2');font-weight:800;font-display:swap}
:root{color-scheme:dark;--ink:#0c0e11;--paper:#f6f4ef;--accent:#15a6e0;--muted:#b8bbc0}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:Hanken,Arial,sans-serif;font-size:18px;line-height:1.65}a{color:#62c8f0;text-underline-offset:.2em}a:hover{color:#bce9fa}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{width:min(100% - 40px,840px);margin-inline:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:28px;border-bottom:1px solid #34363a}.brand{display:flex;align-items:center;gap:14px;color:var(--paper);font-weight:800;text-decoration:none}.brand img{width:42px;height:30px;object-fit:contain}nav{display:flex;gap:20px;flex-wrap:wrap;font-size:15px}nav a[aria-current=page]{color:var(--paper)}main{padding-block:64px 72px}h1{font-weight:800;font-size:clamp(40px,8vw,66px);line-height:1.05;letter-spacing:-.045em;margin:14px 0 26px}h2{font-weight:800;font-size:25px;line-height:1.25;margin:36px 0 12px;letter-spacing:-.025em}p{margin:0 0 18px}li{margin-block:8px}.eyebrow{font-family:ui-monospace,monospace;text-transform:uppercase;letter-spacing:.15em;font-size:12px;color:var(--accent)}.lead{font-size:23px;line-height:1.5;max-width:720px}.muted{color:var(--muted);font-size:15px}.note{background:#191c20;border:1px solid #34363a;padding:24px;border-radius:14px;margin-block:30px}.note p:last-child{margin-bottom:0}.button{display:inline-block;border-radius:999px;background:var(--accent);color:#081116;text-decoration:none;font-weight:800;padding:12px 22px;margin:8px 12px 0 0}.button:hover{color:#081116;background:#62c8f0}code{font-size:.82em;overflow-wrap:anywhere}footer{border-top:1px solid #34363a;padding-block:24px 36px;font-size:14px;color:var(--muted)}footer p{margin-bottom:10px}.skip{position:absolute;left:16px;top:-90px;padding:10px;background:var(--paper);color:var(--ink)}.skip:focus{top:12px}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;gap:16px}main{padding-top:40px}.lead{font-size:21px}.note{padding:20px}nav{gap:18px}h2{font-size:24px}}