/* =========================================================
   سینا پکس — انیمیشن‌های ظاهر شدن هنگام اسکرول و نورپردازی
   ---------------------------------------------------------
   فعال‌شدن کلاس is-visible توسط IntersectionObserver در
   static/js/index/site.js انجام می‌شود.
   ========================================================= */

/* گروه ظاهرشدن پلکانی برای گرید/لیست‌ها (سرویس‌ها، مزیت‌ها، تکنولوژی‌ها) */
.stagger > * {
  opacity: 0;
  transform: translateY(22px);
  transition: opacity .6s ease, transform .6s ease;
}
.stagger.is-visible > * { opacity: 1; transform: none; }
.stagger.is-visible > *:nth-child(1) { transition-delay: .05s; }
.stagger.is-visible > *:nth-child(2) { transition-delay: .15s; }
.stagger.is-visible > *:nth-child(3) { transition-delay: .25s; }
.stagger.is-visible > *:nth-child(4) { transition-delay: .35s; }
.stagger.is-visible > *:nth-child(5) { transition-delay: .45s; }
.stagger.is-visible > *:nth-child(6) { transition-delay: .55s; }
.stagger.is-visible > *:nth-child(7) { transition-delay: .65s; }
.stagger.is-visible > *:nth-child(8) { transition-delay: .75s; }
.stagger.is-visible > *:nth-child(9) { transition-delay: .85s; }

@media (prefers-reduced-motion: reduce) {
  .blob { animation: none; }
  .stagger > * { transition: none; opacity: 1; transform: none; }
}

/* انیمیشن ظاهر شدن هنگام اسکرول */
.reveal {
  opacity: 0;
  transform: translateY(26px);
  transition: opacity .7s ease, transform .7s ease;
}
.reveal.is-visible { opacity: 1; transform: none; }

/* چرخش و بزرگ‌شدن آیکون کارت‌های خدمات هنگام هاور */
article:hover .service-icon { transform: rotate(-8deg) scale(1.1); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .clients-track, .slider-track { transition: none; }
  .reveal { transition: none; opacity: 1; transform: none; }
  .eyebrow .dot, .scan-sweep, .scan-disc-radial { animation: none; }
}