*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #dd4b38;outline-offset:2px}.react-flow{direction:ltr;--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: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--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: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--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 rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.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: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--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: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--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: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--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 rgba(0, 0, 0, .08);--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{position:absolute;width:100%;height:100%;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{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.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;-moz-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:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.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:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;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%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;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{position:absolute;z-index:5;margin:15px}.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{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.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{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.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{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;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))}.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{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.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-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.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))}:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#182027;background:#dfe5e7;font-synthesis:none;text-rendering:geometricPrecision}body{margin:0;overflow:hidden}button,a{font:inherit}button{color:inherit}.trio-viewport{--ink: #182027;--paper: #f4f6f7;--paper-2: #e7ecee;--panel: #ffffff;--line: rgba(24, 32, 39, .16);--muted: #68747c;--accent: #dd4b38;--accent-soft: rgba(221, 75, 56, .1);--steel: #91a4a8;--sage: #728b84;display:grid;place-items:center;width:100vw;height:100dvh;color:var(--ink);background:#dfe5e7}.trio-theme-v6{--ink: #eef3f1;--paper: #101b21;--paper-2: #18272d;--panel: #1a2a31;--line: rgba(226, 237, 235, .15);--muted: #9fb1b1;--accent: #ef644f;--accent-soft: rgba(239, 100, 79, .13);--steel: #799397;--sage: #8cad9f;background:#071116}.trio-stage{position:relative;width:min(100vw,177.7778dvh);height:min(100dvh,56.25vw);overflow:hidden;container-type:size;background:linear-gradient(90deg,rgba(24,32,39,.022) 1px,transparent 1px) 0 0 / 8.3333% 100%,var(--paper);box-shadow:0 3cqh 10cqh #19262d2e}.trio-motion-slide,.trio-slide{position:absolute;top:0;right:0;bottom:0;left:0}.trio-slide{padding:12.5cqh 6cqw 8.5cqh 14cqw}.trio-slide-header{position:relative;z-index:4;max-width:77cqw}.trio-slide-header>span,.trio-closing-copy>span{display:block;margin-bottom:1.6cqh;color:var(--accent);font:750 .82cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em}.trio-slide-header h1,.trio-closing-copy h1{max-width:74cqw;margin:0;font-family:Songti SC,STSong,"Noto Serif CJK SC",serif;font-size:clamp(38px,3.6cqw,62px);font-weight:760;line-height:1.08;letter-spacing:-.052em}.trio-slide-header p,.trio-closing-copy p{max-width:64cqw;margin:1.6cqh 0 0;color:var(--muted);font-size:clamp(15px,1.18cqw,21px);line-height:1.55}.trio-statement{position:absolute;z-index:5;right:6cqw;bottom:7.1cqh;left:14cqw;min-height:4.8cqh;margin:0;padding:1.55cqh 1.6cqw;color:var(--ink);background:color-mix(in srgb,var(--panel) 90%,transparent);border-left:.32cqw solid var(--accent);box-shadow:0 1.2cqh 3cqh #14202612;font-family:Songti SC,STSong,serif;font-size:clamp(16px,1.26cqw,22px);font-weight:660;line-height:1.35}.trio-theme-v6 .trio-statement{color:#f2f4f1;background:#142228e6;box-shadow:0 1.2cqh 3cqh #0003}.trio-topline{position:absolute;z-index:20;top:0;right:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:6.4cqh;padding:0 2.8cqw;color:var(--muted);border-bottom:1px solid var(--line);font-size:.83cqw;letter-spacing:.05em}.trio-topline>a{justify-self:start;color:var(--ink);font:850 1.1cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;text-decoration:none}.trio-topline>span{font-weight:650}.trio-topline nav{justify-self:end;display:flex;gap:.4cqw}.trio-topline nav a{padding:.4cqh .6cqw;color:var(--muted);border:1px solid transparent;text-decoration:none}.trio-topline nav a.is-current{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,transparent)}.trio-chapter-rail{position:absolute;z-index:20;top:15cqh;left:2.6cqw;display:grid;gap:.5cqh;width:8.8cqw}.trio-chapter-rail button{display:grid;grid-template-columns:1.55cqw 1fr;gap:.4cqw;align-items:center;min-height:5.2cqh;padding:0 .5cqw;color:var(--muted);text-align:left;background:transparent;border:0;border-left:2px solid var(--line);cursor:pointer}.trio-chapter-rail button span{font:650 .69cqw ui-monospace,SFMono-Regular,monospace}.trio-chapter-rail button b{font-size:.78cqw;font-weight:560;line-height:1.3}.trio-chapter-rail button.is-current{color:var(--ink);border-left-color:var(--accent)}.trio-chapter-rail button.is-current span{color:var(--accent)}.trio-footline{position:absolute;z-index:20;right:2.8cqw;bottom:0;left:2.8cqw;display:grid;grid-template-columns:auto 1fr 17cqw;gap:1.4cqw;align-items:center;height:5.2cqh;color:var(--muted);border-top:1px solid var(--line);font:620 .75cqw ui-monospace,SFMono-Regular,monospace}.trio-footline strong{font-family:inherit;font-weight:560}.trio-progress{height:2px;overflow:hidden;background:var(--line)}.trio-progress i{display:block;height:100%;background:var(--accent);transition:width .26s ease}.trio-controls{position:absolute;z-index:25;right:2.8cqw;bottom:6.2cqh;display:flex;gap:.36cqw;padding:.5cqh .42cqw;opacity:.18;background:color-mix(in srgb,var(--panel) 90%,transparent);border:1px solid var(--line);transition:opacity .16s ease}.trio-controls:hover,.trio-controls:focus-within{opacity:1}.trio-controls button{min-width:2cqw;height:3.5cqh;padding:0 .65cqw;color:var(--muted);background:transparent;border:0;font-size:.7cqw;cursor:pointer}.trio-controls button:hover{color:var(--ink);background:var(--paper-2)}.trio-controls button:disabled{opacity:.3}.trio-drawer{position:absolute;z-index:60;background:color-mix(in srgb,var(--panel) 97%,transparent);border:1px solid var(--line);box-shadow:0 3cqh 10cqh #0000002e}.trio-drawer>header{display:flex;align-items:center;justify-content:space-between;padding:1.6cqh 1.5cqw;border-bottom:1px solid var(--line)}.trio-drawer button{color:var(--muted);background:transparent;border:0;cursor:pointer}.trio-notes{right:0;bottom:0;width:34cqw;min-height:43cqh;padding-bottom:3cqh}.trio-notes h2{margin:3cqh 2.2cqw 1.5cqh;font-family:Songti SC,STSong,serif;font-size:2cqw;line-height:1.2}.trio-notes p{margin:0 2.2cqw;color:var(--muted);font-size:1cqw;line-height:1.7}.trio-overview{top:5cqh;right:4cqw;bottom:5cqh;left:4cqw;padding-bottom:2cqh}.trio-overview>header h2{margin:.4cqh 0 0;font-family:Songti SC,STSong,serif;font-size:2.1cqw}.trio-overview>header span{color:var(--accent);font:700 .72cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em}.trio-overview>div{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw;padding:2cqh 1.5cqw}.trio-overview section h3{display:flex;gap:.6cqw;align-items:center;min-height:4cqh;margin:0 0 1cqh;font-size:1cqw}.trio-overview section h3 span{color:var(--accent);font-family:ui-monospace,SFMono-Regular,monospace}.trio-overview section>button{display:grid;grid-template-columns:1.7cqw 1fr;gap:.4cqw;width:100%;min-height:5.4cqh;padding:.7cqh .55cqw;text-align:left;border-top:1px solid var(--line)}.trio-overview section>button span{color:var(--muted);font:620 .66cqw ui-monospace,SFMono-Regular,monospace}.trio-overview section>button strong{font-size:.78cqw;font-weight:560;line-height:1.4}.trio-overview section>button.is-current{color:var(--accent);background:var(--accent-soft)}.trio-slide--cover{padding:0;color:#142027}.trio-cover-image,.trio-closing-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.trio-cover-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#f4f6f7fc,#f4f6f7eb 30%,#f4f6f738 64%,#f4f6f708),linear-gradient(0deg,rgba(244,246,247,.25),transparent 45%)}.trio-theme-v6 .trio-cover-shade{background:linear-gradient(90deg,#060f14fa,#060f14db 34%,#060f143d 69%,#060f140f)}.trio-theme-v6 .trio-slide--cover{color:#f2f4f1}.trio-cover-copy{position:absolute;z-index:4;top:20cqh;left:8.2cqw;width:50cqw}.trio-cover-copy>span{color:var(--accent);font:720 .82cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}.trio-cover-copy h1{margin:3.4cqh 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(48px,4.35cqw,76px);font-weight:780;line-height:1.05;letter-spacing:-.058em}.trio-cover-copy p{max-width:40cqw;margin:2.6cqh 0 0;color:#536167;font-size:clamp(16px,1.3cqw,23px);line-height:1.6}.trio-theme-v6 .trio-cover-copy p{color:#b6c4c3}.trio-cover-mark{position:absolute;z-index:5;bottom:8.5cqh;left:8.2cqw;display:flex;gap:1.2cqw;align-items:baseline;padding-top:1.5cqh;border-top:2px solid var(--accent)}.trio-cover-mark strong{font:850 1.1cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em}.trio-cover-mark small{color:#617078;font-size:.8cqw}.trio-theme-v6 .trio-cover-mark small{color:#9fb1b1}.trio-tension-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:11cqw;margin-top:6cqh}.trio-tension-grid article{position:relative;min-height:31cqh;padding:3.3cqh 2.1cqw;overflow:hidden;background:var(--panel);border:1px solid var(--line)}.trio-tension-grid article>span{color:var(--accent);font:680 .82cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.trio-tension-grid article strong{display:block;margin-top:3cqh;font-family:Songti SC,STSong,serif;font-size:2.35cqw;line-height:1.15}.trio-tension-grid article small{display:block;margin-top:1.8cqh;color:var(--muted);font-size:1.05cqw}.trio-tension-grid article i{position:absolute;right:2cqw;bottom:3cqh;left:2cqw;height:.7cqh;background:repeating-linear-gradient(90deg,var(--steel) 0 5%,transparent 5% 8%)}.trio-tension-grid article.is-live i{background:linear-gradient(90deg,var(--accent),var(--sage))}.trio-tension-gap{position:absolute;top:12cqh;left:50%;display:grid;place-items:center;width:8cqw;height:8cqw;transform:translate(-50%);color:var(--accent);background:var(--paper);border:1px solid var(--line);border-radius:50%;box-shadow:0 1.5cqh 3cqh #1820271a;font-size:.8cqw;font-weight:760}.trio-dual-loop{position:relative;height:40cqh;margin-top:4cqh}.trio-dual-loop article{position:absolute;top:3cqh;display:grid;align-content:center;width:24cqw;height:24cqw;max-height:34cqh;padding:3cqh 3cqw;background:var(--panel);border:1px solid var(--line);border-radius:50%}.trio-dual-loop article.is-loop-1{left:9cqw}.trio-dual-loop article.is-loop-2{right:9cqw}.trio-dual-loop article>span{color:var(--accent);font:760 .76cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em}.trio-dual-loop article strong{margin-top:1cqh;font-family:Songti SC,STSong,serif;font-size:1.8cqw;line-height:1.15}.trio-dual-loop article small{margin-top:1cqh;color:var(--muted);font-size:.9cqw;line-height:1.45}.trio-loop-core{position:absolute;z-index:3;top:12.5cqh;left:50%;display:grid;place-items:center;width:7.5cqw;height:7.5cqw;transform:translate(-50%);background:var(--accent);border-radius:50%;color:#fff}.trio-loop-core b{font:830 1.2cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.trio-loop-core span{margin-top:-2cqh;font-size:.7cqw}.trio-loop-bridge i{position:absolute;left:50%;width:15cqw;color:var(--muted);font-size:.72cqw;font-style:normal;text-align:center;border-top:1px solid var(--accent)}.trio-loop-bridge i:first-child{top:7cqh;transform:translate(-50%)}.trio-loop-bridge i:last-child{bottom:6cqh;transform:translate(-50%)}.trio-participant-layout{display:grid;grid-template-columns:23cqw 1fr;gap:2.6cqw;margin-top:4cqh}.trio-participant-core{display:grid;align-content:center;min-height:36cqh;padding:3cqh 2.2cqw;color:#fff;background:radial-gradient(circle at 82% 14%,rgba(255,255,255,.25),transparent 18%),linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 48%,#17252c))}.trio-participant-core>span{font:720 .8cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}.trio-participant-core strong{margin-top:2.5cqh;font-family:Songti SC,STSong,serif;font-size:2.25cqw;line-height:1.2}.trio-participant-core small{margin-top:3cqh;font-size:.85cqw}.trio-participant-capabilities{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.trio-participant-capabilities article{display:grid;align-content:center;min-height:18cqh;padding:1.8cqh 1.4cqw;background:color-mix(in srgb,var(--panel) 86%,transparent);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trio-participant-capabilities article>span{color:var(--accent);font:660 .68cqw ui-monospace,SFMono-Regular,monospace}.trio-participant-capabilities article strong{margin-top:1cqh;font-family:Songti SC,STSong,serif;font-size:1.4cqw}.trio-participant-capabilities article small{margin-top:.8cqh;color:var(--muted);font-size:.84cqw}.trio-workbench{display:grid;grid-template-columns:18cqw 1fr;gap:2cqw;margin-top:4cqh}.trio-workbench-person{position:relative;display:grid;align-content:end;min-height:38cqh;padding:3cqh 2cqw;overflow:hidden;background:var(--paper-2);border:1px solid var(--line)}.trio-workbench-person>span{position:absolute;top:2cqh;left:1.6cqw;color:var(--accent);font-size:.78cqw;font-weight:720}.trio-workbench-person strong{position:relative;z-index:2;margin-top:.5cqh;font-family:Songti SC,STSong,serif;font-size:1.55cqw}.trio-workbench-person i{position:absolute;top:5cqh;left:50%;width:7cqw;height:7cqw;transform:translate(-50%);background:linear-gradient(145deg,var(--steel),var(--sage));border:.7cqw solid color-mix(in srgb,var(--panel) 72%,transparent);border-radius:50% 50% 45% 45%;box-shadow:0 9cqh 0 3.8cqw color-mix(in srgb,var(--steel) 48%,transparent)}.trio-workbench-screen{min-height:38cqh;overflow:hidden;background:var(--panel);border:1px solid var(--line);box-shadow:0 2cqh 5cqh #18202714}.trio-workbench-screen header{display:flex;align-items:center;justify-content:space-between;height:6cqh;padding:0 1.5cqw;border-bottom:1px solid var(--line)}.trio-workbench-screen header span{color:var(--accent);font:730 .82cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.trio-workbench-screen header b{color:var(--muted);font-size:.75cqw;font-weight:540}.trio-workbench-screen>div{display:grid;grid-template-columns:1fr 1fr}.trio-workbench-screen article{min-height:13cqh;padding:1.8cqh 1.5cqw;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trio-workbench-screen article>span{color:var(--accent);font:650 .67cqw ui-monospace,SFMono-Regular,monospace}.trio-workbench-screen article strong{display:block;margin-top:.7cqh;font-family:Songti SC,STSong,serif;font-size:1.2cqw}.trio-workbench-screen article small{display:block;margin-top:.55cqh;color:var(--muted);font-size:.82cqw}.trio-workbench-screen footer{height:6cqh;padding:2cqh 1.5cqw 0;color:var(--muted);font:650 .72cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.09em}.trio-slide--hub{overflow:hidden}.trio-hub{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0}.trio-hub>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.trio-hub-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#081217f5,#081217c7 42%,#0812171f 78%)}.trio-slide--hub .trio-slide-header{color:#f3f5f2}.trio-slide--hub .trio-slide-header p{color:#b9c6c4}.trio-hub-core{position:absolute;top:44cqh;left:15cqw;display:grid;width:19cqw;padding:2cqh 1.5cqw;color:#fff;border-left:3px solid var(--accent);background:#0b181d9e}.trio-hub-core span,.trio-hub-core small{color:#aebdbc;font-size:.82cqw;letter-spacing:.1em}.trio-hub-core strong{margin:.7cqh 0;font:790 1.3cqw ui-monospace,SFMono-Regular,monospace}.trio-hub-orbit article{position:absolute;z-index:3;display:flex;gap:.45cqw;align-items:center;padding:.8cqh .75cqw;color:#f3f5f2;background:#0f1e24c7;border:1px solid rgba(255,255,255,.22);font-size:.8cqw}.trio-hub-orbit article i{width:.48cqw;height:.48cqw;background:var(--accent);border-radius:50%;box-shadow:0 0 1.2cqw var(--accent)}.trio-hub-orbit .is-orbit-1{top:25cqh;right:20cqw}.trio-hub-orbit .is-orbit-2{top:40cqh;right:8cqw}.trio-hub-orbit .is-orbit-3{top:58cqh;right:22cqw}.trio-hub-orbit .is-orbit-4{top:67cqh;right:8cqw}.trio-slide--hub .trio-statement{color:#fff;background:#0b181de0}.trio-skills-path{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;margin-top:5cqh}.trio-skills-path article{position:relative;min-height:21cqh;padding:2.4cqh 1.7cqw;background:var(--panel);border-top:3px solid var(--accent);box-shadow:0 1.6cqh 4cqh #18202712}.trio-skills-path article>span{color:var(--accent);font:720 .72cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em}.trio-skills-path article strong{display:block;margin-top:2cqh;font-family:Songti SC,STSong,serif;font-size:1.45cqw}.trio-skills-path article small{display:block;margin-top:1cqh;color:var(--muted);font-size:.82cqw;line-height:1.45}.trio-skills-path article>i{position:absolute;top:8cqh;right:-1.5cqw;color:var(--accent);font:320 2.3cqw Songti SC,serif}.trio-skills-definition{display:flex;gap:.55cqw;align-items:center;margin-top:2cqh;padding:1.3cqh 1.2cqw;color:var(--muted);border:1px solid var(--line)}.trio-skills-definition span{margin-right:auto;color:var(--accent);font:700 .82cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.trio-skills-definition b{padding:.6cqh .65cqw;background:var(--paper-2);font-size:.72cqw;font-weight:560}.trio-diagram-wrap{height:45cqh;margin-top:2cqh}.trio-flow{position:relative;width:100%;height:100%;overflow:hidden;background:color-mix(in srgb,var(--panel) 64%,transparent);border:1px solid var(--line)}.trio-flow .react-flow__background{color:color-mix(in srgb,var(--muted) 32%,transparent)}.trio-flow .react-flow__edge-path{stroke:var(--accent);stroke-width:2}.trio-flow .react-flow__edge-text{fill:var(--muted);font-size:12px}.trio-flow .react-flow__edge-textbg{fill:var(--paper)}.trio-flow .react-flow__arrowhead polyline,.trio-flow .react-flow__arrowhead path{fill:var(--accent);stroke:var(--accent)}.trio-flow-node{display:grid;width:160px;min-height:88px;padding:13px 15px;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--accent);box-shadow:0 12px 30px #121f2617}.trio-flow-node .react-flow__handle{width:6px;height:6px;background:var(--accent);border:0}.trio-flow-node span{color:var(--accent);font:700 10px ui-monospace,SFMono-Regular,monospace}.trio-flow-node strong{margin-top:6px;font-family:Songti SC,STSong,serif;font-size:16px;line-height:1.2}.trio-flow-node small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.35}.trio-flow-core{position:absolute;z-index:5;top:50%;left:50%;display:grid;place-items:center;width:8cqw;height:8cqw;transform:translate(-50%,-50%);color:#fff;background:var(--accent);border-radius:50%;box-shadow:0 0 0 1.2cqw var(--accent-soft);pointer-events:none}.trio-flow-core strong{font:830 1.2cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.trio-flow-core span{margin-top:-2cqh;font-size:.68cqw}.trio-outcome-time{position:absolute;top:39cqh;left:14cqw;display:grid;width:14cqw}.trio-outcome-time span,.trio-outcome-time small{color:var(--muted);font:650 .82cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em}.trio-outcome-time strong{margin:.7cqh 0;color:var(--accent);font-family:Songti SC,STSong,serif;font-size:3.2cqw}.trio-outcome-path{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqw;margin:5cqh 0 0 19cqw}.trio-outcome-path article{position:relative;min-height:24cqh;padding:2.2cqh 1.5cqw;background:var(--panel);border:1px solid var(--line)}.trio-outcome-path article>span{color:var(--accent);font:720 .75cqw ui-monospace,SFMono-Regular,monospace}.trio-outcome-path article strong{display:block;margin-top:4cqh;font-family:Songti SC,STSong,serif;font-size:1.5cqw}.trio-outcome-path article small{display:block;margin-top:1cqh;color:var(--muted);font-size:.8cqw;line-height:1.45}.trio-outcome-path article>i{position:absolute;top:50%;right:-2cqw;width:2cqw;border-top:1px solid var(--accent)}.trio-outcome-path article>i:after{position:absolute;top:-.38cqh;right:0;width:.42cqw;height:.42cqw;content:"";background:var(--accent);transform:rotate(45deg)}.trio-stack{position:relative;display:grid;width:63cqw;gap:.8cqh;margin-top:4cqh}.trio-stack article{display:grid;grid-template-columns:13cqw 1fr;gap:1.5cqw;align-items:center;min-height:10cqh;padding:1.4cqh 1.5cqw;border:1px solid var(--line)}.trio-stack article.is-layer-1{width:72%;margin-left:14%;background:color-mix(in srgb,var(--accent) 13%,var(--panel))}.trio-stack article.is-layer-2{width:86%;margin-left:7%;background:color-mix(in srgb,var(--sage) 16%,var(--panel))}.trio-stack article.is-layer-3{width:100%;background:var(--panel)}.trio-stack article>span{color:var(--accent);font-size:.78cqw;font-weight:700}.trio-stack article strong{font-family:Songti SC,STSong,serif;font-size:1.25cqw}.trio-stack article small{grid-column:2;margin-top:-1cqh;color:var(--muted);font-size:.82cqw}.trio-stack-side{position:absolute;top:0;right:-17cqw;display:grid;width:14cqw;height:32cqh;padding:2cqh 1.2cqw;border-left:1px solid var(--line)}.trio-stack-side span{color:var(--accent);font:700 .69cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.1em}.trio-stack-side b{align-self:center;font-family:Songti SC,STSong,serif;font-size:1.1cqw}.trio-stack-side i{width:1px;height:7cqh;margin-left:.4cqw;background:var(--accent)}.trio-landscape{display:grid;grid-template-columns:1fr 30cqw;gap:2.2cqw;margin-top:4cqh}.trio-landscape-others{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.trio-landscape-others article{min-height:17cqh;padding:2.1cqh 1.5cqw;background:color-mix(in srgb,var(--panel) 73%,transparent);border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.trio-landscape-others strong{display:block;font-family:Songti SC,STSong,serif;font-size:1.3cqw}.trio-landscape-others small{display:block;margin-top:1.2cqh;color:var(--muted);font-size:.84cqw;line-height:1.45}.trio-landscape-trio{display:grid;align-content:center;min-height:34cqh;padding:3cqh 2cqw;color:#fff;background:linear-gradient(145deg,var(--accent),color-mix(in srgb,var(--accent) 35%,#142329))}.trio-landscape-trio>span{font:800 .82cqw ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}.trio-landscape-trio>strong{margin-top:2cqh;font-family:Songti SC,STSong,serif;font-size:1.7cqw;line-height:1.35}.trio-landscape-trio>div{display:flex;gap:.55cqw;align-items:center;margin-top:4cqh;font-size:.74cqw}.trio-landscape-trio i{font-style:normal;opacity:.68}.trio-control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1cqw;margin-top:6cqh}.trio-control-grid article{min-height:20cqh;padding:2.3cqh 1.4cqw;background:var(--panel);border:1px solid var(--line)}.trio-control-grid article>span{color:var(--accent);font:680 .7cqw ui-monospace,SFMono-Regular,monospace}.trio-control-grid article strong{display:block;margin-top:3cqh;font-family:Songti SC,STSong,serif;font-size:1.35cqw}.trio-control-grid article small{display:block;margin-top:.8cqh;color:var(--muted);font-size:.82cqw}.trio-control-line{display:grid;grid-template-columns:1fr auto auto 1fr;gap:1.2cqw;align-items:center;margin-top:2.5cqh}.trio-control-line i{border-top:1px solid var(--line)}.trio-control-line b{color:var(--muted);font-size:.83cqw}.trio-control-line span{color:var(--accent);font-family:Songti SC,STSong,serif;font-size:1.25cqw;font-weight:720}.trio-slide--closing{padding:0}.trio-closing-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 72% 44%,transparent 0 18%,rgba(244,246,247,.3) 40%,rgba(244,246,247,.96) 72%),linear-gradient(90deg,#f4f6f7fa,#f4f6f7b3)}.trio-theme-v6 .trio-closing-shade{background:radial-gradient(circle at 72% 45%,#050e120d 0,#050e120d 18%,#050e1273 42%,#050e12f5 76%),linear-gradient(90deg,#050e12fa,#050e1275)}.trio-closing-copy{position:absolute;z-index:3;top:18cqh;left:10cqw;width:70cqw}.trio-closing-copy h1{max-width:65cqw;font-size:clamp(46px,4.1cqw,72px)}.trio-closing-copy p{max-width:54cqw;margin-top:3cqh}.trio-closing-copy>strong{display:block;max-width:55cqw;margin-top:8cqh;padding-top:2cqh;color:var(--ink);border-top:3px solid var(--accent);font-family:Songti SC,STSong,serif;font-size:1.6cqw;line-height:1.45}body[data-route=portal]{overflow:auto;color:#182027;background:#e7ecee}.trio-portal{min-height:100dvh;padding:0 5vw 4vh;background:linear-gradient(90deg,rgba(24,32,39,.025) 1px,transparent 1px) 0 0 / 8.3333% 100%,#f4f6f7}.trio-portal>header{display:flex;align-items:center;justify-content:space-between;min-height:56px;color:#68747c;border-bottom:1px solid rgba(24,32,39,.16);font-size:12px}.trio-portal>header span{color:#dd4b38;font:730 12px ui-monospace,SFMono-Regular,monospace;letter-spacing:.15em}.trio-portal>header strong{font-weight:560}.trio-portal-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:5vw;align-items:end;padding:7vh 0 5vh}.trio-portal-intro>div>span{color:#dd4b38;font:700 12px ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em}.trio-portal-intro h1{margin:18px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(52px,6vw,88px);line-height:.95;letter-spacing:-.06em}.trio-portal-intro p{margin:0;color:#68747c;font-size:16px;line-height:1.75}.trio-portal-editions{display:grid;grid-template-columns:1fr 1fr;gap:24px}.trio-portal-card{position:relative;display:block;min-height:460px;overflow:hidden;color:#fff;text-decoration:none;border:1px solid rgba(24,32,39,.16);transition:transform .22s ease,box-shadow .22s ease}.trio-portal-card.is-narrative{grid-column:1 / -1;min-height:520px}.trio-portal-card.is-narrative .trio-portal-card-shade{background:linear-gradient(90deg,#081217f0,#08121780 56%,#08121714),linear-gradient(0deg,rgba(8,18,23,.78),transparent 62%)}.trio-portal-card.is-narrative>div:last-child{right:auto;width:min(680px,calc(100% - 64px))}.trio-portal-card.is-narrative h2{font-size:clamp(38px,4.5vw,68px)}.trio-portal-card:hover{transform:translateY(-5px);box-shadow:0 24px 70px #18202729}.trio-portal-card>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.trio-portal-card:hover>img{transform:scale(1.025)}.trio-portal-card-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#081217f0,#0812171a 75%)}.trio-portal-card.is-light .trio-portal-card-shade{background:linear-gradient(0deg,#f4f6f7fa,#f4f6f71a 76%)}.trio-portal-card.is-light{color:#182027}.trio-portal-card>span{position:absolute;top:26px;left:28px;display:grid;place-items:center;width:52px;height:52px;color:#fff;background:#dd4b38;font:800 14px ui-monospace,SFMono-Regular,monospace}.trio-portal-card>div:last-child{position:absolute;right:32px;bottom:30px;left:32px}.trio-portal-card small{color:#b7c3c3;font-size:12px}.trio-portal-card.is-light small,.trio-portal-card.is-light p{color:#68747c}.trio-portal-card h2{margin:10px 0 0;font-family:Songti SC,STSong,serif;font-size:clamp(32px,3vw,48px);line-height:1.05}.trio-portal-card p{max-width:520px;margin:14px 0 18px;color:#bac5c4;font-size:14px;line-height:1.6}.trio-portal-card b{color:#dd4b38;font-size:13px}.trio-portal>footer{display:flex;gap:28px;padding:24px 0 0;color:#68747c;font-size:12px}@media(max-width:850px){.trio-portal-intro,.trio-portal-editions{grid-template-columns:1fr}.trio-portal-intro{align-items:start}.trio-portal-card.is-narrative{min-height:560px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.react-flow__edge.animated path{animation:none!important}}body[data-route=narrative]{overflow-x:hidden;overflow-y:auto;color:#172127;background:#f3f5f5}body[data-route=narrative] #root{min-height:100%}.narrative-page{--narrative-ink: #172127;--narrative-muted: #5f6d74;--narrative-paper: #f3f5f5;--narrative-surface: #ffffff;--narrative-surface-2: #e7ecec;--narrative-line: rgba(23, 33, 39, .16);--narrative-accent: #d94d3b;--narrative-accent-soft: rgba(217, 77, 59, .1);--narrative-sage: #738b84;--narrative-sage-soft: rgba(115, 139, 132, .14);--narrative-steel: #8fa2a6;--narrative-nav-height: 68px;min-height:100dvh;color:var(--narrative-ink);background:linear-gradient(90deg,rgba(23,33,39,.022) 1px,transparent 1px) 0 0 / 8.3333% 100%,var(--narrative-paper);font-family:PingFang SC,Helvetica Neue,Microsoft YaHei,system-ui,sans-serif}.narrative-page h1,.narrative-page h2,.narrative-page h3,.narrative-page p,.narrative-page figure,.narrative-page blockquote{margin-top:0}.narrative-page h1,.narrative-page h2,.narrative-page h3{text-wrap:balance}.narrative-page p{text-wrap:pretty}.narrative-page [id]{scroll-margin-top:calc(var(--narrative-nav-height) + 24px)}.narrative-nav{position:sticky;z-index:40;top:0;display:grid;grid-template-columns:1fr auto;align-items:center;height:var(--narrative-nav-height);padding:0 clamp(24px,4vw,68px);background:color-mix(in srgb,var(--narrative-paper) 94%,transparent);border-bottom:1px solid var(--narrative-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.narrative-wordmark{justify-self:start;color:var(--narrative-ink);font:850 16px ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em;text-decoration:none}.narrative-nav nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px)}.narrative-nav a{color:var(--narrative-muted);font-size:13px;font-weight:620;text-decoration:none}.narrative-nav nav a:hover,.narrative-nav nav a:focus-visible{color:var(--narrative-ink)}.narrative-progress{position:fixed;z-index:45;top:calc(var(--narrative-nav-height) - 2px);right:0;left:0;height:2px;pointer-events:none}.narrative-progress i{display:block;width:100%;height:100%;background:var(--narrative-accent);transform:scaleX(0);transform-origin:left center}.narrative-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:calc(100dvh - var(--narrative-nav-height));border-bottom:1px solid var(--narrative-line)}.narrative-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(64px,8vw,138px) clamp(36px,6vw,104px)}.narrative-hero-copy>span{margin-bottom:28px;color:var(--narrative-accent);font:740 12px ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}.narrative-hero-copy h1{max-width:760px;margin-bottom:26px;font-size:clamp(46px,4.7vw,72px);font-weight:760;line-height:1.06;letter-spacing:-.055em}.narrative-hero-copy>p{max-width:640px;margin-bottom:34px;color:var(--narrative-muted);font-size:clamp(18px,1.45vw,24px);line-height:1.65}.narrative-hero-actions{display:flex;gap:12px}.narrative-hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:46px;padding:0 20px;color:#fff;background:var(--narrative-accent);border:1px solid var(--narrative-accent);font-size:14px;font-weight:700;text-decoration:none;transition:transform .18s ease,background-color .18s ease}.narrative-hero-actions a+a{color:var(--narrative-ink);background:transparent;border-color:var(--narrative-line)}.narrative-hero-actions a:hover{transform:translateY(-2px)}.narrative-hero-actions a:active{transform:translateY(1px)}.narrative-hero-media{position:relative;min-height:calc(100dvh - var(--narrative-nav-height));margin:0;overflow:hidden;background:var(--narrative-surface-2)}.narrative-hero-media:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(90deg,rgba(243,245,245,.38),transparent 20%);pointer-events:none}.narrative-hero-media img,.narrative-portrait img,.narrative-hub-media img,.narrative-panorama img,.narrative-outcome-media img{width:100%;height:106%;object-fit:cover;will-change:transform}.narrative-section{width:min(1400px,calc(100% - 64px));margin-inline:auto;padding:clamp(88px,8vw,132px) 0}.narrative-section+.narrative-section{border-top:1px solid var(--narrative-line)}.narrative-section-heading{max-width:980px;margin-bottom:clamp(48px,6vw,88px)}.narrative-section-heading.is-narrow{max-width:850px}.narrative-section-heading>span{display:block;margin-bottom:18px;color:var(--narrative-accent);font:740 12px ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em;text-transform:uppercase}.narrative-section-heading h2,.narrative-workbench-copy h2,.narrative-hub-copy h2,.narrative-cloud-skills-lead h2,.narrative-agent-thesis h2,.narrative-outcome-copy h2,.narrative-difference-copy h2,.narrative-closing h2{margin-bottom:24px;font-size:clamp(34px,3.5vw,54px);font-weight:740;line-height:1.14;letter-spacing:-.045em}.narrative-section-heading p,.narrative-workbench-copy>div:first-child>p,.narrative-hub-copy>div>p,.narrative-cloud-skills-lead p,.narrative-agent-thesis p,.narrative-outcome-copy p,.narrative-difference-copy p,.narrative-closing p{max-width:800px;color:var(--narrative-muted);font-size:clamp(17px,1.25vw,20px);line-height:1.9}.narrative-opening{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(56px,9vw,144px);align-items:start}.narrative-opening-thesis{position:sticky;top:calc(var(--narrative-nav-height) + 48px)}.narrative-opening-thesis p{margin:0;padding-top:22px;color:var(--narrative-accent);border-top:3px solid var(--narrative-accent);font-size:clamp(27px,2.6vw,42px);font-weight:690;line-height:1.3;letter-spacing:-.04em}.narrative-opening-copy h2{margin-bottom:32px;font-size:clamp(33px,3.4vw,52px);line-height:1.12;letter-spacing:-.05em}.narrative-opening-copy p{color:var(--narrative-muted);font-size:clamp(18px,1.35vw,21px);line-height:2}.narrative-opening-copy p+p{margin-top:26px}.narrative-loop-copy{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:0;margin-bottom:46px;border-left:1px solid var(--narrative-line)}.narrative-loop-copy article{min-height:210px;padding:28px clamp(24px,3vw,44px);border-right:1px solid var(--narrative-line)}.narrative-loop-copy strong{display:block;margin-bottom:20px;font-size:clamp(22px,2vw,31px)}.narrative-loop-copy p{margin-bottom:0;color:var(--narrative-muted);font-size:16px;line-height:1.8}.narrative-loop-visual,.narrative-value-visual{height:580px}.narrative-overview-map{height:720px}.trio-architecture-map{width:100%;height:100%;overflow:hidden;background:color-mix(in srgb,var(--narrative-surface) 76%,transparent);border:1px solid var(--narrative-line)}.trio-architecture-canvas{width:100%;height:100%;pointer-events:none}.trio-architecture-mobile{display:none}.trio-architecture-map .react-flow__background{color:color-mix(in srgb,var(--narrative-muted) 28%,transparent)}.trio-architecture-map .react-flow__edge-path{stroke-width:2.2}.trio-architecture-map .react-flow__edge.is-surface-edge .react-flow__edge-path{stroke:var(--narrative-accent)}.trio-architecture-map .react-flow__edge.is-foundation-edge .react-flow__edge-path{stroke:var(--narrative-sage)}.trio-architecture-map .react-flow__edge.is-governance-edge .react-flow__edge-path{stroke:var(--narrative-steel);stroke-dasharray:6 6}.trio-architecture-node{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(230px,1.2fr);grid-template-rows:auto auto 1fr;gap:6px 30px;width:100%;height:100%;padding:22px 26px;color:var(--narrative-ink);background:var(--narrative-surface);border:1px solid var(--narrative-line);border-left:5px solid var(--narrative-sage);box-shadow:0 12px 30px #17212711}.trio-architecture-node.is-core{grid-template-columns:minmax(210px,.88fr) minmax(250px,1.12fr);padding:26px 30px;color:#fff;background:var(--narrative-accent);border-color:var(--narrative-accent)}.trio-architecture-node.is-surface{background:var(--narrative-accent-soft);border-color:color-mix(in srgb,var(--narrative-accent) 48%,var(--narrative-line));border-left-color:var(--narrative-accent)}.trio-architecture-node.is-governance{display:flex;flex-direction:column;gap:0;padding:28px 25px;background:color-mix(in srgb,var(--narrative-surface-2) 76%,var(--narrative-surface));border-left-color:var(--narrative-steel)}.trio-architecture-node>span{grid-column:1;color:var(--narrative-accent);font:720 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.trio-architecture-node>strong{grid-column:1;align-self:end;font-size:clamp(21px,1.8vw,28px);line-height:1.25}.trio-architecture-node>p{grid-column:1;margin:0;color:var(--narrative-muted);font-size:13px;line-height:1.55}.trio-architecture-node>ul{grid-column:2;grid-row:1 / span 3;align-self:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.trio-architecture-node>ul li{display:grid;place-items:center;min-height:42px;padding:8px 10px;color:var(--narrative-ink);background:color-mix(in srgb,var(--narrative-surface) 72%,transparent);border:1px solid var(--narrative-line);font-size:13px;font-weight:650;text-align:center}.trio-architecture-node.is-core>span,.trio-architecture-node.is-core>p{color:#ffffffd1}.trio-architecture-node.is-core>strong{font-size:clamp(24px,2vw,31px)}.trio-architecture-node.is-core>ul{grid-template-columns:repeat(2,minmax(0,1fr))}.trio-architecture-node.is-core>ul li{color:#fff;background:#ffffff1f;border-color:#ffffff3d}.trio-architecture-node.is-governance>strong{margin-top:16px;font-size:26px}.trio-architecture-node.is-governance>p{margin-top:16px;font-size:13px;line-height:1.65}.trio-architecture-node.is-governance>ul{display:grid;grid-template-columns:1fr;gap:8px;width:100%;margin-top:28px}.trio-architecture-node.is-governance>ul li{min-height:48px;background:var(--narrative-surface)}.trio-architecture-node .react-flow__handle{width:7px;height:7px;background:var(--narrative-accent);border:0}.narrative-overview-principles{display:grid;grid-template-columns:1.2fr .9fr .9fr;margin-top:32px;border-top:1px solid var(--narrative-line);border-left:1px solid var(--narrative-line)}.narrative-overview-principles article{min-height:190px;padding:30px clamp(24px,3vw,44px);border-right:1px solid var(--narrative-line);border-bottom:1px solid var(--narrative-line)}.narrative-overview-principles strong{display:block;margin-bottom:16px;font-size:clamp(21px,1.8vw,28px)}.narrative-overview-principles p{margin:0;color:var(--narrative-muted);font-size:15px;line-height:1.8}.narrative-flow{position:relative;width:100%;height:100%;overflow:hidden;background:color-mix(in srgb,var(--narrative-surface) 72%,transparent);border:1px solid var(--narrative-line)}.narrative-flow-canvas{position:relative;width:100%;height:100%;pointer-events:none}.narrative-flow-mobile{display:none}.narrative-flow .react-flow__background{color:color-mix(in srgb,var(--narrative-muted) 28%,transparent)}.narrative-flow .react-flow__edge-path{stroke:var(--narrative-accent);stroke-width:2}.narrative-flow .react-flow__arrowhead path,.narrative-flow .react-flow__arrowhead polyline{fill:var(--narrative-accent);stroke:var(--narrative-accent)}.narrative-flow-node{display:grid;width:190px;min-height:92px;padding:16px 18px;color:var(--narrative-ink);background:var(--narrative-surface);border:1px solid var(--narrative-line);border-left:4px solid var(--narrative-sage);box-shadow:0 16px 42px #17212717}.narrative-flow-node.is-accent{color:#fff;background:var(--narrative-accent);border-color:var(--narrative-accent)}.narrative-flow-node strong{font-size:17px;line-height:1.3}.narrative-flow-node span{margin-top:7px;color:var(--narrative-muted);font-size:12px;line-height:1.45}.narrative-flow-node.is-accent span{color:#ffffffc7}.narrative-flow-node .react-flow__handle{width:7px;height:7px;background:var(--narrative-accent);border:0}.narrative-loop-center{position:absolute;z-index:4;top:50%;left:50%;display:grid;place-items:center;width:220px;min-height:116px;padding:20px;color:var(--narrative-ink);background:color-mix(in srgb,var(--narrative-surface) 92%,transparent);border:1px solid var(--narrative-line);border-top:4px solid var(--narrative-accent);box-shadow:0 16px 36px #17212714;transform:translate(-50%,-50%);pointer-events:none}.narrative-loop-center strong{font:820 18px ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em}.narrative-loop-center span{color:var(--narrative-muted);font-size:13px;line-height:1.5;text-align:center}.narrative-workbench-section{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);gap:clamp(48px,8vw,128px);align-items:start}.narrative-portrait{position:sticky;top:calc(var(--narrative-nav-height) + 32px);height:min(76dvh,880px);margin:0;overflow:hidden;background:var(--narrative-surface-2)}.narrative-workbench-copy{padding-top:10px}.narrative-workbench-capabilities{display:grid;grid-template-columns:1fr 1fr;margin-top:56px;border-top:1px solid var(--narrative-line);border-left:1px solid var(--narrative-line)}.narrative-workbench-capabilities article{min-height:190px;padding:28px;border-right:1px solid var(--narrative-line);border-bottom:1px solid var(--narrative-line)}.narrative-workbench-capabilities strong{display:block;margin-bottom:14px;font-size:20px}.narrative-workbench-capabilities p{margin-bottom:0;color:var(--narrative-muted);font-size:15px;line-height:1.8}.narrative-hub-section{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(50px,7vw,112px);align-items:center}.narrative-hub-copy blockquote{margin:48px 0 0;padding:28px 0 0 30px;color:var(--narrative-ink);border-top:1px solid var(--narrative-line);border-left:4px solid var(--narrative-accent);font-size:clamp(22px,2.1vw,32px);font-weight:650;line-height:1.55}.narrative-hub-media{height:clamp(520px,52vw,760px);margin:0;overflow:hidden;background:#101b21}.narrative-cloud-skills-lead{max-width:920px;margin-bottom:52px}.narrative-cloud-skills-lead>strong{display:block;max-width:820px;margin-top:28px;padding-top:22px;color:var(--narrative-ink);border-top:2px solid var(--narrative-accent);font-size:clamp(20px,1.7vw,26px);line-height:1.6}.narrative-cloud-skills-map{display:grid;grid-template-columns:minmax(240px,.9fr) 64px minmax(250px,1fr) 64px minmax(230px,.9fr);grid-template-rows:minmax(300px,auto) auto;align-items:stretch;padding:34px;background:color-mix(in srgb,var(--narrative-surface) 76%,transparent);border:1px solid var(--narrative-line)}.narrative-skill-vault,.narrative-cloud-runtime{padding:30px;background:var(--narrative-surface);border:1px solid var(--narrative-line);border-top:4px solid var(--narrative-sage)}.narrative-cloud-runtime{color:#fff;background:var(--narrative-accent);border-color:var(--narrative-accent)}.narrative-skill-vault>span,.narrative-cloud-runtime>span{color:var(--narrative-accent);font:720 11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.narrative-cloud-runtime>span{color:#ffffffbf}.narrative-skill-vault h3,.narrative-cloud-runtime h3{margin:20px 0 14px;font-size:clamp(24px,2vw,31px);line-height:1.25}.narrative-skill-vault p,.narrative-cloud-runtime p{margin:0;color:var(--narrative-muted);font-size:14px;line-height:1.7}.narrative-cloud-runtime p{color:#ffffffd1}.narrative-skill-vault ul{display:grid;gap:8px;margin:24px 0 0;padding:0;list-style:none}.narrative-skill-vault li{padding:10px 12px;background:var(--narrative-sage-soft);font-size:13px;font-weight:650}.narrative-cloud-connector{position:relative;align-self:center;height:2px;background:var(--narrative-accent)}.narrative-cloud-connector:after{position:absolute;top:50%;right:-1px;width:10px;height:10px;content:"";border-top:2px solid var(--narrative-accent);border-right:2px solid var(--narrative-accent);transform:translateY(-50%) rotate(45deg)}.narrative-cloud-entrypoints{display:grid;gap:8px}.narrative-cloud-entrypoints article{display:grid;align-content:center;min-height:90px;padding:16px 20px;background:var(--narrative-surface);border:1px solid var(--narrative-line)}.narrative-cloud-entrypoints strong{font-size:17px}.narrative-cloud-entrypoints span{margin-top:7px;color:var(--narrative-muted);font-size:13px}.narrative-cloud-governance{grid-column:1 / -1;display:grid;grid-template-columns:1.2fr repeat(5,1fr);gap:0;margin-top:26px;border-top:1px solid var(--narrative-line);border-left:1px solid var(--narrative-line)}.narrative-cloud-governance strong,.narrative-cloud-governance span{display:grid;align-items:center;min-height:58px;padding:12px 16px;border-right:1px solid var(--narrative-line);border-bottom:1px solid var(--narrative-line);font-size:13px}.narrative-cloud-governance strong{color:#fff;background:var(--narrative-sage);font-size:15px}.narrative-cloud-skills-capabilities{display:grid;grid-template-columns:1.08fr .92fr 1fr;margin-top:28px;border-top:1px solid var(--narrative-line);border-left:1px solid var(--narrative-line)}.narrative-cloud-skills-capabilities article{min-height:180px;padding:28px;border-right:1px solid var(--narrative-line);border-bottom:1px solid var(--narrative-line)}.narrative-cloud-skills-capabilities strong{display:block;margin-bottom:14px;font-size:20px}.narrative-cloud-skills-capabilities p{margin:0;color:var(--narrative-muted);font-size:15px;line-height:1.8}.narrative-agent-section{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(50px,7vw,112px);align-items:start}.narrative-agent-thesis{position:sticky;top:calc(var(--narrative-nav-height) + 48px)}.narrative-agent-thesis>strong{display:block;margin-top:40px;padding-top:24px;color:var(--narrative-accent);border-top:2px solid var(--narrative-accent);font-size:clamp(20px,1.7vw,27px);line-height:1.55}.narrative-agent-system{display:grid;grid-template-columns:.75fr 1.25fr;min-height:620px;border:1px solid var(--narrative-line)}.narrative-agent-core{display:flex;flex-direction:column;justify-content:center;padding:42px;color:#fff;background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.22),transparent 25%),var(--narrative-accent)}.narrative-agent-core>span{font:740 13px ui-monospace,SFMono-Regular,monospace;letter-spacing:.16em}.narrative-agent-core strong{margin-top:24px;font-size:clamp(28px,2.4vw,38px);line-height:1.1}.narrative-agent-core p{margin:28px 0 0;color:#fffc;font-size:16px;line-height:1.7}.narrative-agent-responsibilities{display:grid;grid-template-columns:1fr 1fr;background:var(--narrative-surface)}.narrative-agent-responsibilities article{display:grid;align-content:center;min-height:205px;padding:30px;border-right:1px solid var(--narrative-line);border-bottom:1px solid var(--narrative-line)}.narrative-agent-responsibilities strong{font-size:22px}.narrative-agent-responsibilities span{margin-top:10px;color:var(--narrative-muted);font-size:14px;line-height:1.6}.narrative-panorama{height:clamp(420px,43vw,660px);margin:0 0 54px;overflow:hidden;background:var(--narrative-surface-2)}.narrative-delivery-path{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--narrative-line)}.narrative-delivery-path article{position:relative;min-height:220px;padding:28px 24px;border-right:1px solid var(--narrative-line)}.narrative-delivery-path article:after{position:absolute;top:40px;right:-7px;z-index:2;width:13px;height:13px;content:"";background:var(--narrative-accent);transform:rotate(45deg)}.narrative-delivery-path article:last-child:after{display:none}.narrative-delivery-path strong{display:block;margin-bottom:24px;font-size:20px}.narrative-delivery-path p{margin-bottom:0;color:var(--narrative-muted);font-size:14px;line-height:1.75}.narrative-intent-conclusion{max-width:980px;margin-top:56px;padding:28px 32px;background:var(--narrative-accent-soft);border-left:4px solid var(--narrative-accent)}.narrative-intent-conclusion p{margin:0;font-size:clamp(18px,1.45vw,23px);font-weight:620;line-height:1.7}.narrative-architecture-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(48px,7vw,110px);align-items:start}.narrative-architecture-stack{position:sticky;top:calc(var(--narrative-nav-height) + 36px);display:grid;gap:18px;padding-right:148px}.narrative-architecture-stack article{position:relative;display:grid;grid-template-columns:minmax(120px,.42fr) 1fr;gap:12px 24px;min-height:174px;width:100%;padding:28px 30px;border:1px solid var(--narrative-line)}.narrative-architecture-stack article:not(:nth-of-type(3)):after{position:absolute;z-index:2;bottom:-12px;left:50%;width:14px;height:14px;content:"";background:var(--narrative-accent);transform:translate(-50%) rotate(45deg)}.narrative-architecture-stack .is-scenario{background:var(--narrative-accent-soft)}.narrative-architecture-stack .is-suite{background:var(--narrative-sage-soft)}.narrative-architecture-stack .is-engine{background:var(--narrative-surface)}.narrative-architecture-stack span{color:var(--narrative-accent);font-size:13px;font-weight:720}.narrative-architecture-stack strong{font-size:clamp(21px,2vw,29px);line-height:1.35}.narrative-architecture-stack p{grid-column:2;margin:0;color:var(--narrative-muted);font-size:14px;line-height:1.65}.narrative-architecture-stack article>div{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:8px}.narrative-architecture-stack article>div i{display:grid;place-items:center;min-height:36px;padding:7px;color:var(--narrative-muted);background:color-mix(in srgb,var(--narrative-surface) 72%,transparent);border:1px solid var(--narrative-line);font-size:11px;font-style:normal;font-weight:650;text-align:center}.narrative-architecture-stack aside{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;gap:8px;width:124px;padding:26px 18px;background:color-mix(in srgb,var(--narrative-surface-2) 72%,transparent);border:1px solid var(--narrative-line);border-left:4px solid var(--narrative-sage)}.narrative-architecture-stack aside strong{margin-bottom:12px;font-size:17px;line-height:1.4}.narrative-architecture-stack aside span{display:grid;place-items:center;min-height:42px;padding:8px;background:var(--narrative-surface);border:1px solid var(--narrative-line);color:var(--narrative-muted);font-size:12px;font-weight:650}.narrative-architecture-copy{display:grid;gap:54px}.narrative-architecture-copy article{padding-top:24px;border-top:1px solid var(--narrative-line)}.narrative-architecture-copy h3{margin-bottom:18px;font-size:clamp(24px,2vw,32px);line-height:1.2}.narrative-architecture-copy p{margin-bottom:0;color:var(--narrative-muted);font-size:17px;line-height:1.9}.narrative-outcome-section{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(50px,7vw,110px);align-items:center}.narrative-outcome-copy>strong{display:block;margin-top:38px;padding-top:22px;color:var(--narrative-accent);border-top:2px solid var(--narrative-accent);font-size:clamp(20px,1.7vw,27px);line-height:1.6}.narrative-outcome-media{height:clamp(500px,50vw,760px);margin:0;overflow:hidden}.narrative-audience-grid{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:1fr 1fr;gap:18px}.narrative-audience-grid article{min-height:250px;padding:clamp(30px,4vw,58px);background:var(--narrative-surface);border:1px solid var(--narrative-line)}.narrative-audience-grid article.is-primary{grid-row:span 2;min-height:518px;background:linear-gradient(145deg,var(--narrative-sage-soft),transparent),var(--narrative-surface)}.narrative-audience-grid article:nth-child(3){background:var(--narrative-accent-soft)}.narrative-audience-grid h3{margin-bottom:24px;font-size:clamp(25px,2.3vw,36px);line-height:1.15}.narrative-audience-grid article:not(.is-primary) h3{font-size:clamp(22px,2vw,31px)}.narrative-audience-grid p{max-width:620px;margin:0;color:var(--narrative-muted);font-size:16px;line-height:1.85}.narrative-difference-section{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(50px,8vw,126px);align-items:start}.narrative-difference-copy{position:sticky;top:calc(var(--narrative-nav-height) + 48px)}.narrative-lifecycle{border-top:1px solid var(--narrative-line)}.narrative-lifecycle article{display:grid;grid-template-columns:.65fr 1.35fr;gap:24px;min-height:150px;padding:30px 0;border-bottom:1px solid var(--narrative-line)}.narrative-lifecycle strong{font-size:clamp(22px,2vw,31px)}.narrative-lifecycle span{align-self:center;color:var(--narrative-muted);font-size:17px;line-height:1.6}.narrative-value-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(48px,7vw,110px);align-items:start}.narrative-value-visual{position:sticky;top:calc(var(--narrative-nav-height) + 36px)}.narrative-value-copy{display:grid;gap:50px}.narrative-value-copy article{padding-top:24px;border-top:1px solid var(--narrative-line)}.narrative-value-copy h3{margin-bottom:16px;font-size:clamp(22px,1.9vw,30px);line-height:1.25}.narrative-value-copy p{margin:0;color:var(--narrative-muted);font-size:16px;line-height:1.9}.trio-compounding-map{display:grid;grid-template-rows:1fr auto;width:100%;height:100%;margin:0;padding:34px;background:color-mix(in srgb,var(--narrative-surface) 78%,transparent);border:1px solid var(--narrative-line)}.trio-compounding-track{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:46px 64px}.trio-compounding-track article{position:relative;display:grid;align-content:center;min-height:142px;padding:24px;background:var(--narrative-surface);border:1px solid var(--narrative-line);border-left:4px solid var(--narrative-sage)}.trio-compounding-track article:nth-child(3){grid-column:2;grid-row:2}.trio-compounding-track article:nth-child(4){grid-column:1;grid-row:2;color:#fff;background:var(--narrative-accent);border-color:var(--narrative-accent)}.trio-compounding-track article:after{position:absolute;z-index:2;content:""}.trio-compounding-track article:nth-child(1):after{top:50%;right:-54px;width:44px;height:18px;background:var(--narrative-accent);clip-path:polygon(0 44%,72% 44%,72% 0,100% 50%,72% 100%,72% 56%,0 56%);transform:translateY(-50%)}.trio-compounding-track article:nth-child(2):after{right:calc(50% - 9px);bottom:-40px;width:18px;height:34px;background:var(--narrative-accent);clip-path:polygon(44% 0,56% 0,56% 66%,100% 66%,50% 100%,0 66%,44% 66%)}.trio-compounding-track article:nth-child(3):after{top:50%;left:-54px;width:44px;height:18px;background:var(--narrative-accent);clip-path:polygon(28% 0,28% 44%,100% 44%,100% 56%,28% 56%,28% 100%,0 50%);transform:translateY(-50%)}.trio-compounding-track strong{font-size:clamp(19px,1.55vw,24px);line-height:1.35}.trio-compounding-track span{margin-top:10px;color:var(--narrative-muted);font-size:13px;line-height:1.6}.trio-compounding-track article:nth-child(4) span{color:#fffc}.trio-compounding-return{position:relative;margin-top:28px;padding:24px 26px 22px 52px;background:var(--narrative-sage-soft);border-top:1px solid var(--narrative-line)}.trio-compounding-return>div{position:absolute;top:25px;bottom:25px;left:24px;width:12px;border-bottom:2px solid var(--narrative-accent);border-left:2px solid var(--narrative-accent)}.trio-compounding-return>div:before{position:absolute;top:-2px;left:-6px;width:10px;height:10px;content:"";border-top:2px solid var(--narrative-accent);border-right:2px solid var(--narrative-accent);transform:rotate(-45deg)}.trio-compounding-return strong{display:block;font-size:18px}.trio-compounding-return p{margin:8px 0 0;color:var(--narrative-muted);font-size:13px;line-height:1.6}.narrative-closing{min-height:86dvh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.narrative-closing-copy{max-width:1120px}.narrative-closing-copy>strong{display:block;max-width:1020px;margin-top:56px;padding-top:30px;color:var(--narrative-ink);border-top:4px solid var(--narrative-accent);font-size:clamp(24px,2.2vw,34px);line-height:1.5;letter-spacing:-.025em}.narrative-back-top{display:inline-flex;margin-top:52px;padding:13px 18px;color:#fff;background:var(--narrative-accent);font-size:14px;font-weight:700;text-decoration:none}.narrative-footer{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;min-height:150px;padding:30px max(32px,calc((100vw - 1400px)/2));color:var(--narrative-muted);background:var(--narrative-surface-2);border-top:1px solid var(--narrative-line)}.narrative-footer>strong{color:var(--narrative-ink);font:850 18px ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em}.narrative-footer p{margin:0}.narrative-page a:focus-visible{outline:2px solid var(--narrative-accent);outline-offset:3px}@media(prefers-color-scheme:dark){body[data-route=narrative]{color:#eef2ef;background:#0c161b}.narrative-page{--narrative-ink: #eef2ef;--narrative-muted: #a4b2b1;--narrative-paper: #0c161b;--narrative-surface: #142228;--narrative-surface-2: #1b2b31;--narrative-line: rgba(229, 237, 235, .15);--narrative-accent: #ee6551;--narrative-accent-soft: rgba(238, 101, 81, .12);--narrative-sage: #89a79d;--narrative-sage-soft: rgba(137, 167, 157, .12);--narrative-steel: #8da3a6}.narrative-hero-media:after{background:linear-gradient(90deg,rgba(12,22,27,.35),transparent 20%)}.narrative-flow-node,.trio-architecture-node{box-shadow:0 16px 42px #00000038}}@media(max-width:1100px){.narrative-nav{grid-template-columns:1fr auto}.narrative-nav>nav{display:none}.narrative-hero{grid-template-columns:1fr}.narrative-hero-copy{min-height:72dvh}.narrative-hero-media{min-height:58dvh}.narrative-workbench-section,.narrative-hub-section,.narrative-agent-section,.narrative-outcome-section,.narrative-difference-section,.narrative-value-layout,.narrative-architecture-layout{grid-template-columns:1fr}.narrative-portrait,.narrative-agent-thesis,.narrative-difference-copy,.narrative-value-visual,.narrative-architecture-stack{position:relative;top:auto}.narrative-portrait{height:72dvh}.narrative-hub-media,.narrative-outcome-media{height:64dvh}.narrative-delivery-path{grid-template-columns:repeat(3,1fr)}.narrative-delivery-path article{border-bottom:1px solid var(--narrative-line)}.narrative-delivery-path article:after{display:none}}@media(max-width:767px){.narrative-page{--narrative-nav-height: 60px;background:var(--narrative-paper)}.narrative-nav{padding:0 18px}.narrative-hero-copy{min-height:74dvh;padding:70px 22px 54px}.narrative-hero-copy>span{margin-bottom:22px;font-size:12px}.narrative-hero-copy h1{font-size:clamp(38px,11vw,48px);line-height:1.1}.narrative-hero-actions{flex-wrap:wrap}.narrative-hero-media{min-height:52dvh}.narrative-section{width:calc(100% - 40px);padding:82px 0}.narrative-section-heading h2,.narrative-workbench-copy h2,.narrative-hub-copy h2,.narrative-cloud-skills-lead h2,.narrative-agent-thesis h2,.narrative-outcome-copy h2,.narrative-difference-copy h2,.narrative-closing h2{font-size:clamp(30px,8.5vw,40px)}.narrative-opening,.narrative-loop-copy,.narrative-overview-principles,.narrative-workbench-capabilities,.narrative-agent-system,.narrative-agent-responsibilities,.narrative-delivery-path,.narrative-audience-grid{grid-template-columns:1fr}.narrative-opening{gap:52px}.narrative-overview-map{height:auto}.trio-architecture-map{height:auto;padding:20px}.trio-architecture-canvas{display:none}.trio-architecture-mobile{display:grid}.trio-architecture-mobile article{position:relative;min-height:124px;padding:24px 22px;background:var(--narrative-surface);border:1px solid var(--narrative-line);border-bottom:0}.trio-architecture-mobile article:last-child{border-bottom:1px solid var(--narrative-line)}.trio-architecture-mobile article:not(:last-child):after{position:absolute;z-index:2;bottom:-7px;left:30px;width:13px;height:13px;content:"";background:var(--narrative-accent);transform:rotate(45deg)}.trio-architecture-mobile article.is-accent{color:#fff;background:var(--narrative-accent);border-color:var(--narrative-accent)}.trio-architecture-mobile strong{display:block;font-size:20px}.trio-architecture-mobile p{margin:12px 0 0;color:var(--narrative-muted);font-size:15px;line-height:1.7}.trio-architecture-mobile article.is-accent p{color:#ffffffd1}.narrative-overview-principles{border-top:1px solid var(--narrative-line)}.narrative-overview-principles article{min-height:auto}.narrative-opening-thesis{position:relative;top:auto}.narrative-loop-copy{border-top:1px solid var(--narrative-line)}.narrative-loop-copy article{min-height:auto;border-bottom:1px solid var(--narrative-line)}.narrative-loop-visual,.narrative-value-visual{height:auto}.narrative-flow{height:auto;padding:20px}.narrative-flow-canvas{display:none}.narrative-flow-mobile{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:narrative-flow-step}.narrative-flow-mobile li{position:relative;display:grid;gap:7px;min-height:100px;padding:20px 18px 20px 58px;color:var(--narrative-ink);background:var(--narrative-surface);border:1px solid var(--narrative-line);border-bottom:0;counter-increment:narrative-flow-step}.narrative-flow-mobile li:last-child{border-bottom:1px solid var(--narrative-line)}.narrative-flow-mobile li:before{position:absolute;top:22px;left:18px;display:grid;place-items:center;width:25px;height:25px;color:#fff;background:var(--narrative-sage);content:counter(narrative-flow-step);font:760 11px ui-monospace,SFMono-Regular,monospace}.narrative-flow-mobile li:not(:last-child):after{position:absolute;bottom:-7px;left:24px;z-index:2;width:12px;height:12px;content:"";background:var(--narrative-accent);transform:rotate(45deg)}.narrative-flow-mobile li.is-accent{color:#fff;background:var(--narrative-accent);border-color:var(--narrative-accent)}.narrative-flow-mobile li.is-accent:before{color:var(--narrative-accent);background:#fff}.narrative-flow-mobile strong{font-size:18px;line-height:1.35}.narrative-flow-mobile span{color:var(--narrative-muted);font-size:14px;line-height:1.55}.narrative-flow-mobile li.is-accent span{color:#fffc}.narrative-portrait,.narrative-hub-media,.narrative-outcome-media{height:64dvh}.narrative-workbench-capabilities article{min-height:auto}.narrative-audience-grid article.is-primary{grid-row:auto;min-height:auto}.narrative-agent-system{min-height:auto}.narrative-agent-core{min-height:320px}.narrative-agent-responsibilities article{min-height:150px}.narrative-panorama{height:54dvh}.narrative-panorama img{object-position:48% center}.narrative-delivery-path article{min-height:auto;border-bottom:1px solid var(--narrative-line)}.narrative-architecture-stack article{grid-template-columns:1fr}.narrative-architecture-stack p{grid-column:auto}.narrative-architecture-stack{padding-right:0}.narrative-architecture-stack article>div{grid-template-columns:1fr 1fr}.narrative-architecture-stack aside{position:relative;top:auto;right:auto;bottom:auto;display:grid;grid-template-columns:1fr 1fr;width:100%}.narrative-architecture-stack aside strong{grid-column:1 / -1}.narrative-architecture-stack .is-scenario,.narrative-architecture-stack .is-suite,.narrative-architecture-stack .is-engine{width:100%}.narrative-cloud-skills-map{grid-template-columns:1fr;grid-template-rows:auto;padding:20px}.narrative-cloud-connector{justify-self:center;width:2px;height:42px}.narrative-cloud-connector:after{top:auto;right:auto;bottom:0;left:50%;transform:translate(-50%) rotate(135deg)}.narrative-cloud-governance{grid-column:auto;grid-template-columns:1fr 1fr}.narrative-cloud-governance strong{grid-column:1 / -1}.narrative-cloud-skills-capabilities{grid-template-columns:1fr}.narrative-cloud-skills-capabilities article{min-height:auto}.trio-compounding-map{height:auto;padding:20px}.trio-compounding-track{grid-template-columns:1fr;grid-template-rows:auto;gap:22px}.trio-compounding-track article:nth-child(3),.trio-compounding-track article:nth-child(4){grid-column:auto;grid-row:auto}.trio-compounding-track article:after{display:none}.narrative-closing{min-height:auto}.narrative-footer{grid-template-columns:1fr;padding:42px 22px}}@media(prefers-reduced-motion:reduce){.narrative-page *,.narrative-page *:before,.narrative-page *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.narrative-page .react-flow__edge.animated path{animation:none!important}}
