:root{color-scheme:dark light;--font: -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", Roboto, sans-serif;--bg: #0b0b0c;--bg-raised: #161618;--fg: #f5f5f2;--fg-muted: #a8a8a3;--line: rgba(245, 245, 242, .14);--glow: rgba(245, 245, 242, .2);--sand: radial-gradient(ellipse at 50% 40%, #d9cdb9 0%, #b5a78f 100%);--accent: #f0a030;--accent-text: #f0a030;--on-accent: #0b0b0c;--nav-bg: rgba(11, 11, 12, .72);--gutter: 16px;--max: 1120px;--nav-h: 48px;--radius: 14px;--t-body: 1.0625rem;--t-lead: clamp(1.25rem, 2.2vw, 1.75rem);--t-h2: clamp(2rem, 4.5vw, 3.5rem);--t-h1: clamp(2.75rem, 7vw, 6rem)}@media(prefers-color-scheme:light){:root{--bg: #f5f5f2;--bg-raised: #ffffff;--fg: #0b0b0c;--fg-muted: #55554f;--line: rgba(11, 11, 12, .14);--glow: rgba(11, 11, 12, .04);--accent-text: #a55a00;--nav-bg: rgba(245, 245, 242, .72)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font);font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}img,svg{max-width:100%;height:auto}a{color:var(--accent-text);text-underline-offset:3px}h1,h2,h3{margin:0;line-height:1.05;font-weight:700;letter-spacing:-.02em}h1{font-size:var(--t-h1)}h2{font-size:var(--t-h2)}h3{font-size:1.5rem;line-height:1.2;letter-spacing:-.01em}p{margin:0}kbd{display:inline-block;min-width:2rem;padding:3px 10px;border-radius:8px;border:1px solid var(--line);border-bottom-width:3px;background:var(--bg);font:600 .9375rem/1.4 var(--font);text-align:center}.lead{font-size:var(--t-lead);line-height:1.35;color:var(--fg-muted);max-width:36em}.eyebrow{color:var(--accent-text);font-size:.875rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.wrap{width:100%;max-width:calc(var(--max) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}main{display:block}.section{padding-block:clamp(96px,14vw,180px)}.section.raised{background:var(--bg-raised)}.section>.wrap>*+*{margin-top:24px}.skip-link{position:absolute;left:var(--gutter);top:-100px;z-index:100;padding:10px 16px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none}.skip-link:focus{top:8px}:focus-visible{outline:3px solid var(--accent-text);outline-offset:3px;border-radius:4px}.nav{position:sticky;top:0;z-index:50;height:var(--nav-h);background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}.nav .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav a{color:var(--fg);text-decoration:none}.wordmark{font-weight:700;letter-spacing:-.01em}.nav ul{display:flex;align-items:center;gap:clamp(12px,3vw,28px);margin:0;padding:0;list-style:none;font-size:.875rem}.nav a{white-space:nowrap}.nav li a:not(.cta){color:var(--fg-muted)}.nav li a:not(.cta):hover,.nav li a[aria-current=page]{color:var(--fg)}.cta{display:inline-block;padding:14px 28px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;text-decoration:none;transition:transform .2s ease,filter .2s ease}.cta:hover{filter:brightness(1.08);transform:translateY(-1px)}.cta.quiet{background:transparent;color:var(--accent-text);box-shadow:inset 0 0 0 1.5px var(--accent-text)}.nav .cta{padding:5px 14px;font-size:.8125rem;color:var(--on-accent)}@media(max-width:480px){.nav ul{gap:12px;font-size:.8125rem}.nav .cta{padding:4px 10px;font-size:.75rem}}.footer{border-top:1px solid var(--line);padding-block:32px;color:var(--fg-muted);font-size:.875rem}.footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px}.footer a{color:var(--fg-muted)}.hero{min-height:calc(100svh - var(--nav-h));display:flex;align-items:center}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.js .reveal.in{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.cta,.cta:hover{opacity:1;transform:none;transition:none}}
