/* Filament-thin blue/gold pathways. The portrait remains a single crisp image. */
.agenten-v9 .hero-art.goldglas-scene { transition: none; }
.hero-signals {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  opacity: 0;
}
.hero-signals[data-ready=true] { opacity: 1; }
.hero-signal { --signal-color: #9fe5ff; --signal-delay: 0s; }
.hero-signal-2 { --signal-delay: 2.3s; }
.hero-signal-3 { --signal-color: #f5d79d; --signal-delay: 4.6s; }
.hero-signal path { stroke: var(--signal-color); stroke-linecap: round; vector-effect: non-scaling-stroke; }
.signal-bed { stroke-width: 5; opacity: .055; }
.signal-line { stroke-width: .85; opacity: .48; }
.signal-tail, .signal-point {
  stroke-dasharray: 26 974;
  stroke-dashoffset: 30;
  stroke-width: 1.8;
  opacity: 0;
  animation: hero-signal-flow 7.8s var(--signal-delay) linear infinite;
  animation-play-state: paused;
  filter: drop-shadow(0 0 4px var(--signal-color));
}
.hero-signal .signal-point { stroke: #f3fcff; stroke-dasharray: 1 999; stroke-width: 3; filter: drop-shadow(0 0 3px var(--signal-color)); }
.hero-signal .signal-port { fill: #e7faff; stroke: var(--signal-color); stroke-width: 3; stroke-opacity: .3; }
.signal-core-aura { fill: #63cfff; opacity: .035; }
.signal-core-rim { fill: none; stroke: #b7e8ff; stroke-width: .65; stroke-dasharray: 17 5 3 5; opacity: .6; }
.signal-core-glass { fill: #082638b8; stroke: #edd3a3; stroke-width: .7; }
.signal-core text { fill: #e5f6ff; font: 700 9px/1 Arial,sans-serif; letter-spacing: .06em; }
.hero-signals[data-running=true] :is(.signal-tail,.signal-point) { animation-play-state: running; }
.fw-motion-paused .hero-signals :is(.signal-tail,.signal-point) { animation: none; opacity: 0; }
@keyframes hero-signal-flow {
  0% { stroke-dashoffset: 30; opacity: 0; }
  3% { opacity: .9; }
  28% { stroke-dashoffset: -1000; opacity: .9; }
  31%,100% { stroke-dashoffset: -1000; opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-signals :is(.signal-tail,.signal-point) { animation: none; opacity: 0; }
}
@media (max-width: 760px) {
  .hero-signals .signal-line { opacity: .55; }
  .hero-signals .signal-core text { font-size: 8px; }
}
@media (max-width: 380px) {
  .agenten-v9 .orbital { margin-top: 60px; }
  .agenten-v9 .orbital .label-two { top: 205px; }
}
