:root{--black: #090909;--dark: #171717;--white: #fff;--paper: #f5f5f5;--ink: #171717;--muted: #626262;--border: #dddddd;--field: #cccccc;--on-dark: #f5f5f5;--muted-dark: #aeaeae;--dark-border: #363636;--dark-raised: #141414;--dark-hover: #2c2c2c;--accent: #f2f2f2;--accent-ink: #111111;--accent-hover: #dcdcdc;--focus: #808080;--shadow-soft: 0 16px 48px #0000000a;--font-display: "Inter", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-body: 16px;--text-display: clamp(48px, 5.4vw, 76px);--text-heading: clamp(32px, 3.6vw, 48px);--text-closing: clamp(44px, 5.5vw, 72px);--weight-heading: 600;--weight-hero: 650;--tracking-heading: -.04em;--tracking-hero: -.055em;--tracking-body: -.012em;--space: 8px;--section: 128px;--section-head-gap: 64px;--grid-gap: 40px;--hero-space: 64px;--radius: 12px;--radius-sm: 6px;--radius-xs: 4px;--container: 1200px;--gutter: 48px;--duration: .2s;--fg: var(--ink);--fg-muted: var(--muted);--line: var(--border);--bg: var(--white);--surface: var(--white);--surface-raised: #fafafa;--hover: #0000000a;--field-bg: var(--white);--field-line: var(--field);--primary: var(--black);--primary-ink: var(--white);--primary-hover: #333333;--bar: #d9d9d9;--bar-on: #424242;--warn: #d97706}.tone-dark{--fg: var(--on-dark);--fg-muted: var(--muted-dark);--line: var(--dark-border);--bg: var(--black);--surface: var(--dark-raised);--surface-raised: #1a1a1a;--hover: #ffffff0f;--field-bg: #0d0d0d;--field-line: #424242;--primary: var(--accent);--primary-ink: var(--accent-ink);--primary-hover: var(--accent-hover);--bar: #2c2c2c;--bar-on: #d9d9d9;--warn: #f0a23b;background:var(--bg);color:var(--fg);color-scheme:dark}[data-theme=dark]{--fg: var(--on-dark);--fg-muted: var(--muted-dark);--line: #2a2a2a;--bg: var(--black);--surface: #121212;--surface-raised: #181818;--hover: #ffffff0d;--field-bg: #0d0d0d;--field-line: #3a3a3a;--primary: var(--accent);--primary-ink: var(--accent-ink);--primary-hover: var(--accent-hover);--bar: #2c2c2c;--bar-on: #d9d9d9;--warn: #f0a23b;color-scheme:dark}[data-theme=light]{--fg: var(--ink);--fg-muted: var(--muted);--line: #e4e4e4;--bg: #f6f6f6;--surface: var(--white);--surface-raised: #fafafa;--hover: #0000000a;--field-bg: var(--white);--field-line: var(--field);--primary: var(--black);--primary-ink: var(--white);--primary-hover: #333333;--bar: #e2e2e2;--bar-on: #424242;--warn: #d97706;color-scheme:light}.tone-soft{--bg: var(--paper);--surface: var(--white);background:var(--bg);color:var(--fg)}@media(max-width:1024px){:root{--section: 88px;--section-head-gap: 48px;--grid-gap: 32px;--hero-space: 56px;--gutter: 48px}}@media(max-width:768px){:root{--section: 64px;--section-head-gap: 40px;--grid-gap: 24px;--hero-space: 48px;--gutter: 28px}}@media(max-width:480px){:root{--gutter: 20px}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--fg);font:var(--text-body) / 1.6 var(--font-body);letter-spacing:var(--tracking-body);font-optical-sizing:auto;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}select{appearance:none;padding-right:40px!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23808080' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button,summary,select{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--focus);outline-offset:5px}button:focus-visible,a:focus-visible{border-radius:var(--radius-xs)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-heading);letter-spacing:var(--tracking-heading);line-height:1.1}h1{font-size:var(--text-display);font-weight:var(--weight-hero);letter-spacing:var(--tracking-hero);line-height:1.08}h2{font-size:var(--text-heading);line-height:1.16}h3{font-size:24px}p{max-width:70ch}code,.mono{font-family:var(--font-mono);letter-spacing:0}small{font-size:12px}svg{flex:none}[hidden]{display:none!important}.container{width:min(var(--container),calc(100% - 2 * var(--gutter)));margin-inline:auto}.stack{display:flex;flex-direction:column;gap:var(--gap, 8px)}.row{display:flex;align-items:center;gap:var(--gap, 8px)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap, 8px)}.fill{flex:1 1 0;min-width:0}.stack>*,.row>*,.cluster>*{min-width:0}.muted{color:var(--fg-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-200%);background:var(--white);color:var(--black);padding:12px;z-index:10}.skip-link:focus{transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}body.tone-dark{min-height:100dvh;background:radial-gradient(ellipse at 78% 18%,#202020 0%,#111 38%,var(--black) 72%) fixed}
