/* ============================================================================
   SCMEP ONLINE — HOMEPAGE ANIMATIONS
   The base .sc-reveal fade-up, .sc-card hover-lift and .sc-btn ripple already
   live in the shared stylesheet and apply here unchanged. This file only adds
   the entrance treatment for the new hero stat card and counter number ticks.
   ============================================================================ */

.sc-js .sc-hero-card {
	opacity: 0;
	transform: translateY(12px) scale(0.98);
	transition: opacity 0.6s var(--sc-ease) 0.15s, transform 0.6s var(--sc-ease) 0.15s;
}
.sc-js .sc-hero-card.is-visible { opacity: 1; transform: none; }

/* Counters render "0" until homepage.js resolves the real number — keep that
   swap instant rather than animating text content, which screen readers and
   low-end devices handle far better than a numeric tween. */
.sc-hero-card__num,
.sc-band__num { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
	.sc-js .sc-hero-card { opacity: 1; transform: none; transition: none; }
}