/* Atmospheric motion for the original AI artwork. Text stays still. */
.home-hero,.strategy-hero{position:relative}
.hero-image{animation:none}
.ai-visual{overflow:hidden;isolation:isolate;--pointer-x:0px;--pointer-y:0px}
.ai-visual::before,.ai-visual::after{content:"";position:absolute;pointer-events:none;inset:-15%;z-index:1;opacity:0}
.ai-visual::before{background:linear-gradient(115deg,transparent 38%,rgba(128,229,210,.02) 43%,rgba(128,229,210,.19) 49%,rgba(168,222,255,.07) 54%,transparent 61%);mix-blend-mode:screen}
.ai-visual::after{background:radial-gradient(ellipse at 65% 40%,rgba(83,222,215,.23),transparent 48%);mix-blend-mode:screen}
.ai-visual>img{transform:scale(1.045);transition:translate 1.2s ease-out;translate:var(--pointer-x) var(--pointer-y)}
.ai-points{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at 24% 65%,#a8eee4 0 1.5px,transparent 3px),radial-gradient(circle at 72% 24%,#a8eee4 0 1px,transparent 3px),radial-gradient(circle at 61% 77%,#c0e8ff 0 1.5px,transparent 3px),radial-gradient(circle at 82% 61%,#a8eee4 0 1px,transparent 3px),radial-gradient(circle at 37% 32%,#c0e8ff 0 1px,transparent 3px);opacity:0}
.strategy-image>span:not(.ai-points),.art-label{z-index:3}
.strategy-image>.ai-points{inset:0;bottom:0;left:0}
.motion-ready .ai-visual::before{animation:ai-light-pass 13s ease-in-out infinite}
.motion-ready .ai-visual::after{animation:ai-breathe 9s ease-in-out infinite}
.motion-ready .ai-points{animation:ai-data-drift 12s ease-in-out infinite}
.motion-ready .ai-visual>img{animation:ai-float 16s ease-in-out infinite}
.motion-ready .hero-image{animation:ai-hero-drift 20s ease-in-out infinite}
.priority-art::before{animation-delay:-5s!important}
.priority-art::after{animation-delay:-3s!important}
.motion-paused .ai-visual,.motion-paused .ai-visual::before,.motion-paused .ai-visual::after,.motion-paused .ai-visual>img,.motion-paused .ai-points,.motion-away,.motion-away::before,.motion-away::after,.motion-away>img,.motion-away .ai-points{animation-play-state:paused!important}
.motion-paused .ai-visual>img{translate:0 0}
.motion-toggle{position:absolute;right:24px;top:18px;z-index:5;border:1px solid #416371;background:#071e2be8;color:#d3e8eb;padding:8px 12px;font:12px Arial,sans-serif;letter-spacing:.3px;cursor:pointer;min-height:36px}
.motion-toggle:hover{border-color:#80e5d2;color:white}
@keyframes ai-float{0%,100%{transform:scale(1.045) translateY(0)}50%{transform:scale(1.075) translateY(-5px)}}
@keyframes ai-hero-drift{0%,100%{transform:scale(1.025) translate(0,0)}50%{transform:scale(1.06) translate(-.6%,-.4%)}}
@keyframes ai-light-pass{0%,18%{transform:translateX(-65%);opacity:0}35%{opacity:.65}65%{opacity:.4}83%,100%{transform:translateX(65%);opacity:0}}
@keyframes ai-breathe{0%,100%{opacity:.18;transform:scale(.95)}50%{opacity:.65;transform:scale(1.08)}}
@keyframes ai-data-drift{0%,100%{opacity:.15;transform:translateY(6px)}50%{opacity:.6;transform:translateY(-6px)}}
@media(max-width:700px){.motion-toggle{top:12px;right:16px;font-size:11px;padding:7px 10px}.motion-ready .ai-points{animation-duration:16s}.strategy-hero{padding-top:66px}}
@media(prefers-reduced-motion:reduce){.ai-visual,.ai-visual::before,.ai-visual::after,.ai-visual>img,.ai-points{animation:none!important;transition:none!important;translate:none!important}.ai-visual>img{transform:none}.ai-visual::before,.ai-visual::after,.ai-points{display:none}.motion-toggle{display:none}}