/* Supplied 1672 × 941 artwork keeps its original pixels and color. */
.capability-scene{position:absolute;left:71%;top:51%;width:min(100%,167.022svh,1672px);aspect-ratio:1672/941;transform:translate(-71%,-49%);pointer-events:none;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent),linear-gradient(0deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.capability-camera,.capability-frame,.capability-frame picture,.capability-image,.capability-drone{position:absolute;inset:0;width:100%;height:100%}
.capability-camera{transform-origin:50% 50%;animation:capability-activate 1.3s cubic-bezier(.22,.61,.36,1) forwards,capability-drift 18s 1.3s ease-in-out infinite alternate}
.capability-frame{opacity:0;--sphere-x:70%;--sphere-y:40%;--sphere-width:35%;--sphere-height:63%}
.capability-frame.is-current{opacity:1}.capability-frame.is-blending{will-change:opacity}
.capability-image,.capability-drone{display:block;object-fit:cover;object-position:50% 50%}
.capability-drone{mask-image:radial-gradient(ellipse 21% 18% at 23% 20%,#000 25%,#000c 45%,transparent 100%);transform-origin:23% 20%;animation:capability-hover 5.4s ease-in-out infinite}
.capability-frame[data-has-drone="false"] .capability-drone{display:none}
.capability-glow,.capability-scan,.capability-particles{position:absolute;left:var(--sphere-x);top:var(--sphere-y);width:var(--sphere-width);height:var(--sphere-height);transform:translate(-50%,-50%);pointer-events:none}
.capability-glow{background:radial-gradient(ellipse,#b6ecf902 10%,#b6ecf912 47%,#b6ecf905 65%,transparent 75%);mix-blend-mode:screen;animation:capability-pulse 5.6s ease-in-out infinite}
.capability-scan{overflow:hidden;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%);mix-blend-mode:screen;opacity:.13}
.capability-scan i{position:absolute;inset:-10% -40%;background:linear-gradient(107deg,transparent 37%,#c5eff400 45%,#c5eff447 50%,#c5eff40a 56%,transparent 65%);animation:capability-scan 8.6s ease-in-out infinite}
.capability-particles{mix-blend-mode:screen}
.capability-particles i{position:absolute;width:var(--point-size);height:var(--point-size);border-radius:50%;background:var(--point-color);opacity:.45;animation:capability-particle var(--point-duration) var(--point-delay) ease-in-out infinite}
.capability-particles i:nth-child(13n){box-shadow:0 0 6px 1px #a0e4e859}
.capability-scene *{animation-play-state:paused!important}.capability-scene[data-running="true"] *{animation-play-state:running!important}
.intro-sequence{gap:clamp(12px,1.7vw,28px)}
.intro-sequence .capability-pause{width:22px;height:22px;flex:none;justify-content:center;margin:-5px 0 0 8px;color:#a9c1ba;border:1px solid #bed7cf35;border-radius:50%}
.intro-sequence button:focus-visible{outline:1px solid #b5d6cd;outline-offset:5px}
.capability-pause svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4}.capability-play-icon{display:none}
.capability-pause[aria-pressed="true"] .capability-pause-icon{display:none}.capability-pause[aria-pressed="true"] .capability-play-icon{display:block}
.capability-pause:focus-visible{outline:2px solid #b5d6cd;outline-offset:4px}
/* Darken only where the existing copy and header need contrast. No image filters. */
.intro-concept-page .intro-readability{opacity:1;background:radial-gradient(ellipse 43% 56% at 10% 57%,#050b0df5 8%,#050b0dd9 43%,#050b0d9c 64%,transparent 100%),linear-gradient(0deg,#050b0d 0%,#050b0d99 12%,transparent 35%),linear-gradient(180deg,#050b0d 0%,#050b0d80 13%,transparent 28%)}
@keyframes capability-activate{from{transform:scale(1)}to{transform:scale(1.015)}}
@keyframes capability-drift{0%{transform:translate(0,0) scale(1.015)}50%{transform:translate(-5px,3px) scale(1.023)}100%{transform:translate(6px,-4px) scale(1.018)}}
@keyframes capability-hover{0%,100%{transform:translate(-1px,-2px) rotate(-.2deg)}50%{transform:translate(3px,5px) rotate(.3deg)}}
@keyframes capability-pulse{0%,100%{opacity:.32;transform:translate(-50%,-50%) scale(1)}50%{opacity:.55;transform:translate(-50%,-50%) scale(1.008)}}
@keyframes capability-scan{0%,12%{transform:translateX(-80%)}88%,100%{transform:translateX(80%)}}
@keyframes capability-particle{0%,100%{transform:translate(0,0) scale(.75);opacity:.18}30%{transform:translate(calc(var(--point-x)*.55),calc(var(--point-y)*-.3)) scale(1);opacity:.76}62%{transform:translate(var(--point-x),var(--point-y)) scale(.85);opacity:.55}82%{transform:translate(calc(var(--point-x)*.25),calc(var(--point-y)*.7));opacity:.3}}
@media(max-width:760px){
 .capability-scene{left:50%;top:max(365px,48%);width:calc(100% + 12px);transform:translate(-50%,0);mask-image:linear-gradient(0deg,transparent,#000 8%,#000 94%,transparent)}
 .capability-camera{animation-name:capability-activate-mobile,capability-drift-mobile}.capability-drone{animation-name:capability-hover-mobile}
 .capability-particles{display:none}.capability-scan{opacity:.07}.capability-glow{opacity:.3}
 .intro-sequence{gap:10px;justify-content:space-between}.intro-sequence button{font-size:8px;letter-spacing:.25px}.intro-sequence button small{display:none}
 .intro-sequence .capability-pause{margin-left:0}
 .intro-concept-page .intro-readability{background:linear-gradient(180deg,#050b0d 0%,#050b0df5 35%,#050b0d70 46%,transparent 59%,transparent 72%,#050b0d 94%)}
}
@keyframes capability-activate-mobile{from{transform:scale(1)}to{transform:scale(1.008)}}
@keyframes capability-drift-mobile{0%{transform:translate(0,0) scale(1.008)}50%{transform:translate(-2.5px,1.5px) scale(1.012)}100%{transform:translate(3px,-2px) scale(1.009)}}
@keyframes capability-hover-mobile{0%,100%{transform:translate(-.5px,-1px) rotate(-.1deg)}50%{transform:translate(1.5px,2.5px) rotate(.15deg)}}
@media(prefers-reduced-motion:reduce){
 .capability-scene *{animation:none!important}.capability-drone,.capability-glow,.capability-scan,.capability-particles,.capability-pause{display:none!important}
 .intro-concept-page .intro-viewport{height:100svh;min-height:590px;padding:0}.intro-concept-page .intro-copy-stack{position:absolute;left:8%;right:auto;top:29%;width:31%;max-width:470px;min-height:310px}
 .intro-concept-page .intro-copy{position:absolute;margin:0}.intro-copy:not(:first-child){display:none!important}
 .capability-camera{transform:none}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.intro-concept-page .intro-viewport{min-height:660px}.intro-concept-page .intro-copy-stack{left:8%;right:8%;top:15%;width:auto;max-width:none;min-height:220px}}
