/*
 * CTA Banner (Final Homepage Section)
 * ----------------------------------------------------------------------- */
.cta-banner {
	background: var(--gradient-primary);
	padding-block: var(--space-2xl);
	text-align: center;
	position: relative;
	overflow: hidden;
	
}
.cta-banner::before {
	content: '';
	position: absolute;
	inset: 0;
	background: url('data:image/svg+xml;charset=UTF-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="100" height="100"%3E%3Ccircle cx="50" cy="50" r="1.5" fill="white" opacity="0.15"/%3E%3C/svg%3E');
	background-size: 40px 40px;
	pointer-events: none;
}
.cta-banner__inner {
	position: relative;
	z-index: 1;
	max-width: 640px;
}
.cta-banner__title {
	color: var(--color-white);
	margin-bottom: var(--space-sm);
}
.cta-banner__text {
	color: rgba(255, 255, 255, 0.9);
	font-size: 1.05rem;
	margin-bottom: var(--space-lg);
}
.cta-banner__actions {
	display: flex;
	justify-content: center;
	gap: var(--space-sm);
	flex-wrap: wrap;
}
.cta-banner .btn--outline {
	border-color: var(--color-white);
	color: var(--color-white);
}
.cta-banner .btn--outline:hover {
	background: var(--color-white);
	color: var(--color-primary);
}