/* 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}
.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}
.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 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}
.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:auto!important;cursor:crosshair!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)}}
.security-visual{--kx-focus:0;--kx-energy:.35;transition:filter .35s ease,transform .35s ease}.security-visual:hover{--kx-focus:1;filter:drop-shadow(0 20px 46px rgba(29,78,216,.16))}.security-visual .orbit-1,.security-visual .orbit-2,.security-visual .orbit-3{transition:border-color .3s ease,box-shadow .3s ease,opacity .3s ease}.security-visual:has(.orbit-1:hover) .orbit-1{border-color:rgba(0,240,255,.72)!important;box-shadow:0 0 22px rgba(0,240,255,.12),inset 0 0 20px rgba(0,240,255,.04)!important}.security-visual:has(.orbit-2:hover) .orbit-2{border-color:rgba(96,165,250,.8)!important;box-shadow:0 0 26px rgba(29,78,216,.16),inset 0 0 22px rgba(29,78,216,.04)!important}.security-visual:has(.orbit-3:hover) .orbit-3{border-color:rgba(56,189,248,.8)!important;box-shadow:0 0 30px rgba(56,189,248,.14),inset 0 0 24px rgba(56,189,248,.04)!important}.security-visual .visual-core:after{content:"";position:absolute!important;inset:-38px!important;border-radius:50%!important;border:1px dashed rgba(96,165,250,.13)!important;box-shadow:0 0 30px rgba(0,240,255,.035)!important;animation:kxTopology 9s linear infinite!important;pointer-events:none!important}.security-visual .orbit-1:hover,.security-visual .orbit-2:hover,.security-visual .orbit-3:hover{opacity:1!important}.security-visual:hover .visual-core{box-shadow:0 0 0 14px rgba(29,78,216,.07),0 0 0 29px rgba(0,240,255,.03),0 0 70px rgba(0,180,255,.34),inset 0 0 42px rgba(0,240,255,.13)!important}.security-visual:hover .orbit:before{box-shadow:0 0 6px #fff,0 0 18px rgba(0,240,255,.95)!important}.security-visual:hover:before{opacity:1!important}@keyframes kxTopology{to{transform:rotate(360deg)}}

/* FIX: decorative page grid must never paint over interactive content. */
.hero,.section{isolation:isolate;position:relative}.hero:before,.section:not(.globe-section):before{z-index:0!important;pointer-events:none!important}.hero>* ,.section>*{position:relative;z-index:1!important}.hero-content,.container,.capability-grid,.capability-card,.hero-actions,.section-header,.split-feature,.ai-flow,.ai-tags,.proof-grid,.cta,.tech-logos{position:relative;z-index:1}

@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}.security-visual .visual-core:after{inset:-30px!important}}
@media(prefers-reduced-motion:reduce){.security-visual,.security-visual:before,.security-visual:after,.security-visual .visual-core,.security-visual .visual-core:before,.security-visual .visual-core:after,.security-visual .orbit,.security-visual .orbit:after,.security-visual .orbit:before{animation:none!important;transition:none!important}}
