/* Naval radar background for the company introduction. */
.intro#company{background:radial-gradient(ellipse at 53% 42%,#0c3045 0%,#081e30 32%,#061522 68%,#040d17 100%)}
.intro#company:before{opacity:.12;animation:none}
.intro#company .intro-orbit,.intro#company .intro-scanlines,.intro#company .intro-watermark{display:none}
.intro#company .section-label,.intro#company .intro-copy,.intro#company .intro-body,.intro#company .metrics{z-index:2}
.naval-radar{--radar-size:min(72vw,1000px);position:absolute;z-index:0;left:52%;top:36%;width:var(--radar-size);height:var(--radar-size);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;opacity:.86;filter:drop-shadow(0 0 32px rgba(12,123,178,.2))}
.naval-radar-dial{position:absolute;inset:0;border:1px solid rgba(89,177,219,.4);border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0 9.8%,rgba(81,167,213,.3) 10%,transparent 10.2%),linear-gradient(90deg,transparent calc(50% - .5px),rgba(92,182,224,.43) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(92,182,224,.43) 50%,transparent calc(50% + .5px));box-shadow:inset 0 0 60px rgba(38,154,211,.12),0 0 0 12px rgba(53,145,191,.025),0 0 0 14px rgba(80,169,213,.12),0 0 0 26px rgba(53,145,191,.02)}
.naval-radar-dial:before{content:"";position:absolute;inset:-2%;border-radius:50%;border:1px dotted rgba(124,205,238,.28)}
.naval-radar-dial:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(115,203,239,.42) 0deg .16deg,transparent .16deg 5deg);mask:radial-gradient(circle,transparent 0 95%,#000 95.4% 99%,transparent 99.5%)}
.naval-radar-sweep{position:absolute;inset:0;border-radius:50%;overflow:hidden;animation:navalSweep 14s linear infinite;will-change:transform}
.naval-radar-sweep:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -91deg at 50% 50%,rgba(93,205,255,.72) 0deg,rgba(58,175,227,.48) 7deg,rgba(19,118,176,.19) 20deg,rgba(16,80,131,.06) 35deg,transparent 58deg 360deg);mask:radial-gradient(circle,#000 0 98%,transparent 100%);filter:blur(2px)}
.naval-radar-sweep:after{content:"";position:absolute;left:50%;top:50%;height:1px;width:50%;transform-origin:left center;transform:rotate(-90deg);background:linear-gradient(90deg,rgba(132,221,255,.96),rgba(107,209,255,.6),transparent);box-shadow:0 0 14px 2px rgba(87,201,255,.55)}
.radar-heading{position:absolute;color:rgba(176,222,243,.8);font:500 12px/1 Inter,sans-serif;letter-spacing:.12em}
.radar-heading-n{top:3%;left:50%;transform:translateX(-50%)}.radar-heading-e{right:2%;top:50%;transform:translateY(-50%)}.radar-heading-s{bottom:3%;left:50%;transform:translateX(-50%)}.radar-heading-w{left:2%;top:50%;transform:translateY(-50%)}
.radar-center{position:absolute;width:8px;height:8px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:#e6faff;box-shadow:0 0 0 8px rgba(122,213,251,.08),0 0 25px 6px rgba(113,208,253,.72)}
.radar-contact{position:absolute;display:grid;place-items:center;width:6%;height:12%;transform:translate(-50%,-50%);filter:drop-shadow(0 0 7px rgba(91,196,246,.85));animation:navalContact 5s ease-in-out infinite}
.radar-contact svg{height:72%;width:45%;fill:rgba(76,170,219,.12);stroke:#a4e0fa;stroke-width:1.15;stroke-linejoin:round}
.radar-contact:before,.radar-contact:after{content:"";position:absolute;width:28%;height:15%;border:1px solid rgba(134,217,255,.72)}
.radar-contact:before{top:1%;left:2%;border-right:0;border-bottom:0}.radar-contact:after{bottom:1%;right:2%;border-left:0;border-top:0}
.radar-contact-a{left:38%;top:23%;transform:translate(-50%,-50%) rotate(37deg)}.radar-contact-b{left:73%;top:36%;transform:translate(-50%,-50%) rotate(-28deg);animation-delay:-1.7s}.radar-contact-c{left:28%;top:76%;transform:translate(-50%,-50%) rotate(-35deg);animation-delay:-3.1s}.radar-contact-d{left:70%;top:75%;transform:translate(-50%,-50%) rotate(29deg);animation-delay:-2.4s}
@keyframes navalSweep{to{transform:rotate(360deg)}}@keyframes navalContact{50%{opacity:.56}}
@media(max-width:1000px){.naval-radar{--radar-size:100vw;left:62%;top:32%;opacity:.58}}
@media(max-width:700px){.naval-radar{--radar-size:125vw;left:54%;top:20%;opacity:.42}.intro#company{background:radial-gradient(ellipse at 55% 20%,#0b2a40 0%,#071b2b 46%,#040d17 100%)}}
@media(prefers-reduced-motion:reduce){.naval-radar-sweep,.radar-contact{animation:none}}

/* Aerial harbor texture and detailed navigational instrumentation. */
.intro#company{background:#061522}
.intro#company:after{inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,13,23,.58),rgba(3,17,29,.22) 49%,rgba(3,14,24,.58)),linear-gradient(0deg,#04101b 0%,transparent 32%,transparent 78%,rgba(2,12,21,.5)),url('./assets/naval-radar-harbor.webp') center top/cover no-repeat;opacity:.9}
.intro#company:before{z-index:-1;opacity:.17;background-size:24vw 24vw}
.naval-radar{opacity:1;filter:drop-shadow(0 0 40px rgba(12,123,178,.25))}
.naval-radar-dial{border-color:rgba(118,201,242,.48);background:repeating-radial-gradient(circle at center,transparent 0 9.84%,rgba(82,172,219,.35) 10%,transparent 10.15%),repeating-conic-gradient(from 0deg,transparent 0deg 29.85deg,rgba(110,197,235,.15) 30deg,transparent 30.15deg 60deg),linear-gradient(90deg,transparent calc(50% - .5px),rgba(112,199,239,.5) 50%,transparent calc(50% + .5px)),linear-gradient(0deg,transparent calc(50% - .5px),rgba(112,199,239,.5) 50%,transparent calc(50% + .5px));box-shadow:inset 0 0 95px rgba(15,105,155,.12),0 0 0 13px rgba(53,145,191,.02),0 0 0 15px rgba(80,169,213,.16)}
.naval-radar-sweep{animation-duration:16s}
.radar-contact{width:7%;height:13%;animation:navalShipTravel 24s ease-in-out infinite alternate;filter:drop-shadow(0 0 7px rgba(116,217,255,.86))}
.radar-contact svg{height:75%;width:54%;stroke:#c1edff;stroke-width:1.25;filter:drop-shadow(0 0 3px #5bcaff)}
.radar-contact-a{--heading:37deg;--travel-x:25px;--travel-y:-20px;animation-duration:25s}
.radar-contact-b{--heading:-28deg;--travel-x:-18px;--travel-y:-29px;animation-duration:29s}
.radar-contact-c{--heading:-35deg;--travel-x:-25px;--travel-y:16px;animation-duration:31s}
.radar-contact-d{--heading:29deg;--travel-x:28px;--travel-y:23px;animation-duration:27s}
@keyframes navalShipTravel{0%{transform:translate(-50%,-50%) rotate(var(--heading));opacity:.78}50%{opacity:1}100%{transform:translate(calc(-50% + var(--travel-x)),calc(-50% + var(--travel-y))) rotate(var(--heading));opacity:.86}}
.radar-status{position:absolute;z-index:3;right:4vw;top:8.5rem;width:156px;padding:14px 18px 12px;border:1px solid rgba(133,203,234,.36);background:rgba(3,18,31,.48);backdrop-filter:blur(9px);display:flex;flex-direction:column;gap:3px;color:#d4e9f3}
.radar-status span{font:600 10px/1.3 Inter,sans-serif;letter-spacing:.14em;color:#b5cad7}
.radar-status strong{font:500 18px/1.25 Inter,sans-serif;padding-bottom:7px;margin-bottom:5px;border-bottom:1px solid rgba(146,202,227,.25)}
.radar-status strong:last-child{border:0;padding:0;margin:0;font-size:11px;letter-spacing:.12em;color:#82d8ff}
.radar-status-live:before{content:"";display:inline-block;width:5px;height:5px;margin-right:6px;vertical-align:middle;border-radius:50%;background:#80d8ff;box-shadow:0 0 8px #80d8ff;animation:navalStatus 2s ease-in-out infinite}
@keyframes navalStatus{50%{opacity:.28}}
.radar-compass{position:absolute;z-index:2;left:3.7vw;bottom:9rem;display:flex;align-items:center;gap:1rem;color:#daeaf1}
.radar-compass>div{width:58px;height:58px;border:1px solid rgba(159,214,237,.58);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.radar-compass i{font:normal 38px/1 Georgia,serif;color:#e1f5ff;text-shadow:0 0 12px #75c7ed}
.radar-compass span{position:absolute;font:500 9px Inter,sans-serif}.radar-compass span:first-child{top:-13px}.radar-compass span:last-child{bottom:-13px}
.radar-compass p{font:500 10px/1.9 Inter,sans-serif;letter-spacing:.16em}.radar-compass small{font:500 9px Inter,sans-serif;letter-spacing:.25em;color:#9bc1d2}
@media(max-width:1000px){.naval-radar{opacity:.7}.radar-status{top:7rem;right:5vw}.radar-compass{display:none}}
@media(max-width:700px){.intro#company:after{background-position:38% top}.naval-radar{opacity:.6;top:24%}.radar-status{top:5.7rem;right:6vw;width:98px;padding:8px 10px;gap:1px}.radar-status span{font-size:7px}.radar-status strong{font-size:11px;margin-bottom:2px;padding-bottom:3px}.radar-status strong:last-child{font-size:8px}.radar-contact{width:9%;height:17%}}
@media(prefers-reduced-motion:reduce){.radar-status-live:before,.radar-contact{animation:none}}

/* Keep the complete dial and every target inside the opening company frame. */
.intro#company:after{background-size:auto,auto,cover;background-position:center,center,center center;background-repeat:no-repeat}
.naval-radar{--radar-size:min(47vw,680px);left:52%;top:30rem}
@media(max-width:1000px){.naval-radar{--radar-size:min(68vw,570px);left:53%;top:26rem}}
@media(max-width:700px){.intro#company:after{background-position:center,center,32% center}.naval-radar{--radar-size:min(88vw,420px);left:50%;top:18rem}}

/* Reserve a separate top row for the radar readout, above the company copy. */
.intro#company .radar-status{top:1.5rem;right:7vw;width:auto;max-width:86%;display:flex;flex-direction:row;gap:24px;padding:14px 18px;pointer-events:none}
.intro#company .radar-status>div{display:flex;flex-direction:column;gap:6px;min-width:0}
.intro#company .radar-status span{font:600 10px/1.3 Inter,sans-serif;letter-spacing:.1em}
.intro#company .radar-status strong{font:500 15px/1.3 Inter,sans-serif;letter-spacing:.04em;border:0;margin:0;padding:0;color:#d4e9f3}
.intro#company .radar-status .radar-status-live{color:#82d8ff;font-size:11px}
@media(max-width:700px){.intro#company .radar-status{left:6vw;right:6vw;top:1rem;max-width:none;justify-content:space-between;gap:12px;padding:12px}.intro#company .radar-status span{font-size:9px}.intro#company .radar-status strong{font-size:13px}}