/* KobraX SOC Sonar — eye-shaped visual layer, feature branch only */
.security-visual{overflow:visible!important;background:radial-gradient(ellipse at center,rgba(29,78,216,.17) 0 16%,rgba(0,240,255,.07) 27%,rgba(15,23,42,.035) 48%,transparent 72%)!important;filter:drop-shadow(0 18px 38px rgba(15,23,42,.08));isolation:isolate}
/* Eye-shaped sonar field */
.security-visual:before{content:""!important;position:absolute!important;left:2%!important;top:8%!important;width:96%!important;height:84%!important;border-radius:50%!important;background:repeating-radial-gradient(ellipse at center,transparent 0 42px,rgba(96,165,250,.075) 43px 44px)!important;box-shadow:inset 0 0 75px rgba(29,78,216,.055),0 0 45px rgba(0,240,255,.035)!important;clip-path:polygon(0 50%,14% 31%,32% 17%,50% 10%,68% 17%,86% 31%,100% 50%,86% 69%,68% 83%,50% 90%,32% 83%,14% 69%)!important;animation:kxSonarBreath 4s ease-in-out infinite!important;pointer-events:none!important}
.security-visual:after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:46%!important;height:2px!important;background:linear-gradient(90deg,transparent 0%,rgba(0,240,255,.08) 12%,rgba(0,240,255,.98) 100%)!important;transform-origin:left center!important;animation:kxSonarSweep 3.2s linear infinite!important;z-index:6!important;filter:drop-shadow(0 0 6px rgba(0,240,255,.7))!important;pointer-events:none!important}
/* Central lens */
.security-visual .visual-core{position:relative!important;z-index:7!important;width:154px!important;height:154px!important;flex-shrink:0!important;background:radial-gradient(circle at 35% 28%,#2B477B 0%,#142444 38%,#080F1E 100%)!important;border:1px solid rgba(103,232,249,.58)!important;box-shadow:0 0 0 12px rgba(29,78,216,.05),0 0 0 24px rgba(0,240,255,.022),0 0 58px rgba(0,180,255,.28),inset 0 0 38px rgba(0,240,255,.1)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:.38rem!important;padding:0!important;line-height:1!important;letter-spacing:.14em!important;color:#F8FAFC!important;font-size:1.08rem!important;font-weight:800!important;text-shadow:0 0 14px rgba(255,255,255,.22)!important;animation:kxSonarCore 2.6s ease-in-out infinite!important}
.security-visual .visual-core:before{content:"";position:absolute;width:72%;height:72%;border-radius:50%;border:1px solid rgba(0,240,255,.22);box-shadow:0 0 18px rgba(0,240,255,.08);animation:kxSonarInner 2.2s linear infinite;pointer-events:none}
.security-visual .visual-core:after{content:"LIVE  •  24/7"!important;position:absolute!important;left:50%!important;bottom:20px!important;top:auto!important;width:auto!important;height:auto!important;transform:translateX(-50%)!important;background:none!important;color:#67E8F9!important;font-size:.47rem!important;letter-spacing:.15em!important;white-space:nowrap!important;filter:none!important;animation:none!important;z-index:4!important}
.security-visual .visual-core small{display:block!important;margin:0!important;color:#67E8F9!important;font-size:.68rem!important;line-height:1!important;letter-spacing:.18em!important;text-shadow:0 0 10px rgba(0,240,255,.5)!important;position:relative!important;z-index:3!important}
/* Elliptical sonar waves */
.security-visual .orbit{position:absolute!important;z-index:3!important;background:transparent!important;border:1px solid rgba(96,165,250,.25)!important;border-radius:50%!important;box-shadow:inset 0 0 18px rgba(29,78,216,.025)!important;pointer-events:none!important}
.security-visual .orbit-1{width:43%!important;height:30%!important;min-width:190px!important;min-height:125px!important;animation:kxSonarOrbit 5s ease-in-out infinite!important}
.security-visual .orbit-2{width:66%!important;height:48%!important;min-width:290px!important;min-height:195px!important;animation:kxSonarOrbit 6.5s ease-in-out infinite reverse!important}
.security-visual .orbit-3{width:88%!important;height:66%!important;min-width:385px!important;min-height:270px!important;animation:kxSonarOrbit 8s ease-in-out infinite!important}
.security-visual .orbit:before{content:"";position:absolute;width:7px;height:7px;border-radius:50%;z-index:8;top:50%;left:0;transform:translate(-50%,-50%);animation:kxNode 2.6s linear infinite}
.security-visual .orbit-1:before{background:#67E8F9;box-shadow:0 0 4px #fff,0 0 14px rgba(0,240,255,.95)!important}
.security-visual .orbit-2:before{background:#60A5FA;box-shadow:0 0 4px #fff,0 0 14px rgba(96,165,250,.85)!important;animation-duration:3.2s;animation-direction:reverse}
.security-visual .orbit-3:before{background:#38BDF8;box-shadow:0 0 4px #fff,0 0 16px rgba(56,189,248,.9)!important;animation-duration:4s}
.security-visual .orbit:after{position:absolute!important;padding:.34rem .58rem!important;border:1px solid rgba(147,197,253,.6)!important;border-radius:999px!important;background:rgba(248,250,252,.97)!important;box-shadow:0 5px 18px rgba(15,23,42,.1),0 0 12px rgba(96,165,250,.08)!important;font-family:var(--font-body)!important;font-size:.58rem!important;font-weight:800!important;letter-spacing:.13em!important;line-height:1!important;white-space:nowrap!important;animation:kxSonarLabel 3s ease-in-out infinite!important}
.security-visual .orbit-1:after{content:"DETECT";top:-12px;left:50%;transform:translateX(-50%);color:#0369A1!important;border-color:rgba(103,232,249,.75)!important}
.security-visual .orbit-2:after{content:"ANALYZE";bottom:-12px;left:50%;transform:translateX(-50%);color:#1D4ED8!important;border-color:rgba(96,165,250,.55)!important;animation-delay:.4s!important}
.security-visual .orbit-3:after{content:"RESPOND";right:-18px;top:50%;transform:translateY(-50%);color:#1E3A8A!important;border-color:rgba(147,197,253,.65)!important;animation-delay:.8s!important}
@keyframes kxSonarSweep{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes kxSonarBreath{0%,100%{opacity:.72;transform:scale(.985)}50%{opacity:1;transform:scale(1)}}
@keyframes kxSonarCore{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.025);filter:brightness(1.14)}}
@keyframes kxSonarInner{to{transform:rotate(360deg)}}
@keyframes kxSonarOrbit{0%,100%{opacity:.68}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(96,165,250,.18))}}
@keyframes kxSonarLabel{0%,100%{opacity:.82}50%{opacity:1}}
@keyframes kxNode{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:768px){.security-visual{transform:scale(.78)!important;margin:-30px auto!important}.security-visual .visual-core{width:132px!important;height:132px!important}.security-visual .orbit-1{width:43%!important;height:30%!important;min-width:165px!important;min-height:105px!important}.security-visual .orbit-2{width:66%!important;height:48%!important;min-width:230px!important;min-height:160px!important}.security-visual .orbit-3{width:88%!important;height:66%!important;min-width:305px!important;min-height:220px!important}.security-visual .orbit-3:after{right:-10px}}
@media(prefers-reduced-motion:reduce){.security-visual,.security-visual:before,.security-visual:after,.security-visual .visual-core,.security-visual .visual-core:before,.security-visual .orbit,.security-visual .orbit:after,.security-visual .orbit:before{animation:none!important}}