.hero-radar-overlay { position: absolute; z-index: 3; inset: 29px 0 0; overflow: hidden; pointer-events: none; mix-blend-mode: screen; }
.hero-radar-overlay::before { content: ""; position: absolute; inset: 0; opacity: .45; background: linear-gradient(90deg, transparent 0 16%, rgba(117, 246, 255, .2) 16.2% 16.45%, transparent 16.6% 51%, rgba(117, 246, 255, .16) 51.2% 51.4%, transparent 51.6% 84%, rgba(117, 246, 255, .12) 84.2% 84.4%, transparent 84.6%); }
.hero-radar-overlay .beam { position: absolute; inset: -25% -40%; opacity: .72; background: linear-gradient(102deg, transparent 47%, rgba(86, 239, 255, .06) 49%, rgba(162, 255, 255, .3) 50%, rgba(86, 239, 255, .08) 51%, transparent 53%); transform: translateX(-35%); animation: hero-radar-scan 5.6s cubic-bezier(.5, .05, .3, 1) infinite; }
.hero-radar-overlay .blip { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #9fffff; box-shadow: 0 0 0 5px rgba(70, 235, 246, .11), 0 0 18px rgba(111, 247, 255, .85); animation: radar-blip 2.8s ease-in-out infinite; }
.blip-one { top: 46%; left: 58%; }.blip-two { top: 34%; left: 72%; animation-delay: -1s !important; }.blip-three { top: 65%; left: 43%; animation-delay: -1.8s !important; }
.signal-stream { position: relative; z-index: 4; overflow: hidden; height: 55px; border-top: 1px solid rgba(104, 230, 242, .24); border-bottom: 1px solid rgba(104, 230, 242, .24); background: linear-gradient(90deg, #071c35, #0a2444, #071c35); }
.signal-stream::before, .signal-stream::after { content: ""; position: absolute; z-index: 2; top: 0; bottom: 0; width: 130px; pointer-events: none; }.signal-stream::before { left: 0; background: linear-gradient(90deg, #071c35, transparent); }.signal-stream::after { right: 0; background: linear-gradient(-90deg, #071c35, transparent); }
.signal-stream-track { display: flex; align-items: center; width: max-content; min-width: 200%; height: 100%; gap: 24px; padding-right: 24px; color: #bdebf0; font: 10px var(--mono); letter-spacing: .12em; white-space: nowrap; animation: stream-flow 26s linear infinite; }
.signal-stream-track i { width: 5px; height: 5px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
@keyframes hero-radar-scan { 0%, 16% { transform: translateX(-35%); opacity: 0; } 23% { opacity: .72; } 66% { opacity: .72; } 76%, 100% { transform: translateX(35%); opacity: 0; } }
@keyframes radar-blip { 50% { transform: scale(1.7); opacity: .42; } }
@keyframes stream-flow { to { transform: translateX(-50%); } }
@media (max-width: 620px) { .hero-radar-overlay { inset-top: 22px; }.signal-stream { height: 46px; }.signal-stream-track { font-size: 8px; gap: 17px; padding-right: 17px; }.signal-stream::before, .signal-stream::after { width: 50px; } }
@media (prefers-reduced-motion: reduce) { .hero-radar-overlay .beam, .hero-radar-overlay .blip, .signal-stream-track { animation: none; }.hero-radar-overlay .beam { display: none; } }