@font-face{font-family:Inter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/InterVariable-8kRkwJBP.woff2) format("woff2")}:root{color-scheme:dark;--radius-panel: 16px;--bg: #0a0c10;--panel: #13161d;--panel-hover: #171b24;--panel-2: var(--panel-hover);--border: rgba(255, 255, 255, .07);--border-light: rgba(255, 255, 255, .12);--border-warm: rgba(201, 162, 75, .14);--text: #eef1f7;--muted: #8b93a7;--text-tertiary: #858ea2;--faint: var(--text-tertiary);--badge-neutral-text: #929bb0;--accent: #4f80e0;--accent-glow: rgba(79, 128, 224, .18);--danger: #e05f6a;--danger-glow: rgba(224, 95, 106, .2);--ok: #5ecb7e;--ok-glow: rgba(94, 203, 126, .22);--ok-ring: rgba(94, 203, 126, .15);--surface-shine: rgba(255, 255, 255, .035);--teal: #4fd6c7;--gold: #e0b04f;--gold-glow: rgba(224, 176, 79, .2);--btn-fill: #150f0a;--btn-ring: #d4a24a;--gold-text: #e9c27a;--edge-glow-idle: rgba(79, 128, 224, .4);--edge-glow-connecting: rgba(79, 128, 224, .7);--edge-glow-live: rgba(94, 203, 126, .5);--edge-glow-error: rgba(224, 95, 106, .5);--edge-angle: 0deg;--c-bg: var(--bg);--c-bg-0: var(--bg);--c-bg-1: var(--panel);--c-bg-2: var(--panel-hover);--c-bg-3: var(--panel-hover);--c-surface: var(--panel);--c-surface-2: var(--panel-hover);--c-border: var(--border);--c-border-strong: var(--border-light);--c-text-1: var(--text);--c-text-2: var(--muted);--c-text-3: var(--text-tertiary);--c-accent: var(--accent);--c-accent-hover: #5a8ce8;--c-accent-press: #3d6fc9;--c-accent-soft: rgba(79, 128, 224, .12);--c-accent-ring: var(--accent-glow);--c-ok: var(--ok);--c-warn: #c9a24b;--c-warning: var(--c-warn);--c-success: var(--c-ok);--c-danger: var(--danger);--c-info: var(--muted);--c-text: var(--text);--c-text-muted: var(--muted);--c-muted: var(--muted);--border-muted: var(--border);--surface-2: var(--panel-hover);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace;--fs-hero: clamp(1.875rem, 1.35rem + 1.5vw, 2.625rem);--fs-display: var(--fs-hero);--fs-h1: clamp(1.375rem, 1.1rem + .75vw, 1.75rem);--fs-h2: 1.125rem;--fs-lg: clamp(1rem, .95rem + .2vw, 1.125rem);--fs-body: .9375rem;--fs-md: var(--fs-body);--fs-base: var(--fs-body);--fs-sm: .8125rem;--fs-xs: .75rem;--fs-label: .6875rem;--fs-roles: clamp(1.125rem, 1rem + .5vw, 1.5rem);--fw-display: 600;--fw-body: 400;--lh-tight: 1.15;--lh-body: 1.5;--ls-display: -.035em;--ls-tight: -.02em;--ls-body: 0;--ls-roles: -.04em;--ls-label: .09em;--gradient-grid-fill: linear-gradient( 135deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .025) 100% );--gradient-grid-fill-subtle: linear-gradient( 135deg, rgba(255, 255, 255, .055) 0%, rgba(255, 255, 255, .015) 100% );--gradient-grid-glow-accent: radial-gradient( circle at 82% 18%, rgba(79, 128, 224, .16) 0%, transparent 48% );--gradient-grid-glow-ok: radial-gradient( circle at 82% 18%, rgba(94, 203, 126, .12) 0%, transparent 48% );--gradient-grid-glow-warm: radial-gradient( circle at 82% 18%, rgba(201, 162, 75, .1) 0%, transparent 48% );--shadow-grid-card: 0 8px 32px rgba(0, 0, 0, .38);--shadow-grid-card-deep: 0 24px 64px rgba(0, 0, 0, .5);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--radius-sm: 8px;--button-radius: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 20px;--r-sm: var(--radius-sm);--r-md: var(--radius);--r-lg: var(--radius-lg);--r-xl: var(--radius-xl);--r-pill: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4);--shadow-2: 0 4px 16px rgba(0, 0, 0, .5);--dur-fast: .12s;--dur-normal: .2s;--ease: cubic-bezier(.16, 1, .3, 1);--sidebar-w: 232px;--topbar-h: 56px;--hero-max: 520px;--page-max-width: 1280px;--content-grid-min: 260px}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-normal: 0ms}}:root{--grain: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxODAiIGhlaWdodD0iMTgwIj48ZmlsdGVyIGlkPSJuIj48ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC44NSIgbnVtT2N0YXZlcz0iMiIgc3RpdGNoVGlsZXM9InN0aXRjaCIvPjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDEgIDAgMCAwIDAgMSAgMCAwIDAgMCAxICAwIDAgMCAwLjU1IDAiLz48L2ZpbHRlcj48cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWx0ZXI9InVybCgjbikiLz48L3N2Zz4K)}.mesh{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg)}.mesh-blob{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}.mesh-blob--a{width:54rem;height:44rem;left:-14%;top:-18%;--blob-alpha: .2;--drift-x: 4%;--drift-y: 3%;--drift-scale: 1.06;--drift-period: 32s;background:radial-gradient(closest-side,rgba(79,128,224,var(--blob-alpha)),transparent 72%);animation:drift-a var(--drift-period) ease-in-out infinite alternate}.mesh-blob--b{width:50rem;height:40rem;right:-14%;bottom:-16%;--blob-alpha: .14;--drift-x: -4%;--drift-y: -3%;--drift-scale: 1.05;--drift-period: 38s;background:radial-gradient(closest-side,rgba(94,203,126,var(--blob-alpha)),transparent 72%);animation:drift-b var(--drift-period) ease-in-out infinite alternate}.mesh-blob--c{width:42rem;height:34rem;left:46%;top:58%;--blob-alpha: .09;--drift-x: -3%;--drift-y: 4%;--drift-scale: 1.07;--drift-period: 44s;background:radial-gradient(closest-side,rgba(224,176,79,var(--blob-alpha)),transparent 72%);animation:drift-c var(--drift-period) ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translate(0) scale(1)}to{transform:translate(var(--drift-x),var(--drift-y)) scale(var(--drift-scale))}}@keyframes drift-b{0%{transform:translate(0) scale(1)}to{transform:translate(var(--drift-x),var(--drift-y)) scale(var(--drift-scale))}}@keyframes drift-c{0%{transform:translate(0) scale(1)}to{transform:translate(var(--drift-x),var(--drift-y)) scale(var(--drift-scale))}}.mesh--work .mesh-blob--a{--blob-alpha: .24;--drift-x: 6%;--drift-y: 5%;--drift-scale: 1.09;--drift-period: 34s}.mesh--work .mesh-blob--b{--blob-alpha: .17;--drift-x: -7%;--drift-y: -4%;--drift-scale: 1.08;--drift-period: 41s}.mesh--work .mesh-blob--c{--blob-alpha: .11;--drift-x: -5%;--drift-y: 6%;--drift-scale: 1.1;--drift-period: 47s}.mesh--showcase .mesh-blob{filter:blur(84px)}.mesh--showcase .mesh-blob--a{--blob-alpha: .3;--drift-x: 12%;--drift-y: 9%;--drift-scale: 1.16;--drift-period: 17s}.mesh--showcase .mesh-blob--b{--blob-alpha: .22;--drift-x: -13%;--drift-y: -8%;--drift-scale: 1.14;--drift-period: 21s}.mesh--showcase .mesh-blob--c{--blob-alpha: .15;--drift-x: -9%;--drift-y: 11%;--drift-scale: 1.18;--drift-period: 25s}.mesh:after{content:"";position:absolute;inset:0;background-image:var(--grain);background-size:160px 160px;opacity:.045;mix-blend-mode:overlay}.slab{background-image:none;background-color:color-mix(in oklab,var(--panel) 90%,#000);box-shadow:inset 0 1px #ffffff12,0 24px 60px -34px #0009}.backlit-wrap{position:relative;isolation:isolate}.backlit-wrap>.glow-card{position:relative;z-index:1}.underglow{position:absolute;z-index:0;pointer-events:none;inset:-58px;filter:blur(62px);opacity:.62;border-radius:var(--radius-xl);will-change:transform,opacity;animation:underglow-pulse 8s ease-in-out infinite,underglow-drift 36s ease-in-out infinite alternate}.ug-accent{background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 72%,#9a7bff),transparent 76%)}.ug-ok{background:radial-gradient(closest-side,color-mix(in oklab,var(--ok) 78%,#d3f7de),transparent 76%);animation-delay:-3.5s,-13s}.ug-warm{background:radial-gradient(closest-side,color-mix(in oklab,var(--gold) 54%,#5f4a30),transparent 80%)}.ug-accent-soft{background:radial-gradient(closest-side,color-mix(in oklab,var(--accent) 46%,#10141d),transparent 82%)}@keyframes underglow-pulse{0%,to{opacity:.56}50%{opacity:.76}}@keyframes underglow-pulse-soft{0%,to{opacity:.3}50%{opacity:.42}}@keyframes underglow-drift{0%{transform:translate(-3%,-2%) scale(1)}to{transform:translate(4%,3%) scale(1.06)}}@media (prefers-reduced-motion: reduce){.mesh-blob{animation:none}.underglow{animation:none;opacity:.62;transform:none}}.tile{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:#ffffff0b;box-shadow:inset 0 0 0 1px var(--border-light)}.tile--stat{display:flex;min-height:7rem;flex-direction:column;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-4)}.tile--interactive{transition:transform var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.tile--interactive:hover{transform:translateY(-1px);background:#fff1}.tile--signal-soft{box-shadow:inset 0 0 0 1px var(--border-light),inset 0 0 8px var(--accent-glow)}.tile--signal-strong{box-shadow:inset 0 0 0 1px var(--border-light),inset 0 0 20px var(--accent-glow)}@media (prefers-reduced-motion: reduce){.tile--interactive{transition:none}}.tile__kicker{color:var(--c-text-2);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase}.tile__value{color:var(--c-text-1);font-size:var(--fs-h1);font-weight:650;line-height:1;font-variant-numeric:tabular-nums}.tile__delta{font-size:var(--fs-sm);color:var(--c-text-2)}.gradient-grid-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--border-light);border-radius:var(--radius-panel);background:var(--grid-surface, var(--gradient-grid-fill), var(--panel));box-shadow:var(--grid-shadow, var(--shadow-grid-card));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.gradient-grid-card--deep{background:var(--grid-surface, var(--gradient-grid-fill), rgba(14, 17, 24, .94));box-shadow:var(--grid-shadow, var(--shadow-grid-card-deep))}.gradient-grid-card--subtle{background:var(--grid-surface, var(--gradient-grid-fill-subtle), rgba(10, 12, 16, .68))}.gradient-grid-card--glow:after{content:"";display:var(--grid-decoration, block);position:absolute;inset:auto -18% -36% 18%;height:170px;pointer-events:none;z-index:0;opacity:.8;background:var(--gradient-grid-glow-accent);filter:blur(22px)}.gradient-grid-card--glow-ok:after{background:var(--gradient-grid-glow-ok)}.gradient-grid-card--glow-warm:after{background:var(--gradient-grid-glow-warm)}.gradient-grid-card>*,.gradient-grid-cell>*{position:relative;z-index:1}.gradient-grid-cell{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--grid-surface, var(--gradient-grid-fill), rgba(10, 12, 16, .62));box-shadow:var(--grid-shadow, var(--shadow-grid-card), 0 1px 0 var(--surface-shine) inset);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.gradient-grid-cell--accent:before{content:"";display:var(--grid-decoration, block);position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:0 0 0 1px #4f80e01a inset,0 0 24px #4f80e014}.eyebrow-pill{display:inline-flex;align-items:center;gap:10px;width:fit-content;margin:0;padding:7px 12px;border:1px solid var(--border);border-radius:var(--r-pill);font-size:var(--fs-sm);font-weight:500;letter-spacing:.01em;text-transform:none;color:var(--muted);background:#ffffff09}.eyebrow-pill__dot{width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--accent);box-shadow:var(--grid-shadow, 0 0 18px var(--accent-glow))}.eyebrow-pill--live .eyebrow-pill__dot{background:var(--ok);box-shadow:var(--grid-shadow, 0 0 18px var(--ok-glow))}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}#root{position:relative;z-index:0;isolation:isolate}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3,h4,p{margin:0}h1{font-size:var(--fs-h1);font-weight:var(--fw-display);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}h1.type-hero,.type-hero{font-size:var(--fs-hero);letter-spacing:var(--ls-display)}h2{font-size:var(--fs-h2);font-weight:600;line-height:var(--lh-tight)}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px;border-radius:var(--r-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--r-pill);border:2px solid var(--c-bg-0)}.label{font-size:var(--fs-label);font-weight:600;letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--c-text-2)}.app-shell,.page,.surface,.workflow-page,h1,h2,h3,.surface__titles h2,.page__title h1,.workflow-page__title{color:var(--c-text-1)}.muted,.connect-page__subtext,.field__hint{color:var(--c-text-2)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--c-text-2)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}html.wireframe-mode{--wf-font: ui-monospace, "SF Mono", "Menlo", monospace}html.wireframe-mode body{font-family:var(--wf-font);background:#0e0e0e}html.wireframe-mode:before{content:"WIREFRAME — function & flow only · design later";position:fixed;top:0;left:0;right:0;z-index:9999;pointer-events:none;text-align:center;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#888;background:repeating-linear-gradient(90deg,#1a1a1a,#1a1a1a 1px,transparent 1px,transparent 8px);padding:4px 0;border-bottom:1px dashed #444}html.wireframe-mode .sidebar{background:#111;border-right:2px dashed #444}html.wireframe-mode .sidebar__link--active{border-left-width:3px;border-left-color:#ccc;background:#1a1a1a}html.wireframe-mode .topbar{background:#111;border-bottom:2px dashed #444}html.wireframe-mode .workflow-card,html.wireframe-mode .surface,html.wireframe-mode .card{border:2px dashed #555!important;border-radius:0!important;box-shadow:none!important;background:#141414!important}html.wireframe-mode .workflow-card:hover{border-color:#888!important;transform:none!important}html.wireframe-mode .wf-playback-gate{border:2px dashed #f90!important;background:#1a1208!important}html.wireframe-mode button,html.wireframe-mode .btn{border-radius:0!important;box-shadow:none!important;text-transform:uppercase;letter-spacing:.04em;font-size:11px!important}html.wireframe-mode .topbar__select,html.wireframe-mode .workflow-page__search,html.wireframe-mode .workflow-page__filter{border-radius:0}html.wireframe-mode :focus-visible{outline-color:#888}