.section-header.mesh-gradient-header {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background-color: #4204db;
	background-image:
		radial-gradient(circle at 10% 16%, rgba(66, 4, 219, 0.88) 0%, rgba(66, 4, 219, 0) 48%),
		radial-gradient(circle at 82% 8%, rgba(9, 72, 179, 0.82) 0%, rgba(9, 72, 179, 0) 45%),
		radial-gradient(circle at 88% 72%, rgba(23, 86, 197, 0.65) 0%, rgba(23, 86, 197, 0) 50%),
		radial-gradient(circle at 22% 80%, rgba(30, 144, 255, 0.55) 0%, rgba(30, 144, 255, 0) 48%),
		radial-gradient(circle at 50% 52%, rgba(99, 177, 189, 0.38) 0%, rgba(99, 177, 189, 0) 46%),
		linear-gradient(150deg, #0d1431 0%, #4204db 42%, #0948b3 74%, #0c3f94 100%);
	background-size: 175% 175%;
	animation: meshGradientDrift 14s ease-in-out infinite;
}

.section-header.mesh-gradient-header::before,
.section-header.mesh-gradient-header::after {
	content: '';
	position: absolute;
	inset: -18%;
	pointer-events: none;
}

.section-header.mesh-gradient-header::before {
	background:
		radial-gradient(circle at 24% 24%, rgba(255, 255, 255, 0.14), transparent 44%),
		radial-gradient(circle at 76% 30%, rgba(255, 255, 255, 0.08), transparent 40%),
		radial-gradient(circle at 50% 82%, rgba(255, 255, 255, 0.06), transparent 38%);
	mix-blend-mode: screen;
	animation: meshGradientPulse 8s ease-in-out infinite alternate;
}

.section-header.mesh-gradient-header::after {
	background: linear-gradient(180deg, rgba(13, 20, 49, 0.08) 0%, rgba(13, 20, 49, 0.52) 100%);
}

.section-header.mesh-gradient-header > .container {
	position: relative;
	z-index: 1;
}

.header-global .btn-pricing-plan.btn-primary {
	background-color: #ee5050;
	border-color: #ee5050;
	box-shadow: 0 10px 24px rgba(13, 20, 49, 0.3);
}

.header-global .btn-pricing-plan.btn-primary:hover,
.header-global .btn-pricing-plan.btn-primary:focus {
	background-color: #e92222;
	border-color: #e92222;
}

.header-global .btn-pricing-plan.btn-secondary {
	background-color: rgba(255, 255, 255, 0.14);
	border-color: rgba(255, 255, 255, 0.5);
	color: #ffffff;
	backdrop-filter: blur(2px);
}

.header-global .btn-pricing-plan.btn-secondary:hover,
.header-global .btn-pricing-plan.btn-secondary:focus {
	background-color: rgba(255, 255, 255, 0.24);
	border-color: rgba(255, 255, 255, 0.78);
	color: #ffffff;
}

footer.footer.bg-primary {
	background-color: #4204db !important;
}

@keyframes meshGradientDrift {
	0% {
		background-position: 0% 0%;
		filter: saturate(100%);
	}

	25% {
		background-position: 90% 14%;
	}

	50% {
		background-position: 100% 100%;
		filter: saturate(120%);
	}

	75% {
		background-position: 14% 88%;
	}

	100% {
		background-position: 0% 0%;
		filter: saturate(100%);
	}
}

@keyframes meshGradientPulse {
	0% {
		transform: translate3d(-2%, -1%, 0) scale(1);
		opacity: 0.7;
	}

	100% {
		transform: translate3d(2%, 2%, 0) scale(1.06);
		opacity: 0.95;
	}
}

@media (prefers-reduced-motion: reduce) {
	.section-header.mesh-gradient-header,
	.section-header.mesh-gradient-header::before {
		animation: none;
	}
}