.hero-video{isolation:isolate}
.hero-signal{position:relative;aspect-ratio:16/9;min-height:300px;overflow:hidden;border:1px solid rgba(117,211,240,.35);border-radius:18px;background:radial-gradient(circle at 50% 48%,rgba(63,185,220,.22),transparent 17%),radial-gradient(ellipse at 50% 50%,#112f46 0,#0a192a 54%,#07101c 100%);box-shadow:0 18px 65px rgba(0,0,0,.58),inset 0 0 50px rgba(61,170,211,.09);}
.hero-signal:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 0 24%,rgba(99,211,238,.06) 24.2% 24.5%,transparent 24.8% 35%,rgba(99,211,238,.045) 35.2% 35.5%,transparent 35.8%);}
.signal-grid{position:absolute;inset:-45%;opacity:.22;background:linear-gradient(rgba(130,210,237,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(130,210,237,.16) 1px,transparent 1px);background-size:34px 34px;transform:perspective(450px) rotateX(62deg) translateY(25%);mask-image:linear-gradient(transparent 0,#000 40%,transparent 95%);animation:signal-grid 18s linear infinite}
.signal-scan{position:absolute;inset:-10%;background:conic-gradient(from 0deg at 50% 50%,transparent 0 8%,rgba(104,221,241,.2) 10%,transparent 13% 100%);animation:signal-scan 7s linear infinite;mix-blend-mode:screen}
.signal-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(125,224,242,.35);border-radius:50%;transform:translate(-50%,-50%) rotate(-16deg) rotateX(64deg);box-shadow:0 0 20px rgba(83,207,236,.08)}
.signal-orbit-a{width:47%;height:65%;animation:signal-orbit 11s linear infinite}
.signal-orbit-b{width:70%;height:36%;transform:translate(-50%,-50%) rotate(29deg) rotateX(67deg);border-style:dashed;opacity:.66;animation:signal-orbit 17s linear infinite reverse}
.signal-model{position:absolute;inset:14% 19%;width:62%;height:72%;z-index:2;pointer-events:none;filter:drop-shadow(0 0 11px rgba(104,224,247,.72))}
.signal-core{position:absolute;left:50%;top:50%;width:96px;height:96px;display:grid;place-items:center;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 28%,#b8f0ff,#3cabc9 28%,#143a58 64%,#0a1a2d 70%);border:1px solid rgba(171,236,255,.8);box-shadow:0 0 0 8px rgba(103,214,240,.08),0 0 45px rgba(67,205,237,.6),inset -13px -16px 20px rgba(0,0,0,.5);animation:signal-breathe 4s ease-in-out infinite}
.signal-core:before,.signal-core:after{content:"";position:absolute;border:1px solid rgba(140,227,245,.35);border-radius:50%;inset:-13px;animation:signal-pulse 3.2s ease-out infinite}
.signal-core:after{inset:-25px;animation-delay:1.1s}
.signal-core img{width:48px;height:49px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(202,243,255,.8));opacity:.9}
.signal-core span{position:absolute;width:6px;height:6px;border-radius:50%;background:#e5fbff;box-shadow:0 0 11px #c0f5ff;top:7px;right:16px}
.signal-node{position:absolute;width:8px;height:8px;border:1px solid #c3f5ff;border-radius:50%;background:#5bd2e8;box-shadow:0 0 15px #5bd2e8;animation:signal-node 3s ease-in-out infinite}
.signal-node-a{left:22%;top:30%}.signal-node-b{right:19%;top:62%;animation-delay:1s}.signal-node-c{left:71%;top:23%;animation-delay:2s}
.signal-readout{position:absolute;display:flex;align-items:center;gap:7px;color:rgba(175,224,239,.7);font:600 9px/1 monospace;letter-spacing:.13em;text-shadow:0 0 10px rgba(105,214,239,.6)}
.signal-readout:before{content:"";display:block;width:20px;height:1px;background:rgba(133,222,240,.55);box-shadow:0 0 7px #75e5fa}
.signal-readout:after{content:attr(data-label)}
.signal-readout-a{left:7%;top:24%}.signal-readout-b{right:7%;top:73%}.signal-readout-c{right:9%;top:26%;color:rgba(197,239,206,.72)}
.signal-readout-c:before{background:#8fe0a4;box-shadow:0 0 7px #8fe0a4}
.hero-signal[data-paused=true] *{animation-play-state:paused!important}
#intro-vid,#intro-sound{display:none!important}
@keyframes signal-scan{to{transform:rotate(360deg)}}
@keyframes signal-grid{to{background-position:0 34px,34px 0}}
@keyframes signal-orbit{to{transform:translate(-50%,-50%) rotate(344deg) rotateX(64deg)}}
@keyframes signal-breathe{50%{transform:translate(-50%,-50%) scale(1.055);box-shadow:0 0 0 12px rgba(103,214,240,.06),0 0 62px rgba(67,205,237,.72),inset -13px -16px 20px rgba(0,0,0,.5)}}
@keyframes signal-pulse{0%{opacity:.7;transform:scale(.7)}100%{opacity:0;transform:scale(1.35)}}
@keyframes signal-node{50%{transform:scale(1.8);opacity:.65}}
@media(max-width:620px){.hero-signal{min-height:220px;border-radius:14px}.signal-model{inset:16% 12%;width:76%;height:68%}.signal-core{width:70px;height:70px}.signal-core img{width:36px;height:37px}.signal-readout{font-size:7px}.signal-readout:before{width:11px}.signal-readout-a{left:5%;top:19%}.signal-readout-b{right:5%;top:78%}.signal-readout-c{right:5%;top:18%}}
@media(prefers-reduced-motion:reduce){.signal-grid,.signal-scan,.signal-orbit,.signal-core,.signal-core:before,.signal-core:after,.signal-node{animation:none!important}}