/* Scoped to the interactive hero diagram. */
.visual .story-stage{width:100%;max-width:480px;min-height:0;padding:18px;gap:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 10% 0%,#183e60,#0a182b 75%);border:1px solid #78bcf238;border-radius:24px;box-shadow:0 24px 65px #020a1955}
.story-stage .story-top{gap:14px;padding-bottom:16px}.story-stage .scene-hint{padding:0;border:0;background:none;color:#88b7d8;font-size:10px;letter-spacing:.18em}.story-stage .story-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.story-stage .story-trigger{padding:11px 3px;min-width:0;border-radius:10px;font-family:inherit;font-weight:600;line-height:1.4;font-size:11px;box-shadow:none;transform:none;background:#142c43;color:#c6d9ed}.story-stage .story-trigger[aria-pressed=true]{background:#187cc4;border-color:#77cdff;color:white}.story-stage .story-trigger:focus-visible,#storyPause:focus-visible{outline:2px solid #9deaff;outline-offset:3px}.story-stage .story-viewport{min-height:0;border-radius:15px;background:linear-gradient(145deg,#102e47,#081628);border:1px solid #8fcfff18}.story-stage svg{display:block;width:100%;height:auto}.story-stage svg text{font-family:inherit;font-size:12px;fill:#bdd4e7;font-weight:550}.story-stage svg .label{font-size:10px;fill:#7daccd;letter-spacing:1px}.story-stage .story-copy{background:none;border:0;box-shadow:none;padding:17px 0 8px;min-height:155px}.story-stage .story-copy strong{display:block;color:#eef8ff;font-size:16px;margin-bottom:8px}.story-stage .story-copy span{display:block;font-size:13px;line-height:1.7;color:#b7cde0}#storyPause{align-self:flex-start;border:0;background:none;color:#91bad8;font:inherit;font-size:11px;padding:5px 0;cursor:pointer}
.story-stage .wire{fill:none;stroke:#375d7b;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.story-stage .pulse{fill:none;stroke:#79dfff;stroke-width:3;stroke-linecap:round;stroke-dasharray:8 14;animation:signalTravel 1.6s linear infinite;filter:drop-shadow(0 0 3px #38baff)}.story-stage .energy{stroke:#f8cf7a}.story-stage .screen{fill:#329bc4;animation:screenReceive 4s ease-in-out infinite}.story-stage .fan{transform-box:fill-box;transform-origin:center;animation:fanTurn 2s linear infinite}.story-stage .air{fill:none;stroke:#85e7ff;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:5 8;animation:signalTravel 2s linear infinite}.story-stage .receive{fill:#a6f3ff;animation:screenReceive 4s infinite}.story-stage .sat-float{animation:satHover 5s ease-in-out infinite}.story-stage .radio{fill:none;stroke:#5cbbec;stroke-width:2;animation:radioSend 4s infinite}.story-stage .radio:nth-child(2){animation-delay:.4s}.story-stage .radio:nth-child(3){animation-delay:.8s}.story-stage[data-paused=true] *{animation-play-state:paused!important}
@keyframes signalTravel{to{stroke-dashoffset:-44}}@keyframes screenReceive{0%,40%,100%{opacity:.35}60%,85%{opacity:1}}@keyframes fanTurn{to{transform:rotate(360deg)}}@keyframes satHover{50%{transform:translateY(-3px)}}@keyframes radioSend{0%,100%{opacity:.2}35%,65%{opacity:1}}
@media(max-width:480px){.visual .story-stage{padding:12px;max-width:380px;margin:12px auto 0}.story-stage .story-nav{grid-template-columns:1fr 1fr}.story-stage .story-trigger:last-child{grid-column:1/-1}.story-stage .story-trigger{font-size:12px;padding:9px}.story-stage .story-copy{min-height:0}.story-stage .story-copy span{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story-stage *{animation:none!important;transition:none!important}.story-stage .screen,.story-stage .receive{opacity:1}#storyPause{display:none}}

.story-stage .antenna-reception{animation:antennaReception 3s ease-in-out infinite}
@keyframes antennaReception{0%,100%{stroke:#c2e6f6;filter:drop-shadow(0 0 1px #79dfff44)}50%{stroke:#efffff;filter:drop-shadow(0 0 5px #79dfff)}}