.hero{position:relative;isolation:isolate;aspect-ratio:2160/728;background:#06111d}
.hero-scene{position:absolute;inset:0;overflow:hidden;animation:agent-camera 15s ease-in-out infinite;transform-origin:68% 42%}
.hero .hero-backdrop,.hero .hero-agent{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-backdrop{z-index:0}
.hero .hero-agent{z-index:4;clip-path:polygon(69% 2%,82% 3%,88% 12%,86% 31%,91% 43%,95% 100%,62% 100%,64% 67%,65% 42%,69% 30%,67% 15%);pointer-events:none}
.hero-haze{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 69% 14%,#8bd4ff18,transparent 55%);animation:agent-haze 15s ease-in-out infinite;pointer-events:none}
.hero-flight{position:absolute;left:0;top:3%;width:24%;height:auto;aspect-ratio:520/180;z-index:3;animation:agent-flyby 15s linear infinite;will-change:transform,opacity;filter:drop-shadow(0 2px 3px #0008)}
.hero .hero-jet{position:relative;display:block;width:100%;height:auto;z-index:1}
.jet-trail{position:absolute;right:89%;top:60%;width:120%;height:2px;background:linear-gradient(90deg,transparent,#80c7ed44);filter:blur(1px);transform:rotate(-1deg);transform-origin:right center}
.city-glints{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(circle at 53% 56%,#b2e9ffb0 0 1px,transparent 2px),radial-gradient(circle at 62% 70%,#98dfff90 0 1px,transparent 2px),radial-gradient(circle at 89% 67%,#b2e9ffb0 0 1px,transparent 2px),radial-gradient(circle at 94% 36%,#b2e9ffb0 0 1px,transparent 2px);animation:agent-city 15s ease-in-out infinite}
.hero-motion-toggle{position:absolute;z-index:6;left:12px;bottom:12px;background:#06111ed9;border:1px solid #a1d3f14d;color:#c3e7fb;border-radius:4px;padding:7px 10px;font:10px "Segoe UI",Arial,sans-serif;backdrop-filter:blur(8px)}
.hero-motion-toggle:hover{background:#122c43;border-color:#9bdfff}
.hero-motion-toggle[hidden]{display:none!important}
.hero[data-paused="true"] .hero-scene,.hero[data-paused="true"] .hero-flight,.hero[data-paused="true"] .hero-haze,.hero[data-paused="true"] .city-glints{animation-play-state:paused}
@keyframes agent-camera{0%,100%{transform:scale(1.025) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-.35%,.2%,0)}}
@keyframes agent-flyby{0%{transform:translate3d(-160%,-5%,0) scale(.86);opacity:0}5%{opacity:.84}83%{opacity:.84}94%,100%{transform:translate3d(520%,22%,0) scale(.96);opacity:0}}
@keyframes agent-haze{0%,100%{opacity:.25;transform:translate3d(-1%,0,0)}50%{opacity:.75;transform:translate3d(1%,0,0)}}
@keyframes agent-city{0%,100%{opacity:.12}25%{opacity:.7}45%{opacity:.2}75%{opacity:.65}}
@media(prefers-reduced-motion:reduce){.hero-scene,.hero-flight,.hero-haze,.city-glints{animation:none!important;will-change:auto}.hero-flight{display:none}.hero-haze{opacity:.3}.hero-motion-toggle{display:none}}
@media(max-width:740px){.hero-motion-toggle{left:7px;bottom:7px;padding:5px 7px;font-size:9px}}