@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes float{50%{transform:translateY(-8px)}}.reveal{opacity:0;transform:translateY(24px)}.core-orb{animation:pulse 4s ease-in-out infinite}.core-ring{animation:spin 20s linear infinite}.ring-b{animation-direction:reverse;animation-duration:28s}.agent{animation:float 4s ease-in-out infinite}.a2{animation-delay:-1s}.a3{animation-delay:-2s}.a4{animation-delay:-3s}.scroll-dot{animation:pulse 1.8s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes float{50%{transform:translateY(-8px)}}.reveal{opacity:0;transform:translateY(24px)}.core-orb{animation:pulse 4s ease-in-out infinite}.core-ring{animation:spin 20s linear infinite}.ring-b{animation-direction:reverse;animation-duration:28s}.agent{animation:float 4s ease-in-out infinite}.a2{animation-delay:-1s}.a3{animation-delay:-2s}.a4{animation-delay:-3s}.scroll-dot{animation:pulse 1.8s ease-in-out infinite}


/* Motion theme supplemental animation utilities */
.motion-float{animation:motion-float 5.5s ease-in-out infinite}
.motion-stagger > *{transition-delay:calc(var(--i,0) * 70ms)}

/* Homepage hero motion */
@keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes heroPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.025);opacity:.65}}
.hero-ai-showcase .hero-tech-pill{animation:heroFloat 5s ease-in-out infinite}
.hero-ai-showcase .pill-erp{animation-delay:-1s}.hero-ai-showcase .pill-data{animation-delay:-2s}.hero-ai-showcase .pill-auto{animation-delay:-3s}
.hero-ai-showcase .hero-orbit{animation:heroPulse 5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero-ai-showcase .hero-tech-pill,.hero-ai-showcase .hero-orbit{animation:none!important}}

/* Reference hero: restrained motion for the visible elements only */
@keyframes heroPortraitBreathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.hero-ai-showcase .hero-person{animation:heroPortraitBreathe 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero-ai-showcase .hero-person{animation:none!important}}

@keyframes heroBcBackdropFloat{0%,100%{transform:translateX(-50%) rotate(-4deg) translateY(0)}50%{transform:translateX(-50%) rotate(-2deg) translateY(-7px)}}
.hero-ai-showcase .hero-bc-backdrop{animation:heroBcBackdropFloat 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero-ai-showcase .hero-bc-backdrop{animation:none!important}}