/* Real service marks carry the diagram; labels sit below rather than inside tiny boxes. */
.showcase .pipeline-node[data-service] .pipeline-node-body{fill:#fffefa;stroke:#d5d0ca;stroke-width:1.8;filter:none}.showcase .pipeline-node[data-service] .pipeline-node-title{fill:#fff4e5;font-size:17px;letter-spacing:-.015em;font-weight:550;opacity:1}.showcase .pipeline-node[data-service] .pipeline-node-note{fill:#c7c0b8;font-size:10px;opacity:1}.showcase .pipeline-node[data-service][data-state=active] .pipeline-node-body{fill:#fffdf1;stroke:#ffce5b;stroke-width:4}.showcase .pipeline-node[data-service][data-state=done] .pipeline-node-body{fill:#fffefa;stroke:#91bc9a;stroke-width:2}.showcase .pipeline-node[data-service][data-state=review] .pipeline-node-body{fill:#fff2df;stroke:#f5aa68;stroke-width:4}.showcase .pipeline-node[data-service][data-state=waiting]{opacity:.85}.showcase .pipeline-node[data-service][data-state=skipped]{opacity:.38}.pipeline-service-logo{pointer-events:none}.pipeline-port{fill:#c8c4bb;stroke:#293432;stroke-width:1}.pipeline-node-dot{fill:#cac4b5;stroke:#fffdf5;stroke-width:2}.pipeline-node[data-state=active] .pipeline-node-dot{fill:#e6a339}.pipeline-node[data-state=done] .pipeline-node-dot{fill:#6eaa7b}.pipeline-wire{stroke:#84918a;stroke-width:1.8;opacity:.55}.pipeline-wire[data-active=true]{stroke:#e8c887;stroke-width:2.8;opacity:1}.pipeline-wire.memory[data-active=true]{stroke:#ceafdc}.pipeline-packet{fill:#fff1b2}.pipeline-heading{padding-top:13px}.pipeline-heading>h3{font-size:clamp(21px,4.35cqw,26px)}.pipeline-graph{margin-inline:1px;background-image:radial-gradient(#9eaaa528 .9px,transparent 1px)}.pipeline-structure ellipse{opacity:.12}.pipeline-outcome{margin-top:5px}.agents-reel .pipeline-node[data-shape=circle][data-state=active] .pipeline-node-body{animation:none}
/* A light sweep passes behind the content; all geometry is static SVG. */
.hero-glint{position:absolute;z-index:0;left:-65%;top:-45%;width:45%;height:190%;pointer-events:none;background:linear-gradient(90deg,transparent 0%,#fff8e900 22%,#fff9eb59 49%,#fff8e900 77%,transparent);transform:translateX(0) rotate(22deg);mix-blend-mode:soft-light;animation:hero-sheen 7.8s ease-in-out infinite}.hero-geometry{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden;opacity:.32;fill:none;stroke:currentColor;stroke-width:1.1}.hero-geometry .geometry-soft{opacity:.35}.hero-geometry .geometry-solid{fill:currentColor;stroke:none;opacity:.17}.hero-geometry .geometry-spark{animation:geometry-glimmer 4.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.hero-geometry .geometry-spark:nth-of-type(even){animation-delay:1.3s}.slide-sites .hero-geometry{opacity:.14}.slide-ops .hero-geometry{color:#672b35}.slide-agents .hero-geometry{color:#633950}.slide-content .hero-geometry{color:#6c3e29}.slide-work .hero-geometry{color:#2a6652}.slide-concepts .hero-geometry{color:#775b25}.showcase[data-stopped] .hero-glint,.showcase[data-stopped] .hero-geometry *{animation-play-state:paused!important}.showcase-copy,.showcase-art{isolation:isolate}
@keyframes hero-sheen{0%,10%{opacity:0;transform:translateX(0) rotate(22deg)}20%{opacity:.85}65%{opacity:.85}85%,100%{opacity:0;transform:translateX(450%) rotate(22deg)}}@keyframes geometry-glimmer{0%,100%{opacity:.2;transform:scale(.85)}50%{opacity:.8;transform:scale(1.08)}}
@media(max-width:980px){.showcase .pipeline-node[data-service] .pipeline-node-title{font-size:17px}.showcase .pipeline-node[data-service] .pipeline-node-note{font-size:10px}.hero-geometry{width:160%;max-width:none;left:-30%}.hero-glint{width:60%}.pipeline-heading>h3,.agents-reel .pipeline-heading h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.hero-glint{display:none}.hero-geometry *{animation:none!important}.hero-geometry .geometry-spark{opacity:.5;transform:none}}
.pipeline-heading>span{display:none}.pipeline-heading>h3,.agents-reel .pipeline-heading h3{font-size:22px}.pipeline-heading>.pipeline-run-state{margin-top:7px}.pipeline-outcome{padding-block:7px;font-size:6px}.pipeline-outcome>b{font-size:5px}
@media(max-width:980px){.pipeline-heading{padding:12px 12px 5px}.pipeline-heading>h3,.agents-reel .pipeline-heading h3{font-size:20px}.pipeline-heading>.pipeline-run-state{font-size:7px;margin-top:7px}.pipeline-outcome{display:none}.pipeline-shot .reel-status{min-height:32px}}