/* Independent, composited layers. Typography and layout are intentionally untouched. */
.product-stage{--pointer-x:0px;--pointer-y:0px}
.product-stage>.product-window{animation:client-breathe 7.2s ease-in-out infinite;translate:calc(var(--pointer-x)*.45) calc(var(--pointer-y)*.45);transition:translate .45s ease-out}
.product-stage>.product-float,.product-stage>.floating-health{--hover-lift:0px;translate:calc(var(--pointer-x)*.8) calc(var(--pointer-y)*.8 + var(--hover-lift));transition:translate .35s ease-out,box-shadow .3s ease,border-color .3s ease}
.product-stage>.float-proxy{animation:proxy-drift 6.3s ease-in-out -1.7s infinite}
.product-stage>.float-account{animation:account-drift 7.7s ease-in-out -3.8s infinite}
.product-stage>.floating-health{animation:environment-drift 6.9s ease-in-out -2.6s infinite}
.product-stage>.float-ai{animation:automation-drift 5.9s ease-in-out -.8s infinite}
.product-stage>.orbit-one{animation:orbit-breathe 11s ease-in-out -2s infinite;translate:calc(var(--pointer-x)*-.35) calc(var(--pointer-y)*-.35);transition:translate .7s ease-out}
.product-stage>.orbit-two{animation:orbit-breathe 13s ease-in-out -6s infinite;translate:calc(var(--pointer-x)*-.2) calc(var(--pointer-y)*-.2);transition:translate .7s ease-out}
.product-stage .network-wave i{transform-origin:center bottom;animation:none}
.product-stage .network-wave i:nth-child(2){animation-delay:-.6s}.product-stage .network-wave i:nth-child(3){animation-delay:-1.3s}.product-stage .network-wave i:nth-child(4){animation-delay:-2.1s}
.product-stage.motion-seen .float-ready{animation:ready-reveal 1.2s ease-out both}
.product-stage .health-check{animation:none}
.product-stage:not(.motion-active)>*,.product-stage:not(.motion-active) .network-wave i,.product-stage:not(.motion-active) .health-check,.product-stage:not(.motion-active) .float-ready{animation-play-state:paused}
.product-stage.motion-active>.product-window,.product-stage.motion-active>.product-float,.product-stage.motion-active>.floating-health{will-change:transform}
@keyframes client-breathe{0%,100%{transform:translate3d(0,3px,0)}50%{transform:translate3d(0,-5px,0)}}
@keyframes proxy-drift{0%,100%{transform:translate3d(-2px,2px,0)}50%{transform:translate3d(3px,-3px,0)}}
@keyframes account-drift{0%,100%{transform:translate3d(2px,-3px,0)}50%{transform:translate3d(-2px,4px,0)}}
@keyframes environment-drift{0%,100%{transform:translate3d(2px,3px,0)}50%{transform:translate3d(-3px,-3px,0)}}
@keyframes automation-drift{0%,100%{transform:translate3d(-2px,-2px,0)}50%{transform:translate3d(3px,3px,0)}}
@keyframes orbit-breathe{0%,100%{opacity:.2;translate:-2px 1px}50%{opacity:.45;translate:2px -2px}}
@keyframes connection-signal{0%,100%{transform:scaleY(.82);opacity:.65}50%{transform:scaleY(1);opacity:1}}
@keyframes ready-reveal{from{opacity:.25;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}
@keyframes health-breathe{0%,100%{opacity:.7}50%{opacity:1}}
@media(hover:hover) and (pointer:fine){.product-stage>.product-float:hover,.product-stage>.floating-health:hover{--hover-lift:-5px;animation-play-state:paused;border-color:#b7d4f5;box-shadow:0 19px 42px #163e8526}}
@media(max-width:560px){.product-stage>.product-window{animation:client-breathe-mobile 7.2s ease-in-out infinite}.product-stage>.floating-health{animation:none;translate:none}@keyframes client-breathe-mobile{0%,100%{transform:translate3d(0,2px,0)}50%{transform:translate3d(0,-2px,0)}}}
@media(prefers-reduced-motion:reduce){.product-stage>*,.product-stage .network-wave i,.product-stage .health-check,.product-stage .float-ready{animation:none!important;translate:none!important;transition:none!important;will-change:auto!important}.product-stage>.product-window,.product-stage>.product-float,.product-stage>.floating-health{transform:none!important}}