/* ==========================================================================
   .leqa-cta — closing call-to-action band (T-D)
   Rendered inside the footer slot. Composes with primitives. Tokens only.
   ========================================================================== */

.leqa-cta__panel {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--leqa-space-4);
	max-width: 56rem;
	margin-inline: auto;
	padding: clamp(var(--leqa-space-7), 6vw, var(--leqa-space-9))
		var(--leqa-space-6);
	text-align: center;
	border: var(--leqa-border-width) solid var(--leqa-border-strong);
	border-radius: var(--leqa-radius-lg);
	background: var(--leqa-bg-elev);
	box-shadow: var(--leqa-shadow);
	overflow: hidden;
}

/* The single signature glow, contained to the CTA panel. */
.leqa-cta__glow {
	position: absolute;
	top: -40%;
	left: 50%;
	inline-size: min(680px, 110%);
	block-size: min(680px, 110%);
	transform: translateX(-50%);
	pointer-events: none;
	background: radial-gradient(
		circle at center,
		var(--leqa-glow) 0%,
		rgba(114, 255, 100, 0.05) 34%,
		transparent 62%
	);
	opacity: 0.55;
	filter: blur(6px);
}

.leqa-cta__eyebrow,
.leqa-cta__title,
.leqa-cta__lead,
.leqa-cta__actions {
	position: relative;
	z-index: 1;
}

.leqa-cta__title {
	font-size: var(--leqa-fs-h2);
	max-width: 22ch;
}

.leqa-cta__lead {
	font-size: var(--leqa-fs-lead);
	line-height: 1.5;
	max-width: 40rem;
}

.leqa-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--leqa-space-3);
	justify-content: center;
	margin-top: var(--leqa-space-3);
}

@media (prefers-reduced-motion: reduce) {
	.leqa-cta__glow {
		animation: none;
	}
}

@media (max-width: 480px) {
	.leqa-cta__actions .leqa-btn {
		flex: 1 1 100%;
	}
}
