/* Original-page visual depth. All motion honors the shared Pause motion control. */
.hero-scene .original-circuit {
  position: absolute;
  z-index: 0;
  inset: 8% 2% 8% 0;
  width: 100%;
  height: 84%;
  overflow: visible;
  pointer-events: none;
}
.hero-scene .hero-art { z-index: 1; }
.hero-scene .scene-energy { z-index: 2; }
.original-circuit .circuit-base {
  fill: none;
  stroke: #88b5e2;
  stroke-width: 1.15;
  stroke-opacity: .3;
}
.original-circuit .circuit-base-2 { stroke: #efad77; stroke-opacity: .28; }
.original-circuit .circuit-pulse {
  fill: none;
  stroke: #6ca8e5;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 3 95;
  filter: url(#original-circuit-glow);
  animation: original-circuit-flow 6s linear infinite;
}
.original-circuit .circuit-pulse-2 { stroke: #f0a166; animation-duration: 8s; animation-delay: -3s; }
.original-circuit .circuit-pulse-3 { stroke: #91c8ec; animation-duration: 7s; animation-delay: -1.5s; }
.original-circuit .circuit-particle { fill: #fff; stroke: #5e9ade; stroke-width: 2; filter: url(#original-circuit-glow); }

.process-panel { min-height: 405px; padding-bottom: 106px; }
.process-panel .original-process-visual {
  position: absolute;
  left: 38px;
  right: 38px;
  bottom: 20px;
  width: calc(100% - 76px);
  height: 56px;
  overflow: visible;
  pointer-events: none;
}
.process-route-base,
.process-route-active { fill: none; stroke-linecap: round; stroke-width: 2; }
.process-route-base { stroke: #ffffff2c; }
.process-route-active { stroke: #f2a066; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .65s ease; }
.original-process-visual[data-active-step="0"] .process-route-active { stroke-dashoffset: .88; }
.original-process-visual[data-active-step="1"] .process-route-active { stroke-dashoffset: .57; }
.original-process-visual[data-active-step="2"] .process-route-active { stroke-dashoffset: .27; }
.original-process-visual[data-active-step="3"] .process-route-active { stroke-dashoffset: 0; }
.process-stop-halo { fill: #173e5e; stroke: #ffffff35; stroke-width: 1; transition: fill .35s ease, stroke .35s ease; }
.process-stop-dot { fill: #9cb5ca; transition: fill .35s ease, r .35s ease; }
.original-process-visual[data-active-step="0"] .process-stop-0 .process-stop-halo,
.original-process-visual[data-active-step="1"] .process-stop-1 .process-stop-halo,
.original-process-visual[data-active-step="2"] .process-stop-2 .process-stop-halo,
.original-process-visual[data-active-step="3"] .process-stop-3 .process-stop-halo { fill: #254f70; stroke: #f2a066; }
.original-process-visual[data-active-step="0"] .process-stop-0 .process-stop-dot,
.original-process-visual[data-active-step="1"] .process-stop-1 .process-stop-dot,
.original-process-visual[data-active-step="2"] .process-stop-2 .process-stop-dot,
.original-process-visual[data-active-step="3"] .process-stop-3 .process-stop-dot { fill: #f2a066; r: 6; }

.integration-map .original-map-routes {
  position: absolute;
  z-index: 0;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
  pointer-events: none;
}
.original-map-routes .map-route-base,
.original-map-routes .map-route-pulse { fill: none; stroke-linecap: round; }
.original-map-routes .map-route-base { stroke: #97b9da; stroke-width: 1.2; stroke-opacity: .35; }
.original-map-routes .map-route-pulse {
  stroke: #538bd0;
  stroke-width: 2;
  stroke-dasharray: 3 177;
  stroke-dashoffset: 180;
  opacity: .78;
}
.original-map-routes .map-route-pulse-2,
.original-map-routes .map-route-pulse-5 { stroke: #eea06b; }

@keyframes original-circuit-flow { to { stroke-dashoffset: -294; } }

@media (max-width: 700px) {
  .hero-scene .original-circuit { inset: 8% 0 7%; width: 100%; height: 85%; }
  .process-panel { min-height: 365px; padding-bottom: 91px; }
  .process-panel .original-process-visual { left: 24px; right: 24px; bottom: 18px; width: calc(100% - 48px); height: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  .original-circuit *, .original-map-routes *, .original-process-visual *,
  .original-circuit, .original-map-routes, .original-process-visual {
    animation: none !important;
    transition: none !important;
  }
}