/* ============================================================================
   Hero Section Tasteful Animations
   ============================================================================ */

/* Fade-in animations with staggered delays */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Beta Badge Floating Animation */
@keyframes badgeFloat {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-5px);
	}
}

/* Gradient Shimmer Animation for "real revenue" text */
@keyframes gradientShimmer {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

/* Video Scale-in Animation */
@keyframes scaleIn {
	from {
		opacity: 0;
		transform: scale(0.95);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* CTA Button Pulse/Glow */
@keyframes ctaPulse {
	0%, 100% {
		box-shadow: 0 4px 20px rgba(33, 221, 144, 0.3);
	}
	50% {
		box-shadow: 0 6px 28px rgba(33, 221, 144, 0.5);
	}
}

/* Apply animations to hero elements */
.hero-badge-animated {
	animation: fadeInUp 0.8s ease-out 0.3s both, badgeFloat 4s ease-in-out 1.5s infinite;
}

.hero-title-animated {
	animation: fadeInUp 0.8s ease-out 0.5s both;
}

.hero-video-animated {
	animation: fadeInUp 0.8s ease-out 0.7s both, scaleIn 0.8s ease-out 0.7s both;
	transition: transform 0.3s ease;
}

.hero-video-animated:hover {
	transform: scale(1.02);
}

.hero-subtitle-animated {
	animation: fadeInUp 0.8s ease-out 0.9s both;
}

.hero-stats-animated {
	animation: fadeInUp 0.8s ease-out 1.0s both;
}

.hero-cta-animated {
	animation: fadeInUp 0.8s ease-out 1.1s both;
}

/* Gradient text shimmer effect */
.gradient-text-shimmer {
	background-size: 200% auto;
	animation: gradientShimmer 8s ease-in-out infinite;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Primary CTA glow animation */
.cta-primary-glow {
	animation: ctaPulse 3s ease-in-out infinite;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
	.hero-badge-animated,
	.hero-title-animated,
	.hero-video-animated,
	.hero-subtitle-animated,
	.hero-stats-animated,
	.hero-cta-animated,
	.gradient-text-shimmer,
	.cta-primary-glow {
		animation: none;
	}

	.hero-video-animated:hover {
		transform: none;
	}
}

/* Mobile optimization - reduce animation complexity */
@media (max-width: 768px) {
	.hero-badge-animated {
		animation: fadeInUp 0.6s ease-out 0.2s both;
	}

	.hero-title-animated {
		animation: fadeInUp 0.6s ease-out 0.3s both;
	}

	.hero-video-animated {
		animation: fadeInUp 0.6s ease-out 0.4s both;
	}

	.hero-subtitle-animated {
		animation: fadeInUp 0.6s ease-out 0.5s both;
	}

	.hero-stats-animated {
		animation: fadeInUp 0.6s ease-out 0.6s both;
	}

	.hero-cta-animated {
		animation: fadeInUp 0.6s ease-out 0.7s both;
	}
}