/* ============================================================
   GORGIAS — Animation Styles
   Scroll-reveal and entrance animations
   ============================================================ */

/* Keyframes */
@keyframes bounceIn {
  0%   { opacity: 0; transform: scale(0.4); }
  60%  { opacity: 1; transform: scale(1.05); }
  80%  { transform: scale(0.97); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes slideInDown {
  from { opacity: 0; transform: translateY(-30px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes zoomIn {
  from { opacity: 0; transform: scale(0.85); }
  to   { opacity: 1; transform: scale(1); }
}

@keyframes shimmer {
  0%   { background-position: -1000px 0; }
  100% { background-position: 1000px 0; }
}

/* Hero entrance sequence */
.hero-label   { animation: fadeInUp 0.6s ease 0.2s both; }
.hero-title   { animation: fadeInUp 0.7s ease 0.35s both; }
.hero-body    { animation: fadeInUp 0.7s ease 0.5s both; }
.hero-actions { animation: fadeInUp 0.6s ease 0.65s both; }
.hero-image   { animation: zoomIn 0.8s ease 0.4s both; }

@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(30px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Stagger children */
.stagger-children > * {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.stagger-children.in-view > *:nth-child(1) { transition-delay: 0s; }
.stagger-children.in-view > *:nth-child(2) { transition-delay: 0.1s; }
.stagger-children.in-view > *:nth-child(3) { transition-delay: 0.2s; }
.stagger-children.in-view > *:nth-child(4) { transition-delay: 0.3s; }
.stagger-children.in-view > *:nth-child(5) { transition-delay: 0.4s; }
.stagger-children.in-view > *:nth-child(6) { transition-delay: 0.5s; }
.stagger-children.in-view > * {
  opacity: 1;
  transform: translateY(0);
}

/* Number counter shimmer effect */
.stat-number.counting {
  background: linear-gradient(90deg, var(--color-yellow) 25%, #fff 50%, var(--color-yellow) 75%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 1.5s linear infinite;
}
