@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap";.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;translate:-50% -50%}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.story{--paper:var(--bg-0);--paper-2:var(--surface-0);--ink:var(--text-strong);--ink-2:var(--text);--muted:var(--text-muted);--rule:var(--border-soft);--pool:var(--asset);--pool-light:#34d6c71f;--coral:var(--risk);--sun:var(--review);--good:var(--tested);--ease:cubic-bezier(.16, 1, .3, 1);--serif:var(--font-display);--sans:var(--font-sans);--mono:var(--font-mono);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(1200px 600px at 92% -10%, var(--focus-glow), transparent 60%), radial-gradient(900px 500px at -10% 110%, #34d6c70d, transparent 60%), radial-gradient(circle, var(--grid) 1px, transparent 1.2px) 0 0 / 28px 28px, var(--paper);color:var(--ink);font-family:var(--sans);font-size:clamp(15px,1.05vw,20px);line-height:1.5;position:fixed;inset:0}.story h1,.story h2,.story h3{color:var(--ink);margin:0}.story p{margin:0}.story button{font-family:var(--sans);color:inherit}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.story-top{height:var(--header-h);position:fixed;inset:0 0 auto}.story-rail{z-index:5;flex-direction:column;gap:10px;display:flex;position:fixed;top:50%;right:clamp(10px,1.6vw,28px);transform:translateY(-50%)}.story-rail button{border:1.5px solid var(--ink-2);opacity:.45;width:10px;height:10px;transition:all .3s var(--ease);background:0 0;border-radius:50%;padding:0}.story-rail button.is-current{background:var(--coral);border-color:var(--coral);opacity:1;border-radius:6px;height:26px}.cost-meter{z-index:5;border:1px solid var(--rule);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#0f151eeb;border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;font-size:11px;transition:opacity .4s;display:flex;position:fixed;bottom:18px;left:clamp(16px,4vw,64px)}.cost-meter.is-quiet{opacity:0;pointer-events:none}.cost-meter__label{color:var(--muted);padding:0 6px}.cost-meter__pill{color:var(--muted);transition:all .35s var(--ease);background:#ffffff0d;border-radius:999px;padding:3px 9px}.cost-meter__pill.is-on{color:var(--bg-0);background:var(--coral)}.story-scroll{scroll-snap-type:y mandatory;scroll-behavior:smooth;position:absolute;inset:0;overflow-y:auto}.chapter{scroll-snap-align:start;flex-direction:column;justify-content:center;gap:clamp(14px,2.6vh,34px);min-height:100dvh;padding:76px clamp(16px,7vw,140px) 80px;display:flex;position:relative}.chapter+.chapter{border-top:1px solid var(--rule)}.chapter__head{max-width:1100px}.kicker{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--coral);align-items:center;gap:12px;font-size:13px;display:flex;margin-bottom:14px!important}.kicker:before{content:"";background:repeating-linear-gradient(90deg, var(--coral) 0 8px, var(--paper-2) 8px 12px, var(--pool) 12px 20px, var(--paper-2) 20px 24px);border-radius:3px;width:56px;height:6px}.chapter h2{font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(34px,3.6vw,68px);font-weight:400;line-height:1.04}.lede{max-width:62ch;color:var(--ink-2);text-wrap:pretty;font-size:1.15em;margin-top:16px!important}.chapter__body{width:100%}.story .muted{color:var(--muted)}.small{font-size:.85em}.center{text-align:center;max-width:80ch;margin-inline:auto!important}.note{color:var(--ink-2);font-size:.9em;margin-top:16px!important}.chapter:not(.is-in) .reveal{opacity:0}.chapter.is-in .reveal{animation:story-rise .8s var(--ease) both;animation-delay:calc(var(--d,0) * .12s)}@keyframes story-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.fade-swap{animation:story-rise .5s var(--ease) both}.split{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,72px);display:grid}.split--even{grid-template-columns:1fr 1fr}.card{background:var(--paper-2);border:1px solid var(--rule);border-radius:18px;padding:28px 30px;box-shadow:0 20px 50px -30px #00000059}.card h3,.want h3,.oneoff h3,.radial__title,.qc h3{font-family:var(--serif);margin-bottom:14px;font-size:1.6em;font-weight:400;line-height:1.1}.pill{background:var(--paper-2);border:1px solid var(--border-medium);white-space:nowrap;border-radius:999px;align-items:center;padding:10px 18px;font-weight:600;display:inline-flex}.pill--ghost{border-style:dashed;border-color:var(--muted);color:var(--muted);font-weight:500}.pill--small{border-color:var(--rule);padding:6px 12px;font-size:.85em;font-weight:500}.pill--big{padding:14px 28px;font-size:1.15em}.pill--asset{background:var(--pool-light);border-color:var(--pool);color:var(--pool)}.pill--ink{background:var(--ink);color:var(--paper);padding:14px 30px}.pill--out{border-color:var(--rule);padding:7px 14px;font-weight:500}.chapter--library .chapter__head{text-align:center;margin-inline:auto}.chapter--library .kicker{justify-content:center}.chapter--library .lede{margin-inline:auto}.flow-arrow{background:repeating-linear-gradient(90deg, var(--ink-2) 0 6px, transparent 6px 11px);background-size:22px 2px;flex:none;width:44px;height:2px;display:inline-block;position:relative}.is-in .flow-arrow{animation:1.2s linear infinite story-flow}.flow-arrow:after{content:"";border:6px solid #0000;border-left:8px solid var(--ink-2);border-right:0;position:absolute;top:-5px;right:-2px}.flow-arrow--long{width:80px}.flow-arrow--down{background:repeating-linear-gradient(180deg, var(--ink-2) 0 6px, transparent 6px 11px);background-size:2px 22px;width:2px;height:34px}.flow-arrow--down:after{border:6px solid #0000;border-top:8px solid var(--ink-2);border-bottom:0;top:auto;bottom:-4px;right:-5px}@keyframes story-flow{to{background-position:22px 0,0 22px}}.tag{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;vertical-align:2px;white-space:nowrap;border:1px solid;border-radius:999px;margin-right:6px;padding:2px 9px;font-size:11px;display:inline-block}.tag--tested{color:var(--good)}.tag--documented{color:var(--pool)}.tag--expected{color:var(--sun);border-style:dashed}.tag--illustrative{color:var(--muted);border-style:dotted}.story-cta{background:var(--ink);transition:transform .25s var(--ease), background .25s;border:0;border-radius:999px;align-self:flex-start;align-items:center;gap:10px;margin-top:8px;padding:14px 26px;font-size:1em;font-weight:600;display:inline-flex;color:var(--paper)!important}.story-cta:hover{background:var(--pool);transform:translateY(-2px)}.story-cta--ghost{border:1px solid var(--border-medium);background:0 0;color:var(--ink)!important}.story-cta--ghost:hover{color:var(--paper)!important}.toggle{background:#ffffff0f;border-radius:999px;padding:4px;display:inline-flex}.toggle button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:9px 18px;font-weight:600}.toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.dial{flex-direction:column;gap:8px;width:100%;max-width:460px;display:flex}.dial input{accent-color:var(--coral);width:100%}.dial--inline{max-width:280px}.media-missing{border:1.5px dashed var(--rule);min-height:180px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--muted);border-radius:14px;place-items:center;padding:20px;font-size:11px;display:grid}.cover{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);align-items:center;gap:clamp(24px,5vw,96px);display:grid}.cover__text{flex-direction:column;display:flex}.cover h1{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;font-size:clamp(46px,6.2vw,120px);font-weight:400;line-height:.95}.shift{flex-wrap:wrap;align-items:center;gap:14px;margin:28px 0 12px;font-weight:600;display:flex}.shift__from{color:var(--muted);text-decoration:line-through;-webkit-text-decoration-color:var(--coral);text-decoration-color:var(--coral);text-decoration-thickness:2px}.shift__arrow{color:var(--coral)}.shift__to{background:var(--pool-light);color:var(--pool);border-radius:999px;padding:6px 14px}.phone{justify-self:center;width:min(100%,360px,56.2353dvh - 134.965px);margin:0}.phone video,.phone img,.phone .media-missing{aspect-ratio:478/850;object-fit:cover;border:6px solid var(--surface-2);width:100%;box-shadow:30px 30px 0 -8px var(--pool-light), 0 40px 80px -40px #0009;background:var(--ink);border-radius:28px;display:block}.phone--small{width:min(100%,300px,56.2353dvh - 213.694px)}.phone figcaption{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:16px;font-size:11px}.lanes{flex-direction:column;gap:14px;display:flex}.lanes__label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:12px;margin-top:10px!important}.swimlane{background:repeating-linear-gradient(90deg, transparent 0 22px, #ffffff06 22px 24px), var(--paper-2);border:1px solid var(--rule);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px 0;padding:22px;display:flex}.swimlane--risk{box-shadow:inset 5px 0 0 var(--coral)}.swimlane--good{box-shadow:inset 5px 0 0 var(--pool)}.swimlane__step{align-items:center;gap:10px;margin-right:10px;display:flex}.swimlane__end{border-radius:999px;align-items:center;gap:6px;margin-left:auto;padding:6px 12px;font-size:.9em;font-weight:700;display:inline-flex}.swimlane__end--risk{color:var(--coral);background:#ef6a6a1f}.swimlane__end--good{color:var(--good);background:#54c98b1f}.xlist{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.xlist li{align-items:baseline;gap:10px;font-weight:500;display:flex}.xlist svg{color:var(--coral);flex:none;transform:translateY(2px)}.temp{flex-direction:column;align-items:center;gap:14px;display:flex}.temp__fig,.edu__fig{width:min(100%,380px);height:auto;max-height:50vh}.chapter--understanding .split{grid-template-columns:1fr;gap:20px}.chapter--understanding .card{flex-wrap:wrap;align-items:center;gap:10px 24px;padding:18px 24px;display:flex}.chapter--understanding .card h3{margin:0;font-size:1.3em}.chapter--understanding .xlist{flex-wrap:wrap;gap:8px 20px;margin:0;display:flex}.want{flex-direction:column;gap:12px;display:flex}.want__plus{font-family:var(--serif);color:var(--muted);font-size:2.4em;line-height:1}.meter__label{font-weight:700}.meter__track{background:#ffffff14;border-radius:999px;height:14px;margin:8px 0 6px;overflow:hidden}.meter__fill{border-radius:inherit;height:100%}.meter__fill--ink{background:var(--ink)}.meter__fill--pool{background:linear-gradient(90deg, var(--pool-light), var(--pool))}.meter__note{color:var(--muted);font-size:.9em}.separate{flex-direction:column;align-items:center;gap:24px;display:flex}.blackbox{justify-content:center;align-items:center;gap:18px;width:100%;display:flex}.blackbox__prompt{background:var(--paper-2);border:1px solid var(--rule);max-width:46ch;font-family:var(--mono);color:var(--ink-2);border-radius:14px;padding:20px 22px;font-size:.78em;line-height:1.6}.blackbox__box{border:1px solid var(--border-medium);width:140px;height:140px;color:var(--text-muted);font-family:var(--serif);background:#000;border-radius:18px;flex:none;place-items:center;font-size:4em;display:grid}.blackbox__out{border:1.5px dashed var(--coral);border-radius:14px;flex-direction:column;padding:18px 22px;font-weight:700;display:flex}.blackbox__out small{color:var(--muted);font-weight:400}.nodes{width:min(100%,980px);height:auto}.node-text{font-family:var(--sans);fill:var(--ink);font-size:16px;font-weight:600}.node-text--inv{fill:var(--paper)}.node-in{animation:story-rise .6s var(--ease) both;animation-delay:calc(var(--d) * 80ms)}.node-wire{stroke-dasharray:6 6;animation:1.4s linear infinite wire}@keyframes wire{to{stroke-dashoffset:-24px}}.drift{flex-direction:column;gap:20px;display:flex}.drift__table{border-collapse:collapse;width:100%}.length{flex-direction:column;gap:22px;display:flex}.length__controls{flex-wrap:wrap;align-items:flex-end;gap:18px 32px;display:flex}.timeline{flex-direction:column;align-items:center;gap:6px;display:flex}.timeline__label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);align-self:flex-start;font-size:12px}.timeline__label .tag{margin-left:10px}.timeline__source{background:var(--ink);border-radius:12px;gap:4px;width:100%;height:84px;padding:4px;display:flex;overflow:hidden}.timeline__source img,.timeline__source .media-missing{object-fit:cover;object-position:center 40%;background:var(--surface-1);border:0;border-radius:8px;flex:1;min-width:0;height:100%;min-height:0;padding:0}.timeline__clips{gap:3px;width:100%;height:56px;padding-top:12px;display:flex}.clip{background:var(--pool);min-width:2px;color:var(--paper);font-family:var(--mono);animation:story-rise .5s var(--ease) both;border-radius:6px;flex:1 1 0;place-items:center;font-size:11px;display:grid}.clip+.clip{box-shadow:-3px 0 0 var(--coral)}.timeline__joined{border:1.5px dashed var(--coral);text-align:center;width:100%;color:var(--coral);border-radius:12px;padding:12px 16px;font-weight:600}.stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat{background:var(--paper-2);border:1px solid var(--rule);border-radius:14px;flex-direction:column;padding:16px 20px;display:flex}.stat strong{font-family:var(--serif);font-size:2.6em;font-weight:400;line-height:1}.stat span{color:var(--muted);font-size:.9em}.stat--coral strong{color:var(--coral)}.asset{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:center;gap:clamp(20px,4vw,64px);display:grid}.oneoff{flex-direction:column;gap:14px;display:flex}.oneoff__row{align-items:center;gap:8px;display:flex}.radial svg{width:100%;max-height:50vh}.spoke{animation:story-rise .6s var(--ease) both;animation-delay:calc(.4s + var(--d) * 90ms)}.spoke__line{stroke:var(--pool);stroke-width:2px;stroke-dasharray:5 7;animation:1.6s linear infinite wire}.spoke__pill{fill:var(--paper-2);stroke:var(--pool);stroke-width:1.5px}.spoke__text{font-family:var(--sans);fill:var(--ink);font-size:15px;font-weight:600}.hub{fill:var(--ink)}.hub__text{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;fill:var(--paper);font-size:12px}.fig-joint{fill:var(--paper-2);stroke:var(--pool);stroke-width:3px}.fig-label{font-family:var(--mono);fill:var(--pool);font-size:10px}.fig-label--coral{fill:var(--coral)}.chips{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.chip{border:1.5px solid var(--rule);background:var(--paper-2);border-radius:999px;align-items:center;gap:8px;padding:10px 16px;font-weight:600;display:inline-flex;color:var(--muted)!important}.chip[aria-pressed=true]{border-color:var(--pool);background:var(--pool-light);color:var(--pool)!important}.capture{flex-direction:column;gap:20px;display:flex}.spectrum{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:16px;font-size:12px;display:flex}.spectrum__bar{background:linear-gradient(90deg, var(--good), var(--pool), var(--sun));border-radius:999px;flex:1;height:8px}.tiers{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.tier{background:var(--paper-2);border:1px solid var(--rule);border-top:5px solid var(--good);border-radius:18px;flex-direction:column;gap:10px;padding:24px;display:flex}.tier--phones{border-top-color:var(--pool)}.tier--single{border-top-color:var(--sun)}.tier h3{font-family:var(--serif);font-size:1.7em;font-weight:400;line-height:1.05}.tier__tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.dots{align-items:center;gap:5px;font-size:.85em;display:flex}.dots span{width:110px;color:var(--muted)}.dots i{border:1.5px solid var(--ink-2);border-radius:50%;width:12px;height:12px}.dots i.on{background:var(--ink);border-color:var(--ink)}.checks{grid-template-columns:1fr 1fr;gap:4px 10px;margin:4px 0 0;padding:0;font-size:.85em;list-style:none;display:grid}.checks svg{color:var(--good)}.views{flex-direction:column;gap:18px;display:flex}.chain{counter-reset:step;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chain li{counter-increment:step;background:var(--paper-2);border:1px solid var(--border-medium);border-radius:999px;padding:8px 14px 8px 10px;font-size:.9em;font-weight:600}.chain li:before{content:counter(step);background:var(--ink);width:20px;height:20px;color:var(--paper);font-family:var(--mono);border-radius:50%;place-items:center;margin-right:8px;font-size:11px;display:inline-grid}.chain li.is-hypo{border-style:dashed;border-color:var(--sun);color:var(--sun)}.chain li.is-hypo:before{background:var(--sun)}.voice-chain{flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;display:flex}.voice-chain li{background:var(--paper-2);border:1px solid var(--rule);border-radius:14px;flex-direction:column;gap:6px;padding:12px 14px;font-weight:600;display:flex}.voice-chain li+li:before{content:"→";color:var(--muted);margin-left:-20px;position:absolute}.voice-chain li{position:relative}.diff{gap:10px;margin-bottom:20px;display:grid}.diff__heard,.diff__clean{font-family:var(--serif);font-size:1.45em;line-height:1.2}.diff__who{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:11px;display:block}.diff del{color:var(--coral);text-decoration-thickness:2px}.diff ins{color:var(--good);background:#54c98b26;border-radius:4px;padding:0 4px;text-decoration:none}.rent{grid-template-columns:1fr 1fr .8fr;align-items:stretch;gap:20px;display:grid}.rent__col{background:var(--paper-2);border:1px solid var(--rule);border-radius:18px;flex-direction:column;gap:12px;padding:24px;display:flex}.rent__col h3{font-family:var(--serif);align-items:center;gap:10px;font-size:1.7em;font-weight:400;display:flex}.rent__col h3 svg{color:var(--pool)}.pros,.cons{gap:4px;margin:0;padding:0;font-size:.92em;list-style:none;display:grid}.pros svg{color:var(--good)}.cons svg{color:var(--coral)}.anecdote{border-left:4px solid var(--pool);background:#34d6c70f;border-radius:0 12px 12px 0;gap:6px;padding:14px 16px;font-size:.92em;display:grid}.anecdote__year{font-family:var(--serif);color:var(--pool);font-size:2em;line-height:1}.tasks{flex-wrap:wrap;gap:6px;display:flex}.curve{flex-direction:column;justify-content:center;gap:8px;margin:0;display:flex}.curve svg{width:100%}.curve__lbl{font-family:var(--sans);fill:var(--ink);font-size:13px;font-weight:700}.curve__lbl--small{font-family:var(--mono);fill:var(--muted);font-size:10px;font-weight:400}.hybrid{background:var(--ink);color:var(--paper);border-radius:14px;grid-column:1/-1;padding:16px 22px;font-size:1.1em}.hybrid strong{color:var(--review)}.costs{flex-direction:column;gap:26px;display:flex}.costs__grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.costcard{background:var(--paper-2);border:1px solid var(--rule);border-bottom:5px solid var(--coral);border-radius:18px;flex-direction:column;gap:8px;padding:22px;display:flex}.costcard svg{color:var(--coral)}.costcard h3{font-family:var(--serif);font-size:1.7em;font-weight:400}.costcard p{color:var(--ink-2);font-size:.92em}.costs blockquote{max-width:28ch;font-family:var(--serif);text-align:center;color:var(--pool);margin:0 auto;font-size:clamp(30px,3vw,54px);font-style:italic;line-height:1.08}.workflow{flex-direction:column;gap:22px;display:flex}.workflow__who{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-right:12px;font-size:12px}.instructor{background:var(--pool-light);border-radius:18px;flex-wrap:wrap;align-items:center;gap:14px;padding:22px;display:flex}.instructor__step{font-family:var(--serif);align-items:center;gap:12px;font-size:1.8em;display:flex}.instructor__num{background:var(--pool);width:38px;height:38px;color:var(--paper);font-family:var(--mono);border-radius:50%;place-items:center;font-size:15px;display:grid}.backstage{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr);align-items:start;gap:22px;display:grid}.snake{grid-template-columns:repeat(4,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.snake li{background:var(--paper-2);border:1px solid var(--rule);animation:story-rise .5s var(--ease) both;animation-delay:calc(var(--d) * 70ms);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;font-weight:600;display:flex}.snake li span{font-family:var(--mono);color:var(--muted);font-size:11px}.snake li.is-qc{border:2px solid var(--sun);background:#e6b94f1a}.qc{border:2px solid var(--sun);animation:story-rise .6s var(--ease) .6s both;background:#e6b94f1a;border-radius:18px;padding:22px}.qc ul{gap:4px;margin:0 0 12px;padding-left:18px;font-weight:600;display:grid}.library{flex-direction:column;align-items:center;gap:26px;display:flex}.library .story-cta{align-self:center}.stack{flex-direction:column;align-items:center;gap:6px;display:flex}.stack__row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.stack__arrow{color:var(--coral)}.outputs{flex-wrap:wrap;justify-content:center;gap:8px;max-width:900px;display:flex}.finale{max-width:34ch;font-family:var(--serif);text-align:center;font-size:clamp(28px,2.8vw,52px);line-height:1.05}.finale em{color:var(--pool)}@media (width<=900px){.cover,.split,.split--even,.asset,.backstage,.rent{grid-template-columns:1fr}.tiers,.stats,.drift__videos,.costs__grid,.snake{grid-template-columns:1fr 1fr}.blackbox{flex-direction:column}.blackbox .flow-arrow,.story-rail{display:none}.story-scroll{scroll-snap-type:none}}.envi{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,48px);display:grid}.envi figure{margin:0}.envi img,.envi video{border-radius:16px;width:100%;display:block;box-shadow:0 30px 60px -35px #0000008c}.envi img{object-fit:cover;max-height:36vh}.envi video{aspect-ratio:16/9;object-fit:cover;background:var(--ink);border:4px solid var(--coral)}.envi figcaption{margin:12px 0 10px;font-weight:600}.ticks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.ticks svg,.xlist .ok{color:var(--good)}.xlist--mixed{gap:8px;margin:0}.drift__videos{grid-template-columns:repeat(2,minmax(0,220px));justify-content:center;gap:18px;display:grid}.drift__videos figure{margin:0}.drift__videos video{aspect-ratio:9/16;object-fit:cover;border:6px solid var(--ink);background:var(--ink);border-radius:18px;width:100%;max-height:44vh;display:block}.drift__videos figcaption{text-align:center;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-top:8px;font-size:12px}.drift{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,48px);display:grid}.drift__table th,.drift__table td{text-align:left;vertical-align:top;border-top:1px solid var(--rule);padding:9px 12px}.drift__table thead th{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--coral);border-top:0;font-size:12px;font-weight:500}.drift__table tbody th{width:20%;font-weight:700}.drift__table tfoot td{font-family:var(--serif);color:var(--pool);padding-top:16px;font-size:1.35em;line-height:1.2}.punch{font-family:var(--serif);color:var(--coral);font-size:1.6em}.mannequin{flex-direction:column;align-items:center;gap:14px;display:flex}.mannequin canvas{border:1px solid var(--rule);cursor:grab;touch-action:none;border-radius:20px;width:min(100%,1100px);height:min(48vh,520px)}.mannequin canvas:active{cursor:grabbing}.mannequin .chips{justify-content:center;margin:0}.chain__next{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-left:8px;font-size:10px}@media (width<=900px){.envi,.drift{grid-template-columns:1fr}}.chapter--length .length{gap:14px}.chapter--length .timeline__source{height:72px}.hire{color:var(--ink-2);align-items:center;gap:12px;margin-top:14px;font-size:.85em;display:flex}.envi .hire img{width:110px;height:62px;box-shadow:none;border-radius:8px;flex:none}.tested{flex-direction:column;gap:16px;display:flex}.toggle--wrap{border-radius:22px;flex-wrap:wrap;align-self:flex-start}.tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tile{border:1px solid var(--rule);background:var(--paper-2);text-align:left;border-top:4px solid var(--pool);width:100%;transition:transform .25s var(--ease), box-shadow .25s;border-radius:12px;flex-direction:column;padding:0;display:flex;overflow:hidden}.tile:hover,.tile:focus-visible{transform:translateY(-3px);box-shadow:0 18px 40px -24px #00000080}.tile--water{border-top-color:var(--coral)}.tile--3d{border-top-color:var(--good)}.tile--control{border-top-color:var(--sun)}.tile--library{border-top-color:var(--ink)}.tile video{aspect-ratio:16/10;object-fit:cover;object-position:center 30%;background:var(--ink);pointer-events:auto;width:100%}.tile__title{padding:8px 10px 10px;font-size:.85em;font-weight:600}.lightbox{background:var(--paper-2);width:min(92vw,1400px);max-height:90vh;color:var(--ink);font-family:var(--sans);border:0;border-radius:18px;padding:0;overflow:hidden}.lightbox::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030508cc}.lightbox video{background:var(--ink);width:100%;max-height:70vh;display:block}.lightbox__text{padding:18px 24px 22px}.lightbox__text h3{font-family:var(--serif);margin:0 0 6px;font-size:1.8em;font-weight:400}.lightbox__id{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);margin-top:8px;font-size:11px;display:inline-block}.lightbox__close{width:40px;height:40px;color:var(--ink);background:#0f151eeb;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:12px;right:12px}:root{--bg-0:#070a0f;--bg-1:#0b1017;--surface-0:#0f151e;--surface-1:#151d28;--surface-2:#1b2532;--border-soft:#ffffff14;--border-medium:#ffffff24;--grid:#ffffff09;--text-strong:#f5f7fa;--text:#d7dde6;--text-muted:#8d98a8;--text-faint:#667181;--source:#5f9df7;--prepare:#7aa7d9;--motion:#43c7a5;--asset:#34d6c7;--generation:#9b7cf6;--review:#e6b94f;--output:#5cc8e8;--risk:#ef6a6a;--tested:#54c98b;--documented:#6ea8fe;--expected:#e7b85a;--untested:#7c8797;--success:#54c98b;--partial:#e7b85a;--failed:#ef6a6a;--not-reviewed:#7c8797;--focus-ring:#82aeff8c;--focus-glow:#5f9df721;--font-sans:"DM Sans", system-ui, sans-serif;--font-display:"Newsreader", Georgia, serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--header-h:56px;--bar-h:72px;--panel-w:360px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);background:var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.workflow-node{--node-accent:var(--source);border:1px solid var(--border-soft);width:240px;color:var(--text);background:#0f151ef5;border-radius:14px;transition:background .18s,border-color .18s,box-shadow .18s,opacity .22s;overflow:hidden;box-shadow:0 10px 30px #00000038}.workflow-node__rail{background:var(--node-accent);height:4px}.workflow-node__thumb{border-bottom:1px solid var(--border-soft);background:#05070b;height:88px;overflow:hidden}.workflow-node__thumb-img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.workflow-node__body{padding:12px 14px 14px}.workflow-node .node-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 6px;font-size:10px}.workflow-node h3{color:var(--text-strong);margin:0 0 8px;font-size:16px;font-weight:650;line-height:1.15}.workflow-node p{color:var(--text-muted);margin:0 0 10px;font-size:12px;line-height:1.45}.workflow-node__badges{flex-wrap:wrap;gap:6px;display:flex}.workflow-node:hover{background:var(--surface-1);border-color:var(--border-medium)}.workflow-node.is-focused{border-color:var(--node-accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--node-accent) 42%, transparent), 0 14px 40px #00000052}.workflow-node.is-dimmed{opacity:.28}.workflow-node--source{--node-accent:var(--source)}.workflow-node--prepare{--node-accent:var(--prepare)}.workflow-node--motion{--node-accent:var(--motion)}.workflow-node--asset{--node-accent:var(--asset)}.workflow-node--generation{--node-accent:var(--generation)}.workflow-node--review{--node-accent:var(--review)}.workflow-node--output{--node-accent:var(--output)}.workflow-node--risk{--node-accent:var(--risk)}.workflow-node--asset .workflow-node__body{background:linear-gradient(#34d6c70f,#0000 48%)}.workflow-node--warning{border-style:dashed}.evidence-badge,.outcome-badge,.cost-badge{letter-spacing:.04em;border:1px solid var(--border-medium);color:var(--text);white-space:nowrap;background:#00000040;border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;display:inline-flex}.evidence-badge--tested{border-color:color-mix(in srgb, var(--tested) 55%, transparent);color:var(--tested)}.evidence-badge--documented{border-color:color-mix(in srgb, var(--documented) 55%, transparent);color:var(--documented)}.evidence-badge--expected{border-color:color-mix(in srgb, var(--expected) 55%, transparent);color:var(--expected);border-style:dashed}.evidence-badge--untested{border-color:color-mix(in srgb, var(--untested) 55%, transparent);color:var(--untested)}.outcome-badge{opacity:.92;font-size:9px}.cost-badge{color:var(--text-muted);text-overflow:ellipsis;max-width:100%;overflow:hidden}.react-flow__handle{border:1.5px solid #00000073;width:8px;height:8px}.react-flow__handle-left{background:color-mix(in srgb, var(--node-accent) 55%, #0b1017)}.react-flow__handle-right{background:var(--node-accent)}.react-flow__edge-path{stroke:#b9c4d347;stroke-width:1.5px}.react-flow__edge.is-active .react-flow__edge-path{stroke-width:2.25px}.react-flow__edge.is-dimmed{opacity:.2}.react-flow__edge.is-tracing .react-flow__edge-path{stroke-dasharray:6 8;animation:1.1s linear 2 edge-trace}.react-flow__edge[data-route=direct] .react-flow__edge-path{stroke:color-mix(in srgb, var(--generation) 55%, transparent)}.react-flow__edge[data-route=motion] .react-flow__edge-path{stroke:color-mix(in srgb, var(--motion) 55%, transparent)}.react-flow__edge[data-route=manual] .react-flow__edge-path,.react-flow__edge[data-risk=true] .react-flow__edge-path{stroke:color-mix(in srgb, var(--risk) 60%, transparent)}.react-flow__edge.is-active[data-route=direct] .react-flow__edge-path{stroke:var(--generation)}.react-flow__edge.is-active[data-route=motion] .react-flow__edge-path{stroke:var(--motion)}.react-flow__edge.is-active[data-route=manual] .react-flow__edge-path,.react-flow__edge.is-active[data-risk=true] .react-flow__edge-path{stroke:var(--risk)}@keyframes edge-trace{to{stroke-dashoffset:-28px}}.flow-lanes{pointer-events:none;z-index:0;position:absolute;inset:0}.lane{border-radius:24px;position:absolute;left:880px;right:40px}.lane--direct{background:#9b7cf606;height:220px;top:-80px}.lane--motion{background:#43c7a506;height:360px;top:180px}.lane--manual{background:#ef6a6a06;height:200px;top:560px}.lane__label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);font-size:10px;position:absolute;top:12px;left:16px}.node-toolbar{background:var(--surface-1);border:1px solid var(--border-medium);border-radius:10px;gap:6px;padding:4px;display:flex;box-shadow:0 8px 24px #00000059}.node-toolbar button{color:var(--text);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;border-radius:7px;padding:6px 10px;font-size:11px}.node-toolbar button:hover{background:var(--surface-2)}.app-shell{grid-template-rows:var(--header-h) 1fr auto;background:radial-gradient(1200px 600px at 10% -10%, #5f9df714, transparent 55%), radial-gradient(900px 500px at 90% 0%, #34d6c70f, transparent 50%), var(--bg-0);height:100%;display:grid}.app-header{border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#070a0fb8;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.app-header__brand{flex-direction:column;gap:2px;display:flex}.app-header__brand strong{letter-spacing:.18em;color:var(--text-strong);font-size:13px}.app-header__brand span{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:11px}.app-header__right{align-items:center;gap:16px;display:flex}.evidence-snapshot{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.mode-toggle{background:var(--surface-0);border:1px solid var(--border-soft);border-radius:10px;padding:3px;display:inline-flex}.mode-toggle button{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;border-radius:8px;padding:7px 12px;font-size:11px}.mode-toggle button.is-active{background:var(--surface-2);color:var(--text-strong)}.workspace{grid-template-columns:1fr;min-height:0;display:grid;position:relative}.workspace.has-panel{grid-template-columns:1fr var(--panel-w)}.canvas-wrap{min-height:0;position:relative}.canvas-wrap .react-flow{background:0 0}.detail-panel{border-left:1px solid var(--border-soft);z-index:4;background:#0b1017eb;padding:18px 18px 24px;overflow:auto}.detail-panel h2{font-family:var(--font-display);color:var(--text-strong);margin:8px 0 12px;font-size:26px;font-weight:600;line-height:1.15}.detail-panel section{margin-top:16px}.detail-panel h4{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 6px;font-size:10px}.detail-panel p,.detail-panel li{color:var(--text);margin:0;font-size:13px;line-height:1.5}.detail-panel ul{margin:0;padding-left:16px}.detail-panel .muted{color:var(--text-muted)}.media-placeholder{border:1px dashed var(--border-medium);color:var(--text-muted);background:#0003;border-radius:10px;margin-top:8px;padding:14px;font-size:12px;line-height:1.4}.media-strip{gap:10px;margin-top:8px;display:grid}.media-card{border:1px solid var(--border-soft);background:#05070b;border-radius:10px;margin:0;overflow:hidden}.media-card__img{object-fit:cover;background:#05070b;width:100%;max-height:160px;display:block}.media-card figcaption{color:var(--text-muted);border-top:1px solid var(--border-soft);background:#0f151ee6;padding:7px 10px;font-size:11px}.detail-hero-media .media-card__img{max-height:180px}.comparison-panel{z-index:3;border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1017eb;border-radius:14px;width:min(920px,100% - 32px);padding:12px 14px 10px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.comparison-panel h4{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);text-align:center;margin:0 0 10px;font-size:10px}.comparison-panel__row{align-items:stretch;gap:8px;display:flex}.comparison-cell{flex:1;min-width:0}.comparison-cell__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:10px}.comparison-cell__img{object-fit:cover;border:1px solid var(--border-soft);background:#05070b;border-radius:8px;width:100%;height:110px;display:block}.comparison-cell .media-placeholder{text-align:center;place-items:center;height:110px;margin:0;padding:10px;display:grid}.comparison-cell__caption{color:var(--text-faint);margin-top:6px;font-size:11px;line-height:1.35}.comparison-arrow{color:var(--text-faint);align-self:center;padding-top:12px;font-size:18px}.comparison-panel__note{color:var(--text-faint);text-align:center;margin:10px 0 0;font-size:11px}.title-sequence__content{z-index:1;position:relative}.presentation-bar{min-height:var(--bar-h);border-top:1px solid var(--border-soft);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5;background:#070a0fe0;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:10px 18px;display:grid}.presentation-bar__nav{gap:8px;display:flex}.presentation-bar button.bar-btn{border:1px solid var(--border-soft);background:var(--surface-0);color:var(--text);letter-spacing:.1em;text-transform:uppercase;border-radius:10px;padding:10px 14px;font-size:11px}.presentation-bar button.bar-btn:hover:not(:disabled){border-color:var(--border-medium);background:var(--surface-1)}.presentation-bar button.bar-btn:disabled{opacity:.35;cursor:not-allowed}.presentation-bar__centre{text-align:center;min-width:0}.presentation-bar__step{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:4px;font-size:11px}.presentation-bar__title{color:var(--text-strong);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.presentation-bar__narration{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:12px;display:-webkit-box;overflow:hidden}.presentation-bar__actions{gap:8px;display:flex}.legend{z-index:3;border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(320px,100% - 32px);color:var(--text-muted);background:#0f151ee0;border-radius:14px;padding:12px 14px;font-size:11px;position:absolute;bottom:16px;left:16px}.legend h4{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 0 8px;font-size:10px}.legend__row{flex-wrap:wrap;gap:8px 12px;margin-bottom:10px;display:flex}.legend__item{align-items:center;gap:6px;display:inline-flex}.legend__swatch{border-radius:2px;width:8px;height:8px}.title-sequence{z-index:20;text-align:center;background:radial-gradient(800px 400px at 50% 40%,#5f9df71f,#0000 60%),#070a0ff0;place-items:center;padding:40px;display:grid;position:absolute;inset:0}.title-sequence h1{font-family:var(--font-display);color:var(--text-strong);letter-spacing:.02em;margin:8px 0 12px;font-size:clamp(32px,4.5vw,44px);font-weight:600}.title-sequence .brand{letter-spacing:.22em;text-transform:uppercase;color:var(--asset);font-size:13px}.title-sequence .subtitle{max-width:560px;color:var(--text-muted);margin:0 auto 28px;font-size:15px;line-height:1.5}.title-sequence .pipeline{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text);margin-bottom:28px;font-size:12px}.title-sequence button{border:1px solid var(--border-medium);background:var(--surface-1);color:var(--text-strong);letter-spacing:.14em;text-transform:uppercase;border-radius:12px;padding:12px 22px;font-size:12px}.scale-callout{z-index:3;border:1px solid color-mix(in srgb, var(--risk) 40%, var(--border-soft));width:min(280px,100% - 32px);color:var(--text);background:#140a0ce0;border-radius:14px;padding:14px 16px;position:absolute;top:16px;right:16px}.scale-callout h4{letter-spacing:.14em;text-transform:uppercase;color:var(--risk);margin:0 0 8px;font-size:10px}.scale-callout strong{font-size:28px;font-family:var(--font-display);color:var(--text-strong);margin-bottom:4px;display:block}.scale-callout p{color:var(--text-muted);margin:0;font-size:12px}.emphasis-banner{z-index:3;border:1px solid var(--border-medium);letter-spacing:.1em;text-transform:uppercase;background:#0f151ee6;border-radius:999px;padding:8px 14px;font-size:11px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.emphasis-banner--warning{border-color:color-mix(in srgb, var(--risk) 50%, transparent);color:var(--risk)}.emphasis-banner--success{border-color:color-mix(in srgb, var(--success) 50%, transparent);color:var(--success)}@media (width<=960px){.workspace.has-panel{grid-template-columns:1fr}.detail-panel{border-left:0;border-top:1px solid var(--border-soft);max-height:42%;position:absolute;inset:auto 0 0}.legend{display:none}.presentation-bar{text-align:left;grid-template-columns:1fr}.presentation-bar__actions,.presentation-bar__nav{justify-content:space-between}}.fade-in{animation:.42s both fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.scale-pulse{animation:1.6s 2 scale-pulse}@keyframes scale-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}