@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.1gyfqm5yhhzs7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.p.357dd_6abeqge.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.17-aodiw50953.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.archivo_e0ebfdeb-module__tVXIRW__className{font-family:Archivo,Archivo Fallback;font-style:normal}.archivo_e0ebfdeb-module__tVXIRW__variable{--font-archivo:"Archivo", "Archivo Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.2f7nqdagzwx2-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.176arc174-8zp.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.0bp8oijd_gu96.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.1fby2rem9ngyr.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.0vfdmo25voy_0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.3t6q91iet4nsy.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_8be3b53a-module__CxiPNW__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_8be3b53a-module__CxiPNW__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
@font-face{font-family:clashDisplay;src:url(../media/ClashDisplay_Variable-s.p.32x5rqpdt5hru.woff2)format("woff2");font-display:swap;font-weight:200 700}@font-face{font-family:clashDisplay Fallback;src:local(Arial);ascent-override:77.76%;descent-override:21.84%;line-gap-override:7.86%;size-adjust:114.46%}.clashdisplay_7104cfd1-module__IdS-tW__className{font-family:clashDisplay,clashDisplay Fallback}.clashdisplay_7104cfd1-module__IdS-tW__variable{--font-clash-display:"clashDisplay", "clashDisplay Fallback"}
:root{--ux-canvas:#f3f3f3;--ux-surface:#fff;--ux-sidebar:#fafafa;--ux-soft:#f5f5f5;--ux-selected:#e4e4e7;--ux-board:#fafafa;--ux-row-header:#f4f4f5;--ux-text:#101426;--ux-muted:#5f606b;--ux-on-primary:#fff;--ux-border:#e4e4e7;--ux-border-quiet:#e7e7ea;--ux-input:#d9d9de;--ux-primary:#18181b;--ux-success:#18794e;--ux-success-soft:#e7f3ed;--ux-danger:#b42318;--ux-danger-soft:#fef3f2;--ux-danger-border:#fda29b;--ux-danger-text:#e40014;--ux-drop-border:#fb2c36;--ux-drop-surface:#ffe2e2;--ux-alert-surface:#fef2f2;--ux-alert-border:#ffcaca;--ux-alert-text:var(--ux-danger-text);--ux-recall:#5f60cb;--ux-phase-a:#efefef;--ux-phase-b:#e7e7e7;--ux-phase-c:#dfdfdf;--ux-scrollbar:#a4a4ad;--ux-track:#eeeef0;--ux-thumb:#a3a3ad;--ux-mark:#fff085;--ux-match:#f99c00;--ux-match-soft:#fffbeb;--ux-persona-chip:#dbeafe;--ux-diagram-surface:var(--ux-surface);--ux-diagram-text:#171717;--ux-diagram-border:#e5e5e5;--ux-diagram-line:#737373;--ux-scrim:#000;--ux-radius-panel:1rem;--ux-radius-control:.625rem;--ux-radius-button:.5625rem;--ux-radius-badge:.5rem;--ux-radius-xs:.25rem;--ux-text-label:.8125rem;--ux-text-micro:.6875rem;--ux-font-sans:"Geist", ui-sans-serif, system-ui, sans-serif;--ux-font-mono:Menlo, ui-monospace, SFMono-Regular, monospace;--ux-duration-fast:.15s;--ux-duration-base:.2s;--ux-duration-slow:.5s;--ux-duration-popover-open:.18s;--ux-duration-popover-close:.125s;--ux-duration-sheet-open:.24s;--ux-duration-sheet-close:.18s;--ux-duration-scrim:.3s;--ux-ease-out:cubic-bezier(.23, 1, .32, 1);--ux-ease-in-out:cubic-bezier(.77, 0, .175, 1);--ux-ease-drawer:cubic-bezier(.32, .72, 0, 1)}@supports (color:lab(0% 0 0)){:root{--ux-board:lab(98.26% 0 0);--ux-row-header:lab(96.1634% .0993311 -.364041);--ux-danger-text:lab(48.4493% 77.4328 61.5452);--ux-drop-border:lab(55.4814% 75.0732 48.8528);--ux-drop-surface:lab(92.243% 10.2865 3.83865);--ux-alert-surface:lab(96.5005% 4.18508 1.52328);--ux-alert-border:lab(86.017% 19.8815 7.75869);--ux-mark:lab(94.3433% -5.00429 52.9663);--ux-match:lab(72.7183% 31.8672 97.9407);--ux-match-soft:lab(98.6252% -.635922 8.42309);--ux-persona-chip:lab(92.0301% -2.24757 -11.6453)}}
:root{--page:#fafaf9;--surface:#fff;--panel:#f4f3f1;--ink:#1c1c1e;--body:#5c5c63;--muted:#7a7a80;--nav-text:#3a3a3f;--line:#ecebe8;--line-strong:#deddd9;--rule:#e4e3df;--connector:#c9c8c4;--sketch:#dcdbd7;--tested:#d8dfea;--on-ink:#fff;--ink-hover:#34343a;--ink-wash:#1c1c1e0f;--surface-hover:#fdfdfc;--window-border:#d9dbe0;--window-bar:#f6f6f7;--window-bar-line:#e3e4e8;--window-title:#4a4b52;--window-canvas:#f3f3f3;--light-close:#ff5f57;--light-close-edge:#e2463f;--light-minimize:#febc2e;--light-minimize-edge:#e1a116;--light-zoom:#28c840;--light-zoom-edge:#1aab29;--light-zoom-glyph:#0a5c16;--shadow-hairline:0 1px 2px #1c1c1e0f;--shadow-window:0 40px 90px -30px #1c243340, 0 2px 8px #1c1c1e14;--shadow-window-compact:0 24px 56px -20px #1c243333, 0 2px 6px #1c1c1e0f;--shadow-terminal:0 30px 70px -30px #3c325029;--shadow-mark:0 20px 40px -16px #1c1c1e73;--shadow-mark-compact:0 16px 32px -14px #1c1c1e73;--shadow-floating:0 14px 36px -16px #1c24334d, 0 1px 2px #1c1c1e0f;--shadow-dialog:0 40px 120px -24px #10142673;--floating-surface:#ffffffe0;--floating-border:#1c1c1e14;--backdrop:#14161e5c;--board-border-strong:#d4d4d8;--board-code:#71717a;--board-code-active:#a1a1aa;--display:var(--font-clash-display), var(--font-archivo), system-ui, sans-serif;--sans:var(--font-archivo), system-ui, -apple-system, "Segoe UI", sans-serif;--app:var(--sans);--code:var(--font-mono), ui-monospace, Menlo, monospace;--content:1312px;--gutter:64px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--horizon:linear-gradient(180deg, #fcfcfc 0%, #f6f6f7 46%, #e9eaee 68%, #e0e2e8 76%, #eeeff2 90%, #f4f4f6 100%);--horizon-reverse:linear-gradient(180deg, #f4f4f6 0%, #eeeff2 30%, #e0e2e8 62%, #e9eaee 78%, #f6f6f7 100%);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-9:36px;--space-12:48px;--space-16:64px;--text-display:clamp(48px, 5vw, 72px);--leading-display:1.05;--tracking-display:-.02em;--text-heading:clamp(36px, 3.4vw, 48px);--leading-heading:1.08;--tracking-heading:-.015em;--text-title:18px;--leading-title:24px;--text-lead:18px;--leading-lead:28px;--text-body:16px;--leading-body:24px;--text-ui:14px;--leading-ui:18px;--text-label:13px;--leading-label:16px;--text-caption:12px;--leading-caption:16px;--text-micro:11px;--leading-micro:14px;--text-terminal:13.5px;--leading-terminal:26px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--radius-pill:999px;--radius-round:50%;--radius-section:40px;--radius-section-compact:28px;--radius-card:24px;--radius-surface:20px;--radius-block:14px;--radius-frame:12px;--radius-control:10px;--radius-badge:8px;--dur-fast:.15s;--dur-hover:.16s;--dur-base:.2s;--dur-slow:.5s;--dur-reveal:.7s;--dur-enter:.9s;--stagger-card:90ms;--stagger-step:.15s;--dur-dialog-open:.44s;--dur-dialog-close:.2s;--dialog-exit-shift:12px;--dialog-exit-scale:.985;--dialog-origin-radius:var(--radius-frame);--board-width:1184px;--measure-prose:620px;--window-max:1200px;--anchor-offset:104px;--icon-sm:14px;--icon-md:16px;--light-size:12px;--wordmark-gap:.343;--z-raised:1;--z-floating:50;--mask-solid:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@supports (background:linear-gradient(in oklab 180deg, red, blue)){:root{--horizon:linear-gradient(in oklab 180deg, #fbfbfa 0%, #f5f6f8 46%, #e4e9f1 68%, #d8dfea 76%, #eceff4 90%, #f4f5f8 100%);--horizon-reverse:linear-gradient(in oklab 180deg, #f4f5f8 0%, #eceff4 30%, #d8dfea 62%, #e4e9f1 78%, #f5f6f8 100%)}@supports (color:lab(0% 0 0)){:root{--horizon:linear-gradient(in oklab 180deg, lab(98.6183% -.138998 .379431) 0%, lab(96.8557% -.0872612 -1.14099) 46%, lab(92.1869% -.583291 -4.54574) 68%, lab(88.5741% -.850797 -6.42316) 76%, lab(94.2906% -.295818 -2.65789) 90%, lab(96.4973% .0540018 -1.51899) 100%);--horizon-reverse:linear-gradient(in oklab 180deg, lab(96.4973% .0540018 -1.51899) 0%, lab(94.2906% -.295818 -2.65789) 30%, lab(88.5741% -.850797 -6.42316) 62%, lab(92.1869% -.583291 -4.54574) 78%, lab(96.8557% -.0872612 -1.14099) 100%)}}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;-webkit-text-size-adjust:100%}body{background:var(--page);color:var(--ink);font-family:var(--sans);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p,figure,ul,ol,pre{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}code,samp,pre,.mono{font-family:var(--code);font-feature-settings:"calt" 0, "liga" 0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}[id]{scroll-margin-top:var(--anchor-offset)}.actions{gap:var(--space-3);display:flex}.button{padding:var(--space-4) var(--space-6);border-radius:var(--radius-pill);font-size:16px;font-weight:var(--weight-medium);transition:background-color var(--dur-hover) ease, border-color var(--dur-hover) ease, transform var(--dur-hover) ease;justify-content:center;align-items:center;gap:10px;line-height:20px;display:inline-flex}.button:active{transform:scale(.98)}.button-primary{background:var(--ink);color:var(--on-ink);padding-inline:26px}.button-github{width:18px;height:18px;display:inline-flex}.button-github svg{width:100%;height:100%}.button-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.button-secondary svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}@media (hover:hover){.button-primary:hover,.pill:hover{background:var(--ink-hover)}.button-secondary:hover{border-color:var(--line-strong);background:var(--surface-hover)}.nav-links a:hover,.footer-links a:hover{color:var(--ink)}}.hero-wrap{padding:var(--space-3)}.hero{border-radius:var(--radius-section);background:var(--horizon);flex-direction:column;align-items:center;padding-bottom:96px;display:flex}.nav{width:100%;padding:var(--space-7) 52px;justify-content:space-between;align-items:center;display:flex}.brand{--logo:28px;align-items:center;gap:calc(var(--logo) * var(--wordmark-gap));flex-shrink:0;width:240px;display:flex}.logo-mark{width:var(--logo,22px);height:var(--logo,22px);flex-shrink:0}.wordmark{width:auto;height:calc(var(--logo,22px) * .582);aspect-ratio:4972/757;flex-shrink:0}.nav-links{gap:var(--space-9);color:var(--nav-text);font-size:15px;line-height:18px;display:flex}.nav-links a{transition:color var(--dur-hover) ease}.nav-action{flex-shrink:0;justify-content:flex-end;width:240px;display:flex}.pill{align-items:center;gap:var(--space-2);padding:11px var(--space-5);border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-size:15px;font-weight:var(--weight-medium);transition:background-color var(--dur-hover) ease;line-height:18px;display:inline-flex}.pill svg{width:var(--icon-md);height:var(--icon-md);flex-shrink:0}.pill-narrow{display:none}.hero-copy{align-items:center;gap:var(--space-7);width:100%;padding:72px var(--space-8) var(--space-16);text-align:center;flex-direction:column;display:flex}.hero-copy h1{max-width:1000px;font-family:var(--display);font-size:var(--text-display);font-weight:var(--weight-semibold);line-height:var(--leading-display);letter-spacing:var(--tracking-display)}.hero-copy p{max-width:600px;color:var(--body);font-size:19px;line-height:30px}.hero-actions{padding-top:var(--space-3)}.window{width:min(var(--window-max), calc(100% - var(--space-16)));border:1px solid var(--window-border);border-radius:var(--radius-frame);background:var(--surface);box-shadow:var(--shadow-window);overflow:clip}.window-bar{height:40px;padding-inline:var(--space-4);border-bottom:1px solid var(--window-bar-line);background:var(--window-bar);align-items:center;display:flex;position:relative}.window-lights{z-index:var(--z-raised);align-items:center;gap:var(--space-2);display:flex;position:relative}.window-lights i{width:var(--light-size);height:var(--light-size);border:.5px solid var(--light-close-edge);border-radius:var(--radius-round);background:var(--light-close)}.window-lights i:nth-child(2){border-color:var(--light-minimize-edge);background:var(--light-minimize)}.window-title{color:var(--window-title);font-family:var(--app);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-label);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.window-shot{aspect-ratio:1198/684;object-fit:cover;object-position:top left;background:var(--window-canvas);width:100%;height:auto;display:block}.section{padding-inline:var(--space-6);flex-direction:column;align-items:center;display:flex}.panel{gap:var(--space-12);width:100%;max-width:var(--content);padding:56px var(--gutter) var(--space-16);background:var(--panel);border-radius:36px;flex-direction:column;display:flex}.section-heading{gap:var(--space-4);flex-direction:column;display:flex}.section-heading h2{max-width:900px;font-family:var(--display);text-wrap:pretty;font-size:var(--text-heading);font-weight:var(--weight-semibold);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.section-heading h2.measure-600{max-width:600px}.section-heading h2.measure-480{max-width:480px}.section-heading p{max-width:var(--measure-prose);color:var(--body);font-size:var(--text-lead);line-height:var(--leading-lead)}.section-files{padding-top:120px}.documents{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.document{align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-5) var(--space-7);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);text-align:center;flex-direction:column;display:flex}.document-head{justify-content:space-between;width:100%;display:flex}.document-head h3{font-size:var(--text-ui);font-weight:var(--weight-medium);line-height:var(--leading-ui)}.document-head .mono{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-caption)}.dial-art{flex-shrink:0;width:200px;height:200px}.document-copy{gap:var(--space-5);flex-direction:column;display:flex}.document-question{font-family:var(--display);font-size:var(--text-title);font-weight:var(--weight-medium);line-height:var(--leading-title)}.document-body{color:var(--body);font-size:14px;line-height:21px}.document-path{color:var(--muted);font-size:var(--text-micro);line-height:var(--leading-micro)}.section-journeys{padding-top:var(--space-6)}.board-frame{width:100%;overflow:hidden}.board{width:var(--board-width);zoom:var(--board-zoom,1);border:1px solid var(--ux-border);border-radius:var(--ux-radius-panel);background:var(--surface);color:var(--ux-text);font-family:var(--app);overflow:clip}.board-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--ux-border);justify-content:space-between;align-items:center;display:flex}.board-title{align-items:center;gap:var(--space-3);display:flex}.board-title-icon{border:1px solid var(--ux-border);border-radius:var(--ux-radius-control);background:var(--ux-soft);width:34px;height:34px;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.board-title-icon svg{width:var(--icon-md);height:var(--icon-md)}.board-name{font-family:var(--display);font-size:15px;font-weight:var(--weight-medium);line-height:20px}.board-detail{color:var(--ux-muted);font-size:var(--text-caption);line-height:var(--leading-caption);margin-top:2px}.board-personas{gap:6px;display:flex}.persona-chip{border:1px solid var(--ux-border);border-radius:var(--ux-radius-badge);color:var(--ux-muted);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-caption);align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.persona-chip.is-active{border-color:var(--ux-primary);background:var(--ux-primary);color:var(--on-ink)}.persona-code{color:var(--board-code);font-family:var(--code);font-size:10px;font-weight:var(--weight-regular);line-height:12px}.is-active .persona-code{color:var(--board-code-active)}.board-grid{border-collapse:collapse;table-layout:fixed;width:100%}.board-grid th,.board-grid td{border-right:1px solid var(--ux-border);border-bottom:1px solid var(--ux-border);text-align:left;vertical-align:top;padding:0}.board-grid tr>:last-child{border-right:0}.board-grid tbody tr:last-child>*{border-bottom:0}.board-grid thead th{background:var(--ux-soft)}.board-grid .board-corner{width:212px;padding:var(--space-4) var(--space-5);vertical-align:middle;font-size:var(--text-ui);font-weight:var(--weight-semibold);line-height:var(--leading-ui)}.board-grid thead th.is-focused{background:var(--ux-border)}.phase-button{width:100%;padding:14px var(--space-5);color:inherit;font:inherit;text-align:left;cursor:pointer;opacity:.55;transition:opacity var(--ux-duration-base) ease;background:0 0;border:0;flex-direction:column;gap:2px;display:flex}.phase-button:disabled{cursor:default}.phase-button[aria-pressed=true]{opacity:1;cursor:default}.phase-button:focus-visible{outline-offset:-3px}@media (hover:hover){.phase-button:hover{opacity:.85}.phase-button[aria-pressed=true]:hover{opacity:1}}.phase-name{font-size:var(--text-ui);font-weight:var(--weight-semibold);line-height:var(--leading-ui)}.phase-detail,.row-detail{color:var(--ux-muted);font-size:var(--text-caption);font-weight:var(--weight-regular);line-height:var(--leading-caption)}.board-grid tbody th{padding:var(--space-4) var(--space-5);background:var(--ux-sidebar)}.row-name{font-size:var(--ux-text-label);font-weight:var(--weight-semibold);line-height:var(--leading-label);margin-bottom:2px;display:block}.row-detail{display:block}.board-grid td{transition:background-color var(--ux-duration-base) ease;padding:14px}.board-grid td.is-focused{background:var(--ux-sidebar)}.journey-card{padding:var(--space-3) 14px;border:1px solid var(--ux-border);border-radius:var(--ux-radius-control);background:var(--surface);opacity:.5;transition:opacity var(--ux-duration-base) ease, border-color var(--ux-duration-base) ease, box-shadow var(--ux-duration-base) ease;flex-direction:column;gap:6px;display:flex}.is-focused .journey-card{border-color:var(--board-border-strong);box-shadow:var(--shadow-hairline);opacity:1}.journey-card p{font-size:var(--ux-text-label);line-height:20px}.sentiment{color:var(--ux-muted);font-size:var(--ux-text-micro);line-height:var(--leading-micro);align-items:center;gap:5px;display:flex}.sentiment svg{width:12px;height:12px}.section-agents{gap:var(--space-16);padding:144px var(--gutter) 120px}.section-agents .section-heading{text-align:center;align-items:center;gap:18px}.section-agents .section-heading p{max-width:700px}.compare{width:100%;max-width:var(--content);padding:var(--space-8);border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);font-family:var(--app);grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 126px minmax(0,1fr);display:grid}.compare-side{grid-row:1/span 3;grid-template-rows:subgrid;display:grid}.compare-planned{grid-column:1}.compare-built{grid-column:3}.compare-head{padding-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.compare-head h3{font-family:var(--display);font-size:17px;font-weight:var(--weight-medium);line-height:24px}.compare-head span{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-caption)}.planned-steps,.built-steps{padding:var(--space-6);border-radius:var(--radius-block);background:var(--panel);flex-direction:column;display:flex}.planned-steps{align-items:center}.planned-steps li{flex-direction:column;align-items:center;width:100%;display:flex}.step-arrow{height:28px;color:var(--ink);align-items:center;display:flex}.step-box{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);width:100%;max-width:280px;height:64px;font-size:var(--text-label);justify-content:center;align-items:center;line-height:18px;display:flex}.step-number{display:none}.compare-match{gap:var(--space-7);padding-top:var(--space-6);flex-direction:column;grid-area:2/2;display:flex}.compare-match li{align-items:center;gap:var(--space-2);height:64px;padding-inline:var(--space-2);display:flex}.compare-match li:before,.compare-match li:after{content:"";background:var(--connector);flex:1;height:1px}.compare-match span{border-radius:var(--radius-frame);background:var(--ink);width:24px;height:24px;color:var(--on-ink);font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:var(--leading-micro);flex-shrink:0;justify-content:center;align-items:center;display:flex}.built-steps{gap:var(--space-7)}.built-steps li{border:1px solid var(--line);border-radius:var(--radius-control);background:var(--surface);align-items:center;gap:14px;height:64px;padding-inline:10px;display:flex}.built-copy{min-width:0;font-size:var(--text-label);flex-direction:column;flex:1;gap:3px;line-height:18px;display:flex}.built-copy code{color:var(--muted);font-size:var(--text-micro);line-height:var(--leading-micro)}.thumb{gap:var(--space-1);width:64px;height:44px;padding:7px var(--space-2);background:var(--panel);border-radius:6px;flex-direction:column;flex-shrink:0;display:flex}.thumb i{border-radius:2px;flex-shrink:0;display:block}.thumb-landing i:first-child{background:var(--connector);width:30px;height:4px}.thumb-landing i:nth-child(2){background:var(--ink);width:22px;height:8px}.thumb-landing i:nth-child(3){background:var(--sketch);width:40px;height:4px}.thumb-form i{border:1px solid var(--sketch);background:var(--surface);width:40px;height:6px}.thumb-form i:nth-child(3){background:var(--ink);border:0;width:24px}.thumb-pay i:first-child{background:var(--ink);width:22px;height:8px}.thumb-pay i:nth-child(2){border:1px solid var(--sketch);background:var(--surface);width:40px;height:6px}.thumb-pay i:nth-child(3){background:var(--connector);width:40px;height:6px}.thumb-plans{padding:var(--space-2);flex-direction:row}.thumb-plans i{border:1px solid var(--sketch);background:var(--surface);border-radius:3px;flex:1}.thumb-plans i:nth-child(2){border-color:var(--ink);background:var(--tested)}.criteria{margin-top:var(--space-4);padding:18px var(--space-5);border:1px solid var(--line);border-radius:var(--radius-block);background:var(--surface);flex-direction:column;gap:10px;display:flex}.criteria-title{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-caption)}.criteria ul{flex-direction:column;gap:10px;display:flex}.criteria li{font-size:var(--text-label);align-items:center;gap:10px;line-height:18px;display:flex}.criterion-key{background:var(--panel);width:20px;height:20px;font-size:var(--text-micro);font-weight:var(--weight-medium);line-height:var(--leading-micro);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.criteria-tests .criterion-key{background:var(--tested)}.criterion-text{flex:1}.criterion-status{color:var(--body);font-size:var(--text-caption);line-height:var(--leading-caption)}.import-line{align-items:center;gap:var(--space-3);color:var(--body);font-size:var(--text-body);line-height:var(--leading-body);margin-top:-32px;display:flex}.tag{padding:6px var(--space-3);border-radius:var(--radius-pill);background:var(--ink);color:var(--on-ink);font-family:var(--app);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-caption);flex-shrink:0}.section-local{padding-top:var(--space-12)}.local-inner{width:100%;max-width:var(--content);flex-direction:column;gap:56px;display:flex}.local-row{gap:var(--space-4);grid-template-columns:minmax(0,780fr) minmax(0,516fr);display:grid}.terminal{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);min-width:0;box-shadow:var(--shadow-terminal);flex-direction:column;display:flex;overflow:clip}.terminal-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.terminal-lights,.terminal-spacer{flex-shrink:0;gap:7px;width:120px;display:flex}.terminal-lights i{border-radius:var(--radius-round);background:var(--line-strong);width:11px;height:11px}.terminal-bar figcaption{color:var(--muted);font-size:var(--text-caption);line-height:var(--leading-caption)}.terminal-body{padding:var(--space-7) var(--space-7) var(--space-8);scrollbar-width:thin;flex:1;overflow-x:auto}.terminal-body:focus-visible{outline-offset:-3px}.terminal-body pre{width:max-content;font-size:var(--text-terminal);line-height:var(--leading-terminal);white-space:pre}.terminal-commands{color:var(--ink)}.terminal-output{margin-top:var(--space-4);color:var(--body)}.terminal-foot{justify-content:space-between;gap:var(--space-4);padding:14px var(--space-7);border-top:1px solid var(--line);background:var(--page);color:var(--muted);font-size:var(--text-micro);line-height:var(--leading-micro);display:flex}.mobile-break,.copy-short{display:none}.surfaces{padding:var(--space-3) var(--space-8);border-radius:var(--radius-surface);background:var(--panel);flex-direction:column;display:flex}.surfaces li{padding-block:var(--space-7);border-bottom:1px solid var(--rule);flex:1;align-items:flex-start;gap:18px;display:flex}.surfaces li:last-child{border-bottom:0}.surface-icon{border-radius:var(--radius-frame);background:var(--surface);width:48px;height:48px;color:var(--ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.surface-icon svg{stroke-width:1.75px;width:22px;height:22px}.surface-copy{flex-direction:column;gap:6px;max-width:360px;display:flex}.surface-copy h3{font-family:var(--display);font-size:var(--text-title);font-weight:var(--weight-medium);line-height:var(--leading-title)}.surface-copy p{color:var(--body);font-size:15px;line-height:22px}.surface-copy code{font-size:var(--text-label);line-height:18px}.final-wrap{padding:144px var(--space-3) 0}.final{align-items:center;gap:var(--space-7);padding:120px var(--space-8) 112px;border-radius:var(--radius-section);background:var(--horizon-reverse);text-align:center;flex-direction:column;display:flex}.final-mark{background:var(--ink);width:84px;height:84px;color:var(--on-ink);box-shadow:var(--shadow-mark);border-radius:17px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.final-mark svg{width:70%;height:70%}.final h2{padding-top:var(--space-2);font-family:var(--display);font-size:var(--text-display);font-weight:var(--weight-semibold);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-wrap:balance}.final p{max-width:var(--measure-prose);color:var(--body);font-size:var(--text-lead);line-height:var(--leading-lead)}.final-actions{gap:var(--space-4);padding-top:var(--space-2)}.footer{justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-9) var(--gutter) 44px;color:var(--muted);font-size:var(--text-label);line-height:var(--leading-label);display:flex}.footer-brand{align-items:center;gap:var(--space-4);display:flex}.footer-logo{--logo:20px;align-items:center;gap:calc(var(--logo) * var(--wordmark-gap));color:var(--ink);display:flex}.footer-links{gap:var(--space-7);color:var(--body);display:flex}.footer-links a{transition:color var(--dur-hover) ease}@media (max-width:1439px){.hero-copy h1,.section-heading h2{text-wrap:balance}}@media (max-width:1279px){:root{--board-zoom:.8}}@media (max-width:960px){:root{--board-zoom:.6}}@media (max-width:720px){:root{--board-zoom:.4}}@media (max-width:480px){:root{--board-zoom:.29}}@media (max-width:1180px){:root{--gutter:48px}.documents{grid-template-columns:repeat(2,minmax(0,1fr))}.local-row{grid-template-columns:minmax(0,1fr)}.surface-copy{max-width:520px}}@media (max-width:960px){.nav{padding-inline:var(--space-8)}.nav-links{display:none}.brand,.nav-action{width:auto}.section-agents{padding-inline:var(--space-6)}.compare{gap:var(--space-7) var(--space-4);background:0 0;border:0;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.compare-side{row-gap:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-surface);background:var(--surface);grid-area:span 3;padding:18px}.compare-match{display:none}.compare-head{padding-bottom:0}.compare-head h3{font-family:var(--display);font-size:15px;line-height:18px}.planned-steps,.built-steps{padding:var(--space-3);grid-auto-rows:1fr;align-items:stretch;gap:6px;display:grid}.planned-steps li{flex-direction:row;align-items:stretch;gap:10px}.step-arrow,.thumb{display:none}.step-number{border-radius:var(--radius-round);background:var(--ink);width:20px;height:20px;color:var(--on-ink);font-size:var(--text-micro);font-weight:var(--weight-semibold);line-height:var(--leading-micro);flex-shrink:0;justify-content:center;align-self:center;align-items:center;display:flex}.step-box{border-radius:var(--radius-badge);flex:1;max-width:none;height:auto;padding:10px;line-height:16px}.built-steps li{height:auto;padding:10px var(--space-3);border-radius:var(--radius-badge);gap:10px}.built-copy{gap:2px;line-height:16px}.criteria{padding:var(--space-3) 14px;border-radius:var(--radius-frame);background:0 0;gap:6px;margin-top:0}.criteria ul{gap:6px}.criteria li{gap:0;line-height:19px}.criterion-key,.criteria-tests .criterion-key{width:auto;height:auto;font-size:var(--text-label);font-weight:var(--weight-regular);background:0 0;border-radius:0;line-height:19px}.criterion-key:after{content:" · "}.criterion-status{color:var(--muted)}}@media (max-width:720px){:root{--anchor-offset:84px}.hero-wrap{padding:0 var(--space-2)}.hero{padding-bottom:var(--space-6);border-radius:var(--radius-section-compact);overflow:clip}.nav{padding:var(--space-4) var(--space-3) var(--space-4) var(--space-4)}.brand{--logo:26px}.pill{gap:7px;padding:9px 14px;font-size:14px}.pill svg{width:var(--icon-sm);height:var(--icon-sm)}.pill-wide{display:none}.pill-narrow{display:inline}.hero-copy{padding:var(--space-9) var(--space-4);gap:18px}.hero-copy h1,.section-heading h2{text-wrap:balance}.hero-copy h1{max-width:334px;font-size:39px;line-height:1.06}.hero-copy p{text-wrap:balance;max-width:320px;font-size:16px;line-height:25px}.actions{flex-direction:column;gap:10px;width:100%}.hero-actions{padding-top:10px}.button-secondary{padding-block:15px}.window{width:calc(100% - var(--space-8));border-radius:var(--radius-badge);box-shadow:var(--shadow-window-compact)}.window-bar{height:22px;padding-inline:var(--space-2)}.window-lights{gap:5px}.window-lights i,.window-lights .window-expand{border:0;width:7px;height:7px}.window-lights .window-expand svg,.window-lights .window-expand-hint{display:none}.window-title{font-size:9px;line-height:12px}.section{padding-inline:var(--space-2)}.panel{gap:var(--space-7);padding:var(--space-9) var(--space-3) var(--space-3);border-radius:var(--radius-section-compact)}.panel .section-heading{padding-inline:var(--space-2)}.section-heading{gap:var(--space-3)}.section-heading h2{letter-spacing:var(--tracking-heading);font-size:32px;line-height:1.08}.section-heading p{font-size:var(--text-body);line-height:var(--leading-body)}.section-files{padding-top:var(--space-16)}.section-journeys{padding-top:var(--space-3)}.documents{grid-template-columns:minmax(0,1fr);gap:10px}.document{align-items:center;column-gap:var(--space-4);padding:var(--space-4) 18px 18px;border-radius:var(--radius-surface);text-align:left;grid-template-columns:104px minmax(0,1fr);row-gap:14px;display:grid}.document-head,.document-path{grid-column:1/-1}.dial-art{width:104px;height:104px}.document-copy{gap:6px}.document-question{letter-spacing:0;font-size:16px;line-height:21px}.compare{grid-template-columns:minmax(0,1fr)}.section-agents{align-items:stretch;gap:var(--space-7);padding:72px var(--space-5) 0}.section-agents .section-heading{align-items:flex-start;gap:var(--space-3);text-align:left}.section-agents .section-heading h2{text-wrap:wrap;line-height:36px}.import-line{align-items:flex-start;gap:10px;margin-top:0;font-size:15px;line-height:22px}.tag{padding:5px 10px}.section-local{padding:80px var(--space-5) 0}.local-inner{gap:var(--space-7)}.local-row{gap:var(--space-3)}.terminal{border-radius:var(--radius-surface)}.terminal-bar{padding:var(--space-3) var(--space-4)}.terminal-lights,.terminal-spacer{gap:6px;width:60px}.terminal-lights i{width:10px;height:10px}.terminal-body{padding:18px 18px var(--space-5);-webkit-mask-image:linear-gradient(90deg, var(--mask-solid) calc(100% - 44px), transparent);mask-image:linear-gradient(90deg, var(--mask-solid) calc(100% - 44px), transparent);scrollbar-width:none}.terminal-body::-webkit-scrollbar{display:none}.terminal-body pre{font-size:12px;line-height:19px}.terminal-body .terminal-commands{line-height:27px}.terminal-output{margin-top:10px}.terminal-foot{gap:var(--space-1);padding:var(--space-3) 18px;flex-direction:column}.mobile-break{display:inline}.copy-long{display:none}.copy-short{display:inline}.surfaces{padding:var(--space-1) var(--space-5)}.surfaces li{padding-block:var(--space-5);gap:14px}.surface-icon{border-radius:var(--radius-control);width:40px;height:40px}.surface-icon svg{width:20px;height:20px}.surface-copy{gap:var(--space-1)}.surface-copy h3{font-size:16px;line-height:22px}.surface-copy p{font-size:14px;line-height:21px}.surface-copy code{font-size:12px}.final-wrap{padding:80px var(--space-2) 0}.final{padding:var(--space-16) var(--space-4) 56px;border-radius:var(--radius-section-compact);gap:22px}.final-mark{border-radius:var(--radius-block);width:68px;height:68px;box-shadow:var(--shadow-mark-compact)}.final h2{max-width:280px;padding-top:var(--space-1);font-size:36px;line-height:1.06}.final p{text-wrap:balance;max-width:300px;font-size:16px;line-height:25px}.final-actions{gap:var(--space-3);padding-top:6px}.footer{padding:var(--space-8) var(--space-5) 44px;font-size:var(--text-ui);line-height:var(--leading-ui);flex-direction:column;align-items:flex-start;gap:18px}.footer-brand{flex-direction:column;align-items:flex-start;gap:6px}.footer-links{gap:var(--space-6)}}.window-expand{width:var(--light-size);height:var(--light-size);border:.5px solid var(--light-zoom-edge);border-radius:var(--radius-round);background:var(--light-zoom);color:var(--light-zoom-glyph);place-items:center;display:grid;position:relative}.window-expand:before{content:"";border-radius:var(--radius-round);position:absolute;inset:-9px}.window-expand svg{fill:currentColor;opacity:0;width:8px;height:8px;transition:opacity var(--dur-fast) ease}.window-expand:focus-visible{outline-offset:4px}.window-expand-hint{top:50%;left:calc(100% + var(--space-3));padding:3px var(--space-2);background:var(--ink);color:var(--on-ink);font-family:var(--app);font-size:var(--text-caption);font-weight:var(--weight-medium);line-height:var(--leading-caption);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--dur-hover) ease, transform var(--dur-base) var(--ease-out);border-radius:6px;position:absolute;transform:translate(-4px,-50%)}.window-expand:focus-visible svg,.window-expand:focus-visible .window-expand-hint{opacity:1}.window-expand:focus-visible .window-expand-hint{transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.window:hover .window-expand svg,.window-expand:hover .window-expand-hint{opacity:1}.window-expand:hover .window-expand-hint{transform:translateY(-50%)}.button-secondary svg{transition:transform var(--dur-base) var(--ease-out)}.button-secondary:hover svg{transform:translate(2px)}}.floating-nav{top:var(--space-3);z-index:var(--z-floating);padding-inline:var(--space-4);pointer-events:none;visibility:hidden;transition:visibility 0s linear var(--dur-base);justify-content:center;display:flex;position:fixed;left:0;right:0}.floating-nav.is-visible{visibility:visible;transition:visibility}.floating-nav nav{opacity:0;transition:opacity var(--dur-hover) ease, transform var(--dur-base) var(--ease-out);transform:translateY(-16px)}.floating-nav.is-visible nav{opacity:1;transition:opacity .24s var(--ease-out), transform .42s var(--ease-out);transform:none}.floating-nav nav{border:1px solid var(--floating-border);border-radius:var(--radius-pill);background:var(--floating-surface);max-width:100%;box-shadow:var(--shadow-floating);-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px);pointer-events:auto;align-items:center;gap:6px;padding:6px;display:flex}.floating-brand{--logo:24px;align-items:center;gap:calc(var(--logo) * var(--wordmark-gap));padding:0 14px 0 var(--space-1);flex-shrink:0;display:flex}.floating-links{min-width:0;position:relative}.floating-links ul{display:flex}.floating-links a{z-index:var(--z-raised);border-radius:var(--radius-pill);color:var(--body);font-size:var(--text-ui);line-height:var(--leading-ui);white-space:nowrap;transition:color var(--dur-base) ease;padding:9px 14px;display:block;position:relative}.floating-links a[aria-current]{color:var(--ink)}.floating-indicator{border-radius:var(--radius-pill);background:var(--panel);height:100%;box-shadow:inset 0 0 0 1px var(--line);opacity:0;transition:transform .28s var(--ease-out), width .28s var(--ease-out), opacity var(--dur-hover) ease;position:absolute;top:0;left:0}.floating-indicator.is-shown{opacity:1}.floating-actions{padding-left:var(--space-2);flex-shrink:0;gap:6px;display:flex}.floating-demo,.floating-github{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-ui);font-weight:var(--weight-medium);line-height:var(--leading-ui);white-space:nowrap;transition:background-color var(--dur-hover) ease, border-color var(--dur-hover) ease, transform var(--dur-hover) ease;padding:9px 14px;display:inline-flex}.floating-demo{border:1px solid var(--line);background:var(--surface)}.floating-demo svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.floating-github{background:var(--ink);color:var(--on-ink)}.floating-github svg{width:15px;height:15px}.floating-demo:active,.floating-github:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.floating-links a:hover{color:var(--ink)}.floating-demo:hover{border-color:var(--line-strong)}.floating-github:hover{background:var(--ink-hover)}}@media (max-width:1080px){.floating-brand .wordmark{display:none}.floating-brand{padding-right:6px}}@media (max-width:720px){.floating-nav{padding-inline:10px;top:10px}.floating-nav nav{gap:2px;padding:5px}.floating-links{scrollbar-width:none;overflow-x:auto}.floating-links::-webkit-scrollbar{display:none}.floating-links a{padding:var(--space-2) 11px;font-size:var(--text-label);line-height:var(--leading-label)}.floating-actions{padding-left:var(--space-1)}.floating-demo,.floating-github{padding:var(--space-2)}.floating-demo{justify-content:center;width:33px}.floating-github span{display:none}.floating-demo span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.demo-dialog{inset:var(--space-4);border:1px solid var(--window-border);border-radius:var(--radius-block);background:var(--surface);width:auto;max-width:none;height:auto;max-height:none;color:var(--ink);box-shadow:var(--shadow-dialog);margin:0;padding:0;position:fixed;overflow:hidden}.demo-dialog[open]{flex-direction:column;display:flex}.demo-dialog::backdrop{background:var(--backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition:opacity var(--dur-base) ease}.demo-dialog[open]::backdrop{animation:.36s both fade}.demo-dialog.is-closing::backdrop{opacity:0}html:has(.demo-dialog[open]){overflow:hidden}.demo-toolbar{align-items:center;gap:var(--space-3);min-height:48px;padding:6px 10px 6px var(--space-4);border-bottom:1px solid var(--window-bar-line);background:var(--window-bar);font-family:var(--app);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.demo-toolbar-start,.demo-toolbar-end{align-items:center;gap:var(--space-2);min-width:0;display:flex}.demo-toolbar-end{justify-content:flex-end}.demo-lights{align-items:center;gap:var(--space-2);margin-right:6px;display:flex}.demo-lights i,.demo-light{width:var(--light-size);height:var(--light-size);border-radius:var(--radius-round);background:var(--line-strong)}.demo-light-close{border:.5px solid var(--light-close-edge);background:var(--light-close);cursor:pointer;padding:0;position:relative}.demo-light-close:before{content:"";border-radius:var(--radius-round);position:absolute;inset:-8px}.demo-back,.demo-tool{padding:7px var(--space-3);border-radius:var(--radius-pill);color:var(--body);font:inherit;font-size:var(--text-label);font-weight:var(--weight-medium);line-height:var(--leading-label);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-hover) ease, color var(--dur-hover) ease, border-color var(--dur-hover) ease, transform var(--dur-hover) ease;background:0 0;border:1px solid #0000;align-items:center;gap:7px;display:inline-flex}.demo-tool{border-color:var(--line);background:var(--surface);color:var(--ink)}.demo-tool svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.demo-tool-primary{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.demo-back:active,.demo-tool:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.demo-back:hover{background:var(--ink-wash);color:var(--ink)}.demo-tool:hover{border-color:var(--line-strong)}.demo-tool-primary:hover{background:var(--ink-hover)}}.demo-address{min-width:0;color:var(--window-title);font-size:var(--text-label);font-weight:var(--weight-semibold);line-height:var(--leading-label);align-items:center;gap:10px;display:flex}.demo-address p{flex-direction:column;min-width:0;display:flex}.demo-address .demo-note{color:var(--muted);font-size:var(--text-micro);font-weight:var(--weight-regular);line-height:var(--leading-micro);white-space:nowrap}.demo-title-short,.demo-tool-short,.demo-note-short{display:none}@media (max-width:1080px){.demo-note-long{display:none}.demo-note-short{display:inline}}.demo-stage{background:var(--window-canvas);flex:1;min-height:0;position:relative}.demo-loading,.demo-frame{width:100%;height:100%;position:absolute;inset:0}.demo-loading{color:var(--muted);font-family:var(--app);font-size:var(--text-label);line-height:var(--leading-label);justify-content:center;align-items:center;animation:.3s .4s both fade;display:flex}.demo-frame{background:var(--surface);opacity:0;border:0;transition:opacity .3s}.demo-stage.is-loaded .demo-frame{opacity:1}.demo-stage.is-loaded .demo-loading{visibility:hidden}.demo-loading a,.demo-loading button{color:var(--ink);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@media (max-width:720px){.demo-dialog{border:0;border-radius:0;inset:0}.demo-toolbar{gap:var(--space-2);padding:6px var(--space-2)}.demo-lights,.demo-title-long,.demo-tool-label{display:none}.demo-title-short,.demo-tool-short{display:inline}.demo-address{gap:7px}.demo-back{padding-inline:var(--space-2);outline-offset:1px}.demo-tool{padding:7px}.demo-tool:has(.demo-tool-short){padding-inline:10px}.demo-tool-primary .demo-tool-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;display:inline;position:absolute;overflow:hidden}}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(var(--rise,16px))}}@keyframes slide{0%{opacity:0;transform:translate(20px)}}@keyframes pop{0%{opacity:0;transform:scale(.8)}}@keyframes grow{0%{transform:scaleX(0)}}@keyframes draw{0%{stroke-dashoffset:1px}}@keyframes type{0%{clip-path:inset(0 100% 0 0)}}@keyframes ping{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}.step-arrow path{stroke-dasharray:1}.terminal-line{display:block}.sentiment{transition:opacity .26s var(--ease-out), transform .26s var(--ease-out)}@starting-style{.sentiment{opacity:0;transform:translateY(4px)}}.board-grid thead th{transition:background-color var(--ux-duration-base) ease}@media (prefers-reduced-motion:no-preference){.hero .nav{animation:fade var(--dur-reveal) ease both}.hero-copy h1{--rise:18px;animation:rise var(--dur-enter) var(--ease-out) 80ms both}.hero-copy p{animation:rise var(--dur-enter) var(--ease-out) .2s both}.hero-actions{animation:rise var(--dur-enter) var(--ease-out) .3s both}.window{--rise:40px;animation:rise var(--dur-enter) var(--ease-out) .2s both}.window-expand:after{content:"";border-radius:var(--radius-round);background:var(--light-zoom);opacity:0;pointer-events:none;animation:ping 1.2s var(--ease-out) 1.7s 2;position:absolute;inset:-1px}:is(.document,.board-frame,.compare,.import-line,.terminal,.surfaces li)[data-reveal]{transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-enter) var(--ease-out), border-color var(--dur-base) ease;transition-delay:calc(var(--i,0) * var(--stagger-card))}:is(.document,.board-frame,.compare,.import-line,.terminal,.surfaces li)[data-reveal]:not([data-revealed]){opacity:0;transform:translateY(28px)}.section-heading[data-reveal]:not([data-revealed])>*,.final[data-reveal]:not([data-revealed])>*{opacity:0}.section-heading[data-revealed]>*,.final[data-revealed]>:not(.final-mark){animation:rise var(--dur-enter) var(--ease-out) both;animation-delay:calc(var(--i,0) * .1s)}.dial-ring,.dial-core{transform-box:fill-box;transform-origin:50%}.dial-ring{transition:transform 1.6s var(--ease-out)}.dial-core{transition:opacity .6s ease, transform 1s var(--ease-out);transition-delay:calc(var(--i,0) * var(--stagger-card) + .24s)}.document[data-reveal]:not([data-revealed]) .dial-ring{transform:rotate(-70deg)}.document[data-reveal]:not([data-revealed]) .dial-core{opacity:0;transform:scale(.9)}.board-frame[data-revealed] tbody tr{animation:rise var(--dur-reveal) var(--ease-out) both;animation-delay:calc(.26s + var(--i,0) * var(--stagger-card))}.compare[data-revealed] .planned-steps li{--rise:10px;animation:rise .6s var(--ease-out) both;animation-delay:calc(.24s + var(--i,0) * var(--stagger-step))}.compare[data-revealed] .step-arrow path{animation:draw var(--dur-slow) var(--ease-in-out) both;animation-delay:calc(.18s + var(--i,0) * var(--stagger-step))}.compare[data-revealed] .compare-match li:before,.compare[data-revealed] .compare-match li:after{transform-origin:0;animation:grow var(--dur-slow) var(--ease-in-out) both;animation-delay:calc(.82s + var(--i,0) * var(--stagger-step))}.compare[data-revealed] .compare-match li:after{animation-delay:calc(.98s + var(--i,0) * var(--stagger-step))}.compare[data-revealed] .compare-match span{animation:pop .45s var(--ease-out) both;animation-delay:calc(.9s + var(--i,0) * var(--stagger-step))}.compare[data-revealed] .built-steps li{animation:slide .65s var(--ease-out) both;animation-delay:calc(1.04s + var(--i,0) * var(--stagger-step))}.compare[data-revealed] .criteria{animation:rise var(--dur-reveal) var(--ease-out) 1.5s both}.compare[data-revealed] .criterion-status{animation:pop .45s var(--ease-out) both;animation-delay:calc(1.9s + var(--i,0) * .18s);display:inline-block}.compare[data-revealed] .criteria-tests li:nth-child(2) .criterion-status{animation-delay:2.08s}.terminal[data-revealed] .terminal-commands .terminal-line{animation:type var(--duration) steps(var(--chars), end) both;animation-delay:calc(.5s + var(--start))}.terminal[data-revealed] .terminal-output .terminal-line{--rise:6px;animation:rise var(--dur-slow) var(--ease-out) both;animation-delay:calc(.5s + var(--start))}.final[data-revealed] .final-mark{animation:pop var(--dur-reveal) var(--ease-out) both}@media (hover:hover) and (pointer:fine){.document:hover{border-color:var(--line-strong)}.document:hover .dial-ring{transform:rotate(60deg)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{transition:opacity .4s}[data-reveal]:not([data-revealed]){opacity:0}.floating-nav nav,.floating-nav.is-visible nav{transform:none}.floating-indicator,.sentiment,.window-expand-hint{transition-property:opacity}}@media (max-width:380px){.floating-links a{padding-inline:7px}}@media (max-width:359px){.floating-links{-webkit-mask-image:linear-gradient(90deg, var(--mask-solid) calc(100% - 28px), transparent);mask-image:linear-gradient(90deg, var(--mask-solid) calc(100% - 28px), transparent)}}@media print{[data-reveal],[data-reveal]>*,.dial-ring,.dial-core{opacity:1!important;transform:none!important}.floating-nav{display:none}}