[data-motion^="biz-"] {
  --biz-motion-ink: #102024;
  --biz-motion-blue: #214f62;
  --biz-motion-teal: #36c7b1;
  --biz-motion-amber: #e7a64b;
  --biz-motion-paper: #edf2ee;
  --biz-motion-steel: #82979a;
  --biz-motion-far: 72px;
  --biz-motion-far-neg: -72px;
  --biz-motion-mid: 48px;
  --biz-motion-mid-neg: -48px;
  isolation: isolate;
}

.biz-decor {
  position: absolute;
  z-index: 1;
  width: min(280px, calc(100% - 24px));
  height: 150px;
  overflow: clip;
  contain: layout paint;
  pointer-events: none;
  isolation: isolate;
  box-sizing: border-box;
  color: var(--biz-motion-paper);
  background: rgba(12,27,31,.88);
  border: 1px solid rgba(54,199,177,.28);
  box-shadow: 0 16px 40px rgba(5,15,18,.22);
}

.biz-decor,
.biz-decor * {
  box-sizing: border-box;
  pointer-events: none;
}

.biz-register-tabs { right: 4vw; top: 126px; width: 252px; height: 132px; }
.biz-fleet-slots { left: 4vw; bottom: 6px; width: 264px; height: 138px; }
.biz-feeler-bank { right: 4vw; bottom: 6px; width: 246px; height: 136px; }
.biz-contact-crossbar { right: 4vw; bottom: 6px; width: 256px; height: 140px; }
.biz-batch-cadence { left: 4vw; bottom: 6px; width: 268px; height: 138px; }
.biz-endpoint-clamps { right: 4vw; bottom: 6px; width: 270px; height: 138px; }
.biz-request-queue { right: 4vw; bottom: 6px; width: 252px; height: 142px; }
.biz-factor-weave { left: 4vw; bottom: 6px; width: 244px; height: 140px; }
.biz-receiver-nest { right: 4vw; bottom: 6px; width: 258px; height: 140px; }
.biz-typecase { right: 4vw; bottom: 6px; width: 260px; height: 138px; }

.biz-hero-copy,
.biz-anchor-strip,
.biz-cases-head,
.biz-case-modules,
.biz-condition-copy,
.biz-roles-copy,
.biz-role-matrix,
.biz-batch-heading,
.biz-batch-lines,
.biz-batch-result,
.biz-points-head,
.biz-point-panel,
.biz-data-copy,
.biz-estimate-copy,
.biz-receive-head,
.biz-receive-phases,
.biz-receive-check,
.biz-faq-head,
.biz-faq-grid,
.biz-final-call {
  position: relative;
  z-index: 2;
}

.js [data-motion="biz-register-tabs"] .biz-decor .decor-child,
.js [data-motion="biz-fleet-slots"] .biz-decor .decor-child,
.js [data-motion="biz-feeler-bank"] .biz-decor .decor-child,
.js [data-motion="biz-contact-crossbar"] .biz-decor .decor-child,
.js [data-motion="biz-batch-cadence"] .biz-decor .decor-child,
.js [data-motion="biz-endpoint-clamps"] .biz-decor .decor-child,
.js [data-motion="biz-request-queue"] .biz-decor .decor-child,
.js [data-motion="biz-factor-weave"] .biz-decor .decor-child,
.js [data-motion="biz-receiver-nest"] .biz-decor .decor-child,
.js [data-motion="biz-typecase"] .biz-decor .decor-child {
  animation-play-state: paused;
}

.js [data-motion^="biz-"] .biz-decor * {
  animation-play-state: paused;
}

.js [data-motion="biz-register-tabs"].is-motion-active .biz-decor .decor-child,
.js [data-motion="biz-fleet-slots"].is-motion-active .biz-decor .decor-child,
.js [data-motion="biz-feeler-bank"].is-motion-active .biz-decor .decor-child,
.js [data-motion="biz-contact-crossbar"].is-motion-active .biz-decor .decor-child,
.js [data-motion="biz-batch-cadence"].is-motion-active .biz-decor .decor-child,
.js [data-motion="biz-endpoint-clamps"].is-motion-active .biz-decor .decor-child,
.js [data-motion="biz-request-queue"].is-motion-active .biz-decor .decor-child,
.js [data-motion="biz-factor-weave"].is-motion-active .biz-decor .decor-child,
.js [data-motion="biz-receiver-nest"].is-motion-active .biz-decor .decor-child,
.js [data-motion="biz-typecase"].is-motion-active .biz-decor .decor-child {
  animation-play-state: running;
}

.js [data-motion^="biz-"].is-motion-active .biz-decor * {
  animation-play-state: running;
}

/* Scene 1: four rigid register tabs seat on separate axes. */
.biz-register-tabs {
  perspective: 680px;
  background:
    linear-gradient(90deg, rgba(54,199,177,.08) 1px, transparent 1px) 0 0 / 18px 100%,
    rgba(12,27,31,.92);
}
.biz-register-tabs .biz-reg-spine {
  position: absolute;
  left: 48%;
  top: 8%;
  width: 4%;
  height: 72%;
  background: linear-gradient(var(--biz-motion-paper), var(--biz-motion-steel));
  border: 1px solid #fff;
  clip-path: inset(0);
  animation: biz-reg-spine-unmask .72s steps(7,end) .08s forwards paused;
}
.biz-register-tabs .biz-reg-tab {
  position: absolute;
  z-index: 4;
  width: 34%;
  height: 16%;
  background: linear-gradient(90deg, #285b68, #183b48);
  border: 2px solid #8bb1b7;
  backface-visibility: hidden;
  transform-origin: center;
}
.biz-register-tabs .tab-a {
  left: 16%;
  top: 13%;
  animation: biz-reg-tab-a-seat .78s cubic-bezier(.2,.7,.26,1.08) .18s forwards paused;
}
.biz-register-tabs .tab-b {
  right: 16%;
  top: 30%;
  animation: biz-reg-tab-b-seat .88s cubic-bezier(.2,.7,.26,1.08) .28s forwards paused;
}
.biz-register-tabs .tab-c {
  left: 16%;
  top: 47%;
  animation: biz-reg-tab-c-seat .98s cubic-bezier(.2,.7,.26,1.08) .38s forwards paused;
}
.biz-register-tabs .tab-d {
  right: 16%;
  top: 64%;
  animation: biz-reg-tab-d-seat 1.08s cubic-bezier(.2,.7,.26,1.08) .48s forwards paused;
}
.biz-register-tabs .biz-reg-notch {
  position: absolute;
  z-index: 6;
  width: 7%;
  aspect-ratio: 1;
  background: var(--biz-motion-amber);
  border: 2px solid #ffdcaa;
  clip-path: polygon(50% 0,100% 28%,84% 100%,16% 100%,0 28%);
  animation: biz-reg-notch-lock .5s cubic-bezier(.2,.7,.28,1.14) forwards paused;
}
.biz-register-tabs .notch-a { left: 10%; top: 15%; --biz-notch-x: .22; --biz-notch-y: 1.48; animation-delay: .72s; transform-origin: center left; }
.biz-register-tabs .notch-b { right: 10%; top: 32%; --biz-notch-x: 1.42; --biz-notch-y: .2; animation-delay: .82s; transform-origin: center top; }
.biz-register-tabs .notch-c { left: 10%; top: 49%; --biz-notch-x: .34; --biz-notch-y: 1.36; animation-delay: .92s; transform-origin: center bottom; }
.biz-register-tabs .notch-d { right: 10%; top: 66%; --biz-notch-x: 1.5; --biz-notch-y: .28; animation-delay: 1.02s; transform-origin: center right; }
.biz-register-tabs .biz-reg-brace {
  position: absolute;
  left: 17%;
  right: 17%;
  bottom: 7%;
  height: 7%;
  background: var(--biz-motion-teal);
  border: 1px solid #c7fff7;
  animation: biz-reg-brace-rise .58s cubic-bezier(.2,.68,.28,1.12) 1.16s forwards paused;
}

@keyframes biz-reg-spine-unmask {
  0% { clip-path: inset(100% 0 0); opacity: .18; filter: brightness(.58); }
  100% { clip-path: inset(0); opacity: 1; filter: none; }
}
@keyframes biz-reg-tab-a-seat {
  0% { rotate: y -78deg; translate: -31px 0; opacity: .2; }
  78% { rotate: y 5deg; translate: 3px 0; opacity: 1; }
  100% { rotate: y 0deg; translate: none; opacity: 1; }
}
@keyframes biz-reg-tab-b-seat {
  0% { rotate: y 64deg; translate: 34px 0; filter: brightness(.52); }
  76% { rotate: y -4deg; translate: -3px 0; filter: brightness(1.17); }
  100% { rotate: y 0deg; translate: none; filter: none; }
}
@keyframes biz-reg-tab-c-seat {
  0% { rotate: y -42deg; translate: -24px 0; scale: .92 1.08; opacity: .24; }
  80% { rotate: y 3deg; translate: 2px 0; scale: 1.03 .98; opacity: 1; }
  100% { rotate: y 0deg; translate: none; scale: 1; opacity: 1; }
}
@keyframes biz-reg-tab-d-seat {
  0% { rotate: y 88deg; translate: 39px 0; filter: saturate(.25); opacity: .16; }
  82% { rotate: y -6deg; translate: -4px 0; filter: saturate(1.24); opacity: 1; }
  100% { rotate: y 0deg; translate: none; filter: none; opacity: 1; }
}
@keyframes biz-reg-notch-lock {
  0% { scale: var(--biz-notch-x) var(--biz-notch-y); rotate: -17deg; opacity: .18; }
  68% { scale: 1.12 .82; rotate: 4deg; opacity: 1; }
  100% { scale: 1; rotate: 0deg; opacity: 1; }
}
@keyframes biz-reg-brace-rise {
  0% { translate: 0 7px; scale: .78 1; opacity: .24; }
  76% { translate: 0 -8px; scale: 1.04 1; opacity: 1; }
  100% { translate: 0 -7px; scale: 1; opacity: 1; }
}

/* Scene 2: four static cars receive asymmetric slot frames. */
.biz-fleet-slots {
  background:
    radial-gradient(circle at 50% 50%, rgba(54,199,177,.1), transparent 58%),
    rgba(12,27,31,.92);
}
.biz-fleet-slots .biz-fleet-car {
  position: absolute;
  z-index: 3;
  width: 25%;
  height: 18%;
  background: #93a7aa;
  border: 2px solid var(--biz-motion-paper);
  clip-path: polygon(0 58%,12% 48%,24% 10%,70% 10%,84% 43%,100% 52%,93% 83%,76% 84%,69% 67%,29% 67%,22% 86%,6% 82%);
}
.biz-fleet-slots .car-a { left: 17%; top: 19%; }
.biz-fleet-slots .car-b { right: 17%; top: 19%; }
.biz-fleet-slots .car-c { left: 17%; bottom: 20%; }
.biz-fleet-slots .car-d { right: 17%; bottom: 20%; }
.biz-fleet-slots .biz-fleet-slot {
  position: absolute;
  z-index: 5;
  width: 33%;
  height: 30%;
  border: 3px solid var(--biz-motion-teal);
}
.biz-fleet-slots .slot-a { left: 13%; top: 12%; animation: biz-fleet-slot-nw-cut .7s steps(7,end) .12s forwards paused; }
.biz-fleet-slots .slot-b { right: 13%; top: 12%; animation: biz-fleet-slot-ne-cut .78s steps(8,end) .22s forwards paused; }
.biz-fleet-slots .slot-c { left: 13%; bottom: 13%; animation: biz-fleet-slot-sw-cut .86s steps(9,end) .32s forwards paused; }
.biz-fleet-slots .slot-d { right: 13%; bottom: 13%; animation: biz-fleet-slot-se-cut .94s steps(10,end) .42s forwards paused; }
.biz-fleet-slots .biz-fleet-brace {
  position: absolute;
  z-index: 6;
  border: 3px solid var(--biz-motion-amber);
}
.biz-fleet-slots .brace-wide {
  left: 9%;
  right: 9%;
  top: 5%;
  height: 10%;
  border-bottom: 0;
  animation: biz-fleet-brace-wide .58s cubic-bezier(.2,.7,.28,1.06) .74s forwards paused;
}
.biz-fleet-slots .brace-tall {
  right: 5%;
  top: 15%;
  bottom: 10%;
  width: 8%;
  border-left: 0;
  animation: biz-fleet-brace-tall .64s cubic-bezier(.2,.7,.28,1.06) .86s forwards paused;
}
.biz-fleet-slots .biz-fleet-corner {
  position: absolute;
  z-index: 7;
  width: 6%;
  aspect-ratio: 1;
  background: var(--biz-motion-amber);
  border-radius: 2px 7px 2px 7px;
  animation: biz-fleet-corner-confirm .48s cubic-bezier(.2,.68,.28,1.16) forwards paused;
}
.biz-fleet-slots .corner-a { left: 10%; top: 9%; animation-delay: .94s; }
.biz-fleet-slots .corner-b { right: 10%; top: 9%; animation-delay: 1.04s; }
.biz-fleet-slots .corner-c { left: 10%; bottom: 10%; animation-delay: 1.14s; }
.biz-fleet-slots .corner-d { right: 10%; bottom: 10%; animation-delay: 1.24s; }

@keyframes biz-fleet-slot-nw-cut {
  0% { clip-path: polygon(0 0,8% 0,8% 8%,0 8%); opacity: .16; }
  100% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; }
}
@keyframes biz-fleet-slot-ne-cut {
  0% { clip-path: polygon(92% 0,100% 0,100% 8%,92% 8%); opacity: .14; filter: brightness(.56); }
  100% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; filter: none; }
}
@keyframes biz-fleet-slot-sw-cut {
  0% { clip-path: polygon(0 92%,8% 92%,8% 100%,0 100%); opacity: .12; scale: .94; }
  100% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; scale: 1; }
}
@keyframes biz-fleet-slot-se-cut {
  0% { clip-path: polygon(92% 92%,100% 92%,100% 100%,92% 100%); opacity: .1; filter: saturate(.3); }
  100% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; filter: none; }
}
@keyframes biz-fleet-brace-wide {
  0% { scale: .04 1; opacity: .2; transform-origin: center; }
  100% { scale: 1; opacity: 1; transform-origin: center; }
}
@keyframes biz-fleet-brace-tall {
  0% { scale: 1 .06; clip-path: inset(50% 0); opacity: .18; }
  100% { scale: 1; clip-path: inset(0); opacity: 1; }
}
@keyframes biz-fleet-corner-confirm {
  0% { scale: 1.5 .16; border-radius: 50%; opacity: .2; }
  64% { scale: .82 1.18; border-radius: 22%; opacity: 1; }
  100% { scale: 1; border-radius: 2px 7px 2px 7px; opacity: 1; }
}

/* Scene 3: four feelers flex and settle on separate contacts. */
.biz-feeler-bank {
  background:
    linear-gradient(0deg, rgba(54,199,177,.1), transparent 46%),
    rgba(12,27,31,.93);
}
.biz-feeler-bank .biz-feeler-beam {
  position: absolute;
  z-index: 6;
  left: 10%;
  right: 10%;
  top: 9%;
  height: 11%;
  background: linear-gradient(#aebdbf,#485d61);
  border: 2px solid #edf2ee;
}
.biz-feeler-bank .biz-feeler-blade {
  position: absolute;
  z-index: 4;
  top: 17%;
  width: 7%;
  background: linear-gradient(90deg, #4d6669, #b7c5c5);
  border: 1px solid #edf2ee;
  transform-origin: center top;
}
.biz-feeler-bank .blade-a {
  left: 20%;
  height: 48%;
  transform: skewX(-7deg);
  rotate: 4deg;
  animation: biz-feeler-blade-a-flex .88s cubic-bezier(.2,.64,.28,1.18) .12s forwards paused;
}
.biz-feeler-bank .blade-b {
  left: 39%;
  height: 57%;
  transform: skewX(9deg);
  rotate: -5deg;
  animation: biz-feeler-blade-b-flex .98s cubic-bezier(.2,.64,.28,1.18) .22s forwards paused;
}
.biz-feeler-bank .blade-c {
  right: 36%;
  height: 65%;
  transform: skewX(-11deg);
  rotate: 6deg;
  animation: biz-feeler-blade-c-flex 1.08s cubic-bezier(.2,.64,.28,1.18) .32s forwards paused;
}
.biz-feeler-bank .blade-d {
  right: 17%;
  height: 53%;
  transform: skewX(6deg);
  rotate: -3deg;
  animation: biz-feeler-blade-d-flex 1.18s cubic-bezier(.2,.64,.28,1.18) .42s forwards paused;
}
.biz-feeler-bank .biz-feeler-foot {
  position: absolute;
  z-index: 5;
  width: 15%;
  height: 8%;
  background: var(--biz-motion-amber);
  border: 2px solid #ffe0af;
  animation: biz-feeler-foot-set .6s cubic-bezier(.2,.68,.28,1.16) forwards paused;
}
.biz-feeler-bank .foot-a { left: 16%; top: 64%; --biz-foot-drop: 4px; animation-delay: .64s; }
.biz-feeler-bank .foot-b { left: 35%; top: 73%; --biz-foot-drop: 9px; animation-delay: .74s; }
.biz-feeler-bank .foot-c { right: 32%; top: 81%; --biz-foot-drop: 13px; animation-delay: .84s; }
.biz-feeler-bank .foot-d { right: 13%; top: 69%; --biz-foot-drop: 7px; animation-delay: .94s; }
.biz-feeler-bank .biz-feeler-state {
  position: absolute;
  z-index: 7;
  bottom: 5%;
  width: 7%;
  aspect-ratio: 1;
  background: var(--biz-motion-teal);
  border: 2px solid #c8fff7;
  border-radius: 5px;
  animation: biz-feeler-state-resolve .5s cubic-bezier(.2,.66,.28,1.18) forwards paused;
}
.biz-feeler-bank .state-a { left: 20%; animation-delay: .92s; }
.biz-feeler-bank .state-b { left: 39%; animation-delay: 1.02s; }
.biz-feeler-bank .state-c { right: 36%; animation-delay: 1.12s; }
.biz-feeler-bank .state-d { right: 17%; animation-delay: 1.22s; }

@keyframes biz-feeler-blade-a-flex {
  0% { transform: skewX(0deg); rotate: 0deg; scale: 1 .72; filter: brightness(.6); }
  54% { transform: skewX(-13deg); rotate: 8deg; scale: 1 1.08; filter: brightness(1.18); }
  78% { transform: skewX(-4deg); rotate: 2deg; scale: 1 .97; }
  100% { transform: skewX(-7deg); rotate: 4deg; scale: 1; filter: none; }
}
@keyframes biz-feeler-blade-b-flex {
  0% { transform: skewX(0deg); rotate: 0deg; scale: .92 .68; opacity: .32; }
  51% { transform: skewX(15deg); rotate: -9deg; scale: 1.04 1.11; opacity: 1; }
  76% { transform: skewX(6deg); rotate: -3deg; scale: .98 .96; }
  100% { transform: skewX(9deg); rotate: -5deg; scale: 1; opacity: 1; }
}
@keyframes biz-feeler-blade-c-flex {
  0% { transform: skewX(0deg); rotate: 0deg; scale: 1 .63; filter: saturate(.28); }
  48% { transform: skewX(-18deg); rotate: 11deg; scale: .96 1.14; filter: saturate(1.25); }
  73% { transform: skewX(-8deg); rotate: 4deg; scale: 1.02 .95; }
  100% { transform: skewX(-11deg); rotate: 6deg; scale: 1; filter: none; }
}
@keyframes biz-feeler-blade-d-flex {
  0% { transform: skewX(0deg); rotate: 0deg; scale: .95 .7; opacity: .26; }
  57% { transform: skewX(11deg); rotate: -7deg; scale: 1.05 1.09; opacity: 1; }
  81% { transform: skewX(4deg); rotate: -2deg; scale: .99 .97; }
  100% { transform: skewX(6deg); rotate: -3deg; scale: 1; opacity: 1; }
}
@keyframes biz-feeler-foot-set {
  0% { translate: 0 calc(-1 * var(--biz-foot-drop)); scale: .72 1.22; opacity: .2; }
  72% { translate: 0 2px; scale: 1.06 .94; opacity: 1; }
  100% { translate: none; scale: 1; opacity: 1; }
}
@keyframes biz-feeler-state-resolve {
  0% { border-radius: 50%; scale: .18 1.34; opacity: .16; }
  68% { border-radius: 22%; scale: 1.16 .84; opacity: 1; }
  100% { border-radius: 5px; scale: 1; opacity: 1; }
}

/* Scene 4: opposing buses seat before six crosspoints press. */
.biz-contact-crossbar {
  background:
    linear-gradient(135deg, rgba(54,199,177,.1), transparent 54%),
    rgba(12,27,31,.94);
}
.biz-contact-crossbar .biz-cross-col,
.biz-contact-crossbar .biz-cross-row {
  position: absolute;
  z-index: 2;
  background: linear-gradient(90deg, #71898d, #d6e1df, #71898d);
  border: 1px solid #dce8e6;
}
.biz-contact-crossbar .biz-cross-col {
  top: 13%;
  width: 4%;
  height: 72%;
  --biz-cross-column-start: inset(100% 0 0);
  animation: biz-crossbar-columns-seat .74s steps(7,end) both paused;
}
.biz-contact-crossbar .col-a { left: 21%; animation-delay: .1s; }
.biz-contact-crossbar .col-b { left: 40%; --biz-cross-column-start: inset(0 0 100%); animation-delay: .17s; }
.biz-contact-crossbar .col-c { left: 59%; animation-delay: .24s; }
.biz-contact-crossbar .col-d { left: 78%; --biz-cross-column-start: inset(0 0 100%); animation-delay: .31s; }
.biz-contact-crossbar .biz-cross-row {
  left: 12%;
  width: 76%;
  height: 5%;
  --biz-cross-row-start: inset(0 100% 0 0);
  animation: biz-crossbar-rows-seat .76s steps(8,end) both paused;
}
.biz-contact-crossbar .row-a { top: 28%; animation-delay: .16s; }
.biz-contact-crossbar .row-b { top: 49%; --biz-cross-row-start: inset(0 0 0 100%); animation-delay: .25s; }
.biz-contact-crossbar .row-c { top: 70%; animation-delay: .34s; }
.biz-contact-crossbar .biz-cross-pin {
  position: absolute;
  z-index: 6;
  width: 9%;
  aspect-ratio: 1;
  background: var(--biz-motion-amber);
  border: 2px solid #ffe2b4;
  border-radius: 3px;
  transform-origin: center bottom;
}
.biz-contact-crossbar .pin-a { left: 18.5%; top: 23%; animation: biz-crosspoint-a-press .52s cubic-bezier(.2,.65,.26,1.18) .66s both paused; }
.biz-contact-crossbar .pin-b { left: 37.5%; top: 44%; animation: biz-crosspoint-b-press .58s cubic-bezier(.2,.65,.26,1.18) .75s both paused; }
.biz-contact-crossbar .pin-c { left: 56.5%; top: 65%; animation: biz-crosspoint-c-press .64s cubic-bezier(.2,.65,.26,1.18) .84s both paused; }
.biz-contact-crossbar .pin-d { left: 75.5%; top: 23%; animation: biz-crosspoint-d-press .7s cubic-bezier(.2,.65,.26,1.18) .93s both paused; }
.biz-contact-crossbar .pin-e { left: 18.5%; top: 65%; animation: biz-crosspoint-e-press .76s cubic-bezier(.2,.65,.26,1.18) 1.02s both paused; }
.biz-contact-crossbar .pin-f { left: 75.5%; top: 44%; animation: biz-crosspoint-f-press .82s cubic-bezier(.2,.65,.26,1.18) 1.11s both paused; }
.biz-contact-crossbar .biz-cross-frame {
  position: absolute;
  z-index: 5;
  top: 10%;
  bottom: 9%;
  width: 10%;
  border: 3px solid var(--biz-motion-teal);
  animation: biz-crossbar-frame-tension .62s cubic-bezier(.2,.68,.28,1.12) 1.14s both paused;
}
.biz-contact-crossbar .frame-a { left: 5%; border-right: 0; transform-origin: center left; }
.biz-contact-crossbar .frame-b { right: 5%; border-left: 0; transform-origin: center right; animation-delay: 1.23s; }

@keyframes biz-crossbar-columns-seat {
  0% { clip-path: var(--biz-cross-column-start); opacity: .12; filter: brightness(.52); }
  100% { clip-path: inset(0); opacity: 1; filter: none; }
}
@keyframes biz-crossbar-rows-seat {
  0% { clip-path: var(--biz-cross-row-start); opacity: .14; scale: 1 .72; }
  100% { clip-path: inset(0); opacity: 1; scale: 1; }
}
@keyframes biz-crosspoint-a-press {
  0% { translate: 0 -11px; scale: .76 1.32; opacity: .18; }
  64% { translate: 0 5px; scale: 1.13 .82; opacity: 1; }
  100% { translate: 0 3px; scale: 1.04 .94; opacity: 1; }
}
@keyframes biz-crosspoint-b-press {
  0% { translate: 0 -14px; scale: .68 1.4; rotate: 8deg; opacity: .2; }
  67% { translate: 0 8px; scale: 1.16 .78; rotate: -2deg; opacity: 1; }
  100% { translate: 0 5px; scale: .98 .91; rotate: 0deg; opacity: 1; }
}
@keyframes biz-crosspoint-c-press {
  0% { translate: 0 -9px; scale: .82 1.26; filter: saturate(.3); }
  70% { translate: 0 10px; scale: 1.09 .8; filter: saturate(1.25); }
  100% { translate: 0 8px; scale: 1.06 .88; filter: none; }
}
@keyframes biz-crosspoint-d-press {
  0% { translate: 0 -13px; scale: .72 1.36; rotate: -7deg; opacity: .16; }
  62% { translate: 0 7px; scale: 1.18 .76; rotate: 3deg; opacity: 1; }
  100% { translate: 0 4px; scale: 1 .93; rotate: 0deg; opacity: 1; }
}
@keyframes biz-crosspoint-e-press {
  0% { translate: 0 -16px; scale: .62 1.46; filter: brightness(.5); }
  73% { translate: 0 9px; scale: 1.14 .79; filter: brightness(1.22); }
  100% { translate: 0 7px; scale: 1.03 .89; filter: none; }
}
@keyframes biz-crosspoint-f-press {
  0% { translate: 0 -12px; scale: .79 1.3; rotate: 6deg; opacity: .22; }
  69% { translate: 0 8px; scale: 1.1 .83; rotate: -3deg; opacity: 1; }
  100% { translate: 0 6px; scale: .96 .92; rotate: 0deg; opacity: 1; }
}
@keyframes biz-crossbar-frame-tension {
  0% { scale: 1.34 .84; opacity: .2; filter: brightness(.62); }
  72% { scale: .94 1.04; opacity: 1; filter: brightness(1.15); }
  100% { scale: 1; opacity: 1; filter: none; }
}

/* Scene 5: five segmented bands pack against separate stops. */
.biz-batch-cadence {
  background:
    linear-gradient(90deg, transparent 89%, rgba(54,199,177,.12) 89%),
    rgba(12,27,31,.94);
}
.biz-batch-cadence .biz-cadence-band {
  position: absolute;
  z-index: 3;
  left: 10%;
  height: 9%;
  border: 1px solid #b9d2d2;
  background: repeating-linear-gradient(90deg, var(--biz-motion-teal) 0 12%, transparent 12% 16%);
}
.biz-batch-cadence .band-a { top: 12%; width: 69%; transform-origin: right center; animation: biz-cadence-band-a-pack .74s cubic-bezier(.2,.66,.25,1.12) .1s both paused; }
.biz-batch-cadence .band-b { top: 29%; width: 76%; transform-origin: left center; animation: biz-cadence-band-b-pack .82s cubic-bezier(.2,.66,.25,1.12) .2s both paused; }
.biz-batch-cadence .band-c { top: 46%; width: 58%; transform-origin: right center; animation: biz-cadence-band-c-pack .9s cubic-bezier(.2,.66,.25,1.12) .3s both paused; }
.biz-batch-cadence .band-d { top: 63%; width: 72%; transform-origin: left center; animation: biz-cadence-band-d-pack .98s cubic-bezier(.2,.66,.25,1.12) .4s both paused; }
.biz-batch-cadence .band-e { top: 80%; width: 63%; transform-origin: right center; animation: biz-cadence-band-e-pack 1.06s cubic-bezier(.2,.66,.25,1.12) .5s both paused; }
.biz-batch-cadence .biz-cadence-stop {
  position: absolute;
  z-index: 5;
  width: 4%;
  height: 13%;
  background: var(--biz-motion-amber);
  border: 1px solid #ffe0aa;
}
.biz-batch-cadence .stop-a { left: 77%; top: 10%; }
.biz-batch-cadence .stop-b { left: 84%; top: 27%; }
.biz-batch-cadence .stop-c { left: 66%; top: 44%; }
.biz-batch-cadence .stop-d { left: 80%; top: 61%; }
.biz-batch-cadence .stop-e { left: 71%; top: 78%; }
.biz-batch-cadence .biz-cadence-bracket {
  position: absolute;
  z-index: 7;
  inset: 6% 5%;
  border: 3px solid var(--biz-motion-paper);
  clip-path: inset(0);
  animation: biz-cadence-bracket-close .66s steps(6,end) 1.25s both paused;
}

@keyframes biz-cadence-band-a-pack {
  0% { scale: 1.34 1; translate: -18px 0; opacity: .18; }
  58% { scale: .88 1.14; translate: 4px 0; opacity: 1; }
  82% { scale: 1.06 .95; translate: -2px 0; }
  100% { scale: 1; translate: none; opacity: 1; }
}
@keyframes biz-cadence-band-b-pack {
  0% { scale: 1.28 .76; translate: 16px 0; filter: brightness(.58); }
  61% { scale: .91 1.17; translate: -5px 0; filter: brightness(1.2); }
  84% { scale: 1.04 .96; translate: 2px 0; }
  100% { scale: 1; translate: none; filter: none; }
}
@keyframes biz-cadence-band-c-pack {
  0% { scale: 1.46 1; translate: -23px 0; opacity: .22; filter: saturate(.4); }
  55% { scale: .84 1.1; translate: 6px 0; opacity: 1; filter: saturate(1.24); }
  80% { scale: 1.08 .93; translate: -3px 0; }
  100% { scale: 1; translate: none; opacity: 1; filter: none; }
}
@keyframes biz-cadence-band-d-pack {
  0% { scale: 1.22 .7; translate: 13px 0; opacity: .16; }
  64% { scale: .93 1.2; translate: -4px 0; opacity: 1; }
  86% { scale: 1.03 .97; translate: 1px 0; }
  100% { scale: 1; translate: none; opacity: 1; }
}
@keyframes biz-cadence-band-e-pack {
  0% { scale: 1.39 .82; translate: -20px 0; filter: contrast(.62); }
  57% { scale: .87 1.15; translate: 5px 0; filter: contrast(1.18); }
  79% { scale: 1.07 .94; translate: -2px 0; }
  100% { scale: 1; translate: none; filter: none; }
}
@keyframes biz-cadence-bracket-close {
  0% { clip-path: polygon(0 0,100% 0,100% 8%,8% 8%,8% 92%,36% 92%,36% 100%,0 100%); opacity: .3; }
  100% { clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; }
}

/* Scene 6: fixed plaques receive unlike endpoint clamps. */
.biz-endpoint-clamps {
  background:
    linear-gradient(90deg, rgba(54,199,177,.08) 49%, transparent 49% 51%, rgba(231,166,75,.08) 51%),
    rgba(12,27,31,.94);
}
.biz-endpoint-clamps .biz-endpoint-plaque {
  position: absolute;
  z-index: 3;
  top: 24%;
  width: 31%;
  height: 45%;
  background: linear-gradient(135deg, #dce5e1, #8ba0a0);
  border: 2px solid #f7fbf8;
  box-shadow: inset 0 -8px 0 rgba(33,79,98,.18);
}
.biz-endpoint-clamps .plaque-a { left: 12%; }
.biz-endpoint-clamps .plaque-b { right: 12%; }
.biz-endpoint-clamps .biz-endpoint-corner {
  position: absolute;
  z-index: 6;
  width: 20%;
  height: 25%;
  border-color: var(--biz-motion-teal);
  border-style: solid;
  border-width: 0;
}
.biz-endpoint-clamps .corner-a {
  left: 7%;
  top: 17%;
  border-top-width: 4px;
  border-left-width: 4px;
  transform-origin: left top;
  animation: biz-endpoint-left-horizontal .7s cubic-bezier(.2,.68,.27,1.12) .12s both paused;
}
.biz-endpoint-clamps .corner-b {
  left: 7%;
  bottom: 24%;
  border-bottom-width: 4px;
  border-left-width: 4px;
  transform-origin: left bottom;
  animation: biz-endpoint-left-vertical .78s cubic-bezier(.2,.68,.27,1.12) .26s both paused;
}
.biz-endpoint-clamps .corner-c {
  right: 7%;
  top: 17%;
  border-top-width: 4px;
  border-right-width: 4px;
  transform-origin: right top;
  animation: biz-endpoint-right-horizontal .86s cubic-bezier(.2,.68,.27,1.12) .4s both paused;
}
.biz-endpoint-clamps .corner-d {
  right: 7%;
  bottom: 24%;
  border-right-width: 4px;
  border-bottom-width: 4px;
  transform-origin: right bottom;
  animation: biz-endpoint-right-vertical .94s cubic-bezier(.2,.68,.27,1.12) .54s both paused;
}
.biz-endpoint-clamps .biz-endpoint-datum {
  position: absolute;
  z-index: 4;
  bottom: 9%;
  width: 35%;
  height: 9%;
  background: var(--biz-motion-amber);
  border: 1px solid #ffe1af;
}
.biz-endpoint-clamps .datum-a { left: 10%; animation: biz-endpoint-datum-a-rise .64s cubic-bezier(.2,.67,.28,1.14) .72s both paused; }
.biz-endpoint-clamps .datum-b { right: 10%; animation: biz-endpoint-datum-b-rise .72s cubic-bezier(.2,.67,.28,1.14) .82s both paused; }
.biz-endpoint-clamps .biz-endpoint-split {
  position: absolute;
  z-index: 8;
  left: 46%;
  top: 38%;
  width: 8%;
  aspect-ratio: 1;
  background: var(--biz-motion-paper);
  border: 2px solid var(--biz-motion-blue);
  transform: rotate(45deg);
  animation: biz-endpoint-split-open .58s cubic-bezier(.2,.65,.26,1.18) 1.02s both paused;
}

@keyframes biz-endpoint-left-horizontal {
  0% { scale: .05 1; opacity: .14; clip-path: inset(0 94% 0 0); }
  68% { scale: 1.09 .92; opacity: 1; clip-path: inset(0); }
  100% { scale: 1; opacity: 1; clip-path: inset(0); }
}
@keyframes biz-endpoint-left-vertical {
  0% { scale: .18 .08; opacity: .12; filter: brightness(.55); }
  72% { scale: .94 1.12; opacity: 1; filter: brightness(1.18); }
  100% { scale: 1; opacity: 1; filter: none; }
}
@keyframes biz-endpoint-right-horizontal {
  0% { scale: .09 .34; opacity: .16; clip-path: inset(0 0 88% 0); }
  66% { scale: 1.12 .96; opacity: 1; clip-path: inset(0); }
  100% { scale: 1; opacity: 1; clip-path: inset(0); }
}
@keyframes biz-endpoint-right-vertical {
  0% { scale: 1 .04; opacity: .1; filter: saturate(.25); }
  74% { scale: .91 1.15; opacity: 1; filter: saturate(1.22); }
  100% { scale: 1; opacity: 1; filter: none; }
}
@keyframes biz-endpoint-datum-a-rise {
  0% { translate: 0 15px; scale: .68 1; opacity: .16; }
  70% { translate: 0 -8px; scale: 1.06 1; opacity: 1; }
  100% { translate: 0 -6px; scale: 1; opacity: 1; }
}
@keyframes biz-endpoint-datum-b-rise {
  0% { translate: 0 19px; scale: .74 .78; filter: brightness(.56); }
  73% { translate: 0 -15px; scale: 1.04 1.12; filter: brightness(1.16); }
  100% { translate: 0 -12px; scale: 1; filter: none; }
}
@keyframes biz-endpoint-split-open {
  0% { scale: .08 1.5; border-radius: 50%; opacity: .12; }
  64% { scale: 1.22 .78; border-radius: 16%; opacity: 1; }
  100% { scale: 1; border-radius: 0; opacity: 1; }
}

/* Scene 7: four isolated chambers settle in the order 2, 4, 1, 3. */
.biz-request-queue {
  background:
    linear-gradient(180deg, rgba(54,199,177,.13), transparent 34%),
    rgba(12,27,31,.94);
}
.biz-request-queue .biz-queue-chamber {
  position: absolute;
  z-index: 2;
  top: 18%;
  width: 16%;
  height: 66%;
  border: 2px solid #758e92;
  border-top: 0;
  background: rgba(33,79,98,.22);
}
.biz-request-queue .chamber-a { left: 9%; }
.biz-request-queue .chamber-b { left: 31%; }
.biz-request-queue .chamber-c { left: 53%; }
.biz-request-queue .chamber-d { left: 75%; }
.biz-request-queue .biz-queue-capsule {
  position: absolute;
  z-index: 6;
  width: 12%;
  height: 18%;
  background: linear-gradient(180deg, var(--biz-motion-paper) 0 42%, var(--biz-motion-teal) 42%);
  border: 2px solid #eafff9;
  border-radius: 48% 48% 8px 8px;
}
.biz-request-queue .capsule-a { left: 11%; top: 45%; animation: biz-queue-capsule-a-seat .72s cubic-bezier(.2,.64,.26,1.16) .62s both paused; }
.biz-request-queue .capsule-b { left: 33%; top: 31%; animation: biz-queue-capsule-b-seat .68s cubic-bezier(.2,.64,.26,1.16) .24s both paused; }
.biz-request-queue .capsule-c { left: 55%; top: 55%; animation: biz-queue-capsule-c-seat .8s cubic-bezier(.2,.64,.26,1.16) .86s both paused; }
.biz-request-queue .capsule-d { left: 77%; top: 38%; animation: biz-queue-capsule-d-seat .76s cubic-bezier(.2,.64,.26,1.16) .43s both paused; }
.biz-request-queue .biz-queue-spring {
  position: absolute;
  z-index: 4;
  bottom: 14%;
  width: 10%;
  height: 30%;
  border-right: 3px solid var(--biz-motion-amber);
  border-left: 3px solid var(--biz-motion-amber);
  background: repeating-linear-gradient(180deg, transparent 0 5px, var(--biz-motion-amber) 5px 8px);
  background-size: 100% 8px;
  transform-origin: center bottom;
}
.biz-request-queue .spring-a { left: 12%; animation: biz-queue-spring-a-load .64s cubic-bezier(.2,.66,.26,1.15) .48s both paused; }
.biz-request-queue .spring-b { left: 34%; animation: biz-queue-spring-b-load .6s cubic-bezier(.2,.66,.26,1.15) .1s both paused; }
.biz-request-queue .spring-c { left: 56%; animation: biz-queue-spring-c-load .72s cubic-bezier(.2,.66,.26,1.15) .72s both paused; }
.biz-request-queue .spring-d { left: 78%; animation: biz-queue-spring-d-load .68s cubic-bezier(.2,.66,.26,1.15) .29s both paused; }
.biz-request-queue .biz-queue-comb {
  position: absolute;
  z-index: 8;
  left: 7%;
  top: 6%;
  width: 86%;
  height: 11%;
  border: 2px solid var(--biz-motion-paper);
  background: repeating-linear-gradient(90deg, var(--biz-motion-teal) 0 5%, transparent 5% 11%);
  animation: biz-queue-comb-cap .56s cubic-bezier(.2,.67,.28,1.12) 1.48s both paused;
}
.biz-request-queue .biz-queue-number {
  position: absolute;
  z-index: 9;
  bottom: 3%;
  display: grid;
  width: 12%;
  height: 13%;
  place-items: center;
  color: var(--biz-motion-ink);
  background: var(--biz-motion-paper);
  border: 1px solid #fff;
  font: 900 10px/1 system-ui, sans-serif;
  font-style: normal;
}
.biz-request-queue .number-a { left: 11%; }
.biz-request-queue .number-b { left: 33%; }
.biz-request-queue .number-c { left: 55%; }
.biz-request-queue .number-d { left: 77%; }

@keyframes biz-queue-spring-a-load {
  0% { scale: .84 1.45; background-size: 100% 14px; opacity: .24; }
  68% { scale: 1.08 .56; background-size: 100% 6px; opacity: 1; }
  100% { scale: 1 .68; background-size: 100% 8px; opacity: 1; }
}
@keyframes biz-queue-spring-b-load {
  0% { scale: .7 1.34; background-size: 100% 13px; filter: brightness(.55); }
  64% { scale: 1.16 .42; background-size: 100% 5px; filter: brightness(1.2); }
  100% { scale: .94 .5; background-size: 100% 7px; filter: none; }
}
@keyframes biz-queue-spring-c-load {
  0% { scale: .9 1.52; background-size: 100% 16px; opacity: .18; }
  72% { scale: 1.05 .35; background-size: 100% 4px; opacity: 1; }
  100% { scale: 1.04 .4; background-size: 100% 6px; opacity: 1; }
}
@keyframes biz-queue-spring-d-load {
  0% { scale: .76 1.4; background-size: 100% 12px; filter: saturate(.35); }
  66% { scale: 1.12 .48; background-size: 100% 5px; filter: saturate(1.24); }
  100% { scale: .98 .57; background-size: 100% 7px; filter: none; }
}
@keyframes biz-queue-capsule-a-seat {
  0% { translate: 0 -19px; scale: .86 1.16; opacity: .2; }
  70% { translate: 0 4px; scale: 1.08 .9; opacity: 1; }
  100% { translate: none; scale: 1; opacity: 1; }
}
@keyframes biz-queue-capsule-b-seat {
  0% { translate: 0 -13px; scale: .74 1.24; filter: brightness(.55); }
  66% { translate: 0 3px; scale: 1.12 .87; filter: brightness(1.18); }
  100% { translate: none; scale: 1; filter: none; }
}
@keyframes biz-queue-capsule-c-seat {
  0% { translate: 0 -24px; scale: .92 1.12; opacity: .16; filter: saturate(.4); }
  73% { translate: 0 5px; scale: 1.05 .92; opacity: 1; filter: saturate(1.2); }
  100% { translate: none; scale: 1; opacity: 1; filter: none; }
}
@keyframes biz-queue-capsule-d-seat {
  0% { translate: 0 -16px; scale: .8 1.2; rotate: 5deg; opacity: .22; }
  68% { translate: 0 4px; scale: 1.1 .88; rotate: -2deg; opacity: 1; }
  100% { translate: none; scale: 1; rotate: 0deg; opacity: 1; }
}
@keyframes biz-queue-comb-cap {
  0% { translate: 0 -8px; scale: .92 1.18; clip-path: inset(0 46%); opacity: .18; }
  74% { translate: 0 8px; scale: 1.03 .94; clip-path: inset(0); opacity: 1; }
  100% { translate: 0 6px; scale: 1; clip-path: inset(0); opacity: 1; }
}

/* Scene 8: alternating weft strips lock three tensioned warps. */
.biz-factor-weave {
  --biz-weave-shift: 26px;
  background:
    radial-gradient(circle at 50% 50%, rgba(231,166,75,.13), transparent 38%),
    rgba(12,27,31,.94);
}
.biz-factor-weave .biz-weave-warp {
  position: absolute;
  z-index: 3;
  top: 10%;
  width: 11%;
  height: 80%;
  background: linear-gradient(90deg, #1a5a67, var(--biz-motion-teal), #1a5a67);
  border: 1px solid #a8efe4;
}
.biz-factor-weave .warp-a { left: 28%; transform-origin: center top; animation: biz-weave-warp-a-tension .74s cubic-bezier(.2,.65,.27,1.13) .08s both paused; }
.biz-factor-weave .warp-b { left: 44.5%; transform-origin: center; animation: biz-weave-warp-b-tension .84s cubic-bezier(.2,.65,.27,1.13) .18s both paused; }
.biz-factor-weave .warp-c { right: 28%; transform-origin: center bottom; animation: biz-weave-warp-c-tension .94s cubic-bezier(.2,.65,.27,1.13) .28s both paused; }
.biz-factor-weave .biz-weave-weft {
  position: absolute;
  left: 18%;
  width: 64%;
  height: 11%;
  background: linear-gradient(#6f8588, var(--biz-motion-paper), #6f8588);
  border: 1px solid #eef7f4;
}
.biz-factor-weave .weft-a { z-index: 4; top: 20%; animation: biz-weave-weft-a-insert .7s steps(7,end) .44s both paused; }
.biz-factor-weave .weft-b { z-index: 2; top: 38%; animation: biz-weave-weft-b-insert .78s steps(8,end) .56s both paused; }
.biz-factor-weave .weft-c { z-index: 4; top: 56%; animation: biz-weave-weft-c-insert .86s steps(9,end) .68s both paused; }
.biz-factor-weave .weft-d { z-index: 2; top: 74%; animation: biz-weave-weft-d-insert .94s steps(10,end) .8s both paused; }
.biz-factor-weave .biz-weave-selvedge {
  position: absolute;
  z-index: 6;
  top: 7%;
  width: 8%;
  height: 86%;
  background: var(--biz-motion-amber);
  border: 2px solid #ffe2b0;
  animation: biz-weave-selvedge-cinch .62s cubic-bezier(.2,.67,.28,1.14) 1.14s both paused;
}
.biz-factor-weave .selvedge-a { left: 10%; transform-origin: center left; }
.biz-factor-weave .selvedge-b { right: 10%; transform-origin: center right; animation-delay: 1.23s; }
.biz-factor-weave .biz-weave-result {
  position: absolute;
  z-index: 8;
  left: 39%;
  top: 38%;
  width: 22%;
  height: 28%;
  background: var(--biz-motion-ink);
  border: 3px solid var(--biz-motion-paper);
  box-shadow: inset 0 0 0 4px var(--biz-motion-teal);
  animation: biz-weave-result-open .58s cubic-bezier(.2,.66,.27,1.15) 1.42s both paused;
}

@keyframes biz-weave-warp-a-tension {
  0% { scale: .68 .06; opacity: .12; filter: brightness(.5); }
  70% { scale: 1.12 1.04; opacity: 1; filter: brightness(1.17); }
  100% { scale: 1; opacity: 1; filter: none; }
}
@keyframes biz-weave-warp-b-tension {
  0% { scale: .42 .18; opacity: .16; clip-path: inset(44% 0); }
  66% { scale: 1.08 1.1; opacity: 1; clip-path: inset(0); }
  100% { scale: 1; opacity: 1; clip-path: inset(0); }
}
@keyframes biz-weave-warp-c-tension {
  0% { scale: .76 .04; filter: saturate(.3); opacity: .1; }
  74% { scale: .93 1.13; filter: saturate(1.22); opacity: 1; }
  100% { scale: 1; filter: none; opacity: 1; }
}
@keyframes biz-weave-weft-a-insert {
  0% { translate: calc(-1 * var(--biz-weave-shift)) 0; clip-path: polygon(0 0,7% 0,7% 34%,13% 34%,13% 100%,0 100%); opacity: .14; }
  100% { translate: none; clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; }
}
@keyframes biz-weave-weft-b-insert {
  0% { translate: var(--biz-weave-shift) 0; clip-path: polygon(87% 0,100% 0,100% 100%,93% 100%,93% 62%,87% 62%); filter: brightness(.52); }
  100% { translate: none; clip-path: polygon(0 0,100% 0,100% 100%,0 100%); filter: none; }
}
@keyframes biz-weave-weft-c-insert {
  0% { translate: calc(-1 * var(--biz-weave-shift)) 0; clip-path: polygon(0 0,9% 0,9% 72%,16% 72%,16% 100%,0 100%); opacity: .18; scale: .94 1; }
  100% { translate: none; clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; scale: 1; }
}
@keyframes biz-weave-weft-d-insert {
  0% { translate: var(--biz-weave-shift) 0; clip-path: polygon(84% 0,100% 0,100% 100%,91% 100%,91% 28%,84% 28%); opacity: .12; filter: saturate(.32); }
  100% { translate: none; clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; filter: none; }
}
@keyframes biz-weave-selvedge-cinch {
  0% { scale: .24 .74; opacity: .18; border-radius: 50%; }
  67% { scale: 1.14 1.05; opacity: 1; border-radius: 18%; }
  100% { scale: 1; opacity: 1; border-radius: 0; }
}
@keyframes biz-weave-result-open {
  0% { scale: .06 1.38; opacity: .1; border-radius: 50%; filter: brightness(.5); }
  65% { scale: 1.18 .84; opacity: 1; border-radius: 8px; filter: brightness(1.2); }
  100% { scale: 1; opacity: 1; border-radius: 0; filter: none; }
}

/* Scene 9: three open sleeves assemble around a fixed receiver. */
.biz-receiver-nest {
  background:
    linear-gradient(180deg, rgba(54,199,177,.1), transparent 55%),
    rgba(12,27,31,.94);
}
.biz-receiver-nest .biz-receiver-plate {
  position: absolute;
  z-index: 7;
  left: 38%;
  top: 35%;
  width: 24%;
  height: 34%;
  background: linear-gradient(135deg, var(--biz-motion-paper), #82979a);
  border: 2px solid #fff;
  box-shadow: inset 0 -7px 0 rgba(33,79,98,.22);
}
.biz-receiver-nest .biz-receiver-sleeve {
  position: absolute;
  border-color: var(--biz-motion-teal);
  border-style: solid;
  border-top-width: 0;
  border-right-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
}
.biz-receiver-nest .sleeve-a {
  z-index: 2;
  left: 15%;
  top: 10%;
  width: 70%;
  height: 78%;
  border-radius: 9px 9px 34px 34px;
  transform-origin: center bottom;
  animation: biz-receiver-outer-breathe-once .88s cubic-bezier(.2,.63,.27,1.16) .08s both paused;
}
.biz-receiver-nest .sleeve-b {
  z-index: 4;
  left: 24%;
  top: 20%;
  width: 52%;
  height: 61%;
  border-color: var(--biz-motion-paper);
  border-radius: 7px 7px 26px 26px;
  animation: biz-receiver-middle-seat .82s steps(8,end) .28s both paused;
}
.biz-receiver-nest .sleeve-c {
  z-index: 6;
  left: 32.5%;
  top: 29%;
  width: 35%;
  height: 46%;
  border-color: var(--biz-motion-amber);
  border-radius: 5px 5px 19px 19px;
  transform-origin: center bottom;
  animation: biz-receiver-inner-close .76s cubic-bezier(.2,.67,.27,1.14) .5s both paused;
}
.biz-receiver-nest .biz-receiver-boss {
  position: absolute;
  z-index: 8;
  width: 8%;
  aspect-ratio: 1;
  background: var(--biz-motion-amber);
  border: 2px solid #ffe1ae;
  border-radius: 50% 50% 4px 4px;
}
.biz-receiver-nest .boss-a { left: 8%; top: 29%; animation: biz-receiver-boss-a-rise .58s cubic-bezier(.2,.66,.27,1.15) .76s both paused; }
.biz-receiver-nest .boss-b { right: 8%; top: 24%; animation: biz-receiver-boss-b-rise .64s cubic-bezier(.2,.66,.27,1.15) .86s both paused; }
.biz-receiver-nest .boss-c { left: 8%; bottom: 15%; animation: biz-receiver-boss-c-rise .7s cubic-bezier(.2,.66,.27,1.15) .96s both paused; }
.biz-receiver-nest .boss-d { right: 8%; bottom: 11%; animation: biz-receiver-boss-d-rise .76s cubic-bezier(.2,.66,.27,1.15) 1.06s both paused; }
.biz-receiver-nest .biz-receiver-crown {
  position: absolute;
  z-index: 9;
  left: 36%;
  top: 4%;
  width: 28%;
  height: 12%;
  background: var(--biz-motion-paper);
  border: 2px solid #fff;
  clip-path: polygon(0 100%,10% 25%,35% 25%,50% 0,65% 25%,90% 25%,100% 100%);
  animation: biz-receiver-crown-set .62s cubic-bezier(.2,.67,.28,1.15) 1.24s both paused;
}

@keyframes biz-receiver-outer-breathe-once {
  0% { scale: .48 1.12; border-radius: 48px 48px 8px 8px; opacity: .16; }
  62% { scale: 1.12 .96; border-radius: 5px 5px 41px 41px; opacity: 1; }
  100% { scale: 1; border-radius: 9px 9px 34px 34px; opacity: 1; }
}
@keyframes biz-receiver-middle-seat {
  0% { translate: 0 -17px; clip-path: polygon(0 0,100% 0,100% 12%,63% 12%,63% 20%,0 20%); opacity: .12; }
  100% { translate: none; clip-path: polygon(0 0,100% 0,100% 100%,0 100%); opacity: 1; }
}
@keyframes biz-receiver-inner-close {
  0% { scale: 1 .08; translate: 0 17px; opacity: .14; filter: brightness(.54); }
  68% { scale: .92 1.13; translate: 0 -3px; opacity: 1; filter: brightness(1.2); }
  100% { scale: 1; translate: none; opacity: 1; filter: none; }
}
@keyframes biz-receiver-boss-a-rise {
  0% { translate: 0 13px; scale: .46 1.2; opacity: .12; }
  72% { translate: 0 -5px; scale: 1.12 .88; opacity: 1; }
  100% { translate: 0 -3px; scale: 1; opacity: 1; }
}
@keyframes biz-receiver-boss-b-rise {
  0% { translate: 0 17px; scale: .62 1.34; rotate: 8deg; opacity: .14; }
  69% { translate: 0 -8px; scale: 1.16 .84; rotate: -2deg; opacity: 1; }
  100% { translate: 0 -6px; scale: .96 1; rotate: 0deg; opacity: 1; }
}
@keyframes biz-receiver-boss-c-rise {
  0% { translate: 0 11px; scale: .54 1.16; filter: saturate(.3); }
  74% { translate: 0 -6px; scale: 1.08 .91; filter: saturate(1.2); }
  100% { translate: 0 -4px; scale: 1.04 1; filter: none; }
}
@keyframes biz-receiver-boss-d-rise {
  0% { translate: 0 20px; scale: .38 1.4; rotate: -7deg; opacity: .1; }
  66% { translate: 0 -10px; scale: 1.18 .8; rotate: 3deg; opacity: 1; }
  100% { translate: 0 -7px; scale: .98 1; rotate: 0deg; opacity: 1; }
}
@keyframes biz-receiver-crown-set {
  0% { translate: 0 -9px; scale: .68 1.26; opacity: .14; }
  70% { translate: 0 7px; scale: 1.08 .9; opacity: 1; }
  100% { translate: 0 5px; scale: 1; opacity: 1; }
}

/* Scene 10: six type blocks rise independently onto two baselines. */
.biz-typecase {
  perspective: 620px;
  background:
    linear-gradient(90deg, rgba(54,199,177,.08) 1px, transparent 1px) 0 0 / 16.66% 100%,
    rgba(12,27,31,.95);
}
.biz-typecase .biz-type-baseline {
  position: absolute;
  z-index: 2;
  left: 7%;
  width: 86%;
  height: 5%;
  background: var(--biz-motion-paper);
  border: 1px solid #fff;
  animation: biz-type-baseline-seat .62s steps(6,end) both paused;
}
.biz-typecase .baseline-a { top: 45%; animation-delay: .12s; }
.biz-typecase .baseline-b { top: 83%; animation-delay: .28s; }
.biz-typecase .biz-type-block {
  position: absolute;
  z-index: 6;
  width: 22%;
  height: 24%;
  background: linear-gradient(145deg, var(--biz-motion-paper), #82979a 64%);
  border: 2px solid #fff;
  box-shadow: inset 0 -7px 0 rgba(33,79,98,.3);
  transform-origin: center bottom;
  transition: transform .18s ease-out;
}
.biz-typecase .block-a { left: 9%; top: 20%; animation: biz-type-block-a-rise .7s cubic-bezier(.2,.64,.26,1.16) .36s both paused; }
.biz-typecase .block-b { left: 39%; top: 18%; animation: biz-type-block-b-rise .76s cubic-bezier(.2,.64,.26,1.16) .46s both paused; }
.biz-typecase .block-c { right: 9%; top: 19%; animation: biz-type-block-c-rise .82s cubic-bezier(.2,.64,.26,1.16) .56s both paused; }
.biz-typecase .block-d { left: 9%; top: 57%; animation: biz-type-block-d-rise .88s cubic-bezier(.2,.64,.26,1.16) .66s both paused; }
.biz-typecase .block-e { left: 39%; top: 58%; animation: biz-type-block-e-rise .94s cubic-bezier(.2,.64,.26,1.16) .76s both paused; }
.biz-typecase .block-f { right: 9%; top: 55%; animation: biz-type-block-f-rise 1s cubic-bezier(.2,.64,.26,1.16) .86s both paused; }
.biz-typecase .biz-type-spring {
  position: absolute;
  z-index: 4;
  width: 13%;
  height: 15%;
  border-right: 3px solid var(--biz-motion-amber);
  border-left: 3px solid var(--biz-motion-amber);
  background: repeating-linear-gradient(180deg, transparent 0 4px, var(--biz-motion-amber) 4px 6px);
  background-size: 100% 6px;
  transform-origin: center bottom;
  animation: biz-type-spring-set .64s cubic-bezier(.2,.66,.27,1.14) both paused;
}
.biz-typecase .spring-a { left: 13.5%; top: 34%; animation-delay: .3s; }
.biz-typecase .spring-b { left: 43.5%; top: 34%; animation-delay: .4s; }
.biz-typecase .spring-c { right: 13.5%; top: 34%; animation-delay: .5s; }
.biz-typecase .spring-d { left: 13.5%; top: 72%; animation-delay: .6s; }
.biz-typecase .spring-e { left: 43.5%; top: 72%; animation-delay: .7s; }
.biz-typecase .spring-f { right: 13.5%; top: 72%; animation-delay: .8s; }

.biz-faq:has(.biz-faq-grid details:nth-child(1)[open]) .biz-typecase .block-a,
.biz-faq:has(.biz-faq-grid details:nth-child(2)[open]) .biz-typecase .block-b,
.biz-faq:has(.biz-faq-grid details:nth-child(3)[open]) .biz-typecase .block-c,
.biz-faq:has(.biz-faq-grid details:nth-child(4)[open]) .biz-typecase .block-d,
.biz-faq:has(.biz-faq-grid details:nth-child(5)[open]) .biz-typecase .block-e,
.biz-faq:has(.biz-faq-grid details:nth-child(6)[open]) .biz-typecase .block-f {
  transform: translateY(3px);
}

@keyframes biz-type-block-a-rise {
  0% { translate: 0 20px; rotate: x -54deg; scale: .92 .7; opacity: .14; }
  67% { translate: 0 -6px; rotate: x 7deg; scale: 1.05 1.08; opacity: 1; }
  100% { translate: 0 -3px; rotate: x 0deg; scale: 1; opacity: 1; }
}
@keyframes biz-type-block-b-rise {
  0% { translate: 0 27px; rotate: x 68deg; scale: .82 .64; filter: brightness(.52); }
  71% { translate: 0 -10px; rotate: x -8deg; scale: 1.08 1.05; filter: brightness(1.2); }
  100% { translate: 0 -7px; rotate: x 0deg; scale: 1; filter: none; }
}
@keyframes biz-type-block-c-rise {
  0% { translate: 0 23px; rotate: x -41deg; scale: .88 .72; opacity: .18; filter: saturate(.36); }
  64% { translate: 0 -8px; rotate: x 6deg; scale: 1.04 1.1; opacity: 1; filter: saturate(1.2); }
  100% { translate: 0 -5px; rotate: x 0deg; scale: 1; opacity: 1; filter: none; }
}
@keyframes biz-type-block-d-rise {
  0% { translate: 0 30px; rotate: x 79deg; scale: .76 .6; opacity: .12; }
  73% { translate: 0 -9px; rotate: x -9deg; scale: 1.1 1.04; opacity: 1; }
  100% { translate: 0 -6px; rotate: x 0deg; scale: 1; opacity: 1; }
}
@keyframes biz-type-block-e-rise {
  0% { translate: 0 18px; rotate: x -63deg; scale: .9 .76; filter: contrast(.56); }
  69% { translate: 0 -5px; rotate: x 5deg; scale: 1.06 1.07; filter: contrast(1.18); }
  100% { translate: 0 -2px; rotate: x 0deg; scale: 1; filter: none; }
}
@keyframes biz-type-block-f-rise {
  0% { translate: 0 32px; rotate: x 47deg; scale: .8 .58; opacity: .1; filter: brightness(.48); }
  75% { translate: 0 -11px; rotate: x -6deg; scale: 1.09 1.03; opacity: 1; filter: brightness(1.22); }
  100% { translate: 0 -8px; rotate: x 0deg; scale: 1; opacity: 1; filter: none; }
}
@keyframes biz-type-spring-set {
  0% { scale: .72 1.42; background-size: 100% 11px; opacity: .16; }
  68% { scale: 1.12 .62; background-size: 100% 4px; opacity: 1; }
  100% { scale: 1 .78; background-size: 100% 6px; opacity: 1; }
}
@keyframes biz-type-baseline-seat {
  0% { clip-path: inset(0 48%); opacity: .18; filter: brightness(.58); }
  100% { clip-path: inset(0); opacity: 1; filter: none; }
}

@media (max-width: 1080px) {
  [data-motion^="biz-"] {
    --biz-motion-far: 59px;
    --biz-motion-far-neg: -59px;
    --biz-motion-mid: 39px;
    --biz-motion-mid-neg: -39px;
  }
  .biz-page .biz-decor { width: 238px; height: 128px; }
  .biz-hero .biz-register-tabs { right: 18px; top: 94px; }
  .biz-cases .biz-fleet-slots { right: 5%; top: 50%; }
  .biz-condition .biz-feeler-bank { right: 3%; bottom: 34px; }
  .biz-roles .biz-contact-crossbar { left: 3%; bottom: 25px; }
  .biz-batch .biz-batch-cadence { right: 2%; top: 32px; }
  .biz-points .biz-endpoint-clamps { right: auto; bottom: 17px; left: 50%; translate: -50% 0; }
  .biz-data .biz-request-queue { right: 2%; top: 34px; }
  .biz-estimate .biz-factor-weave { left: 2%; bottom: 25px; }
  .biz-receive .biz-receiver-nest { right: 2%; top: 32px; }
  .biz-faq .biz-typecase { left: 2%; top: 24px; }
}

@media (max-width: 840px) {
  [data-motion^="biz-"] {
    --biz-motion-far: 48px;
    --biz-motion-far-neg: -48px;
    --biz-motion-mid: 32px;
    --biz-motion-mid-neg: -32px;
  }
  .biz-page .biz-decor {
    position: relative;
    inset: auto;
    width: 220px;
    height: 118px;
    margin: 20px auto 0;
    translate: none;
  }
  .biz-hero .biz-register-tabs { margin-top: 24px; }
  .biz-cases .biz-fleet-slots { margin-top: 18px; }
  .biz-condition .biz-feeler-bank { margin-top: 22px; }
  .biz-roles .biz-contact-crossbar { margin-top: 18px; }
  .biz-batch .biz-batch-cadence { margin-top: 22px; }
  .biz-points .biz-endpoint-clamps { margin-top: 19px; translate: none; }
  .biz-data .biz-request-queue { margin-top: 22px; }
  .biz-estimate .biz-factor-weave { margin-top: 19px; }
  .biz-receive .biz-receiver-nest { margin-top: 21px; }
  .biz-faq .biz-typecase { margin-top: 24px; }
}

@media (max-width: 560px) {
  [data-motion^="biz-"] {
    --biz-motion-far: 38px;
    --biz-motion-far-neg: -38px;
    --biz-motion-mid: 25px;
    --biz-motion-mid-neg: -25px;
  }
  .biz-page .biz-decor {
    width: 190px;
    height: 104px;
    margin-top: 16px;
    box-shadow: 0 9px 24px rgba(5,15,18,.18);
  }
  .biz-register-tabs .biz-reg-tab { width: 35%; height: 17%; }
  .biz-fleet-slots .biz-fleet-car { width: 26%; height: 19%; }
  .biz-feeler-bank .biz-feeler-blade { width: 6%; }
  .biz-contact-crossbar .pin-e,
  .biz-contact-crossbar .pin-f { display: none; }
  .biz-contact-crossbar .biz-cross-frame { top: 8%; bottom: 7%; }
  .biz-batch-cadence .biz-cadence-band { left: 8%; }
  .biz-endpoint-clamps .biz-endpoint-plaque { width: 32%; }
  .biz-request-queue .biz-queue-chamber { width: 17%; }
  .biz-request-queue .chamber-a { left: 7%; }
  .biz-request-queue .chamber-b { left: 30%; }
  .biz-request-queue .chamber-c { left: 53%; }
  .biz-request-queue .chamber-d { left: 76%; }
  .biz-request-queue .biz-queue-number { font-size: 8px; }
  .biz-factor-weave { --biz-weave-shift: 19px; }
  .biz-factor-weave .biz-weave-weft { left: 17%; width: 66%; }
  .biz-receiver-nest .sleeve-a { left: 13%; width: 74%; }
  .biz-typecase .biz-type-block { width: 23%; }
}

@media (max-width: 380px) {
  [data-motion^="biz-"] {
    --biz-motion-far: 29px;
    --biz-motion-far-neg: -29px;
    --biz-motion-mid: 19px;
    --biz-motion-mid-neg: -19px;
  }
  .biz-page .biz-decor {
    width: min(160px, calc(100% - 8px));
    height: 88px;
    margin-top: 13px;
    border-width: 1px;
    box-shadow: none;
  }
  .biz-register-tabs .biz-reg-spine { left: 48.5%; width: 3%; }
  .biz-register-tabs .biz-reg-brace { right: 12%; left: 12%; bottom: 5%; }
  .biz-fleet-slots .biz-fleet-slot { border-width: 2px; }
  .biz-fleet-slots .biz-fleet-corner { width: 7%; }
  .biz-feeler-bank .biz-feeler-beam { right: 6%; left: 6%; }
  .biz-feeler-bank .biz-feeler-foot { width: 16%; border-width: 1px; }
  .biz-contact-crossbar .biz-cross-row { left: 8%; width: 84%; }
  .biz-contact-crossbar .biz-cross-pin { width: 10%; border-width: 1px; }
  .biz-batch-cadence .biz-cadence-bracket { inset: 4%; border-width: 2px; }
  .biz-batch-cadence .biz-cadence-stop { width: 5%; }
  .biz-endpoint-clamps .biz-endpoint-plaque { top: 22%; height: 48%; }
  .biz-endpoint-clamps .biz-endpoint-corner { border-width: 0; }
  .biz-endpoint-clamps .corner-a { border-top-width: 2px; border-left-width: 2px; }
  .biz-endpoint-clamps .corner-b { border-bottom-width: 2px; border-left-width: 2px; }
  .biz-endpoint-clamps .corner-c { border-top-width: 2px; border-right-width: 2px; }
  .biz-endpoint-clamps .corner-d { border-right-width: 2px; border-bottom-width: 2px; }
  .biz-request-queue .biz-queue-chamber { top: 17%; height: 67%; border-width: 1px; border-top: 0; }
  .biz-request-queue .biz-queue-capsule { border-width: 1px; }
  .biz-request-queue .biz-queue-number { bottom: 2%; height: 15%; }
  .biz-factor-weave { --biz-weave-shift: 14px; }
  .biz-factor-weave .biz-weave-result { left: 37%; width: 26%; border-width: 2px; box-shadow: inset 0 0 0 2px var(--biz-motion-teal); }
  .biz-receiver-nest .biz-receiver-plate { left: 36%; width: 28%; }
  .biz-receiver-nest .biz-receiver-sleeve { border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; }
  .biz-typecase .biz-type-block { width: 24%; border-width: 1px; box-shadow: inset 0 -4px 0 rgba(33,79,98,.3); }
  .biz-typecase .block-a,
  .biz-typecase .block-d { left: 7%; }
  .biz-typecase .block-c,
  .biz-typecase .block-f { right: 7%; }
}

@media (prefers-reduced-motion: reduce) {
  .biz-page [data-motion^="biz-"] .biz-decor,
  .biz-page [data-motion^="biz-"] .biz-decor *,
  .biz-page [data-motion^="biz-"] .biz-decor *::before,
  .biz-page [data-motion^="biz-"] .biz-decor *::after {
    animation: none !important;
    transition: none !important;
  }

  .biz-register-tabs .biz-reg-spine,
  .biz-fleet-slots .biz-fleet-slot,
  .biz-fleet-slots .biz-fleet-brace,
  .biz-contact-crossbar .biz-cross-col,
  .biz-contact-crossbar .biz-cross-row,
  .biz-batch-cadence .biz-cadence-bracket,
  .biz-factor-weave .biz-weave-warp,
  .biz-factor-weave .biz-weave-weft,
  .biz-typecase .biz-type-baseline {
    clip-path: inset(0) !important;
    opacity: 1 !important;
    filter: none !important;
    scale: 1 !important;
  }
  .biz-register-tabs .biz-reg-tab,
  .biz-register-tabs .biz-reg-notch,
  .biz-feeler-bank .biz-feeler-state,
  .biz-weave-selvedge,
  .biz-weave-result {
    opacity: 1 !important;
    scale: 1 !important;
    rotate: 0deg !important;
    filter: none !important;
  }
  .biz-register-tabs .biz-reg-brace { translate: 0 -7px !important; }
  .biz-feeler-bank .biz-feeler-blade { scale: 1 !important; opacity: 1 !important; filter: none !important; }
  .biz-feeler-bank .biz-feeler-foot { translate: none !important; scale: 1 !important; opacity: 1 !important; }
  .biz-contact-crossbar .pin-a { translate: 0 3px !important; scale: 1.04 .94 !important; }
  .biz-contact-crossbar .pin-b { translate: 0 5px !important; scale: .98 .91 !important; }
  .biz-contact-crossbar .pin-c { translate: 0 8px !important; scale: 1.06 .88 !important; }
  .biz-contact-crossbar .pin-d { translate: 0 4px !important; scale: 1 .93 !important; }
  .biz-contact-crossbar .pin-e { translate: 0 7px !important; scale: 1.03 .89 !important; }
  .biz-contact-crossbar .pin-f { translate: 0 6px !important; scale: .96 .92 !important; }
  .biz-contact-crossbar .biz-cross-frame,
  .biz-batch-cadence .biz-cadence-band,
  .biz-endpoint-clamps .biz-endpoint-corner {
    scale: 1 !important;
    opacity: 1 !important;
    filter: none !important;
  }
  .biz-endpoint-clamps .datum-a { translate: 0 -6px !important; scale: 1 !important; opacity: 1 !important; }
  .biz-endpoint-clamps .datum-b { translate: 0 -12px !important; scale: 1 !important; filter: none !important; }
  .biz-endpoint-clamps .biz-endpoint-split { scale: 1 !important; opacity: 1 !important; border-radius: 0 !important; }
  .biz-request-queue .spring-a { scale: 1 .68 !important; background-size: 100% 8px !important; }
  .biz-request-queue .spring-b { scale: .94 .5 !important; background-size: 100% 7px !important; }
  .biz-request-queue .spring-c { scale: 1.04 .4 !important; background-size: 100% 6px !important; }
  .biz-request-queue .spring-d { scale: .98 .57 !important; background-size: 100% 7px !important; }
  .biz-request-queue .biz-queue-capsule { translate: none !important; scale: 1 !important; opacity: 1 !important; filter: none !important; rotate: 0deg !important; }
  .biz-request-queue .biz-queue-comb { translate: 0 6px !important; scale: 1 !important; clip-path: inset(0) !important; opacity: 1 !important; }
  .biz-receiver-nest .biz-receiver-sleeve { translate: none !important; scale: 1 !important; clip-path: inset(0) !important; opacity: 1 !important; filter: none !important; }
  .biz-receiver-nest .boss-a { translate: 0 -3px !important; scale: 1 !important; opacity: 1 !important; }
  .biz-receiver-nest .boss-b { translate: 0 -6px !important; scale: .96 1 !important; opacity: 1 !important; rotate: 0deg !important; }
  .biz-receiver-nest .boss-c { translate: 0 -4px !important; scale: 1.04 1 !important; filter: none !important; }
  .biz-receiver-nest .boss-d { translate: 0 -7px !important; scale: .98 1 !important; opacity: 1 !important; rotate: 0deg !important; }
  .biz-receiver-nest .biz-receiver-crown { translate: 0 5px !important; scale: 1 !important; opacity: 1 !important; }
  .biz-typecase .block-a { translate: 0 -3px !important; }
  .biz-typecase .block-b { translate: 0 -7px !important; }
  .biz-typecase .block-c { translate: 0 -5px !important; }
  .biz-typecase .block-d { translate: 0 -6px !important; }
  .biz-typecase .block-e { translate: 0 -2px !important; }
  .biz-typecase .block-f { translate: 0 -8px !important; }
  .biz-typecase .biz-type-block { rotate: x 0deg !important; scale: 1 !important; opacity: 1 !important; filter: none !important; }
  .biz-typecase .biz-type-spring { scale: 1 .78 !important; background-size: 100% 6px !important; opacity: 1 !important; }
}