:root{--canvas:#f4f2ef;--canvas-deep:#eae7e2;--surface:#fff;--surface-2:#fbfaf8;--chrome:#101116;--chrome-2:#1b1d24;--ink:#14151a;--ink-soft:#52545c;--ink-faint:#8b8d95;--accent:#2563eb;--accent-2:#0ea5e9;--fig-1:#1d4ed8;--fig-2:#2f6fe4;--fig-3:#4d8bef;--accent-soft:color-mix(in oklab, var(--accent) 9%, white);--accent-line:color-mix(in oklab, var(--accent) 26%, transparent);--teal:#0d9488;--amber:#b45309;--hairline:#e6e3dd;--rule:#d3d0c9;--shell:min(1600px, 94vw);--r-sm:8px;--r:14px;--r-lg:20px;--lift-1:0 1px 2px #1011160d, 0 1px 3px #1011160a;--lift-2:0 2px 4px #1011160d, 0 8px 24px #10111612;--lift-3:0 4px 10px #10111612, 0 18px 48px #1011161c;--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--canvas:#0d0e12;--canvas-deep:#08090c;--surface:#16181e;--surface-2:#1b1e25;--chrome:#08090c;--chrome-2:#12141a;--ink:#eef0f4;--ink-soft:#a4a7b0;--ink-faint:#74777f;--accent:#60a5fa;--accent-2:#38bdf8;--fig-1:#4d8bef;--fig-2:#3272e0;--fig-3:#2563eb;--accent-soft:color-mix(in oklab, var(--accent) 14%, #16181e);--accent-line:color-mix(in oklab, var(--accent) 32%, transparent);--teal:#5eead4;--amber:#fbbf24;--hairline:#262a33;--rule:#363b46;--lift-1:0 1px 2px #0006;--lift-2:0 2px 4px #00000059, 0 8px 24px #0006;--lift-3:0 4px 10px #0006, 0 18px 48px #00000080}}:root[data-theme=dark]{--canvas:#0d0e12;--canvas-deep:#08090c;--surface:#16181e;--surface-2:#1b1e25;--chrome:#08090c;--chrome-2:#12141a;--ink:#eef0f4;--ink-soft:#a4a7b0;--ink-faint:#74777f;--accent:#60a5fa;--accent-2:#38bdf8;--fig-1:#4d8bef;--fig-2:#3272e0;--fig-3:#2563eb;--accent-soft:color-mix(in oklab, var(--accent) 14%, #16181e);--accent-line:color-mix(in oklab, var(--accent) 32%, transparent);--teal:#5eead4;--amber:#fbbf24;--hairline:#262a33;--rule:#363b46;--lift-1:0 1px 2px #0006;--lift-2:0 2px 4px #00000059, 0 8px 24px #0006;--lift-3:0 4px 10px #0006, 0 18px 48px #00000080}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(58rem 34rem at 8% -12%, color-mix(in oklab, var(--accent) 8%, transparent), transparent 62%), radial-gradient(48rem 30rem at 96% 4%, color-mix(in oklab, var(--accent-2) 6%, transparent), transparent 58%), var(--canvas);background-attachment:fixed;margin:0;font-size:16.5px;line-height:1.62}.shell{width:var(--shell);margin-inline:auto}h1{letter-spacing:-.032em;text-wrap:balance;margin:0 0 18px;font-size:clamp(34px,5.2vw,62px);font-weight:760;line-height:1.04}h2{letter-spacing:-.021em;text-wrap:balance;margin:0 0 14px;font-size:clamp(23px,2.7vw,32px);font-weight:700;line-height:1.18}h3{letter-spacing:-.012em;margin:0 0 7px;font-size:17.5px;font-weight:660;line-height:1.3}p{text-wrap:pretty;max-width:66ch;margin:0 0 15px}.lede{color:var(--ink-soft);max-width:60ch;font-size:clamp(17px,1.5vw,19.5px);line-height:1.55}.eyebrow{letter-spacing:.13em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin:0 0 14px;font-size:11px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);border-radius:2px;width:22px;height:2px}.why{color:var(--ink-soft);font-size:14.8px;line-height:1.55}a{color:var(--accent);text-underline-offset:2px;text-decoration-thickness:1px}.site-header{z-index:40;background:color-mix(in oklab, var(--surface) 88%, transparent);-webkit-backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--hairline);color:var(--ink);position:sticky;top:0}.site-header .shell{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;min-height:62px;display:flex}.brand{color:inherit;letter-spacing:-.02em;transition:opacity .2s var(--ease);align-items:center;gap:9px;font-size:18.5px;font-weight:750;text-decoration:none;display:inline-flex}.brand:hover{opacity:.82}.brand .chip{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);background:linear-gradient(135deg, color-mix(in oklab, var(--accent) 14%, transparent), color-mix(in oklab, var(--accent-2) 10%, transparent));border:1px solid var(--accent-line);border-radius:999px;padding:3px 8px;font-size:9.5px;font-weight:700}.header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.site-nav{flex-wrap:wrap;gap:2px;display:flex}.site-nav a{color:var(--ink-soft);transition:color .18s var(--ease), background .18s var(--ease);border-radius:9px;padding:7px 12px;font-size:14px;font-weight:520;text-decoration:none;position:relative}.site-nav a:hover{color:var(--ink);background:var(--accent-soft)}.site-nav a[aria-current=page]{color:var(--ink);font-weight:640}.site-nav a[aria-current=page]:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));height:2px;animation:underline .42s var(--ease-out) both;border-radius:2px;position:absolute;bottom:2px;left:12px;right:12px}@keyframes underline{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.lang-switch{background:var(--surface-2);border:1px solid var(--hairline);border-radius:999px;gap:2px;padding:3px;display:flex}.lang-switch a{color:var(--ink-faint);transition:color .18s var(--ease), background .18s var(--ease);border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:640;text-decoration:none}.lang-switch a:hover{color:var(--ink)}.lang-switch a[aria-current=true]{color:var(--surface);background:var(--ink)}.theme-toggle{border:1px solid var(--hairline);background:var(--surface-2);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;transition:background .18s var(--ease), color .18s var(--ease);border-radius:999px;place-items:center;display:inline-grid}.theme-toggle:hover{background:var(--accent-soft);color:var(--accent)}.theme-toggle svg{width:17px;height:17px}.theme-toggle .i-moon{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .i-sun{display:none}:root:not([data-theme=light]) .theme-toggle .i-moon{display:block}}:root[data-theme=dark] .theme-toggle .i-sun{display:none}:root[data-theme=dark] .theme-toggle .i-moon,:root[data-theme=light] .theme-toggle .i-sun{display:block}:root[data-theme=light] .theme-toggle .i-moon{display:none}main{padding-block:64px 96px}section+section{margin-top:clamp(64px,8vw,104px)}.section-head{max-width:62ch;margin-bottom:28px}.hero{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:center;gap:clamp(28px,4vw,56px);padding-block:clamp(12px,3vw,34px) 0;display:grid}@media (width<=980px){.hero{grid-template-columns:minmax(0,1fr)}}.hero h1 .grad{background:linear-gradient(120deg, var(--accent), var(--accent-2) 62%, color-mix(in oklab, var(--accent) 70%, var(--teal)));color:#0000;-webkit-background-clip:text;background-clip:text}.demo{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:var(--lift-3);padding:20px;position:relative;overflow:hidden}.demo:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2), var(--teal));height:3px;position:absolute;inset:0 0 auto}.demo-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);align-items:center;gap:7px;margin-bottom:9px;font-size:10.5px;font-weight:700;display:flex}.demo-label .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.demo-row{font-family:var(--mono);border-radius:var(--r-sm);border:1px solid var(--hairline);white-space:pre-wrap;word-break:break-word;padding:12px 13px;font-size:12px;line-height:1.62;overflow-x:auto}.demo-row.before{background:var(--surface-2);color:var(--ink-soft)}.demo-row.after{background:color-mix(in oklab, var(--teal) 7%, var(--surface));border-color:color-mix(in oklab, var(--teal) 28%, transparent);color:var(--ink)}.demo-row .miss{color:var(--amber);font-style:italic}.demo-row .fix{color:var(--teal);font-weight:600}.demo-arrow{color:var(--ink-faint);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:9px;margin:11px 0;font-size:11.5px;font-weight:600;display:flex}.demo-arrow:before,.demo-arrow:after{content:"";background:var(--hairline);flex:1;height:1px}.btn{letter-spacing:-.005em;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));box-shadow:var(--lift-2), inset 0 1px 0 #ffffff2e;isolation:isolate;transition:transform .22s var(--ease), box-shadow .22s var(--ease), filter .22s var(--ease);border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:640;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";z-index:-1;transition:transform .62s var(--ease-out);background:linear-gradient(110deg,#0000 20%,#ffffff42 42%,#0000 62%);position:absolute;inset:0;transform:translate(-120%)}.btn:hover{box-shadow:var(--lift-3), inset 0 1px 0 #ffffff38;transform:translateY(-2px)}.btn:hover:after{transform:translate(120%)}.btn:active{transition-duration:80ms;transform:translateY(0)}.btn.ghost{color:var(--ink);background:var(--surface);border-color:var(--rule);box-shadow:var(--lift-1)}.btn.ghost:hover{border-color:var(--accent-line);background:var(--surface);box-shadow:var(--lift-2)}.btn.ghost:after{display:none}.btn .arrow{transition:transform .24s var(--ease)}.btn:hover .arrow{transform:translate(3px)}.btn-row{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.cta-hint{opacity:.72;margin-top:10px;font-size:.86rem}.grid{grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r);box-shadow:var(--lift-1);transition:transform .26s var(--ease), box-shadow .26s var(--ease), border-color .26s var(--ease);padding:22px 22px 24px;position:relative;container-type:inline-size}.card:hover{border-color:var(--accent-line);box-shadow:var(--lift-2);transform:translateY(-3px)}.card:before{content:"";border-radius:var(--r) var(--r) 0 0;background:linear-gradient(90deg, var(--accent), var(--accent-2));opacity:0;height:2px;transition:opacity .26s var(--ease);position:absolute;inset:-1px -1px auto}.card:hover:before{opacity:1}.card h3{align-items:center;gap:9px;display:flex}.card .badge{font-variant-numeric:tabular-nums;color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:9px;flex:none;place-items:center;width:26px;height:26px;font-size:12.5px;font-weight:700;display:inline-grid}.steps{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:12px;display:grid}.step{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r);box-shadow:var(--lift-1);transition:transform .24s var(--ease), box-shadow .24s var(--ease), border-color .24s var(--ease);grid-template-columns:38px 1fr;align-items:start;gap:14px;padding:18px 20px;display:grid;position:relative}.step:hover{border-color:var(--accent-line);box-shadow:var(--lift-2);transform:translateY(-2px)}.step .n{font-variant-numeric:tabular-nums;width:32px;height:32px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);transition:color .24s var(--ease), background .24s var(--ease);border-radius:10px;place-items:center;font-size:13.5px;font-weight:730;display:grid}.step:hover .n{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-color:#0000}.step .why{margin:5px 0 0;font-size:14px}.steps:has(>:nth-child(7)):not(:has(>:nth-child(8)))>:nth-child(7){grid-column:1/-1}code,kbd,pre{font-family:var(--mono)}code{background:var(--accent-soft);color:color-mix(in oklab, var(--accent) 78%, var(--ink));border:1px solid color-mix(in oklab, var(--accent) 14%, transparent);border-radius:5px;padding:1.5px 6px;font-size:.88em}pre{background:var(--chrome);color:#e6e8ef;border-radius:var(--r);box-shadow:var(--lift-2);border:1px solid #ffffff12;padding:18px 20px;font-size:13px;line-height:1.68;position:relative;overflow-x:auto}pre code{color:inherit;font-size:inherit;background:0 0;border:none;padding:0}.people-row{grid-template-columns:repeat(5,1fr);align-items:stretch;gap:14px;display:grid}@media (width<=860px){.people-row{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.people-row{grid-template-columns:1fr}}.card.person{flex-direction:column;display:flex}.person .head{align-items:center;gap:14px;margin-bottom:13px;display:flex}.person .portrait{object-fit:cover;object-position:center 22%;background:var(--surface-2);border:1px solid var(--hairline);border-radius:50%;flex:none;width:96px;height:96px}.person .logo{object-fit:contain;border:1px solid var(--hairline);background:#fff;border-radius:8px;width:100%;height:68px;margin-top:14px;padding:8px 12px}.person .links+.logo,.person .why+.logo{margin-top:auto}.institutions{flex-wrap:wrap;align-items:stretch;gap:18px;margin-top:4px;display:flex}.institutions figure{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-md);flex-direction:column;flex:260px;gap:10px;max-width:360px;margin:0;padding:16px;display:flex}.institutions img{object-fit:contain;object-position:left center;background:#fff;border-radius:6px;width:100%;height:92px;padding:6px 10px}.institutions figcaption{color:var(--ink-faint);font-size:13.5px;line-height:1.45}.person .portrait.draft{border:2px dashed var(--amber);background:0 0;padding:0}.person .photo-todo{margin:-6px 0 11px;display:block}.person .links{flex-wrap:wrap;gap:14px;margin-top:13px;font-size:14px;font-weight:560;display:flex}.todo{font-family:var(--mono);color:var(--amber);background:color-mix(in oklab, var(--amber) 12%, transparent);border:1px dashed color-mix(in oklab, var(--amber) 42%, transparent);border-radius:6px;padding:2px 8px;font-size:12px;display:inline-block}.draft{border-bottom:2px dotted var(--amber);background:linear-gradient(transparent 72%, color-mix(in oklab, var(--amber) 16%, transparent) 72%);padding:0 1px}.btn.draft{background:linear-gradient(135deg, var(--accent), var(--accent-2));border:1px dashed var(--amber);padding:12px 22px}.btn.draft:after{content:none}.cta-todo{vertical-align:middle;margin-left:8px}.draft:after{content:"provisional";font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--amber);background:color-mix(in oklab, var(--amber) 13%, transparent);vertical-align:2px;white-space:nowrap;border-radius:5px;margin-left:7px;padding:1px 6px;font-size:9.5px}.draft-banner{color:#ffedd5;text-align:center;background:linear-gradient(90deg,#7c2d12,#9a3412);padding:9px 16px;font-size:13px}.draft-banner code{color:#ffedd5;background:#ffffff24;border-color:#0000}.site-footer{border-top:1px solid var(--hairline);background:color-mix(in oklab, var(--canvas-deep) 60%, transparent);color:var(--ink-soft);padding-block:34px 48px;font-size:14px}.site-footer .shell{flex-wrap:wrap;justify-content:space-between;gap:20px;display:flex}.site-footer a{color:var(--ink-soft);text-decoration:none}.site-footer a:hover{color:var(--accent)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.reveal{animation:linear both reveal view();animation-range:entry entry 48%}.stagger>*{animation:linear both reveal view();animation-range:entry entry 46%}.stagger>:nth-child(2){animation-range:entry 5% entry 51%}.stagger>:nth-child(3){animation-range:entry 10% entry 56%}.stagger>:nth-child(4){animation-range:entry 6% entry 52%}.stagger>:nth-child(5){animation-range:entry 11% entry 57%}.stagger>:nth-child(6){animation-range:entry 16% entry 62%}.stagger>:nth-child(n+7){animation-range:entry 8% entry 54%}}}@keyframes reveal{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.enter{opacity:1;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:none}@starting-style{.enter{opacity:0;transform:translateY(22px)}}.enter-2{transition-delay:90ms}.enter-3{transition-delay:.18s}.enter-4{transition-delay:.27s}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:6px}.skip{background:var(--surface);color:var(--ink);border:1px solid var(--rule);box-shadow:var(--lift-2);z-index:60;border-radius:10px;padding:11px 18px;font-weight:600;position:absolute;left:-9999px}.skip:focus{top:12px;left:14px}@view-transition{navigation:auto}@media (prefers-reduced-motion:no-preference){::view-transition-old(root){animation:fade-out .16s var(--ease) both}::view-transition-new(root){animation:fade-in .28s var(--ease-out) both}}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}}.chain{align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex}.chain>:not(.chain-arrow){flex:1 1 0;min-width:0}.chain-arrow{flex:0 0 26px;justify-content:center;align-items:center;display:flex}.chain-arrow:before{content:"";background:var(--accent);border-radius:3px 0 0 3px;width:11px;height:5px}.chain-arrow:after{content:"";border-left:10px solid var(--accent);border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0}@media (width<=760px){.chain{flex-direction:column}.chain>.chain-arrow{flex-basis:26px;transform:rotate(90deg)}}
