/**
 * @file    : css/animations-stagger.css
 * @purpose : 進場動畫與交錯延遲
 * @depends : ['css/animations-keyframes.css']
 */

/* Hero Content Animations（排除 workflow container，它有自己的 reveal 邏輯） */
/* hero-badge + hero-title 立即顯示（LCP 元素），不加動畫延遲 */
.hero-badge,
.hero-title {
  opacity: 1;
}

/* 其他非 LCP 元素保留進場動畫 */
.hero-content
  > *:not(.hero-workflow-container):not(.hero-badge):not(.hero-title) {
  opacity: 0;
  animation: fadeInUp 0.8s ease forwards;
}

.hero-description {
  animation-delay: 0.1s;
}

.hero-cta-group {
  animation-delay: 0.2s;
}

.hero-stats {
  animation-delay: 0.3s;
}

/* Scroll Indicator Animation */
.hero-scroll-indicator {
  animation: bounce 2s infinite;
}

/* Staggered Animations (for grids) */
.services-grid .service-card,
.tech-grid .tech-category,
.solutions-list .solution-item {
  opacity: 0;
  transform: translateY(30px);
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}

.services-grid .service-card.visible,
.tech-grid .tech-category.visible,
.solutions-list .solution-item.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Stagger delays - Services */
.services-grid .service-card:nth-child(1) {
  transition-delay: 0.1s;
}

.services-grid .service-card:nth-child(2) {
  transition-delay: 0.2s;
}

.services-grid .service-card:nth-child(3) {
  transition-delay: 0.3s;
}

.services-grid .service-card:nth-child(4) {
  transition-delay: 0.4s;
}

/* Stagger delays - Tech */
.tech-grid .tech-category:nth-child(1) {
  transition-delay: 0.1s;
}

.tech-grid .tech-category:nth-child(2) {
  transition-delay: 0.2s;
}

.tech-grid .tech-category:nth-child(3) {
  transition-delay: 0.3s;
}

.tech-grid .tech-category:nth-child(4) {
  transition-delay: 0.4s;
}

/* Stagger delays - Solutions */
.solutions-list .solution-item:nth-child(1) {
  transition-delay: 0.1s;
}

.solutions-list .solution-item:nth-child(2) {
  transition-delay: 0.2s;
}

.solutions-list .solution-item:nth-child(3) {
  transition-delay: 0.3s;
}

.solutions-list .solution-item:nth-child(4) {
  transition-delay: 0.4s;
}