.seo-template-page .global-final-cta {
	padding: var(--fg-space-10) var(--fg-space-3) var(--fg-space-12);
}

.seo-template-page .global-final-cta__card {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: var(--fg-content-7xl);
	margin: var(--fg-space-0) auto;
	border: var(--fg-space-px) solid var(--fg-color-border-70);
	border-radius: var(--fg-radius-cta);
	background: var(--fg-color-text);
	padding: var(--fg-space-10) var(--fg-space-5);
	color: var(--fg-color-background);
	text-align: center;
}

.seo-template-page .global-final-cta__glow,
.seo-template-page .global-final-cta__grid {
	position: absolute;
	inset: 0;
	pointer-events: none;
}

.seo-template-page .global-final-cta__glow {
	background: var(--fg-gradient-dark-glow);
	opacity: .8;
}

.seo-template-page .global-final-cta__grid {
	background-image:
		linear-gradient(var(--fg-color-background) var(--fg-space-px), transparent var(--fg-space-px)),
		linear-gradient(90deg, var(--fg-color-background) var(--fg-space-px), transparent var(--fg-space-px));
	background-size: var(--fg-grid-cell) var(--fg-grid-cell);
	opacity: .08;
}

.seo-template-page .global-final-cta__content {
	position: relative;
	max-width: var(--fg-content-3xl);
	margin: var(--fg-space-0) auto;
}

.seo-template-page .global-final-cta__eyebrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--fg-space-2);
	border: var(--fg-space-px) solid var(--fg-color-background-20);
	border-radius: var(--fg-radius-full);
	background: var(--fg-color-background-10);
	padding: var(--fg-space-1) var(--fg-space-3);
	color: var(--fg-color-background-80);
	font-size: var(--fg-text-xs);
	font-weight: var(--fg-weight-medium);
	line-height: var(--fg-leading-xs);
	backdrop-filter: var(--fg-blur-sm);
}

.seo-template-page .global-final-cta__eyebrow-icon {
	width: var(--fg-icon-sm);
	height: var(--fg-icon-sm);
}

.seo-template-page .global-final-cta__title {
	margin: var(--fg-space-5) var(--fg-space-0) var(--fg-space-0);
	color: var(--fg-color-background);
	font-size: var(--fg-text-3xl);
	font-weight: var(--fg-weight-bold);
	letter-spacing: var(--fg-tracking-reset);
	line-height: var(--fg-leading-snug);
	text-wrap: pretty;
}

.seo-template-page .global-final-cta__title-gradient {
	background-image: var(--fg-gradient-white-fade);
	-webkit-background-clip: text;
	background-clip: text;
	color: var(--fg-color-transparent);
}

.seo-template-page .global-final-cta__intro {
	max-width: var(--fg-content-xl);
	margin: var(--fg-space-5) auto var(--fg-space-0);
	color: var(--fg-color-background-70);
	font-size: var(--fg-text-base);
	line-height: var(--fg-leading-normal);
	text-wrap: pretty;
}

.seo-template-page .global-final-cta__actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: var(--fg-space-3);
	margin-top: var(--fg-space-9);
}

.seo-template-page .global-final-cta__button {
	display: inline-flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	gap: var(--fg-space-2);
	border-radius: var(--fg-radius-full);
	background: var(--fg-color-background);
	padding: var(--fg-space-3) var(--fg-space-6);
	color: var(--fg-color-text);
	font-size: var(--fg-text-sm);
	font-weight: var(--fg-weight-semibold);
	line-height: var(--fg-leading-sm);
	text-decoration: none;
	box-shadow: var(--fg-shadow-soft);
	transition: transform var(--fg-transition-fast), background-color var(--fg-transition-fast), color var(--fg-transition-fast);
}

.seo-template-page .global-final-cta__button:hover {
	background: var(--fg-color-background);
	color: var(--fg-color-text);
	transform: scale(1.02);
}

.seo-template-page .global-final-cta__button--secondary {
	border: var(--fg-space-px) solid var(--fg-color-background-20);
	background: var(--fg-color-background-10);
	color: var(--fg-color-background);
	box-shadow: none;
}

.seo-template-page .global-final-cta__button--secondary:hover {
	background: var(--fg-color-background-15);
	color: var(--fg-color-background);
}

.seo-template-page .global-final-cta__button--tertiary {
	background: var(--fg-color-transparent);
	color: var(--fg-color-background-80);
	box-shadow: none;
}

.seo-template-page .global-final-cta__button--tertiary:hover {
	background: var(--fg-color-background-10);
	color: var(--fg-color-background);
}

.seo-template-page .global-final-cta__button:active {
	transform: scale(.98);
}

.seo-template-page .global-final-cta__button-icon {
	width: var(--fg-icon-md);
	height: var(--fg-icon-md);
	transform: rotate(-90deg);
}

.seo-template-page .global-final-cta__bullets {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: var(--fg-space-2) var(--fg-space-6);
	margin: var(--fg-space-6) var(--fg-space-0) var(--fg-space-0);
	padding: 0;
	color: var(--fg-color-background-60);
	font-size: var(--fg-text-xs);
	line-height: var(--fg-leading-xs);
	list-style: none;
}

.seo-template-page .global-final-cta__bullets li {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--fg-space-1-5);
	min-width: 0;
}

.seo-template-page .global-final-cta__bullet-icon {
	width: var(--fg-icon-sm);
	height: var(--fg-icon-sm);
	color: var(--fg-color-background);
}

@media (min-width: 640px) {
	.seo-template-page .global-final-cta {
		padding-right: calc(var(--fg-space-5) + var(--fg-space-0-5));
		padding-left: calc(var(--fg-space-5) + var(--fg-space-0-5));
		padding-top: var(--fg-space-14);
		padding-bottom: var(--fg-space-24);
	}

	.seo-template-page .global-final-cta__card {
		padding: var(--fg-space-16);
	}

	.seo-template-page .global-final-cta__title {
		font-size: var(--fg-text-5xl);
		line-height: var(--fg-leading-none);
	}

	.seo-template-page .global-final-cta__intro {
		font-size: var(--fg-text-lg);
		line-height: var(--fg-leading-lg);
	}

	.seo-template-page .global-final-cta__actions {
		flex-direction: row;
	}

	.seo-template-page .global-final-cta__button {
		width: auto;
	}
}

@media (max-width: 639px) {
	.seo-template-page .global-final-cta {
		padding-top: var(--fg-space-20);
		padding-bottom: var(--fg-space-20);
	}

	.seo-template-page .global-final-cta__bullets {
		flex-direction: column;
		gap: var(--fg-space-2);
		margin-top: var(--fg-space-5);
	}
}

@media (min-width: 1024px) {
	.seo-template-page .global-final-cta {
		padding-top: var(--fg-space-24);
	}
}