/* Shared progressive 3D presentation. Content remains usable without JS. */
:root{--motion-accent:108,110,255;--motion-second:51,218,243}
body[data-product-motion="redteam"]{--motion-accent:40,203,160;--motion-second:76,129,246}
.kv-depth-stage{position:relative;isolation:isolate}
.kv-orbit-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1;perspective:950px;opacity:.7;contain:paint}
.kv-orbit-core{position:absolute;width:clamp(280px,52vw,720px);aspect-ratio:1;left:50%;top:44%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(var(--motion-accent),.16),transparent 66%);filter:blur(12px)}
.kv-orbit-ring{position:absolute;left:50%;top:43%;width:clamp(300px,63vw,860px);aspect-ratio:1;border:1px solid rgba(var(--motion-second),.21);border-radius:50%;box-shadow:inset 0 0 35px rgba(var(--motion-accent),.05),0 0 40px rgba(var(--motion-second),.035);transform-style:preserve-3d;animation:kv-orbit 32s linear infinite}
.kv-orbit-ring:nth-child(3){width:clamp(270px,53vw,740px);animation-duration:42s;animation-direction:reverse;border-color:rgba(var(--motion-accent),.3)}
.kv-orbit-ring:nth-child(4){width:clamp(320px,73vw,1000px);animation-duration:55s;border-style:dashed;opacity:.45}
.kv-orbit-ring:after{content:"";position:absolute;top:12%;left:14%;width:7px;height:7px;border-radius:50%;background:rgb(var(--motion-second));box-shadow:0 0 18px rgba(var(--motion-second),.8)}
@keyframes kv-orbit{from{transform:translate(-50%,-50%) rotateX(66deg) rotateY(-12deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(66deg) rotateY(-12deg) rotateZ(360deg)}}
.kv-depth-card{transform:perspective(1100px) rotateX(var(--kv-rx,0deg)) rotateY(var(--kv-ry,0deg));transition:transform .28s ease,box-shadow .28s ease;transform-style:preserve-3d}
.kv-depth-card:hover{box-shadow:0 26px 70px rgba(0,0,0,.25),0 0 0 1px rgba(var(--motion-second),.12)}
.kv-motion-toggle{position:fixed;right:18px;bottom:18px;z-index:90;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:10px 15px;background:#111724;color:#e3e9f3;font:500 12px/1.2 system-ui;box-shadow:0 6px 24px #0004;cursor:pointer}
.kv-motion-toggle:focus-visible{outline:2px solid #70e5e5;outline-offset:4px}
body[data-motion-paused="true"] .kv-orbit-ring{animation-play-state:paused}
body[data-motion-paused="true"] .kv-depth-card{transform:none!important}
body[data-motion-paused="true"] .aurora,body[data-motion-paused="true"] .wave i{animation-play-state:paused!important}
@media(max-width:760px),(pointer:coarse){.kv-orbit-scene{opacity:.35}.kv-depth-card{transform:none!important}.kv-motion-toggle{bottom:12px;right:12px}.kv-orbit-ring{animation-duration:65s}}
@media(prefers-reduced-motion:reduce){.kv-orbit-ring{animation:none!important}.kv-depth-card{transform:none!important;transition:none!important}.kv-orbit-scene{opacity:.3}}