/* === ENHANCEMENTS — Animations Only === */
@keyframes heroFloat1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,20px) scale(1.1)}}
@keyframes heroFloat2{0%,100%{transform:translate(0,0)}33%{transform:translate(20px,-15px)}66%{transform:translate(-10px,10px)}}
@keyframes heroFloat3{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(15px,-20px) rotate(5deg)}}
@keyframes scrollLine{0%{top:-100%}100%{top:200%}}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes whatsappPulse{0%,100%{box-shadow:0 4px 20px rgba(37,211,102,.4)}50%{box-shadow:0 4px 30px rgba(37,211,102,.6),0 0 0 8px rgba(37,211,102,.1)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeLeft{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeRight{from{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes pulse{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}

/* Slide animation */
.hero-slide.active .animate-fade-up{animation:fadeUp .6s ease forwards}
.hero-slide:not(.active) .animate-fade-up{opacity:0}

/* Scroll reveal */
.reveal-up,.reveal-left,.reveal-right,.reveal-scale{opacity:0;transition:all .6s cubic-bezier(.4,0,.2,1)}
.reveal-up{transform:translateY(30px)}
.reveal-left{transform:translateX(-30px)}
.reveal-right{transform:translateX(30px)}
.reveal-scale{transform:scale(.95)}
.reveal-up.revealed{opacity:1;transform:translateY(0)}
.reveal-left.revealed{opacity:1;transform:translateX(0)}
.reveal-right.revealed{opacity:1;transform:translateX(0)}
.reveal-scale.revealed{opacity:1;transform:scale(1)}

/* Animated floating accents — defined in main.css */

/* Focus styles */
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--tengai-primary);outline-offset:2px}

/* Smooth page transition */
main{animation:fadeUp .4s ease}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
.trust-track{animation:none}.hero-float{animation:none}.float-accent{animation:none}
.reveal-up,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none}
}