.site{--gutter:24px;--width:1120px;font-size:17px;line-height:1.6}.site .bar,.site .wrap{max-width:var(--width);padding-inline:var(--gutter);margin:0 auto}.site>header{z-index:10;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid color-mix(in srgb, var(--line) 70%, transparent);position:sticky;top:0}.site>header .bar{align-items:center;gap:12px;height:68px;display:flex}.site .nav{align-items:center;gap:22px;margin-left:auto;font-size:15px;display:flex}.site .nav a:not(.button){color:var(--muted);font-weight:500}.site .nav a:not(.button):hover{color:var(--ink)}.site .nav .feedback-link{all:unset;cursor:pointer;color:var(--muted);font-weight:500}.site .nav .feedback-link:hover{color:var(--ink)}.site .nav .feedback-link:focus-visible{outline:2px solid var(--info);outline-offset:3px;border-radius:4px}.site .button{background:var(--primary);color:var(--primary-ink);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;padding:12px 20px;font-size:16px;font-weight:600;transition:opacity .15s;display:inline-flex}.site .button:hover{opacity:.85}.site .button.small{border-radius:8px;padding:7px 13px;font-size:14px}.site .button.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0}.site .button.ghost:hover{opacity:1;background:var(--panel)}.site .lede{max-width:33em;color:var(--muted);margin:0;font-size:20px;line-height:1.5}.site .eyebrow{font-family:var(--font-mono), monospace;letter-spacing:.02em;color:var(--accent);margin:0 0 14px;font-size:13px;font-weight:500}.site h1,.site h2,.site h3{text-wrap:balance}.site>footer{border-top:1px solid var(--line);color:var(--muted);margin-top:32px;font-size:15px}.site>footer .bar{flex-wrap:wrap;align-items:center;gap:12px 32px;padding-block:28px;display:flex}.site>footer .bar>a{color:var(--ink)}.site>footer nav{flex-wrap:wrap;gap:8px 24px;display:flex}.site>footer nav a:hover,.site>footer .feedback-link:hover{color:var(--ink)}.site>footer .feedback-link{all:unset;cursor:pointer}.site>footer p{margin:0 0 0 auto}@media (max-width:640px){.site{--gutter:16px}.site .nav{gap:14px;font-size:14px}.site .nav .feedback-link{display:none}.site .button.small{padding:6px 12px;font-size:13.5px}.site .lede{font-size:18px}.site>footer p{width:100%;margin-left:0}}