/* Canonical palettes. Components use semantic roles rather than raw colors. */
:root,
[data-scene="daylight"] {
  color-scheme: light;
  --page: #f8f6f1;
  --surface: #fffdf9;
  --surface-alt: #f2eee5;
  --sidebar: #eee9df;
  --well: #e9e3d8;
  --hover: #eee7db;
  --ink: #242822;
  --muted: #626459;
  --faint: #69655b;
  --line: rgb(36 40 34 / 12%);
  --line-strong: rgb(36 40 34 / 22%);
  --accent: #b45319;
  --accent-hover: #954313;
  --on-accent: #ffffff;
  --accent-text: #874019;
  --accent-soft: #f0e3d2;
  --accent-line: rgb(135 64 25 / 20%);
  --success: #536541;
  --success-soft: #e4e9dc;
  --success-line: rgb(83 101 65 / 22%);
  --danger: #a13724;
  --danger-soft: #f7e6df;
  --danger-line: rgb(161 55 36 / 22%);
  --on-danger: #ffffff;
  --banner: #242822;
  --on-banner: #f8f6f1;
  --overlay: rgb(36 40 34 / 38%);
  --shadow: rgb(57 39 20 / 12%);
  --brand: #b45319;
  --radius-control: 10px;
  --radius-panel: 20px;
}
[data-scene="nightfall"] {
  color-scheme: dark;
  --page: #1e201c;
  --surface: #292c26;
  --surface-alt: #252822;
  --sidebar: #171a16;
  --well: #32362e;
  --hover: #34382f;
  --ink: #f4f0e7;
  --muted: #babbb0;
  --faint: #a6a697;
  --line: rgb(244 240 231 / 12%);
  --line-strong: rgb(244 240 231 / 24%);
  --accent: #efae74;
  --accent-hover: #f5c294;
  --on-accent: #281e15;
  --accent-text: #efae74;
  --accent-soft: #3c3024;
  --accent-line: rgb(239 174 116 / 24%);
  --success: #b4c79d;
  --success-soft: #2c3727;
  --success-line: rgb(180 199 157 / 24%);
  --danger: #f2a18d;
  --danger-soft: #3c2924;
  --danger-line: rgb(242 161 141 / 24%);
  --on-danger: #2c1814;
  --banner: #32362e;
  --on-banner: #f4f0e7;
  --overlay: rgb(0 0 0 / 62%);
  --shadow: transparent;
  --brand: #efae74;
}

@font-face{font-family:Figtree;src:url('/fonts/figtree-latin-variable.woff2') format('woff2');font-style:normal;font-weight:300 900;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--page);color:var(--ink);font:16px/1.65 Figtree,system-ui,sans-serif}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--accent-text)}a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p,figure,dl,dd{margin:0}h1,h2,h3{text-wrap:balance;font-weight:550;line-height:1.13;letter-spacing:-.035em}p,dd{text-wrap:pretty}p{color:var(--muted)}svg{flex-shrink:0}.wrap{width:min(1248px,100%);padding-inline:48px;margin-inline:auto}.site-header{display:flex;align-items:center;gap:48px;padding-block:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1px;font-weight:650;text-decoration:none}.brand-mark{width:36px;height:37px;fill:currentColor;color:var(--brand)}.site-header nav{display:flex;gap:32px;margin-left:auto}.site-header nav a,.workspace-link{text-decoration:none;font-size:15px}.site-header [aria-current=page]{color:var(--accent-text);text-decoration:underline}.workspace-link{display:flex;align-items:center;gap:8px;border-left:1px solid var(--line-strong);padding-left:32px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:64px;align-items:center;padding-block:92px 88px}.eyebrow{color:var(--accent-text);font-size:13px;letter-spacing:.02em;display:flex;align-items:center;gap:8px}.little-dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(42px,4.5vw,62px);max-width:22ch;margin-block:24px}h1 span{display:block;color:var(--muted);text-wrap:balance}.lede{font-size:19px;max-width:46ch;line-height:1.65}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:32px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 20px;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-control);text-decoration:none;font-size:15px;font-weight:550}.primary:hover{background:var(--accent-hover);color:var(--on-accent)}.text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;text-decoration:none;color:var(--accent-text)}.text-link:hover{text-decoration:underline}.hero-note{font-size:13px;margin-top:20px}.evidence{border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);overflow:hidden}.evidence figcaption{display:flex;flex-direction:column;gap:5px;padding:22px 28px;border-bottom:1px solid var(--line);background:var(--surface-alt)}.evidence figcaption>span{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:550}.evidence figcaption small{font-size:12px;color:var(--muted);padding-left:26px}.example-moment{display:flex;align-items:flex-start;gap:16px;padding:32px 28px 24px}.timestamp{font-size:12px;font-variant-numeric:tabular-nums;border:1px solid var(--line-strong);border-radius:6px;padding:2px 6px;color:var(--muted)}.example-moment h2{font-size:24px;letter-spacing:-.02em;margin-block:12px}.example-moment p{font-size:14px;line-height:1.7}.replay-track{margin:0 28px 28px;height:28px;display:flex;align-items:center;gap:7px;position:relative}.replay-track:before{content:'';position:absolute;left:0;right:0;height:4px;background:var(--well)}.replay-track span{width:26%}.replay-track i{height:10px;width:6px;background:var(--accent);z-index:1;border-radius:2px}.replay-track b{height:28px;width:2px;background:var(--ink);z-index:1}.example-insight{display:flex;gap:16px;padding:24px 28px;background:var(--accent-soft);color:var(--accent-text)}.example-insight p{font-size:15px;color:var(--ink);line-height:1.6;margin-top:8px}.evidence>.text-link{margin:14px 28px}.section{padding-block:64px;border-top:1px solid var(--line)}.section-heading h2,.closing h2{font-size:40px;margin-block:16px 20px}.section-heading>p:not(.eyebrow){max-width:54ch}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:40px}.feature-grid.two{grid-template-columns:repeat(2,1fr)}.feature-grid dt{font-size:20px;line-height:1.4;font-weight:550;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.feature-grid dt svg{color:var(--accent-text);width:24px;height:24px}.feature-grid dd{font-size:16px;color:var(--muted);margin-top:12px}.feature-grid dd a{display:flex;margin-top:16px}.split{display:grid;grid-template-columns:1.08fr 1fr;gap:64px}.section-heading>.text-link{margin-top:20px}.roadmap-list{display:flex;flex-direction:column;gap:28px}.roadmap-list>div+div{border-top:1px solid var(--line);padding-top:28px}.status{display:inline-flex;font-size:12px;background:var(--success-soft);color:var(--success);padding:3px 9px;border-radius:5px}.status.planned{background:var(--surface-alt);color:var(--muted);border:1px solid var(--line-strong)}.roadmap-list h3{font-size:23px;margin-block:14px 10px}.closing{display:flex;align-items:center;justify-content:space-between;gap:48px;padding-block:60px;border-top:1px solid var(--line)}.closing h2{font-size:32px;margin-bottom:0}.closing .actions{margin:0}.site-footer{display:flex;gap:40px;justify-content:space-between;padding-block:40px;border-top:1px solid var(--line);align-items:flex-start}.site-footer .brand{font-size:23px}.site-footer .brand-mark{width:28px;height:29px}.site-footer p{font-size:13px;margin-top:12px}.site-footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px}.site-footer nav a{font-size:14px;text-decoration:none}.scene-label{display:flex;align-items:center;gap:7px;color:var(--muted)}select{font:inherit;font-size:14px;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;padding:9px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:absolute;left:20px;top:-100px;background:var(--surface);padding:12px;z-index:5}.skip-link:focus{top:12px}.article{padding-block:64px 80px}.page-intro{padding-bottom:48px;border-bottom:1px solid var(--line)}.page-intro h1{max-width:21ch;font-size:56px}.page-intro .lede{max-width:64ch}.article-grid{display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;padding-top:40px}.article-grid>nav{display:flex;flex-direction:column;gap:12px;align-items:flex-start;position:sticky;top:24px;align-self:start}.article-grid>nav a{text-decoration:none;color:var(--muted);font-size:14px}.prose{max-width:72ch}.prose section+section{margin-top:48px}.prose h2{font-size:30px;margin-bottom:20px}.prose .status{margin-bottom:16px}.prose p+p{margin-top:16px}.prose a{color:var(--accent-text)}.prose .primary{color:var(--on-accent)}.prose ul,.prose ol{padding-left:24px;color:var(--muted)}.prose li+li{margin-top:12px}.prose strong{color:var(--ink);font-weight:600}code{font-size:.85em;background:var(--surface-alt);padding:2px 5px;border-radius:4px;overflow-wrap:anywhere}
@media(max-width:1000px){.wrap{padding-inline:32px}.hero,.split{gap:36px}.site-header{gap:24px}.site-header nav{gap:20px}.workspace-link{padding-left:20px}.hero{padding-block:64px}.feature-grid{gap:28px}.hero .actions{gap:12px}.article-grid{grid-template-columns:180px minmax(0,1fr);gap:36px}.closing{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:760px){.wrap{padding-inline:22px}.site-header{padding-block:20px;flex-wrap:wrap;gap:14px}.brand{font-size:24px}.brand-mark{width:31px;height:32px}.site-header nav{order:3;width:100%;gap:26px;margin:0;border-top:1px solid var(--line);padding-top:8px}.site-header nav a{min-height:44px;display:flex;align-items:center}.workspace-link{margin-left:auto;padding-left:0;border:0;min-height:44px}.hero{grid-template-columns:1fr;padding-block:32px 48px;gap:36px}h1{font-size:44px;margin-block:20px}.lede{font-size:18px}.hero .actions{gap:12px 24px}.hero-note{font-size:13px}.example-moment{padding:26px 22px 20px}.evidence figcaption,.example-insight{padding-inline:22px}.section{padding-block:44px}.section-heading h2{font-size:34px}.feature-grid,.feature-grid.two,.split{grid-template-columns:1fr;gap:32px}.feature-grid{margin-top:32px}.feature-grid dt{gap:12px}.feature-grid dd{margin-top:10px}.closing{padding-block:40px}.closing h2{font-size:30px}.site-footer{flex-wrap:wrap;gap:28px}.site-footer>div{width:100%}.site-footer nav{gap:0 24px}.site-footer nav a{min-height:44px;display:flex;align-items:center}.site-footer .scene-label{margin-top:8px}.article{padding-top:32px}.page-intro h1{font-size:42px}.page-intro{padding-bottom:32px}.article-grid{grid-template-columns:1fr;gap:36px;padding-top:24px}.article-grid>nav{position:static;gap:0}.article-grid>nav a{min-height:44px;display:flex;align-items:center;font-size:16px}.prose h2{font-size:28px}.prose section+section{margin-top:36px}.primary,.text-link{font-size:16px}.scene-label select{font-size:16px;min-height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}