:root{color-scheme:dark;--bg:#1a0823;--ivory:#f2eadc;--muted:#a99cab;--coral:#d9516d;--amber:#e7b348;--teal:#68afa5;--indigo:#35336f;font-family:"Avenir Next","Helvetica Neue",sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ivory)}button,input{font:inherit}button{cursor:pointer}
nav{position:fixed;z-index:30;top:0;left:0;right:0;height:64px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:rgba(26,8,35,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(242,234,220,.16)}
nav a{color:var(--ivory);text-decoration:none;font-weight:750;letter-spacing:.08em}nav a span{color:var(--coral)}nav div{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em}
nav button{min-height:44px}nav button,[data-preview]{border:0;background:var(--ivory);color:#16071d;border-radius:8px;padding:10px 14px;font-weight:700}
.kinetic{height:420vh}.stage{--stage-accent:var(--coral);height:100svh;position:sticky;top:0;overflow:hidden;padding-top:64px}
.counter{position:absolute;left:3vw;top:14vh;display:flex;gap:12px;align-items:baseline;z-index:5}.counter b{font-size:13px;color:var(--stage-accent)}.counter span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sentence{position:absolute;inset:0;z-index:3;display:flex;align-items:center;padding:9vw 4vw 4vw;overflow:hidden;pointer-events:none}.phrase{position:absolute;left:4vw;max-width:58vw;font-size:clamp(64px,9vw,150px);font-weight:720;letter-spacing:-.06em;line-height:.84;text-wrap:balance;will-change:transform,opacity,clip-path}
.signal{color:var(--coral)}.agents{color:var(--amber)}.policy{color:var(--teal)}.approve{color:var(--ivory)}
.bands{position:absolute;z-index:1;right:2.5vw;top:10vh;width:min(37vw,570px);height:80vh;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;transform:skewX(-8deg);transform-origin:right center;will-change:transform,opacity}
.bands i{display:flex;align-items:flex-end;padding:18px 9px;color:#16071d;font:700 10px ui-monospace,monospace;letter-spacing:.08em;writing-mode:vertical-rl;opacity:.18;filter:saturate(.45);transition:opacity .18s linear,filter .18s linear}.bands i.active{opacity:1;filter:saturate(1)}.signal-band{background:var(--coral)}.agents-band{background:var(--amber)}.policy-band{background:var(--teal)}.approval-band{background:var(--ivory)}
.stage-note{position:absolute;z-index:5;left:4vw;bottom:5vh;color:var(--muted);max-width:390px;line-height:1.45}
.flow-showcase{position:relative;padding:12vh 3vw 10vh;background:#0b090d;color:var(--ivory)}.flow-showcase::before{content:"";position:absolute;left:0;right:0;top:-18vh;height:18vh;background:linear-gradient(to bottom,rgba(26,8,35,0),#0b090d);pointer-events:none}.flow-intro{width:min(100%,1540px);margin:0 auto 46px;display:grid;grid-template-columns:1.2fr .8fr;gap:7vw;align-items:end}.flow-intro h1{max-width:940px;margin:0;font-size:clamp(52px,5.5vw,86px);font-weight:680;line-height:.92;letter-spacing:-.052em}.flow-intro p{max-width:600px;margin:0;color:#a99cab;font-size:18px;line-height:1.58}
.flow-shell{width:min(100%,1540px);margin:auto;overflow:hidden;border:1px solid #39323c;border-radius:18px;background:#100d12;box-shadow:0 42px 110px rgba(0,0,0,.34)}.flow-toolbar{min-height:64px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #332d36;background:#141116}.flow-scenarios{display:flex;align-items:center;gap:3px}.flow-scenarios button{min-height:44px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:#8f878f;font-size:12px;font-weight:650;transition:background .18s ease,color .18s ease}.flow-scenarios button:hover{color:var(--ivory)}.flow-scenarios button.active{background:rgba(217,81,109,.13);color:var(--ivory)}.flow-toolbar-actions{display:flex;align-items:center;gap:13px}.flow-toolbar-actions>span{color:#6f6871;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.flow-toolbar-actions button{height:44px;padding:0 14px;border:0;border-radius:8px;background:var(--ivory);color:#16071d;font-size:12px;font-weight:750}
.flow-stage{height:clamp(640px,72vh,780px);position:relative;overflow:hidden;touch-action:none;background-color:#0d0b0f;background-image:radial-gradient(circle at 1px 1px,rgba(242,234,220,.16) 1px,transparent 1.15px);background-size:24px 24px}.flow-viewport{width:1420px;height:680px;position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.flow-viewport.grabbing{cursor:grabbing}#flow-edges,#flow-nodes{position:absolute;inset:0;width:100%;height:100%}#flow-edges{overflow:visible;pointer-events:none}.flow-edge{fill:none;stroke:#7a6d7d;stroke-width:1.6;opacity:.72}.flow-edge.edge-policy{stroke:var(--teal)}.flow-edge.edge-human{stroke:var(--coral)}.flow-edge-pulse{fill:var(--coral);filter:drop-shadow(0 0 5px rgba(217,81,109,.7))}
.flow-node{position:absolute;width:222px;min-height:126px;padding:16px 16px 14px;border:1px solid #504653;border-radius:13px;background:#1d1820;color:var(--ivory);box-shadow:0 18px 42px rgba(0,0,0,.24);cursor:grab;user-select:none;touch-action:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.flow-node:hover{border-color:#766b79}.flow-node.selected{z-index:3;border-color:var(--coral);box-shadow:0 0 0 1px rgba(217,81,109,.22),0 22px 52px rgba(0,0,0,.32)}.flow-node.dragging{cursor:grabbing}.flow-node.type-agent{width:232px}.flow-node.type-policy{width:238px;background:#18201f;border-color:#49615e}.flow-node.type-review{width:222px;border-color:#71505d}.flow-node.type-artifact{width:262px;min-height:188px;background:linear-gradient(145deg,#2a2227,#1c181d);color:var(--ivory);border-color:#755660;box-shadow:0 22px 54px rgba(0,0,0,.34)}.flow-node-handle{width:10px;height:10px;position:absolute;top:50%;border:2px solid #0d0b0f;border-radius:50%;background:#8f8392;transform:translateY(-50%)}.flow-node-handle.in{left:-6px}.flow-node-handle.out{right:-6px}.flow-node.selected .flow-node-handle,.flow-node.type-review .flow-node-handle{background:var(--coral)}.flow-node-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.flow-node-kind{color:#938a95;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.type-artifact .flow-node-kind{color:#b58e98}.flow-node-status{display:inline-flex;align-items:center;gap:6px;color:#817882;font-size:9px}.flow-node-status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(217,81,109,.1)}.flow-node strong{display:block;margin-top:18px;font-size:15px;line-height:1.25;letter-spacing:-.02em}.flow-node p{margin:8px 0 0;color:#a69ca8;font-size:11px;line-height:1.45}.type-artifact p{color:#b5abb5}.flow-node-foot{margin-top:15px;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #38313a;color:#857c87;font-size:9px}.type-artifact .flow-node-foot{border-color:#44383f;color:#9d919b}.flow-node-bars{height:18px;margin-top:14px;display:flex;align-items:flex-end;gap:4px}.flow-node-bars i{width:4px;border-radius:2px 2px 0 0;background:var(--coral)}.flow-node-bars i:nth-child(1){height:35%}.flow-node-bars i:nth-child(2){height:80%}.flow-node-bars i:nth-child(3){height:55%}.flow-node-bars i:nth-child(4){height:100%}.flow-node-bars i:nth-child(5){height:42%}.flow-node-rule{margin-top:14px;padding:10px;border:1px solid rgba(104,175,165,.34);border-radius:8px;background:rgba(104,175,165,.08);color:#b8d7d2;font-size:10px}.flow-artifact-lines{margin-top:16px;display:grid;gap:8px}.flow-artifact-lines i{height:5px;background:#675b62}.flow-artifact-lines i:nth-child(2){width:84%;background:var(--coral)}.flow-artifact-lines i:nth-child(3){width:68%;background:var(--teal)}
.flow-controls{position:absolute;z-index:6;left:18px;bottom:18px;display:grid;overflow:hidden;border:1px solid #413944;border-radius:9px;background:#171319;box-shadow:0 14px 30px rgba(0,0,0,.28)}.flow-controls button{width:38px;height:38px;display:grid;place-items:center;border:0;border-bottom:1px solid #38313b;background:transparent;color:#c5bdc7}.flow-controls button:last-child{border-bottom:0}.flow-controls button:hover{background:#251e28;color:white}.flow-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.flow-minimap{width:164px;height:104px;position:absolute;z-index:5;right:18px;bottom:18px;padding:20px 9px 8px;border:1px solid #413944;border-radius:10px;background:rgba(20,17,22,.92);box-shadow:0 14px 30px rgba(0,0,0,.24);transition:opacity .18s ease}.flow-minimap>span{position:absolute;left:9px;top:7px;color:#766e78;font-size:8px;letter-spacing:.1em;text-transform:uppercase}#flow-minimap{height:100%;position:relative}.flow-mini-node{position:absolute;border:1px solid #726777;background:#302833}.flow-mini-node.active{border-color:var(--coral);background:#613443}.flow-stage.inspecting .flow-minimap{opacity:0;pointer-events:none}
.flow-inspector{width:326px;position:absolute;z-index:9;top:18px;right:18px;bottom:18px;padding:26px;overflow:auto;border:1px solid #4b414e;border-radius:14px;background:#18141a;box-shadow:0 30px 80px rgba(0,0,0,.46)}.flow-inspector[hidden]{display:none}.flow-inspector-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:#9f96a0;font-size:24px}.flow-inspector>small{color:var(--coral);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.flow-inspector h2{max-width:240px;margin:22px 0 12px;font-size:30px;line-height:1;letter-spacing:-.04em}.flow-inspector>p{color:#a89faa;font-size:13px;line-height:1.55}.flow-inspector dl{margin:28px 0 0;display:grid}.flow-inspector dl>div{padding:13px 0;display:grid;grid-template-columns:86px 1fr;gap:14px;border-top:1px solid #373038}.flow-inspector dt{color:#756d77;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.flow-inspector dd{margin:0;color:#d4ccd5;font-size:11px;line-height:1.45}.flow-inspector-action{width:100%;height:43px;margin-top:25px;border:0;border-radius:8px;background:var(--ivory);color:#16071d;font-size:12px;font-weight:750}
.flow-footer{min-height:68px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #332d36;background:#141116}.flow-footer p{max-width:760px;margin:0;color:#aaa1ab;font-size:11px;line-height:1.45}.flow-footer>div{display:flex;align-items:center;gap:16px}.flow-footer span{color:#746c76;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.flow-footer button{height:36px;padding:0 12px;border:1px solid #49404b;border-radius:8px;background:#1e1920;color:var(--ivory);font-size:10px;font-weight:700}
.flow-agent-launcher{height:44px;position:absolute;z-index:7;right:18px;top:18px;padding:0 13px;display:flex;align-items:center;gap:8px;border:1px solid #4a414c;border-radius:9px;background:#18141a;color:#d1c9d2;font-size:10px;font-weight:700;box-shadow:0 14px 30px rgba(0,0,0,.24);transition:border-color .18s ease,background .18s ease,opacity .18s ease}.flow-agent-launcher:hover{border-color:#716574;background:#211b23;color:white}.flow-agent-launcher svg{width:15px;height:15px;fill:none;stroke:var(--coral);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.flow-stage.inspecting .flow-agent-launcher{opacity:0;pointer-events:none}
.flow-agent-panel{width:342px;position:absolute;z-index:10;top:18px;right:18px;bottom:18px;padding:22px;overflow:auto;border:1px solid #4b414e;border-radius:14px;background:#18141a;box-shadow:0 30px 80px rgba(0,0,0,.46)}.flow-agent-panel[hidden]{display:none}.flow-agent-panel>header{display:flex;align-items:center;justify-content:space-between}.flow-agent-panel>header>div{display:flex;align-items:center;gap:8px;color:#9d949e;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.flow-agent-panel>header i{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(217,81,109,.1)}.flow-agent-panel>header button{border:0;background:transparent;color:#9f96a0;font-size:23px;line-height:1}.flow-agent-panel h2{margin:26px 0 0;font-size:31px;line-height:1;letter-spacing:-.04em}.flow-agent-panel>p:not(.flow-agent-status){margin:12px 0 0;color:#9f96a1;font-size:12px;line-height:1.55}.flow-agent-presets{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.flow-agent-presets button{height:36px;padding:0 9px;border:1px solid #403842;border-radius:8px;background:#1e1920;color:#8f868f;font-size:9px}.flow-agent-presets button:first-child{grid-column:1/-1}.flow-agent-presets button.active{border-color:rgba(217,81,109,.45);background:rgba(217,81,109,.11);color:var(--ivory)}.flow-agent-panel>label{display:block;margin-top:24px;color:#c8bfc9;font-size:10px;font-weight:650}.flow-agent-panel textarea{width:100%;margin-top:8px;padding:12px;border:1px solid #403741;border-radius:10px;outline:0;resize:none;background:#0f0c10;color:var(--ivory);font:inherit;font-size:11px;line-height:1.5;caret-color:var(--coral)}.flow-agent-panel textarea:focus{border-color:#786b7b;box-shadow:0 0 0 3px rgba(217,81,109,.11)}.flow-agent-apply{width:100%;height:44px;margin-top:12px;border:0;border-radius:8px;background:var(--ivory);color:#16071d;font-size:11px;font-weight:750}.flow-agent-status{min-height:30px;margin:12px 0 0;color:#817783;font-size:9px;line-height:1.45}.flow-agent-private{width:100%;height:38px;margin-top:12px;border:1px solid #463e48;border-radius:8px;background:#211b23;color:#d6cdd7;font-size:10px;font-weight:700}.flow-stage.composing .flow-minimap{opacity:0;pointer-events:none}.flow-node.composer-updated{animation:composer-node-pulse .7s cubic-bezier(.16,1,.3,1)}@keyframes composer-node-pulse{0%{box-shadow:0 0 0 0 rgba(217,81,109,.55),0 18px 42px rgba(0,0,0,.24)}100%{box-shadow:0 0 0 12px rgba(217,81,109,0),0 18px 42px rgba(0,0,0,.24)}}
.scenario-showcase{padding:14vh 3vw 13vh;border-top:1px solid #302a32;background:#0f0d11;color:var(--ivory)}.scenario-heading{width:min(100%,1540px);margin:0 auto 72px;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end}.scenario-heading>div>span{display:block;margin-bottom:24px;color:var(--coral);font-size:9px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.scenario-heading h1{max-width:980px;margin:0;font-size:clamp(52px,5.6vw,88px);font-weight:680;line-height:.92;letter-spacing:-.052em}.scenario-heading p{max-width:610px;margin:0;color:#a99cab;font-size:17px;line-height:1.6}
.scenario-shell{width:min(100%,1540px);margin:auto;display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);overflow:hidden;border:1px solid #3d3540;border-radius:18px;background:#0c0a0e;box-shadow:0 38px 100px rgba(0,0,0,.3)}.scenario-rail{min-height:646px;padding:27px 0 18px;border-right:1px solid #39323b;background:#100d13}.scenario-rail-label{padding:0 30px 15px;color:#655e68;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.scenario-rail>button{width:100%;min-height:94px;position:relative;padding:17px 28px 17px 32px;display:block;border:0;background:transparent;color:#8d858f;text-align:left;transition:background .2s ease,color .2s ease}.scenario-rail>button:hover{background:rgba(255,255,255,.018);color:#c8c0ca}.scenario-rail>button.active{background:linear-gradient(90deg,rgba(217,81,109,.12),rgba(217,81,109,.025) 75%,transparent);color:var(--ivory)}.scenario-rail>button.active::before{content:"";width:4px;position:absolute;left:0;top:10px;bottom:10px;border-radius:0 4px 4px 0;background:#ff5d55;box-shadow:0 0 20px rgba(255,93,85,.55)}.scenario-rail strong{display:block;font-size:15px;font-weight:680;line-height:1.25}.scenario-rail strong span{color:#77707a;font-weight:450}.scenario-rail small{display:block;max-width:230px;margin-top:7px;color:#706973;font-size:11px;line-height:1.45}.scenario-rail>button.active small{color:#a89fab}.scenario-rail .scenario-rail-preview{margin-top:7px;padding-top:22px;border-top:1px solid #2f2932}.scenario-rail .scenario-rail-preview strong{color:#a59ca7}.scenario-workspace{min-width:0}.scenario-workspace-bar{height:62px;padding:0 18px 0 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #352f38;background:#141116}.scenario-workspace-bar>div{display:flex;align-items:center;gap:10px}.scenario-workspace-bar i{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(217,81,109,.1)}.scenario-workspace-bar span{color:#d8d0d8;font-size:11px;font-weight:700}.scenario-workspace-bar small{padding-left:10px;border-left:1px solid #3b343e;color:#716a74;font-size:8px;letter-spacing:.09em;text-transform:uppercase}.scenario-workspace-bar button{height:40px;padding:0 12px;border:1px solid #49414b;border-radius:8px;background:#1f1a21;color:#d5cdd6;font-size:9px;font-weight:700}.scenario-workspace-bar button:hover{border-color:#746a77;color:white}
.scenario-canvas-scroll{width:100%;height:560px;overflow:hidden;background:#0c0a0e;scrollbar-color:#3e3641 #151117;scrollbar-width:thin}.scenario-canvas{width:920px;height:560px;position:relative;overflow:hidden;margin:0 auto;transform-origin:top left;background-color:#0d0a11;background-image:radial-gradient(circle at 1px 1px,rgba(242,234,220,.13) 1px,transparent 1.05px);background-size:24px 24px}.scenario-canvas::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 52% 45%,rgba(53,51,111,.09),transparent 36%),linear-gradient(90deg,rgba(13,10,17,.32),transparent 13%,transparent 87%,rgba(13,10,17,.32))}.scenario-edges,.scenario-node-layer{width:920px;height:560px;position:absolute;z-index:2;left:0;top:0}.scenario-edges{overflow:visible;pointer-events:none}.scenario-edges path{fill:none;stroke:#928999;stroke-width:1.4;stroke-linecap:round;opacity:.82;vector-effect:non-scaling-stroke}.scenario-edges path.is-policy{stroke:var(--teal)}.scenario-edges path.is-human{stroke:var(--coral)}.scenario-edges path.is-orbit{stroke-dasharray:3 5;opacity:.58}.scenario-edges marker path{fill:#928999;stroke:none;opacity:1}.scenario-edge-label{fill:#8b828e;font-size:8px;font-family:"Avenir Next","Helvetica Neue",sans-serif;letter-spacing:.02em}.scenario-node{--node-accent:#7e7483;position:absolute;z-index:3;padding:10px 11px;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:9px;border:1px solid #6b6270;border-radius:9px;background:linear-gradient(145deg,#27232c,#1d1921);color:var(--ivory);text-align:left;box-shadow:0 14px 34px rgba(0,0,0,.28);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.scenario-node:hover,.scenario-node.selected{border-color:var(--node-accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--node-accent) 35%,transparent),0 18px 42px rgba(0,0,0,.34);transform:translateY(-2px)}.scenario-node-copy{min-width:0}.scenario-node-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--node-accent) 14%,#1b1820);color:var(--node-accent)}.scenario-node-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.scenario-node strong{display:block;font-size:10px;font-weight:680;line-height:1.25;white-space:normal}.scenario-node small{display:block;margin-top:4px;color:#a39aa6;font-size:8.5px;line-height:1.35;white-space:normal}.scenario-node-port{width:10px;height:10px;position:absolute;top:50%;border:2px solid #0d0a11;border-radius:50%;background:#aaa1ad;transform:translateY(-50%)}.scenario-node-port.in{left:-6px}.scenario-node-port.out{right:-6px}.scenario-node.is-agent{--node-accent:var(--ivory);background:linear-gradient(145deg,#343039,#242029)}.scenario-node.is-agent .scenario-node-icon{color:#151118;background:var(--ivory)}.scenario-node.is-policy{--node-accent:var(--teal)}.scenario-node.is-human{--node-accent:var(--coral)}.scenario-node.is-output{--node-accent:var(--amber)}.scenario-node.is-source{--node-accent:#6f70d8}.scenario-node.is-tool{--node-accent:#9174d8}.scenario-node.is-code{--node-accent:#e29f45}.scenario-node.is-orbit{width:76px;height:76px;padding:0;display:grid;grid-template-columns:1fr;place-items:center;border-radius:50%;overflow:visible}.scenario-node.is-orbit .scenario-node-icon{width:46px;height:46px;border-radius:50%}.scenario-node.is-orbit .scenario-node-copy{width:112px;position:absolute;left:50%;top:84px;text-align:center;transform:translateX(-50%)}.scenario-node.is-orbit strong{font-size:8px;line-height:1.2}.scenario-node.is-orbit small{margin-top:3px;font-size:7px}.scenario-node.is-orbit .scenario-node-port{top:-5px;left:50%;transform:translateX(-50%)}.scenario-add-node{width:25px;height:25px;position:absolute;z-index:4;display:grid;place-items:center;border:1px solid #625968;border-radius:5px;background:#17131a;color:#a69da9;font-size:18px;line-height:1}.scenario-add-node:hover{border-color:var(--coral);color:var(--ivory)}.scenario-canvas-caption{position:absolute;z-index:4;left:22px;bottom:16px;display:flex;align-items:center;gap:10px;color:#645d67}.scenario-canvas-caption span{font-size:7px;letter-spacing:.1em;text-transform:uppercase}.scenario-canvas-caption strong{padding-left:10px;border-left:1px solid #3b343d;color:#908791;font-size:8px;font-weight:650}.scenario-workspace-footer{min-height:63px;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #352f38;background:#141116;color:#6f6872;font-size:8px;letter-spacing:.05em;text-transform:uppercase}.scenario-workspace-footer>div{display:flex;align-items:center;gap:7px;color:#8d858f}.scenario-workspace-footer b{color:var(--ivory);font-size:10px}.scenario-workspace-footer i{width:3px;height:3px;margin:0 4px;border-radius:50%;background:var(--coral)}
.capability-journey{position:relative;padding:15vh 0 13vh;overflow:hidden;border-top:1px solid #302a32;background:#0b090d;color:var(--ivory)}
.capability-step{width:min(calc(100% - 64px),1280px);min-height:390px;position:relative;z-index:2;margin:0 auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:88px;align-items:center}.capability-step+.capability-step{margin-top:150px}.step-compose{grid-template-columns:1.18fr .82fr}.capability-copy{max-width:460px}.step-compose .capability-copy{justify-self:end}.capability-copy h1{margin:0;font-size:clamp(42px,4vw,62px);font-weight:680;line-height:.94;letter-spacing:-.045em}.capability-copy p{max-width:430px;margin:21px 0 0;color:#aaa1ac;font-size:14px;line-height:1.62}.capability-copy>button{height:44px;margin-top:28px;padding:0 16px;border:0;border-radius:9px;background:var(--coral);color:white;font-size:11px;font-weight:750;box-shadow:0 12px 30px rgba(217,81,109,.18)}
.journey-connector{width:min(calc(100% - 64px),1280px);height:1320px;position:absolute;z-index:1;left:50%;top:calc(15vh + 30px);overflow:visible;transform:translateX(-50%);pointer-events:none}.journey-connector path{fill:none;stroke:var(--coral);stroke-width:2;stroke-dasharray:3 5;vector-effect:non-scaling-stroke}.journey-connector circle{fill:#0b090d;stroke:var(--coral);stroke-width:2;vector-effect:non-scaling-stroke}
.mini-flow-shell{height:370px;overflow:hidden;border:1px solid #4b444d;border-radius:17px;background:#141216;box-shadow:inset 0 0 0 7px #1b191d,0 28px 74px rgba(0,0,0,.28)}.mini-flow-toolbar{height:48px;padding:0 19px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #373139;background:#18151a}.mini-flow-toolbar span{color:#d2cad2;font-size:10px;font-weight:700}.mini-flow-toolbar small{color:#716a72;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.mini-flow-stage{height:calc(100% - 48px);position:relative;overflow:hidden;background-color:#101013;background-image:radial-gradient(circle at 1px 1px,rgba(242,234,220,.15) 1px,transparent 1.1px);background-size:23px 23px}.mini-flow-inner{position:absolute;inset:0;transform-origin:center;transition:transform .22s ease}.mini-flow-inner>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.mini-flow-inner>svg path{fill:none;stroke:#706773;stroke-width:1.5;vector-effect:non-scaling-stroke}.mini-node{min-width:168px;min-height:66px;position:absolute;padding:12px 15px;border:1px solid #554d57;border-radius:8px;background:#211e22;color:var(--ivory);text-align:left;transform:translate(-50%,-50%);cursor:grab;touch-action:none;user-select:none;box-shadow:0 12px 26px rgba(0,0,0,.24)}.mini-node:active{cursor:grabbing}.mini-node small{display:block;color:#847b86;font-size:8px;letter-spacing:.07em;text-transform:uppercase}.mini-node strong{display:block;margin-top:7px;font-size:11px}.mini-node>i{width:7px;height:7px;position:absolute;right:-5px;bottom:-5px;border:2px solid #101013;border-radius:50%;background:#a69da8}.node-live{border-color:#714452}.node-live>i{background:var(--coral)}.node-brief{background:linear-gradient(145deg,#2a2227,#1c181d);color:var(--ivory);border-color:#755660}.node-brief small{color:#b58e98}.mini-controls{position:absolute;z-index:4;left:12px;bottom:12px;display:grid;overflow:hidden;border:1px solid #454047;border-radius:7px;background:#242126}.mini-controls button{width:30px;height:28px;display:grid;place-items:center;border:0;border-bottom:1px solid #454047;background:transparent;color:#ccc4cd;font-size:14px}.mini-controls button:last-child{border-bottom:0}.mini-controls button:hover{background:#343036;color:white}.mini-controls svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.creator-stage{height:calc(100% - 48px);position:relative;display:grid;place-items:center;background-color:#111014;background-image:linear-gradient(#1b191d 1px,transparent 1px),linear-gradient(90deg,#1b191d 1px,transparent 1px);background-size:48px 48px}.creator-card{width:208px;position:relative;padding:0 16px 18px;border:1px solid #645c66;border-radius:9px;background:#1b181d;box-shadow:0 18px 40px rgba(0,0,0,.34)}.creator-card header{height:42px;margin:0 -16px 15px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid #4a444c;color:#ddd5de;font-size:10px;font-weight:700}.creator-card label{display:block;margin:10px 0 6px;color:#9d949f;font-size:8px}.creator-card input,.creator-card select{width:100%;height:38px;padding:0 10px;border:1px solid #4c4650;border-radius:5px;outline:0;background:#2a272c;color:#c9c1ca;font:inherit;font-size:9px}.creator-card button{width:100%;height:38px;margin-top:13px;border:0;border-radius:6px;background:var(--coral);color:white;font-size:9px;font-weight:750}.creator-card>i{width:20px;height:7px;position:absolute;left:50%;bottom:-5px;border-radius:3px;background:#7a717d;transform:translateX(-50%)}.mini-controls-right{left:auto;right:12px;top:12px;bottom:auto}
.component-stage{background-size:34px 34px;background-image:linear-gradient(#211e23 1px,transparent 1px),linear-gradient(90deg,#211e23 1px,transparent 1px)}.component-node{min-width:72px;min-height:54px;padding:10px;display:grid;place-items:center;text-align:center}.component-node strong{margin:0;font-size:10px}.component-node.node-signal{background:#2056d8;border-color:#9db9ff}.component-node.node-context{background:#9b43ca;border-color:#e1b6f4}.component-node.node-policy{background:#8b3cc1;border-color:#dcaff3}.component-node.node-review{background:#d9516d;border-color:#ffb4c2}.component-node.node-artifact{min-width:82px;background:linear-gradient(145deg,#2a2227,#1c181d);color:var(--ivory);border-color:#755660}.component-node>i{background:#d7ced8}.mini-map{width:142px;height:82px;position:absolute;right:13px;bottom:13px;border:7px solid #29262b;background:#101013;box-shadow:0 14px 30px rgba(0,0,0,.24)}.mini-map i{width:12px;height:9px;position:absolute;background:var(--coral)}.mini-map i:nth-child(1){left:16px;top:30px;background:#2056d8}.mini-map i:nth-child(2){left:65px;top:16px;background:#9b43ca}.mini-map i:nth-child(3){left:65px;top:46px;background:#8b3cc1}.mini-map i:nth-child(4){right:17px;top:30px}.mini-map i:nth-child(5){right:4px;top:30px;background:#755660}.capability-disclosure{width:min(calc(100% - 64px),1280px);margin:120px auto 0;color:#6f6871;font-size:8px;letter-spacing:.09em;text-align:center;text-transform:uppercase}
.private-door{min-height:72svh;padding:14vh 5vw;display:flex;align-items:flex-end;justify-content:space-between;gap:6vw;background:#090709;color:var(--ivory);border-top:1px solid #302a32}.private-door>div{max-width:1060px}.private-door span{color:var(--coral);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.private-door h1{margin:25px 0 0;font-size:clamp(58px,7vw,112px);line-height:.89;letter-spacing:-.055em}.private-door p{max-width:620px;margin:28px 0 0;color:#9e959f;font-size:16px;line-height:1.55}.private-door>button{min-width:190px;height:50px;padding:0 20px;border:0;border-radius:9px;background:var(--ivory);color:#16071d;font-size:13px;font-weight:750}
dialog{width:min(520px,calc(100% - 28px));max-height:calc(100svh - 32px);overflow:auto;border:1px solid #d3c9c1;border-radius:16px;background:var(--ivory);color:#1a0823;padding:28px 30px 26px;box-shadow:0 38px 120px rgba(0,0,0,.58);animation:dialog-in .28s cubic-bezier(.16,1,.3,1)}dialog::backdrop{background:rgba(10,3,13,.76);backdrop-filter:blur(9px)}.dialog-header{min-height:34px;display:flex;align-items:center;justify-content:space-between}.dialog-brand{pointer-events:none}.dialog-brand .comora-brand-mark{width:29px;height:29px}.dialog-brand .comora-brand-name{font-size:22px}.close{width:40px;height:40px;display:grid;place-items:center;border:1px solid #cfc4bc;border-radius:50%;background:rgba(255,255,255,.32);color:#6f6264;font-size:23px;line-height:1;transition:background .18s ease,color .18s ease,transform .18s ease}.close:hover{background:white;color:#1a0823;transform:rotate(4deg)}.preview-status{margin-top:26px;display:flex;align-items:center;gap:8px;color:#8b7c7e;font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.preview-status i{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(217,81,109,.1)}dialog h2{margin:18px 0 0;font-size:42px;font-weight:650;line-height:1;letter-spacing:-.045em}.dialog-copy{max-width:390px;margin:13px 0 0;color:#776b6d;font-size:13px;line-height:1.55}.preview-form{margin-top:29px}.preview-form label{display:block;margin-bottom:8px;color:#403739;font-size:11px;font-weight:650}.preview-form input{width:100%;height:49px;padding:0 13px;border:1px solid #c7bcb5;border-radius:9px;outline:0;background:#fffdf9;color:#1a0823;font:inherit;font-size:13px;caret-color:var(--coral);transition:border-color .18s ease,box-shadow .18s ease}.preview-form input::placeholder{color:#a29596}.preview-form input:hover{border-color:#a99b96}.preview-form input:focus{border-color:#7c6e70;box-shadow:0 0 0 3px rgba(217,81,109,.13)}.password-row{margin-top:19px;display:flex;align-items:center;justify-content:space-between}.password-row label{margin:0}.password-row button{border:0;background:transparent;color:#8b6a70;font-size:10px;text-decoration:underline;text-underline-offset:3px}.continue{width:100%;height:48px;margin-top:24px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:9px;background:#1a0823;color:var(--ivory);font-size:13px;font-weight:750}.continue:hover{background:#2b1034}.continue svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-message{min-height:40px;margin:13px 0 0;color:#a33e50;font-size:11px;line-height:1.45}.invite-note{padding-top:16px;display:flex;align-items:flex-start;gap:9px;border-top:1px solid #d5cbc3;color:#85787a;font-size:9px;line-height:1.5}.invite-note svg{width:15px;height:15px;flex:0 0 auto;fill:none;stroke:var(--coral);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@keyframes dialog-in{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
button:focus-visible,input:focus-visible{outline:2px solid var(--coral);outline-offset:4px}
::selection{background:var(--coral);color:white}
@media(max-width:800px){nav div{display:none}.kinetic{height:auto}.stage{position:relative;height:auto;min-height:100svh;padding:120px 18px 50px}.counter{position:relative;left:auto;top:auto;margin-bottom:30px}.sentence{position:relative;display:grid;gap:14px;padding:0}.phrase{position:relative;left:auto;max-width:none;font-size:54px;opacity:1!important;visibility:visible!important;clip-path:none!important;transform:none!important}.bands{position:relative;right:auto;top:auto;width:100%;height:150px;margin-top:30px}.bands i{opacity:1}.stage-note{position:relative;left:auto;bottom:auto;margin-top:24px}.flow-showcase{padding:100px 18px}.flow-showcase::before{top:-10vh;height:10vh}.flow-intro{grid-template-columns:1fr;gap:24px;margin-bottom:38px}.flow-intro h1{font-size:52px}.flow-intro p{font-size:15px}.flow-toolbar{align-items:stretch;flex-direction:column;gap:8px}.flow-scenarios{width:100%;max-width:none;overflow-x:auto}.flow-scenarios button{white-space:nowrap}.flow-toolbar-actions{width:100%;justify-content:flex-end}.flow-toolbar-actions>span{display:none}.flow-toolbar-actions button{padding:0 12px}.flow-stage{height:auto;padding:16px;overflow:visible}.flow-viewport{width:auto;height:auto;position:relative;transform:none!important}.flow-viewport.grabbing{cursor:default}#flow-edges,.flow-controls,.flow-minimap{display:none}#flow-nodes{position:relative;display:grid;gap:12px}.flow-node{width:auto!important;min-height:118px;position:relative;transform:none!important;cursor:pointer}.flow-node-handle{display:none}.flow-inspector{width:auto;position:relative;top:auto;right:auto;bottom:auto;margin-top:14px}.flow-footer{align-items:flex-start;flex-direction:column}.flow-footer>div{width:100%;justify-content:space-between}.flow-footer span{display:none}}
@media(max-width:1100px){.scenario-shell{grid-template-columns:260px minmax(0,1fr)}.scenario-rail>button{padding-left:25px;padding-right:18px}.scenario-rail small{max-width:190px}.scenario-workspace-footer>span{display:none}}
@media(max-width:800px){.scenario-showcase{padding:100px 18px}.scenario-heading{grid-template-columns:1fr;gap:24px;margin-bottom:48px}.scenario-heading>div>span{margin-bottom:18px}.scenario-heading h1{font-size:49px}.scenario-heading p{font-size:15px}.scenario-shell{grid-template-columns:1fr}.scenario-rail{min-height:0;padding:0;display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid #39323b;scrollbar-width:thin}.scenario-rail-label{display:none}.scenario-rail>button{min-width:220px;min-height:88px;padding:16px 20px;border-right:1px solid #2f2932}.scenario-rail>button.active::before{width:auto;height:3px;left:10px;right:10px;top:auto;bottom:0;border-radius:3px 3px 0 0}.scenario-rail .scenario-rail-preview{margin:0;padding-top:16px;border-top:0}.scenario-workspace-bar small{display:none}.scenario-canvas-scroll{height:560px;overflow-x:auto;overscroll-behavior-x:contain}.scenario-canvas{margin:0}.scenario-workspace-footer{align-items:flex-start;flex-direction:column;gap:8px}.private-door{min-height:auto;padding:100px 18px;align-items:flex-start;flex-direction:column}.private-door h1{font-size:56px}.private-door>button{min-width:0;width:100%;margin-top:36px}}
@media(max-width:520px){dialog{padding:24px 22px 22px;border-radius:14px}.dialog-brand .comora-brand-mark{width:26px;height:26px}.dialog-brand .comora-brand-name{font-size:20px}dialog h2{font-size:36px}.preview-status{margin-top:22px}.preview-form{margin-top:25px}.login-message{min-height:46px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.kinetic{height:auto}.stage{position:relative;height:auto;min-height:100svh;padding:120px 4vw 70px}.counter{position:relative;left:auto;top:auto;margin-bottom:38px}.sentence{position:relative;display:grid;gap:18px;padding:0}.phrase{position:relative;left:auto;max-width:900px;font-size:clamp(52px,7vw,112px);opacity:1!important;visibility:visible!important;clip-path:none!important;transform:none!important}.bands{position:relative;right:auto;top:auto;width:min(100%,760px);height:180px;margin:42px 0 0}.bands i{opacity:1}.stage-note{position:relative;left:auto;bottom:auto;margin-top:28px}.flow-edge-pulse{display:none}}
@media(max-width:800px){.capability-journey{padding:100px 0}.capability-step,.step-compose{width:calc(100% - 36px);min-height:0;grid-template-columns:1fr;gap:34px}.capability-step+.capability-step{margin-top:110px}.capability-copy,.step-compose .capability-copy{max-width:none;justify-self:stretch;order:1}.capability-copy h1{font-size:48px}.capability-copy p{font-size:14px}.mini-flow-shell{height:350px;order:2}.journey-connector{display:none}.mini-node{min-width:124px}.component-node{min-width:62px}.component-node.node-review{left:67%!important}.component-node.node-artifact{left:89%!important;min-width:68px}.mini-map{width:108px}.capability-disclosure{width:calc(100% - 36px);margin-top:90px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.mini-flow-inner{transition:none}.journey-connector path{stroke-dasharray:none;opacity:.5}}
.step-ready .mini-flow-shell,.step-compose .mini-flow-shell,.step-components .mini-flow-shell{position:relative;overflow:visible}.step-ready .mini-flow-shell::after,.step-compose .mini-flow-shell::after,.step-components .mini-flow-shell::before{content:"";width:14px;height:14px;position:absolute;z-index:5;left:50%;border:2px solid var(--coral);border-radius:50%;background:#0b090d;box-shadow:0 0 0 5px rgba(217,81,109,.08);transform:translateX(-50%)}.step-ready .mini-flow-shell::after,.step-compose .mini-flow-shell::after{bottom:-8px}.step-components .mini-flow-shell::before{top:-8px}
@media(max-width:800px){.step-ready .mini-flow-shell::after,.step-compose .mini-flow-shell::after,.step-components .mini-flow-shell::before{display:none}}

@media(max-width:800px){.flow-stage{padding-top:66px}.flow-agent-launcher{position:absolute;right:14px;top:14px;width:max-content;margin:0}.flow-agent-panel{width:auto;position:relative;top:auto;right:auto;bottom:auto;margin:0;padding:22px}.flow-stage.composing{padding:16px}.flow-stage.composing .flow-agent-launcher,.flow-stage.composing #flow-viewport{display:none}}

.workload-showcase{padding:14vh 3vw 13vh;border-top:1px solid #302a32;background:#0b090d;color:var(--ivory)}
.workload-heading{width:min(100%,1540px);margin:0 auto 72px;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end}
.workload-heading h1{max-width:980px;margin:0;font-size:clamp(52px,5.6vw,88px);font-weight:680;line-height:.92;letter-spacing:-.052em}
.workload-heading p{max-width:620px;margin:0;color:#a99cab;font-size:17px;line-height:1.6}
.workload-shell{width:min(100%,1540px);margin:auto;overflow:hidden;border:1px solid #3d3540;border-radius:18px;background:#100d12;box-shadow:0 38px 100px rgba(0,0,0,.3)}
.workload-shell>header{height:62px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #352f38;background:#141116}
.workload-shell>header>div{display:flex;align-items:center;gap:10px;color:#d8d0d8;font-size:11px;font-weight:700}
.workload-shell>header i{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(217,81,109,.1)}
.workload-shell>header small{color:#716a74;font-size:8px;letter-spacing:.09em;text-transform:uppercase}
.workload-flow{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,.9fr) 44px minmax(0,1.2fr) 44px minmax(0,.9fr) 44px minmax(0,1fr);align-items:stretch;background-color:#0d0a11;background-image:radial-gradient(circle at 1px 1px,rgba(242,234,220,.11) 1px,transparent 1.05px);background-size:24px 24px}
.workload-stage{min-height:340px;padding:28px 22px;position:relative;border-right:1px solid #302a33;background:rgba(18,15,20,.8)}
.workload-stage>small{display:block;color:#746d77;font-size:8px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}
.workload-stage h2{margin:24px 0 0;font-size:clamp(17px,1.35vw,22px);line-height:1.05;letter-spacing:-.025em}
.workload-stage>p{margin:16px 0 0;color:#918994;font-size:11px;line-height:1.55}
.workload-source-list{margin-top:28px;display:grid}
.workload-source-list span{min-height:38px;padding:0 0 0 13px;display:flex;align-items:center;border-top:1px solid #302a33;color:#afa7b1;font-size:10px;position:relative}
.workload-source-list span::before{content:"";width:5px;height:5px;position:absolute;left:0;border-radius:50%;background:#6f70d8}
.workload-source-list span:last-child{border-bottom:1px solid #302a33}
.workload-router{background:rgba(25,21,27,.88)}
.workload-router::after{content:"Rules · anomalies · routing";position:absolute;left:22px;right:22px;bottom:27px;padding-top:13px;border-top:1px solid #342e37;color:#6f6872;font-size:8px;letter-spacing:.06em;text-transform:uppercase}
.workload-agents{background:linear-gradient(180deg,rgba(217,81,109,.045),rgba(18,15,20,.9))}
.workload-agent-list{margin-top:25px;display:grid;gap:7px}
.workload-agent-list>span{min-height:51px;padding:9px 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #403842;border-radius:8px;background:#1d1920}
.workload-agent-list b{font-size:10px;font-weight:680}
.workload-agent-list em{color:#77707a;font-size:8px;font-style:normal;text-transform:uppercase}
.workload-resources{margin-top:12px;padding:10px;border:1px dashed #453c47;border-radius:8px;color:#887f8a;font-size:8px;letter-spacing:.04em;text-align:center;text-transform:uppercase}
.workload-control{background:rgba(104,175,165,.055);border-color:#37423f}
.workload-control h2{color:#d7e3e0}
.workload-decisions{margin-top:28px;display:grid;gap:8px}
.workload-decisions span{height:38px;padding:0 12px;display:flex;align-items:center;border:1px solid #40524f;border-radius:7px;color:#a8c7c2;font-size:9px}
.workload-decisions span:first-child{border-color:rgba(217,81,109,.52);background:rgba(217,81,109,.08);color:#e8c7cf}
.workload-output{border-right:0;background:linear-gradient(145deg,#2a2227,#181419);color:var(--ivory)}
.workload-output>small{color:#b58e98}
.workload-output h2{color:var(--ivory)}
.workload-output>p{color:#aaa0aa}
.workload-output-lines{margin-top:31px;display:grid;gap:11px}
.workload-output-lines i{height:6px;background:#675b62}
.workload-output-lines i:nth-child(2){width:82%;background:var(--coral)}
.workload-output-lines i:nth-child(3){width:61%;background:var(--teal)}
.workload-link{position:relative;display:flex;align-items:center;justify-content:center;background:#0d0a11}
.workload-link::before{content:"";width:100%;height:1px;background:#6e6471}
.workload-link::after{content:"";width:7px;height:7px;position:absolute;right:1px;border-top:1px solid #9d929f;border-right:1px solid #9d929f;transform:rotate(45deg)}
.workload-link span{position:absolute;top:calc(50% - 27px);padding:3px 5px;background:#0d0a11;color:#6e6670;font-size:7px;letter-spacing:.06em;text-transform:uppercase}
.workload-link i{width:6px;height:6px;position:absolute;left:0;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(217,81,109,.08);animation:workload-pulse 2.8s ease-in-out infinite}
.workload-link:nth-of-type(4n) i{animation-delay:.5s}
.workload-equation{min-height:138px;padding:24px 26px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr) 28px) minmax(0,1.12fr);align-items:center;border-top:1px solid #352f38;background:#141116}
.workload-equation>div{min-width:0}
.workload-equation strong{display:block;color:#e1d9e2;font-size:18px;line-height:1.1;letter-spacing:-.02em}
.workload-equation span{display:block;margin-top:7px;color:#756e78;font-size:8px;letter-spacing:.06em;text-transform:uppercase}
.workload-equation>b{color:#4f4852;font-size:18px;font-weight:400;text-align:center}
.workload-equation .workload-result{padding:16px;border:1px solid rgba(217,81,109,.38);border-radius:10px;background:rgba(217,81,109,.08)}
.workload-equation .workload-result strong{color:var(--ivory)}
.workload-equation .workload-result span{color:#b58e98}
.workload-shell>footer{min-height:62px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #352f38;background:#100d12}
.workload-shell>footer span{color:#746c76;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.workload-shell>footer p{max-width:720px;margin:0;color:#827984;font-size:9px;line-height:1.45;text-align:right}
@keyframes workload-pulse{0%,100%{transform:translateX(2px);opacity:.25}50%{transform:translateX(34px);opacity:1}}
@media(max-width:900px){
  .workload-showcase{padding:100px 18px}
  .workload-heading{grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  .workload-heading h1{font-size:49px}
  .workload-heading p{font-size:15px}
  .workload-shell>header{align-items:flex-start;justify-content:center;flex-direction:column;gap:5px;height:auto;min-height:72px;padding:14px 18px}
  .workload-flow{grid-template-columns:1fr}
  .workload-stage{min-height:0;padding:25px 22px;border-right:0;border-bottom:1px solid #302a33}
  .workload-stage h2{font-size:22px}
  .workload-router{padding-bottom:78px}
  .workload-agent-list>span{min-height:48px}
  .workload-output{min-height:250px;border-bottom:0}
  .workload-link{height:56px}
  .workload-link::before{width:1px;height:100%}
  .workload-link::after{right:auto;bottom:2px;transform:rotate(135deg)}
  .workload-link span{top:50%;left:calc(50% + 14px);transform:translateY(-50%)}
  .workload-link i{left:50%;top:0;transform:translateX(-50%);animation:workload-pulse-mobile 2.8s ease-in-out infinite}
  .workload-equation{padding:24px 20px;grid-template-columns:1fr;gap:13px}
  .workload-equation>b{text-align:left}
  .workload-equation>b::after{content:""}
  .workload-equation .workload-result{margin-top:4px}
  .workload-shell>footer{align-items:flex-start;flex-direction:column;gap:7px}
  .workload-shell>footer p{text-align:left}
}
@keyframes workload-pulse-mobile{0%,100%{transform:translate(-50%,2px);opacity:.25}50%{transform:translate(-50%,46px);opacity:1}}
@media(prefers-reduced-motion:reduce){.workload-link i{animation:none;opacity:.7}}

.ecosystem-showcase{padding:13vh 0 12vh;border-top:1px solid #302a32;background:#0f0d11;color:var(--ivory)}
.ecosystem-heading{width:min(calc(100% - 6vw),1540px);margin:0 auto 68px;display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end}
.ecosystem-heading h1{max-width:920px;margin:0;font-size:clamp(52px,5.4vw,86px);font-weight:680;line-height:.92;letter-spacing:-.052em}
.ecosystem-heading p{max-width:610px;margin:0;color:#a99cab;font-size:17px;line-height:1.6}
.ecosystem-shell{overflow:hidden;border-top:1px solid #3b343d;border-bottom:1px solid #3b343d;background:#100d12}
.ecosystem-row{height:112px;overflow:hidden;border-top:1px solid #332d36;position:relative;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.ecosystem-row::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(15,13,17,.4),transparent 10%,transparent 90%,rgba(15,13,17,.4))}
.ecosystem-track{height:100%;width:max-content;display:flex;will-change:transform;animation:ecosystem-forward 38s linear infinite}
.ecosystem-row-reverse .ecosystem-track{animation-name:ecosystem-reverse;animation-duration:42s}
.ecosystem-row:hover .ecosystem-track{animation-play-state:paused}
.ecosystem-group{height:100%;display:flex;flex:0 0 auto}
.ecosystem-group>span{width:230px;height:100%;padding:0 30px;display:flex;justify-content:center;flex-direction:column;border-right:1px solid #332d36;background:#100d12}
.ecosystem-group small{color:#69626b;font-size:8px;letter-spacing:.08em;text-transform:uppercase}
.ecosystem-group strong{margin-top:9px;color:#d9d1da;font-size:20px;font-weight:570;line-height:1;letter-spacing:-.025em;white-space:nowrap}
.ecosystem-group>span:hover{background:#151117}
.ecosystem-group>span:hover strong{color:var(--ivory)}
@keyframes ecosystem-forward{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ecosystem-reverse{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:800px){
  .ecosystem-showcase{padding:100px 0}
  .ecosystem-heading{width:calc(100% - 36px);grid-template-columns:1fr;gap:24px;margin-bottom:48px}
  .ecosystem-heading h1{font-size:49px}
  .ecosystem-heading p{font-size:15px}
  .ecosystem-row{height:96px;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
  .ecosystem-group>span{width:190px;padding:0 22px}
  .ecosystem-group strong{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .ecosystem-row{overflow-x:auto;mask-image:none;-webkit-mask-image:none}
  .ecosystem-track{animation:none}
  .ecosystem-group[aria-hidden="true"]{display:none}
}

/* Industry logo rail: real marks, neutral at rest, full color on interaction. */
.ecosystem-row-label{position:absolute;z-index:4;left:3vw;top:9px;padding:4px 8px;background:#100d12;color:#746d77;font-size:7px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;pointer-events:none}
.ecosystem-group>span{align-items:center;justify-content:center;flex-direction:row;gap:14px}
.ecosystem-group img{width:40px;height:40px;flex:0 0 40px;object-fit:contain;filter:grayscale(1) saturate(0);opacity:.62;transition:filter .22s ease,opacity .22s ease,transform .22s ease}
.ecosystem-group strong{margin:0;color:#c9c1cb;font-size:18px;font-weight:590;letter-spacing:-.02em}
.ecosystem-group>span:hover img{filter:none;opacity:1;transform:scale(1.06)}
.ecosystem-group>span:hover strong{color:var(--ivory)}
@media(max-width:800px){
  .ecosystem-row-label{left:18px}
  .ecosystem-group>span{gap:11px}
  .ecosystem-group img{width:34px;height:34px;flex-basis:34px}
  .ecosystem-group strong{font-size:16px}
}