/* ============================================================
   animations.css
   ============================================================ */
@keyframes fadeUp { from{opacity:0;transform:translateY(28px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeIn { from{opacity:0} to{opacity:1} }
@keyframes pulse-g { 0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.4)} 50%{box-shadow:0 0 0 6px rgba(16,185,129,0)} }
@keyframes float-card { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
@keyframes scroll-logos { to{transform:translateX(-50%)} }
@keyframes shimmer { from{background-position:200% 0} to{background-position:-200% 0} }
@keyframes pulse-accent { 0%,100%{box-shadow:0 0 0 0 rgba(37,99,235,.4)} 50%{box-shadow:0 0 0 8px rgba(37,99,235,0)} }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s ease }
.reveal.visible { opacity:1; transform:translateY(0) }
.reveal-d1 { transition-delay:.1s }
.reveal-d2 { transition-delay:.2s }
.reveal-d3 { transition-delay:.3s }
.reveal-d4 { transition-delay:.4s }
.hero-anim-1 { animation:fadeUp .7s ease both; animation-delay:.1s }
.hero-anim-2 { animation:fadeUp .7s ease both; animation-delay:.25s }
.hero-anim-3 { animation:fadeUp .7s ease both; animation-delay:.4s }
.hero-anim-4 { animation:fadeUp .7s ease both; animation-delay:.55s }
.skeleton {
  background:linear-gradient(90deg,rgba(255,255,255,.04) 25%,rgba(255,255,255,.08) 50%,rgba(255,255,255,.04) 75%);
  background-size:400% 100%; animation:shimmer 1.6s infinite; border-radius:8px;
}