/* ============================================= Scroll & Load Animations ============================================= *//* Fade up on scroll */.animate-on-scroll{opacity:0;transform:translateY(32px);transition:opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}/* Staggered children */.stagger-children .animate-on-scroll:nth-child(1){transition-delay:0.05s}.stagger-children .animate-on-scroll:nth-child(2){transition-delay:0.1s}.stagger-children .animate-on-scroll:nth-child(3){transition-delay:0.15s}.stagger-children .animate-on-scroll:nth-child(4){transition-delay:0.2s}.stagger-children .animate-on-scroll:nth-child(5){transition-delay:0.25s}.stagger-children .animate-on-scroll:nth-child(6){transition-delay:0.3s}.stagger-children .animate-on-scroll:nth-child(7){transition-delay:0.35s}.stagger-children .animate-on-scroll:nth-child(8){transition-delay:0.4s}/* Hero entrance animations */.hero-fade-in{opacity:0;transform:translateY(24px);animation:heroFadeIn 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards}.hero-fade-in-delay-1{animation-delay:0.1s}.hero-fade-in-delay-2{animation-delay:0.2s}.hero-fade-in-delay-3{animation-delay:0.3s}.hero-fade-in-delay-4{animation-delay:0.4s}.hero-fade-in-delay-5{animation-delay:0.5s}.hero-fade-in-delay-6{animation-delay:0.7s}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}/* Scale in */.scale-in{opacity:0;transform:scale(0.95);transition:opacity 0.6s ease, transform 0.6s ease}.scale-in.visible{opacity:1;transform:scale(1)}/* Slide in from left */.slide-in-left{opacity:0;transform:translateX(-40px);transition:opacity 0.7s ease, transform 0.7s ease}.slide-in-left.visible{opacity:1;transform:translateX(0)}/* Slide in from right */.slide-in-right{opacity:0;transform:translateX(40px);transition:opacity 0.7s ease, transform 0.7s ease}.slide-in-right.visible{opacity:1;transform:translateX(0)}/* Counter animation glow */.counter-animate{transition:color 0.3s ease}/* Subtle parallax float */.parallax-float{transition:transform 0.1s ease-out}/* Reduced motion */@media (prefers-reduced-motion:reduce){.animate-on-scroll, .scale-in, .slide-in-left, .slide-in-right{opacity:1;transform:none;transition:none}.hero-fade-in{opacity:1;transform:none;animation:none}.hero-float{animation:none}.hero-badge-dot{animation:none}}