/* Isolated interactive signal story. The town scene is untouched. */
.ay-signal{padding:96px 0 72px;background:#f2f7f9;color:#14354a;--signal-accent:#dc9c2e;scroll-margin-top:130px}
.ay-signal .ay-wrap{max-width:1380px}.ay-signal-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:end;margin-bottom:38px}.ay-signal-eyebrow{font-size:10px!important;font-weight:700;letter-spacing:1.9px;color:#567485;margin:0 0 23px!important;display:flex;gap:10px;align-items:center}.ay-signal-eyebrow span{width:9px;height:9px;border:2px solid #d7a740;border-radius:50%}.ay-signal h2{font-size:clamp(35px,4.1vw,59px);line-height:1.08;letter-spacing:-2.2px;margin:0;font-weight:550}.ay-signal h2 em{font-style:normal;color:#517c90;font-weight:400}.ay-signal-heading>p{font-size:15px;line-height:1.8;max-width:350px;margin:0 0 3px;color:#536f7e}
.ay-signal-console{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);border-radius:22px;overflow:hidden;box-shadow:0 22px 60px #173e4f13;border:1px solid #d8e4ea;background:#fff}.ay-signal-scene{background:#102c40;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-width:0}.ay-signal-scene-top,.ay-signal-scene-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#b5ceda;font-size:9px;letter-spacing:1.2px;padding:22px 26px;position:relative;z-index:1}.ay-signal-scene-top>span:first-child{display:flex;gap:9px;align-items:center}.ay-signal-scene-top i{width:6px;height:6px;background:#8eb997;border-radius:50%}.ay-signal-scene-bottom{border-top:1px solid #ffffff12;margin-top:auto;letter-spacing:.4px}.ay-signal-device{font-size:12px;font-weight:500;color:#eff7fa}.ay-signal-scene-bottom>span:last-child{font-size:8px;white-space:nowrap}.ay-signal-svg{display:block;width:100%;height:auto;aspect-ratio:1120/700;overflow:hidden}.ay-signal-story{padding:35px 30px;display:flex;flex-direction:column;justify-content:center;min-width:0}.ay-signal-kicker{font-size:9px;letter-spacing:1.1px;font-weight:700;color:#987024;min-height:25px;line-height:1.6;margin:0 0 15px}.ay-signal-current-title{font-size:clamp(25px,2.3vw,33px);line-height:1.18;font-weight:500;letter-spacing:-.8px;margin:0 0 18px;min-height:79px}.ay-signal-current-copy{font-size:13px;line-height:1.8;color:#58717d;min-height:118px;margin:0}.ay-signal-status{display:flex;align-items:center;gap:8px;font-size:10px;color:#54737e;margin:22px 0}.ay-signal-status-dot{width:6px;height:6px;background:#8ea8b3;border-radius:50%;flex:none}.ay-signal-controls{display:flex;gap:9px}.ay-signal-controls[hidden]{display:none}.ay-signal button{font-family:inherit;cursor:pointer}.ay-signal-play{background:#173d52;color:#fff;border:1px solid #173d52;border-radius:8px;min-height:48px;flex:1;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;font-size:12px;font-weight:600;gap:10px}.ay-signal-play:hover{background:#28576e}.ay-signal-reset{border:1px solid #d5e1e7;background:#fff;border-radius:8px;width:48px;min-height:48px;color:#315b6e;font-size:25px}.ay-signal-reset:hover{background:#edf5f8}.ay-signal button:focus-visible,.ay-signal a:focus-visible,.ay-signal summary:focus-visible{outline:3px solid #ce9b34;outline-offset:4px}.ay-signal-progress{height:3px;background:#e6edf0;margin-top:21px;overflow:hidden;border-radius:3px}.ay-signal-progress>span{display:block;width:100%;height:100%;background:#dca844;transform:scaleX(0);transform-origin:left}.ay-signal-hint{font-size:10px;line-height:1.5;color:#718793;margin:10px 0 0}
.ay-signal-timeline{list-style:none;padding:0;margin:22px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ay-signal-timeline li{position:relative;min-width:0}.ay-signal-timeline button{width:100%;display:flex;gap:10px;align-items:center;padding:15px 10px;background:transparent;border:1px solid transparent;border-radius:9px;text-align:left;color:#607e8d;font-size:12px;min-height:50px}.ay-signal-step-dot{display:grid;place-items:center;width:29px;height:29px;border:1px solid #c6d7df;border-radius:50%;font-size:9px;flex:none}.ay-signal-timeline button[aria-pressed=true]{color:#173d52;background:#fff;border-color:#d3e1e7;box-shadow:0 5px 16px #153c4c09}.ay-signal-timeline button[aria-pressed=true] .ay-signal-step-dot{background:#173d52;color:#fff;border-color:#173d52}.ay-signal-timeline button.is-complete .ay-signal-step-dot{border-color:#d6a13b;color:#876323}.ay-signal-timeline button:hover{background:#e7f0f4}.ay-signal-timeline button:disabled{cursor:default}.ay-signal-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:32px;margin-top:12px;border-top:1px solid #d8e4e9}.ay-signal-bottom p{margin:0}.ay-signal-bottom strong{display:block;font-size:19px;font-weight:500;letter-spacing:-.3px}.ay-signal-bottom p>span{display:block;font-size:12px;color:#718693;margin-top:9px}.ay-signal-link{display:flex;align-items:center;gap:22px;color:#244d62;text-decoration:none;font-size:12px;white-space:nowrap;padding:12px 0;border-bottom:1px solid #afc5cf}.ay-signal-link span{font-size:20px}.ay-signal-notes{margin-top:27px;max-width:880px;color:#647d8a;font-size:11px;line-height:1.8}.ay-signal-notes summary{cursor:pointer;width:fit-content;padding:7px 0}.ay-signal-notes p{margin:8px 0 0;max-width:85ch}
/* Every visual channel is cumulative and driven by the same deterministic state. */
.ay-signal .as-route{opacity:.06;stroke-dasharray:100;stroke-dashoffset:100}.ay-signal .as-packet{opacity:0;stroke-dasharray:3 97;stroke-dashoffset:100}.ay-signal .as-smoke,.ay-signal .as-camera-beam,.ay-signal .as-feed,.ay-signal .as-event,.ay-signal .as-event-row,.ay-signal .as-zone,.ay-signal .as-sound,.ay-signal .as-panel-alarm{transition:opacity .6s ease}.ay-signal.has-alarm .as-smoke{opacity:.42}.ay-signal.has-alarm .as-detector-led{fill:#ef776b}.ay-signal.has-alarm .as-detector-halo{opacity:.16}.ay-signal.has-panel .as-route-loop{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.3s ease}.ay-signal.has-panel .as-panel-alarm,.ay-signal.has-panel .as-event-row,.ay-signal.has-panel .as-event{opacity:1}.ay-signal.has-panel .as-panel-led{fill:#f26e61}.ay-signal.has-voice .as-route-voice{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s ease}.ay-signal.has-voice .as-sound,.ay-signal.has-voice .as-zone{opacity:1}.ay-signal.has-voice .as-voice-led{fill:#f4ce53}.ay-signal.has-camera .as-route-camera{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s ease}.ay-signal.has-camera .as-camera-beam,.ay-signal.has-camera .as-feed{opacity:1}.ay-signal.has-panel .ay-signal-status-dot{background:#e78c65}.ay-signal.has-voice .ay-signal-status-dot{background:#d6a440}
.ay-signal.is-running .as-smoke-a{animation:as-smoke 3.4s ease-in-out infinite}.ay-signal.is-running .as-smoke-b{animation:as-smoke 4.4s ease-in-out -.9s infinite}.ay-signal.is-running .as-smoke-c{animation:as-smoke 3.8s ease-in-out -1.6s infinite}.ay-signal.has-panel.is-running .as-packet-loop,.ay-signal.has-voice.is-running .as-packet-voice,.ay-signal.has-camera.is-running .as-packet-camera{opacity:1;animation:as-signal-travel 2.4s linear infinite}.ay-signal.has-voice.is-running .as-sound{animation:as-sound 2.2s ease-in-out infinite;transform-origin:584px 220px}.ay-signal.has-operator.is-running .as-operator-arm{animation:as-hand 3s ease-in-out infinite;transform-origin:849px 399px}.ay-signal.has-camera.is-running .as-scan{animation:as-scan 2.5s ease-in-out infinite}.ay-signal:not(.is-running) *{animation-play-state:paused!important}.ay-signal[data-state=paused] .as-route{transition:none}.ay-signal.is-reduced *{animation:none!important;transition:none!important}
@keyframes as-signal-travel{to{stroke-dashoffset:0}}@keyframes as-smoke{50%{transform:translate(5px,-12px);opacity:.6}}@keyframes as-sound{50%{opacity:.35;transform:translateY(4px)}}@keyframes as-hand{50%{transform:rotate(-5deg)}}@keyframes as-scan{50%{transform:translateY(13px)}}
@media(max-width:1050px){.ay-signal-console{grid-template-columns:minmax(0,1.55fr) minmax(265px,1fr)}.ay-signal-story{padding:27px 22px}.ay-signal-heading{gap:30px}.ay-signal-timeline button{font-size:11px;gap:7px;padding:12px 5px}.ay-signal-current-copy{min-height:140px}}
@media(max-width:760px){.ay-signal{padding:58px 0 45px}.ay-signal-heading{display:block;margin-bottom:25px}.ay-signal h2{font-size:37px;letter-spacing:-1.4px}.ay-signal-heading>p{margin-top:20px;font-size:13px;max-width:440px}.ay-signal-eyebrow{font-size:8px!important;letter-spacing:1.3px;margin-bottom:17px!important}.ay-signal-console{grid-template-columns:1fr;border-radius:16px}.ay-signal-svg{aspect-ratio:1.35}.ay-signal-scene-top,.ay-signal-scene-bottom{padding:15px 17px;font-size:8px}.ay-signal-device{font-size:10px}.ay-signal-scene-bottom>span:last-child{font-size:7px}.ay-signal-story{padding:24px}.ay-signal-kicker{min-height:0;margin-bottom:12px}.ay-signal-current-title{font-size:28px;min-height:66px;margin-bottom:12px}.ay-signal-current-copy{font-size:13px;min-height:94px}.ay-signal-status{margin:17px 0}.ay-signal-hint{font-size:10px}.ay-signal-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:16px}.ay-signal-timeline button{padding:10px 7px;font-size:11px}.ay-signal-step-dot{width:25px;height:25px;font-size:8px}.ay-signal-bottom{display:block;margin-top:20px;padding-top:25px}.ay-signal-bottom strong{font-size:18px;line-height:1.5}.ay-signal-link{width:fit-content;margin-top:14px}.ay-signal-notes{font-size:10px}.ay-signal-notes summary{line-height:1.6}.ay-signal-live{min-height:201px}}
@media(prefers-reduced-motion:reduce){.ay-signal *{animation:none!important;transition:none!important}}
/* Detailed inspection: native device locations, finite camera travel, readable displays. */
.ay-signal-modebar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:19px}.ay-signal-modebar[hidden],.ay-signal-device-picker[hidden],.ay-signal-timeline[hidden],.ay-signal-progress[hidden],.ay-signal-camera-display[hidden],.ay-signal-voice-display[hidden]{display:none}.ay-signal-modebar>div{display:flex;padding:4px;background:#e0ebf0;border-radius:11px;gap:4px}.ay-signal-modebar button{display:flex;align-items:center;gap:12px;padding:12px 16px;min-height:46px;border:0;border-radius:8px;background:transparent;color:#527080;font-size:12px;font-weight:600}.ay-signal-modebar button span{font-weight:400;font-size:10px;opacity:.75}.ay-signal-modebar button[aria-pressed=true]{background:#fff;box-shadow:0 3px 9px #14394c0e;color:#193e51}.ay-signal-modehint{font-size:11px;color:#64808f;margin:0}.ay-signal-console{align-items:start}.ay-signal-scene{position:sticky;top:125px;align-self:stretch;min-height:540px;justify-content:center}.ay-signal-scene-top{margin-bottom:auto}.ay-signal-story{padding:30px;min-height:660px}.ay-signal-current-copy{min-height:100px}.ay-signal-current-title{min-height:72px}.ay-signal-instrument{margin-top:19px;padding:13px;border:1px solid #d4e3e9;border-radius:9px;background:#f2f7f9;min-height:163px}.ay-signal-instrument-head{display:flex;gap:10px;justify-content:space-between;align-items:start;border-bottom:1px solid #dae6eb;padding-bottom:9px;margin-bottom:9px;font-size:8px;letter-spacing:.7px;color:#587788;line-height:1.5}.ay-signal-instrument-tag{font-size:7px;border:1px solid #c0d5df;border-radius:3px;padding:1px 4px;white-space:nowrap}.ay-signal-reading{display:flex;gap:8px;align-items:center;justify-content:space-between}.ay-signal-reading>span{font-size:7px;letter-spacing:.7px;color:#6f8794}.ay-signal-reading-value{font-size:11px;font-weight:600;color:#24495d}.has-panel .ay-signal-reading-value{color:#a9483b}.ay-signal-event-list{list-style:none;padding:0;margin:9px 0 0;display:grid;gap:5px}.ay-signal-event-list li{font-size:9px;line-height:1.6;color:#587384;padding-left:9px;border-left:2px solid #bfd0d8}.ay-signal-event-list li:first-child{border-color:#d99770}.ay-signal-camera-display{margin-top:11px;border-radius:5px;overflow:hidden;background:#133447}.ay-signal-camera-display svg{width:100%;height:auto;display:block}.ay-signal-camera-display p{margin:0;padding:7px 10px;font-size:9px;color:#aecbd8}.ay-signal-voice-display{margin-top:13px;border-top:1px solid #d6e2e7;padding-top:11px}.ay-signal-equalizer{height:35px;display:flex;gap:5px;align-items:center}.ay-signal-equalizer i{display:block;width:5px;height:25px;background:#c69b39;border-radius:2px;transform:scaleY(.35)}.ay-signal-voice-display p{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#718795;margin:8px 0 0}.ay-signal-voice-display strong{font-weight:500;color:#88651c}.ay-signal[data-mode=detail] .ay-signal-current-copy{min-height:145px}.ay-signal-device-picker{margin-top:18px}.ay-signal-device-buttons{display:flex;flex-wrap:wrap;gap:8px}.ay-signal-device-buttons button{border:1px solid #c9dce5;border-radius:8px;background:#fff;color:#44697c;font-size:11px;padding:12px 16px;min-height:44px}.ay-signal-device-buttons button[aria-pressed=true]{background:#193f54;color:#fff;border-color:#193f54}.ay-signal-device-buttons .ay-signal-overview{margin-left:auto;background:transparent;border-color:transparent}.ay-signal-device-picker>p{font-size:10px;color:#6a8493;margin-top:12px}.as-hotspots{display:none}.ay-signal[data-mode=detail] .as-hotspots{display:block;color:#dc9f36}.as-hotspot{cursor:pointer;outline:none}.as-hotspot:hover,.as-hotspot:focus-visible,.as-hotspot[aria-pressed=true]{color:#df7c4e}.as-hotspot:focus-visible .as-target-ring,.as-hotspot[aria-pressed=true] .as-target-ring{stroke-width:4;stroke-dasharray:none}.ay-signal.has-camera .as-screen-select{opacity:1}.ay-signal.is-running.has-camera .as-feed-person{animation:as-feed-walk 6s ease-in-out infinite}.ay-signal.is-running .as-large-feed-person{animation:as-feed-walk-large 6s ease-in-out infinite}.ay-signal.is-running .ay-signal-equalizer i{animation:as-equalize .9s ease-in-out infinite;animation-delay:calc(var(--bar)*-.13s)}.ay-signal.has-operator.is-running .as-operator-arm{animation:as-select-screen 4s ease-in-out infinite;transform-origin:849px 399px}.ay-signal.has-operator.is-running .as-operator-head{animation:as-look 4s ease-in-out infinite;transform-origin:831px 388px}.ay-signal .as-smoke{pointer-events:none}
@keyframes as-feed-walk{0%,100%{transform:translate(0,0)}50%{transform:translate(7px,1px)}}@keyframes as-feed-walk-large{0%,100%{transform:translate(0,0)}50%{transform:translate(26px,4px)}}@keyframes as-equalize{0%,100%{transform:scaleY(.25)}50%{transform:scaleY(1)}}@keyframes as-select-screen{0%,25%,100%{transform:rotate(0)}50%,70%{transform:rotate(9deg)}}@keyframes as-look{0%,25%,100%{transform:rotate(0)}50%,70%{transform:rotate(-7deg)}}
@media(max-width:1050px){.ay-signal-story{padding:24px 20px}.ay-signal-modehint{max-width:210px;font-size:10px}}
@media(max-width:760px){.ay-signal-modebar{display:block}.ay-signal-modebar>div{width:100%}.ay-signal-modebar button{flex:1;justify-content:center;flex-direction:column;gap:3px;padding:10px 7px}.ay-signal-modehint{max-width:none;margin-top:10px;font-size:10px}.ay-signal-scene{position:relative;top:auto;min-height:0}.ay-signal-story{min-height:0;padding:23px}.ay-signal-instrument{min-height:153px}.ay-signal-current-copy{min-height:90px}.ay-signal[data-mode=detail] .ay-signal-current-copy{min-height:130px}.ay-signal-live{min-height:190px}.ay-signal[data-mode=detail] .ay-signal-live{min-height:238px}.ay-signal-device-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ay-signal-device-buttons button{padding:11px 8px;text-align:center}.ay-signal-device-buttons .ay-signal-overview{margin-left:0}.ay-signal-event-list li{font-size:10px}.ay-signal-reading-value{font-size:12px}}

/* Direct device inspection is available before switching modes too. */
.ay-signal .as-hotspots{display:block;color:#dc9f36}.ay-signal .as-hotspot{pointer-events:all}.ay-signal .as-hotspot .as-target-ring{opacity:0;pointer-events:none}.ay-signal .as-hotspot:hover .as-target-ring,.ay-signal .as-hotspot:focus-visible .as-target-ring,.ay-signal[data-mode=detail] .as-target-ring{opacity:1}.ay-signal .as-detector,.ay-signal .as-panel,.ay-signal .as-speaker,.ay-signal .as-operator,.ay-signal .as-camera,.ay-signal .as-rack,.ay-signal .as-monitor{cursor:pointer}