/* ============================================================
   DAY91 — fold scenes
   Four illustrated SVG animations, one per fold, in the same
   drawn style as the hero machine. Each is a different mechanism.
   ============================================================ */

.scene{
  position:relative;
  margin:2.4rem 0 1.6rem;
  border:1px solid var(--rule);
  border-radius:12px;
  background:var(--paper-2);
  overflow:hidden;
}
.scene.on-dark{border-color:#262A33;background:#181B22}
.scene svg{display:block;width:100%;height:auto}
.scene-cap{
  display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;
  padding:.55rem .95rem;border-top:1px solid var(--rule);
  font-family:var(--mono);font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);
}
.scene.on-dark .scene-cap{border-top-color:#262A33;color:#8E949F}
.scene-cap b{color:var(--signal-ink);font-weight:500}
.scene.on-dark .scene-cap b{color:var(--signal-bright)}

/* shared drawing tokens */
.scene .ln{fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.scene.on-dark .ln{stroke:#4A505C}
.scene .sf{fill:var(--signal)}
.scene .sb{fill:var(--signal-bright)}
.scene .pf{fill:var(--paper-3)}
.scene.on-dark .pf{fill:#20242C}
.scene .lab{font-family:var(--mono);font-size:11px;fill:var(--faint);text-anchor:middle;letter-spacing:.08em}

/* ---------- A. PRESS (stats band) ---------- */
.sc-press .plate{transform-origin:center 60px}
.sc-press.live .plate{animation:press-hit 2.4s cubic-bezier(.3,0,.2,1) infinite}
@keyframes press-hit{0%,55%{transform:translateY(0)}70%{transform:translateY(34px)}85%{transform:translateY(0)}}
.sc-press .sheet{opacity:0}
.sc-press.live .sheet{animation:sheet-out 2.4s linear infinite}
.sc-press .sheet.s2{animation-delay:.8s}
.sc-press .sheet.s3{animation-delay:1.6s}
@keyframes sheet-out{
  0%{opacity:0;transform:translate(0,0)}
  12%{opacity:1}
  100%{opacity:1;transform:translate(430px,26px)}
}
.sc-press.live .flywheel{animation:spin 3s linear infinite;transform-origin:118px 92px}
.sc-press.live .flywheel.w2{animation-duration:1.8s;transform-origin:176px 118px}
@keyframes spin{to{transform:rotate(360deg)}}
.sc-press .inkdrop{opacity:0}
.sc-press.live .inkdrop{animation:ink 2.4s ease-in infinite}
@keyframes ink{0%,60%{opacity:0;transform:translateY(0)}72%{opacity:.9}100%{opacity:0;transform:translateY(30px)}}

/* ---------- B. CONVEYOR (watchlist fold) ---------- */
.sc-belt .belt-move{stroke-dasharray:10 12}
.sc-belt.live .belt-move{animation:belt 1.2s linear infinite}
@keyframes belt{to{stroke-dashoffset:-22}}
.sc-belt .crate{opacity:0}
.sc-belt.live .crate{animation:crate-run 8s linear infinite}
.sc-belt.live .crate.c2{animation-delay:1s}
.sc-belt.live .crate.c3{animation-delay:2s}
.sc-belt.live .crate.c4{animation-delay:3s}
.sc-belt.live .crate.c5{animation-delay:4s}
.sc-belt.live .crate.c6{animation-delay:5s}
.sc-belt.live .crate.c7{animation-delay:6s}
.sc-belt.live .crate.c8{animation-delay:7s}
@keyframes crate-run{
  0%{opacity:0;transform:translateX(0)}
  4%{opacity:1}
  70%{opacity:1;transform:translateX(760px)}
  78%{opacity:1;transform:translate(790px,42px)}
  84%,100%{opacity:0;transform:translate(790px,42px)}
}
.sc-belt.live .stamper{animation:stamp 1s ease-in-out infinite;transform-origin:640px 60px}
@keyframes stamp{0%,60%{transform:translateY(0)}75%{transform:translateY(18px)}100%{transform:translateY(0)}}
.sc-belt .bin-fill{transform-box:fill-box;transform-origin:bottom center;transform:scaleY(0)}
.sc-belt.live .bin-fill{animation:bin 8s linear infinite}
@keyframes bin{0%{transform:scaleY(0)}90%,100%{transform:scaleY(1)}}

/* ---------- C. GAUGES (repricing fold) ---------- */
.sc-gauge .needle{transform-box:fill-box;transform-origin:bottom center}
.sc-gauge.live .needle{animation:sweep 4s cubic-bezier(.5,0,.5,1) infinite alternate}
.sc-gauge.live .g2 .needle{animation-duration:5.2s}
.sc-gauge.live .g3 .needle{animation-duration:3.2s}
.sc-gauge.live .g4 .needle{animation-duration:6s}
.sc-gauge.live .g5 .needle{animation-duration:2.6s}
@keyframes sweep{from{transform:rotate(-62deg)}to{transform:rotate(58deg)}}
.sc-gauge .tickmark{opacity:.35}
.sc-gauge.live .glow{animation:gpulse 2.2s ease-in-out infinite}
.sc-gauge.live .g2 .glow{animation-delay:.4s}
.sc-gauge.live .g3 .glow{animation-delay:.8s}
.sc-gauge.live .g4 .glow{animation-delay:1.2s}
.sc-gauge.live .g5 .glow{animation-delay:1.6s}
@keyframes gpulse{0%,100%{opacity:.08}50%{opacity:.26}}
.sc-gauge .nomatch{opacity:0}
.sc-gauge.live .nomatch{animation:nm 4s ease-in-out infinite}
@keyframes nm{0%,55%{opacity:0}70%,90%{opacity:1}100%{opacity:0}}

/* ---------- D. SWITCHBOARD (personas fold) ---------- */
.sc-board .cable{stroke-dasharray:6 8;opacity:.5}
.sc-board.live .cable{animation:belt 1.6s linear infinite}
.sc-board .pulse{opacity:0}
.sc-board.live .pulse{animation:pulse-run 5.2s linear infinite}
.sc-board.live .pulse.p2{animation-delay:1.3s}
.sc-board.live .pulse.p3{animation-delay:2.6s}
.sc-board.live .pulse.p4{animation-delay:3.9s}
@keyframes pulse-run{
  0%{opacity:0;offset-distance:0%}
  6%{opacity:1}
  22%{opacity:1;offset-distance:100%}
  30%,100%{opacity:0;offset-distance:100%}
}
.sc-board .desk-lamp{opacity:.08}
.sc-board.live .desk-lamp{animation:lamp 5.2s linear infinite}
.sc-board.live .d2 .desk-lamp{animation-delay:1.3s}
.sc-board.live .d3 .desk-lamp{animation-delay:2.6s}
.sc-board.live .d4 .desk-lamp{animation-delay:3.9s}
@keyframes lamp{0%,18%{opacity:.08}24%,40%{opacity:.32}55%,100%{opacity:.08}}
.sc-board.live .dial{animation:spin 9s linear infinite;transform-origin:96px 108px}

@media (prefers-reduced-motion:reduce){
  .scene *{animation:none!important}
  .scene .crate,.scene .sheet,.scene .pulse{opacity:1!important}
  .scene .bin-fill{transform:scaleY(1)!important}
}

/* ---------- E. RACK (tools page) ---------- */
.sc-bench .carriage{transform:translateX(0)}
.sc-bench.live .carriage{animation:gantry 16.8s cubic-bezier(.5,0,.2,1) infinite}
@keyframes gantry{
  0%,11%{transform:translateX(0)}
  16.7%,27.7%{transform:translateX(192px)}
  33.3%,44.3%{transform:translateX(384px)}
  50%,61%{transform:translateX(576px)}
  66.7%,77.7%{transform:translateX(768px)}
  83.3%,94.3%{transform:translateX(960px)}
  100%{transform:translateX(0)}
}
.sc-bench .probe{stroke-dasharray:5 7}
.sc-bench.live .probe{animation:belt 1.1s linear infinite}
.sc-bench.live .tip{animation:gpulse 1.1s ease-in-out infinite}
.sc-bench .ttl{font-family:var(--display);font-size:15px;font-weight:600;text-anchor:middle;fill:var(--ink)}
.sc-bench .flg{font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-anchor:middle}
.sc-bench .st-lit{opacity:0}
.sc-bench .st-cap{opacity:.35}
.sc-bench .st-read{opacity:0;transform:translateY(6px)}
.sc-bench.live .st-lit{animation:bench-lit 16.8s linear infinite}
.sc-bench.live .st-cap{animation:bench-cap 16.8s linear infinite}
.sc-bench.live .st-read{animation:bench-read 16.8s linear infinite}
.sc-bench.live .s2 .st-lit,.sc-bench.live .s2 .st-read,.sc-bench.live .s2 .st-cap{animation-delay:2.8s}
.sc-bench.live .s3 .st-lit,.sc-bench.live .s3 .st-read,.sc-bench.live .s3 .st-cap{animation-delay:5.6s}
.sc-bench.live .s4 .st-lit,.sc-bench.live .s4 .st-read,.sc-bench.live .s4 .st-cap{animation-delay:8.4s}
.sc-bench.live .s5 .st-lit,.sc-bench.live .s5 .st-read,.sc-bench.live .s5 .st-cap{animation-delay:11.2s}
.sc-bench.live .s6 .st-lit,.sc-bench.live .s6 .st-read,.sc-bench.live .s6 .st-cap{animation-delay:14s}
@keyframes bench-lit{0%{opacity:0}3%,14%{opacity:.12}18%,100%{opacity:0}}
@keyframes bench-cap{0%{opacity:.35}3%,14%{opacity:1}18%,100%{opacity:.35}}
@keyframes bench-read{
  0%{opacity:0;transform:translateY(6px)}
  4%,14%{opacity:1;transform:translateY(0)}
  18%,100%{opacity:0;transform:translateY(0)}
}
@media (max-width:47.99rem){ .sc-bench .ttl{font-size:19px} .sc-bench .lab{font-size:13px} }
@media (prefers-reduced-motion:reduce){
  .sc-bench .st-read{opacity:1!important;transform:none!important}
  .sc-bench .st-cap{opacity:1!important}
}



/* ---------- E. ARM (how it works) ---------- */
.sc-arm .armrig{transform:translateX(130px)}
.sc-arm.live .armrig{animation:arm-travel 6s cubic-bezier(.45,0,.25,1) infinite}
@keyframes arm-travel{
  0%,8%{transform:translateX(130px)}
  26%,42%{transform:translateX(470px)}
  58%,70%{transform:translateX(760px)}
  86%,100%{transform:translateX(130px)}
}
.sc-arm.live .armdrop{animation:arm-drop 6s ease-in-out infinite}
@keyframes arm-drop{0%,6%{transform:translateY(28px)}14%,54%{transform:translateY(0)}62%{transform:translateY(24px)}72%,100%{transform:translateY(0)}}
.sc-arm .armdoc{opacity:0}
.sc-arm.live .armdoc{animation:arm-hold 6s linear infinite}
@keyframes arm-hold{0%,8%{opacity:0}10%,60%{opacity:1}62%,100%{opacity:0}}
.sc-arm.live .lensglow{animation:arm-lens 6s ease-in-out infinite}
@keyframes arm-lens{0%,24%{opacity:.06}32%,44%{opacity:.3}52%,100%{opacity:.06}}
.sc-arm .lensbeam{opacity:0}
.sc-arm.live .lensbeam{animation:arm-beam 6s ease-in-out infinite}
@keyframes arm-beam{0%,26%{opacity:0;transform:translateY(-26px)}34%{opacity:1}44%{opacity:1;transform:translateY(26px)}50%,100%{opacity:0;transform:translateY(26px)}}
.sc-arm .binf{transform-box:fill-box;transform-origin:bottom center;transform:scaleY(.15)}
.sc-arm.live .b1{animation:arm-bin 6s ease-out infinite}
.sc-arm.live .b2{animation:arm-bin 6s ease-out infinite;animation-delay:.2s}
.sc-arm.live .b3{animation:arm-bin 6s ease-out infinite;animation-delay:.4s}
@keyframes arm-bin{0%,60%{transform:scaleY(.15)}72%,92%{transform:scaleY(1)}100%{transform:scaleY(.15)}}
.sc-arm .gatestamp{transform-box:fill-box;transform-origin:center;opacity:0}
.sc-arm.live .gatestamp{animation:arm-stamp 6s ease-out infinite}
@keyframes arm-stamp{0%,72%{opacity:0;transform:scale(1.4)}80%,96%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.4)}}
.sc-arm.live .gatebar{animation:arm-gate 6s ease-in-out infinite;transform-box:fill-box;transform-origin:left center}
@keyframes arm-gate{0%,70%{transform:scaleX(1)}84%,96%{transform:scaleX(.12)}100%{transform:scaleX(1)}}


/* ---------- F. THE POUR LINE (tools fold — six vessels in series) ---------- */
.sc-pour .vessel{transform-box:fill-box;transform-origin:center bottom}
.sc-pour .lvl{transform-box:fill-box;transform-origin:center bottom;transform:scaleY(0)}
.sc-pour.live .lvl{animation:pour-fill 9s cubic-bezier(.5,0,.3,1) infinite}
.sc-pour.live .k2 .lvl{animation-delay:1.1s}
.sc-pour.live .k3 .lvl{animation-delay:2.2s}
.sc-pour.live .k4 .lvl{animation-delay:3.3s}
.sc-pour.live .k5 .lvl{animation-delay:4.4s}
.sc-pour.live .k6 .lvl{animation-delay:5.5s}
@keyframes pour-fill{
  0%,6%{transform:scaleY(0)}
  16%,30%{transform:scaleY(1)}
  40%{transform:scaleY(.22)}
  100%{transform:scaleY(.22)}
}
.sc-pour .ring{opacity:0;transform-box:fill-box;transform-origin:center}
.sc-pour.live .ring{animation:pour-ring 9s ease-out infinite}
.sc-pour.live .k2 .ring{animation-delay:1.1s}
.sc-pour.live .k3 .ring{animation-delay:2.2s}
.sc-pour.live .k4 .ring{animation-delay:3.3s}
.sc-pour.live .k5 .ring{animation-delay:4.4s}
.sc-pour.live .k6 .ring{animation-delay:5.5s}
@keyframes pour-ring{0%,8%{opacity:0;transform:scale(.6)}14%{opacity:.75;transform:scale(1)}26%,100%{opacity:0;transform:scale(1.5)}}
.sc-pour .knm{opacity:.45}
.sc-pour.live .knm{animation:pour-name 9s linear infinite}
.sc-pour.live .k2 .knm{animation-delay:1.1s}
.sc-pour.live .k3 .knm{animation-delay:2.2s}
.sc-pour.live .k4 .knm{animation-delay:3.3s}
.sc-pour.live .k5 .knm{animation-delay:4.4s}
.sc-pour.live .k6 .knm{animation-delay:5.5s}
@keyframes pour-name{0%,7%{opacity:.45}14%,34%{opacity:1}44%,100%{opacity:.45}}
.sc-pour .pipe{stroke-dasharray:5 8;opacity:.5}
.sc-pour.live .pipe{animation:belt 1.1s linear infinite}
.sc-pour .drop{opacity:0}
.sc-pour.live .drop{animation:pour-drop 9s linear infinite}
.sc-pour.live .k2 .drop{animation-delay:1.1s}
.sc-pour.live .k3 .drop{animation-delay:2.2s}
.sc-pour.live .k4 .drop{animation-delay:3.3s}
.sc-pour.live .k5 .drop{animation-delay:4.4s}
@keyframes pour-drop{0%,28%{opacity:0;offset-distance:0%}32%{opacity:1}44%{opacity:1;offset-distance:100%}50%,100%{opacity:0;offset-distance:100%}}
.sc-pour .feed{opacity:0}
.sc-pour.live .feed{animation:pour-feed 9s linear infinite}
@keyframes pour-feed{0%{opacity:0;offset-distance:0%}4%{opacity:1}12%{opacity:1;offset-distance:100%}18%,100%{opacity:0;offset-distance:100%}}
.sc-pour .vbox{transition:none}
.sc-pour.live .vbox{animation:pour-glow 9s ease-out infinite}
.sc-pour.live .k2 .vbox{animation-delay:1.1s}
.sc-pour.live .k3 .vbox{animation-delay:2.2s}
.sc-pour.live .k4 .vbox{animation-delay:3.3s}
.sc-pour.live .k5 .vbox{animation-delay:4.4s}
.sc-pour.live .k6 .vbox{animation-delay:5.5s}
@keyframes pour-glow{0%,8%{stroke-width:1.5}16%,30%{stroke-width:3}44%,100%{stroke-width:1.5}}

/* ---------- G. THE PATCHBAY (who uses it — routes that cross) ---------- */
.sc-weave svg{overflow:visible}
.sc-weave .ringline{stroke:var(--rule);stroke-width:1.5;opacity:.5;stroke-dasharray:3 7}
.sc-weave.live .ringline{animation:weave-ring 24s linear infinite}
@keyframes weave-ring{to{stroke-dashoffset:-200}}
.sc-weave .hubdisc{fill:var(--paper-3)}
.sc-weave .hubring{stroke:var(--rule);stroke-width:1.5}
.sc-weave .hubt{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-anchor:middle;fill:var(--signal-ink)}
.sc-weave .hubs{font-family:var(--display);font-size:13px;font-weight:600;text-anchor:middle;fill:var(--muted)}

.sc-weave .route{fill:none;stroke:var(--rule);stroke-width:2;opacity:.4;transition:stroke .35s ease,opacity .35s ease,stroke-width .35s ease}
.sc-weave .g-on .route{opacity:1;stroke-width:3;stroke:var(--rc, var(--signal))}
.sc-weave .glowline{fill:none;stroke:var(--rc, var(--signal));stroke-width:9;opacity:0;filter:blur(6px);transition:opacity .35s ease}
.sc-weave .g-on .glowline{opacity:.35}
.sc-weave .rdot{opacity:0;fill:var(--rc, var(--signal))}
.sc-weave .g-on .rdot{opacity:1;animation:weave-run 2.6s cubic-bezier(.45,0,.35,1) infinite}
@keyframes weave-run{0%{offset-distance:0%;opacity:0}8%{opacity:1}82%{offset-distance:100%;opacity:1}100%{offset-distance:100%;opacity:0}}
.sc-weave .jack{fill:var(--paper-3);stroke:var(--rule);stroke-width:1.5;transition:stroke .3s ease,fill .3s ease}
.sc-weave .jack-in{fill:var(--rule);transition:fill .3s ease}
.sc-weave .node.on .jack{stroke:var(--signal);fill:#EDF6F1}
.sc-weave .node.on .jack-in{fill:var(--signal)}
.sc-weave .nodebox{fill:var(--paper-3);stroke:var(--rule);stroke-width:1.5;transition:stroke .3s ease,fill .3s ease}
.sc-weave .node.on .nodebox{stroke:var(--signal);fill:#EDF6F1}
.sc-weave .node text{transition:fill .3s ease}
.sc-weave .node .nt{font-family:var(--display);font-size:13px;font-weight:600;fill:var(--muted);text-anchor:start}
.sc-weave .node.on .nt{fill:var(--signal-ink)}
.sc-weave .node .nk{font-family:var(--mono);font-size:9px;fill:var(--faint);text-anchor:start;letter-spacing:.1em}
.sc-weave .chip rect{fill:var(--paper-2);stroke:var(--rule);stroke-width:1.5;transition:fill .3s ease,stroke .3s ease}
.sc-weave .chip.on rect{fill:var(--rc, var(--signal));stroke:var(--rc, var(--signal))}
.sc-weave .chip text{font-family:var(--mono);font-size:10.5px;letter-spacing:.09em;text-anchor:middle;fill:var(--muted);transition:fill .3s ease}
.sc-weave .chip.on text{fill:#F7F7F4}
.sc-weave .plug{fill:var(--rule);transition:fill .3s ease}
.sc-weave .chip.on .plug{fill:var(--rc, var(--signal))}
.sc-weave .order{font-family:var(--mono);font-size:9px;fill:var(--rc, var(--signal));text-anchor:middle;opacity:0;transition:opacity .3s ease}
.sc-weave .g-on .order{opacity:1}
.weave-cap{display:flex;flex-wrap:wrap;gap:.5rem .9rem;align-items:baseline;padding:.7rem .95rem;border-top:1px solid var(--rule);font-family:var(--mono);font-size:.68rem;letter-spacing:.05em;color:var(--muted)}
.weave-cap b{font-weight:500;color:var(--signal-ink);text-transform:uppercase;letter-spacing:.09em}
.xwho div[data-persona]{cursor:pointer}
.xwho div[data-persona].is-active{border-color:var(--signal);box-shadow:0 8px 24px -18px var(--signal)}

@media (prefers-reduced-motion:reduce){
  .sc-pour .lvl{transform:scaleY(.6)!important}
  .sc-pour .knm{opacity:1!important}
  .sc-weave .rdot{opacity:0!important}
}


/* ---------- E2. THE LANE (how it works) ---------- */
.sc-lane .arch{stroke-width:2.5;opacity:.35;transition:none}
.sc-lane .glow{opacity:0}
.sc-lane .bulb{opacity:.25}
.sc-lane .gn{opacity:.45}
.sc-lane.live .arch{animation:lane-arch 10s linear infinite}
.sc-lane.live .glow{animation:lane-glow 10s ease-out infinite}
.sc-lane.live .bulb{animation:lane-bulb 10s ease-out infinite}
.sc-lane.live .gn{animation:lane-name 10s linear infinite}
.sc-lane.live .g2 .arch,.sc-lane.live .g2 .glow,.sc-lane.live .g2 .bulb,.sc-lane.live .g2 .gn{animation-delay:2s}
.sc-lane.live .g3 .arch,.sc-lane.live .g3 .glow,.sc-lane.live .g3 .bulb,.sc-lane.live .g3 .gn{animation-delay:4s}
.sc-lane.live .g4 .arch,.sc-lane.live .g4 .glow,.sc-lane.live .g4 .bulb,.sc-lane.live .g4 .gn{animation-delay:6s}
@keyframes lane-arch{0%,6%{opacity:.35}9%,18%{opacity:1}22%,100%{opacity:.35}}
@keyframes lane-glow{0%,6%{opacity:0}10%{opacity:.13}20%,100%{opacity:0}}
@keyframes lane-bulb{0%,6%{opacity:.25}9%,18%{opacity:1}22%,100%{opacity:.25}}
@keyframes lane-name{0%,6%{opacity:.45}9%,20%{opacity:1}26%,100%{opacity:.45}}
.sc-lane .doc{transform:translate(-140px,132px)}
.sc-lane.live .doc{animation:lane-doc 10s cubic-bezier(.5,0,.2,1) infinite}
@keyframes lane-doc{
  0%{transform:translate(-140px,132px)}
  8%,18%{transform:translate(190px,132px)}
  28%,38%{transform:translate(470px,132px)}
  48%,58%{transform:translate(750px,132px)}
  68%,84%{transform:translate(1030px,132px)}
  95%,100%{transform:translate(1340px,132px)}
}
.sc-lane .hl,.sc-lane .grade,.sc-lane .tick{opacity:0}
.sc-lane.live .hl{animation:lane-on 10s linear infinite;animation-delay:2.6s}
.sc-lane.live .grade{animation:lane-pop 10s cubic-bezier(.3,1.5,.4,1) infinite;animation-delay:4.9s}
.sc-lane.live .tick{animation:lane-pop 10s cubic-bezier(.3,1.5,.4,1) infinite;animation-delay:7.1s}
@keyframes lane-on{0%{opacity:0}4%,92%{opacity:1}96%,100%{opacity:0}}
.sc-lane .grade,.sc-lane .tick{transform-box:fill-box;transform-origin:center}
@keyframes lane-pop{0%{opacity:0;transform:scale(.4)}3%{opacity:1;transform:scale(1.25)}6%,90%{opacity:1;transform:scale(1)}95%,100%{opacity:0;transform:scale(1)}}
.sc-lane .scanbar{opacity:0}
.sc-lane.live .scanbar{animation:lane-scan 10s ease-in-out infinite;animation-delay:2.6s}
@keyframes lane-scan{0%{opacity:0;transform:translateY(0)}4%{opacity:1}10%{transform:translateY(96px)}14%{transform:translateY(0)}18%{opacity:0}100%{opacity:0}}

/* ---------- H. THE SCALE (pricing) ---------- */
.sc-scale .beam{transform-box:fill-box;transform-origin:600px 80px;transform-origin:center}
.sc-scale.live .beam{animation:sc-tip 9s cubic-bezier(.4,0,.3,1) infinite}
@keyframes sc-tip{0%,8%{transform:rotate(-7deg)}24%{transform:rotate(-4.5deg)}44%{transform:rotate(-2deg)}64%{transform:rotate(.5deg)}80%,92%{transform:rotate(0deg)}100%{transform:rotate(-7deg)}}
.sc-scale .pl{transform:translate(380px,-26px)}
.sc-scale .pr{transform:translate(820px,26px)}
.sc-scale.live .pl{animation:sc-pl 9s cubic-bezier(.4,0,.3,1) infinite}
.sc-scale.live .pr{animation:sc-pr 9s cubic-bezier(.4,0,.3,1) infinite}
@keyframes sc-pl{0%,8%{transform:translate(380px,-26px)}44%{transform:translate(380px,-10px)}80%,92%{transform:translate(380px,0)}100%{transform:translate(380px,-26px)}}
@keyframes sc-pr{0%,8%{transform:translate(820px,26px)}44%{transform:translate(820px,10px)}80%,92%{transform:translate(820px,0)}100%{transform:translate(820px,26px)}}
.sc-scale .chip{opacity:0;transform-box:fill-box;transform-origin:center}
.sc-scale.live .chip{animation:sc-chip 9s cubic-bezier(.3,1.4,.4,1) infinite}
.sc-scale.live .c2{animation-delay:.8s}
.sc-scale.live .c3{animation-delay:1.6s}
.sc-scale.live .c4{animation-delay:2.4s}
@keyframes sc-chip{0%,10%{opacity:0;transform:translateY(-26px)}16%{opacity:1;transform:translateY(3px)}20%,92%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(-26px)}}
.sc-scale .cn{opacity:0}
.sc-scale.live .cn{animation:sc-coin 9s ease-out infinite}
.sc-scale.live .n2{animation-delay:.25s}
.sc-scale.live .n3{animation-delay:.5s}
@keyframes sc-coin{0%{opacity:0;transform:translateY(-40px)}5%{opacity:1;transform:translateY(0)}92%{opacity:1}97%,100%{opacity:0}}
.sc-scale .cn{transform-box:fill-box;transform-origin:center}

@media (prefers-reduced-motion:reduce){
  .sc-lane .doc{transform:translate(1030px,132px)!important}
  .sc-lane .hl,.sc-lane .grade,.sc-lane .tick,.sc-lane .gn{opacity:1!important}
  .sc-scale .chip,.sc-scale .cn{opacity:1!important}
}

/* ---------- I. THE TWO ANSWERS (objection fold) ---------- */
.sc-verdict .knm{font-weight:700;letter-spacing:.06em}
.sc-verdict .qd{opacity:0}
.sc-verdict.live .qd{animation:vq 7s cubic-bezier(.4,0,.2,1) infinite}
@keyframes vq{0%{opacity:0;offset-distance:0%}6%{opacity:1}34%{opacity:1;offset-distance:100%}40%,100%{opacity:0;offset-distance:100%}}
.sc-verdict .guess{transform-box:fill-box;transform-origin:center}
.sc-verdict.live .guess{animation:vguess 7s ease-in-out infinite}
@keyframes vguess{0%,32%{opacity:.35;transform:scale(.94)}42%{opacity:1;transform:scale(1.04)}58%,100%{opacity:.35;transform:scale(.94)}}
.sc-verdict .card,.sc-verdict .stamp,.sc-verdict .cik{opacity:0;transform-box:fill-box;transform-origin:center}
.sc-verdict.live .card{animation:vcard 7s cubic-bezier(.3,1.3,.4,1) infinite;animation-delay:2.1s}
.sc-verdict.live .cik{animation:vcard 7s cubic-bezier(.3,1.3,.4,1) infinite;animation-delay:1.7s}
@keyframes vcard{0%{opacity:0;transform:translateX(-18px)}8%{opacity:1;transform:translateX(0)}88%{opacity:1}96%,100%{opacity:0}}
.sc-verdict.live .stamp{animation:vstamp 7s cubic-bezier(.3,1.6,.4,1) infinite;animation-delay:3.1s}
@keyframes vstamp{0%{opacity:0;transform:scale(1.5) rotate(-6deg)}6%{opacity:1;transform:scale(1) rotate(-3deg)}84%{opacity:1;transform:scale(1) rotate(-3deg)}92%,100%{opacity:0}}
.sc-verdict.live .stamp.good{animation-delay:3.6s}

/* ---------- J. THE PERIMETER (limits fold) ---------- */
.sc-perim .sweepwrap{transform-box:fill-box;transform-origin:600px 170px}
.sc-perim .sweep{transform-box:view-box;transform-origin:600px 170px;opacity:.9}
.sc-perim.live .sweep{animation:pm-sweep 6s linear infinite}
@keyframes pm-sweep{0%{transform:rotate(-62deg)}100%{transform:rotate(62deg)}}
.sc-perim .ic{opacity:.25;transform-box:fill-box;transform-origin:center}
.sc-perim.live .ic{animation:pm-on 6s linear infinite}
.sc-perim.live .i1{animation-delay:.9s}
.sc-perim.live .i2{animation-delay:1.8s}
.sc-perim.live .i3{animation-delay:2.7s}
@keyframes pm-on{0%{opacity:.25;transform:translateY(0)}6%{opacity:1;transform:translateY(-4px)}26%{opacity:1;transform:translateY(0)}55%,100%{opacity:.28}}
.sc-perim .oc{opacity:.5}
.sc-perim.live .oc{animation:pm-dim 6s ease-in-out infinite}
.sc-perim.live .o1{animation-delay:.5s}
.sc-perim.live .o2{animation-delay:1s}
.sc-perim.live .o3{animation-delay:1.5s}
.sc-perim.live .o4{animation-delay:2s}
@keyframes pm-dim{0%,100%{opacity:.5}50%{opacity:.24}}
.sc-perim .fence{stroke-dashoffset:0}
.sc-perim.live .fence{animation:pm-fence 3s linear infinite}
@keyframes pm-fence{to{stroke-dashoffset:-24}}

/* ---------- K. THE DISPATCH (subscribe fold) ---------- */
.sc-dispatch .gchip{opacity:0;transform-box:fill-box;transform-origin:center}
.sc-dispatch.live .gchip{animation:dp-drop 8s cubic-bezier(.4,0,.2,1) infinite}
.sc-dispatch.live .g1{animation-delay:.14s}.sc-dispatch.live .g2{animation-delay:.28s}
.sc-dispatch.live .g3{animation-delay:.42s}.sc-dispatch.live .g4{animation-delay:.56s}
.sc-dispatch.live .g5{animation-delay:.7s}.sc-dispatch.live .g6{animation-delay:.84s}
.sc-dispatch.live .g7{animation-delay:.98s}.sc-dispatch.live .g8{animation-delay:1.12s}
.sc-dispatch.live .g9{animation-delay:1.26s}
@keyframes dp-drop{
  0%{opacity:0;transform:translateY(-26px) scale(.9)}
  6%{opacity:1;transform:translateY(0) scale(1)}
  38%{opacity:1;transform:translateY(0) scale(1)}
  52%{opacity:.85;transform:translate(calc((600px - var(--sx,600px)) * 0), 84px) scale(.6)}
  60%,100%{opacity:0;transform:translateY(88px) scale(.5)}
}
.sc-dispatch .flap{stroke-dasharray:420;stroke-dashoffset:420}
.sc-dispatch.live .flap{animation:dp-seal 8s ease-in-out infinite}
@keyframes dp-seal{0%,55%{stroke-dashoffset:420}70%,100%{stroke-dashoffset:0}}
.sc-dispatch .mstamp{opacity:0;transform-box:fill-box;transform-origin:center}
.sc-dispatch.live .mstamp{animation:dp-stamp 8s cubic-bezier(.3,1.6,.4,1) infinite}
@keyframes dp-stamp{0%,70%{opacity:0;transform:scale(1.4) rotate(-8deg)}76%{opacity:1;transform:scale(1) rotate(-3deg)}96%{opacity:1}100%{opacity:0}}

@media (prefers-reduced-motion:reduce){
  .sc-verdict .card,.sc-verdict .stamp,.sc-verdict .cik{opacity:1!important}
  .sc-perim .ic{opacity:1!important}
  .sc-dispatch .gchip,.sc-dispatch .mstamp{opacity:1!important}
  .sc-dispatch .flap{stroke-dashoffset:0!important}
}

/* ---------- K. THE CONSOLE (eight tool bays) ---------- */
.sc-console .lab{font-size:12px;text-anchor:start;letter-spacing:.06em}
.sc-console .bn{font-size:11px;font-weight:600}
.sc-console .bt{font-size:13px;font-weight:600;letter-spacing:.01em}
.sc-console .bk{fill:var(--faint);font-size:11px}
.sc-console .bv{font-size:12.5px;font-weight:600}
.sc-console .bf{font-size:10px;text-anchor:middle;letter-spacing:.1em}
.sc-console .sl{font-size:11px;text-anchor:middle;letter-spacing:.1em}
.sc-console .busfeed{stroke-width:2.4;opacity:0}
.sc-console.live .busfeed{opacity:.9;animation:cs-bus 1.1s linear infinite}
@keyframes cs-bus{to{stroke-dashoffset:-26}}
.sc-console .glow{opacity:0;filter:blur(9px)}
.sc-console .dot,.sc-console .chip,.sc-console .bv{opacity:0}
.sc-console .pip{opacity:.2}
.sc-console .fil{transform-origin:left center;transform:scaleX(0)}
.sc-console .bay{--d:0s}
.sc-console .b2{--d:1.9s}.sc-console .b3{--d:3.8s}.sc-console .b4{--d:5.7s}
.sc-console .b5{--d:7.6s}.sc-console .b6{--d:9.5s}.sc-console .b7{--d:11.4s}.sc-console .b8{--d:13.3s}
.sc-console.live .dot{animation:cs-dot 15.2s linear infinite var(--d)}
.sc-console.live .glow{animation:cs-glow 15.2s ease-out infinite var(--d)}
.sc-console.live .fil{animation:cs-fill 15.2s cubic-bezier(.2,.8,.2,1) infinite var(--d)}
.sc-console.live .f2{animation-name:cs-fill2}
.sc-console.live .chip{animation:cs-chip 15.2s ease-out infinite var(--d)}
.sc-console.live .bv{animation:cs-chip 15.2s ease-out infinite var(--d)}
.sc-console.live .pip{animation:cs-pip 15.2s ease-out infinite var(--d)}
.sc-console.live .shell{animation:cs-shell 15.2s ease-out infinite var(--d)}
@keyframes cs-dot{0%{offset-distance:0%;opacity:0}2%{opacity:1}7%{offset-distance:100%;opacity:1}8.5%{opacity:0}100%{offset-distance:100%;opacity:0}}
@keyframes cs-glow{0%,6%{opacity:0}9%{opacity:.34}22%{opacity:.12}97%{opacity:.12}100%{opacity:0}}
@keyframes cs-fill{0%,7%{transform:scaleX(0)}18%{transform:scaleX(1)}97%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes cs-fill2{0%,9%{transform:scaleX(0)}21%{transform:scaleX(1)}97%{transform:scaleX(1)}100%{transform:scaleX(0)}}
@keyframes cs-chip{0%,15%{opacity:0;transform:translateY(4px)}19%{opacity:1;transform:translateY(0)}97%{opacity:1;transform:translateY(0)}100%{opacity:0}}
@keyframes cs-pip{0%,6%{opacity:.2}9%{opacity:1}22%{opacity:.85}97%{opacity:.85}100%{opacity:.2}}
@keyframes cs-shell{0%,6%{stroke-width:1.5}10%{stroke-width:2.6}24%{stroke-width:1.8}97%{stroke-width:1.8}100%{stroke-width:1.5}}
@media (max-width:47.99rem){.sc-console .bk{display:none}}