/* Transparent atmospheric illustration; CSS transforms/opacity, no animated filters. */
.protection-motion{position:relative;isolation:isolate;width:100%;max-width:620px;aspect-ratio:600/480;margin:auto;color:#8de7d4;pointer-events:none;user-select:none;background:none;border:0;box-shadow:none;overflow:clip}
.protection-motion svg{position:relative;width:100%;height:100%;display:block;overflow:visible}
.pm-atmosphere{position:absolute;inset:10% 0 0;background:radial-gradient(ellipse at 54% 55%,#7ce8cc12,transparent 65%);pointer-events:none}
.pm-floor-sweep,.pm-radar-sweep{position:absolute;width:76.666%;aspect-ratio:1;left:50%;top:64.583%;transform:translate(-50%,-50%) scaleY(.326);border-radius:50%;overflow:hidden;opacity:.65}
.pm-radar-sweep{width:60.666%;top:54.166%;transform:translate(-50%,-50%);opacity:.5}
.pm-sweep{width:100%;height:100%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg 270deg,#87f5d903 275deg,#87f5d91b 330deg,#b5ffe863 359deg,transparent 360deg);animation:pm-sweep 14s linear infinite}
.pm-origin-pulse,.pm-target-pulse{transform-box:fill-box;transform-origin:center;animation:pm-pulse 7s ease-out infinite;opacity:.5}
.pm-target-pulse{animation-duration:7s}
.pm-return{animation:pm-return 14s ease-in-out infinite}
.pm-return--second{animation-delay:-6s}.pm-return--third{animation-delay:-10s}
.pm-return--second .pm-target-pulse{animation-delay:-3s}.pm-return--third .pm-target-pulse{animation-delay:-5s}
.pm-caption{position:absolute;bottom:2%;left:0;right:0;display:flex;justify-content:center;gap:12px;color:#b9dad8;font-size:10px;letter-spacing:.08em;text-transform:uppercase;line-height:1.5}
.pm-caption i{font-style:normal;opacity:.5}
.protection-motion[data-motion-variant="flight"] .pm-dome{opacity:.5}
.protection-motion[data-motion-variant="flight"] .pm-sweep{animation-duration:12s}
.pm-flight{animation:pm-flight 12s linear infinite}
.pm-aircraft{color:#c6f6ed}
.pm-radar-head{transform-box:view-box;transform-origin:0 0;animation:pm-radar-head 12s linear infinite}
.pm-target-lock,.pm-detection-line{animation:pm-detect 12s linear infinite;opacity:0}
.protection-motion :is(.pm-sweep,.pm-origin-pulse,.pm-target-pulse,.pm-return,.pm-flight,.pm-radar-head,.pm-target-lock,.pm-detection-line){animation-play-state:paused}
.protection-motion.is-running :is(.pm-sweep,.pm-origin-pulse,.pm-target-pulse,.pm-return,.pm-flight,.pm-radar-head,.pm-target-lock,.pm-detection-line){animation-play-state:running}
.services-hero:has(.protection-motion){grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:24px}
@keyframes pm-sweep{to{transform:rotate(360deg)}}
@keyframes pm-pulse{0%,15%{transform:scale(.4);opacity:0}25%{opacity:.7}75%,100%{transform:scale(1.8);opacity:0}}
@keyframes pm-return{0%,10%,95%,100%{opacity:.25}25%,65%{opacity:1}}
@keyframes pm-flight{0%{transform:translate(215px,-40px) rotate(-10.54deg);opacity:0}12%{opacity:.8}50%{transform:translate(0,0) rotate(-10.54deg);opacity:1}88%{opacity:.8}100%{transform:translate(-215px,40px) rotate(-10.54deg);opacity:0}}
@keyframes pm-radar-head{from{transform:rotateY(0deg) skewY(-10deg)}to{transform:rotateY(360deg) skewY(-10deg)}}
@keyframes pm-detect{0%,37%,68%,100%{opacity:0}43%,58%{opacity:.7}}
@media(max-width:900px){.services-hero:has(.protection-motion){grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:12px}.pm-caption{font-size:9px;gap:8px}}
@media(max-width:650px){.services-hero:has(.protection-motion){display:block}.services-hero .protection-motion{max-width:430px;margin:20px auto 0}.pm-caption{font-size:10px;gap:12px}}
@media(prefers-reduced-motion:reduce){.protection-motion :is(.pm-sweep,.pm-origin-pulse,.pm-target-pulse,.pm-return,.pm-flight,.pm-radar-head,.pm-target-lock,.pm-detection-line){animation:none!important}.pm-flight{transform:translate(0,0) rotate(-10.54deg);opacity:1}.pm-target-lock,.pm-detection-line{opacity:.4}.pm-target-pulse,.pm-origin-pulse{opacity:.3}.pm-sweep{transform:rotate(32deg)}}

/* A body sibling avoids the transform on .page-view establishing a fixed containing block. */
.protection-page-background{display:none;position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;user-select:none}
body[data-view="services-protection"]{isolation:isolate}
body[data-view="services-protection"] .protection-page-background{display:block}
.protection-page-background .protection-motion{position:absolute;width:max(110vw,1050px);max-width:none;left:64%;top:50%;transform:translate(-50%,-47%);opacity:.62}
.protection-page-background::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(13,20,27,.85),rgba(13,20,27,.45) 38%,transparent 76%),linear-gradient(0deg,rgba(13,20,27,.4),transparent 22%,transparent 83%,rgba(13,20,27,.6))}
.protection-page-background .pm-caption{display:none}
.protection-page-background .pm-dome{opacity:.8!important}
#services-protection .services-hero{display:block}
#services-protection .services-hero>div{max-width:730px}
@media(max-width:650px){.protection-page-background .protection-motion{width:900px;left:60%;opacity:.44}.protection-page-background::after{background:linear-gradient(90deg,rgba(13,20,27,.65),rgba(13,20,27,.15)),linear-gradient(0deg,rgba(13,20,27,.45),transparent 80%)}}
