/* Static redesign: original nine steps, roles and serpentine sequence. */
.nine-scene{grid-template-columns:.9fr 1.1fr;gap:5%;padding-top:38px;padding-bottom:46px;min-height:540px}.nine-workflow{margin:0;min-width:0}.nine-workflow .nine-kicker{font:500 14px/1.4 General,sans-serif;color:#a5d97b;margin:0 0 9px}.automation-proposal .nine-workflow h2{font:500 26px/1.2 Outfit,sans-serif;letter-spacing:-.025em;color:#f5f4ee;text-align:left;margin:0 0 24px;text-wrap:pretty}.nine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,112px);gap:26px 24px;list-style:none;padding:0;margin:0}.nine-step{position:relative;grid-column:var(--column);grid-row:var(--row);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;border-radius:9px;padding:12px 14px;background:#dfeaf0;color:#173541}.nine-step.human{background:#e4ede0}.nine-step.agent{background:#f5f4ee}.nine-meta{display:flex;width:100%;align-items:center;gap:8px;font:400 12px/1.3 General,sans-serif;color:#3d5c6b}.nine-number{font:500 15px/1 Outfit,sans-serif;color:#2a667e}.human .nine-meta,.human .nine-number{color:#3e663b}.agent .nine-meta,.agent .nine-number{color:#466275}.nine-step svg{width:28px;height:28px;margin:9px 0 7px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.nine-step strong{font:500 18px/1.15 Outfit,sans-serif;letter-spacing:-.025em;display:block}.nine-step:after{content:'→';position:absolute;left:100%;top:calc(50% - 13px);width:24px;text-align:center;font:400 23px/26px General,sans-serif;color:#a3bac5}.nine-step:nth-child(3):after,.nine-step:nth-child(6):after{content:'↓';left:calc(50% - 12px);top:100%;height:26px}.nine-step:nth-child(4):after,.nine-step:nth-child(5):after{content:'←';left:auto;right:100%}.nine-step:nth-child(9):after{display:none}.automation-proposal .nine-note{font:400 14px/1.5 General,sans-serif;color:#c3d4db;margin:19px 0 0}.nine-scene .automation-copy>p:not(.eyebrow){max-width:37ch}@media(min-width:851px) and (max-width:1100px){.nine-scene{grid-template-columns:.8fr 1.2fr;gap:4%;padding-left:5%;padding-right:5%}.nine-grid{gap:24px 20px;grid-template-rows:repeat(3,122px)}.nine-step{padding:10px}.nine-step strong{font-size:17px}.nine-step:after{width:20px}.nine-step:nth-child(3):after,.nine-step:nth-child(6):after{left:calc(50% - 10px);height:24px}.nine-meta{font-size:11px;gap:5px}.automation-proposal .nine-workflow h2{font-size:25px}}@media(max-width:850px){.nine-scene{grid-template-columns:1fr;gap:34px;min-height:0}.nine-workflow{max-width:660px;width:100%;justify-self:center}.nine-scene .automation-copy>p:not(.eyebrow){max-width:55ch}}@media(max-width:600px){.nine-scene{padding:36px 6% 40px;gap:30px}.nine-grid{gap:22px 17px;grid-template-rows:repeat(3,120px)}.nine-step{padding:14px 8px 10px;border-radius:7px;justify-content:flex-start}.nine-meta{font-size:11px;gap:4px;align-items:start}.nine-number{font-size:13px}.nine-step strong{font-size:16px;line-height:1.2}.nine-step svg{width:25px;height:25px;margin:8px 0}.nine-step:after{width:17px;font-size:20px}.nine-step:nth-child(3):after,.nine-step:nth-child(6):after{left:calc(50% - 8px);height:22px;font-size:19px;line-height:22px}.automation-proposal .nine-workflow h2{font-size:25px;margin-bottom:20px}.automation-proposal .nine-note{font-size:14px;margin-top:18px}}


/* Faster, readable process motion. */
.nine-video{display:none}.nine-live{position:static;width:auto;height:auto;overflow:visible;clip-path:none}
.nine-grid{position:relative;isolation:isolate}
.nine-step{--lit:#256d9a;--glow:100,184,255;transition:background .16s,color .16s,box-shadow .16s;box-shadow:inset 0 0 0 1px transparent}
.nine-step.human{--lit:#3c7036;--glow:163,220,118}.nine-step.agent{--lit:#80602a;--glow:246,203,113}
.nine-step.active{background:var(--lit);color:#fff;box-shadow:inset 0 0 0 2px rgba(var(--glow),.95),0 0 14px rgba(var(--glow),.65),0 0 32px rgba(var(--glow),.28)}
.nine-step.active .nine-meta,.nine-step.active .nine-number{color:#fff}
.nine-step svg{flex-shrink:0}
.nine-step.active svg{filter:drop-shadow(0 0 4px rgba(255,255,255,.5))}
.nine-number{width:18px;min-width:18px;text-align:center;border-radius:50%}
.nine-step.done .nine-number{background:#315d38;color:white}
.nine-step.active:before{content:'';position:absolute;bottom:0;left:7px;height:3px;width:calc((100% - 14px)*var(--progress));background:rgba(255,255,255,.85);border-radius:2px}
.nine-step.pass:after{color:#c7eeff;text-shadow:0 0 6px #7ac4ff}
.nine-pulse{position:absolute;z-index:3;width:7px;height:7px;background:#e3f7ff;border-radius:50%;box-shadow:0 0 7px 3px #68b7f5,0 0 17px #68b7f5;pointer-events:none;opacity:0}
.nine-pause{display:block;margin:12px 0 0 auto;border:1px solid #6b8793;border-radius:4px;background:transparent;color:#dfeaf0;padding:7px 12px;font:400 14px General,sans-serif}
.nine-step.complete{box-shadow:inset 0 0 0 2px #8cbe70,0 0 9px rgba(163,220,118,.25)}
@media(max-width:600px){.nine-number{width:13px;min-width:13px}.nine-meta{min-height:26px}.nine-step svg{width:22px;height:22px;margin:4px 0 6px}.nine-step.active{box-shadow:inset 0 0 0 2px rgba(var(--glow),.95),0 0 12px rgba(var(--glow),.55)}}
@media(prefers-reduced-motion:reduce){.nine-step{transition:none}.nine-pulse{display:none}}