/**
 * CTA Band — centered call-to-action on cream. Typography via utilities;
 * layout/spacing/link-arrow here.
 */

.flexible-section.cta-band {
	background: var(--color-bg3);
	text-align: center;
	border-top: 1px solid var(--color-border);
	padding-inline: var(--section-pad-x);
}

.cta-band-inner {
	
	max-width: 990px;
	margin: 0 auto;
}

.cta-band .section-ti {
	margin-block-end: clamp(10px, 0.5vw + 7px, 14px);
}

.cta-band-sub {
	max-width: 675px;
	margin: 0 auto clamp(22px, 1.5vw + 14px, 38px);
}

.cta-band-actions {
	display: flex;
	gap: clamp(12px, 0.8vw + 8px, 20px);
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.cta-band-alt {
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	display: flex;
	align-items: center;
}

.cta-band-alt::after {
	content: ' \2192';
	vertical-align: center;
	margin: 0 0 3px 4px;
}

.cta-band-trust {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px clamp(20px, 1.2vw + 12px, 30px);
	margin-block-start: clamp(24px, 1vw + 16px, 32px);
}

.cta-band-trust span {
	display: flex;
	align-items: center;
	gap: 9px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
}

.cta-band-trust .d {
	flex-shrink: 0;
	width: 7.5px;
	height: 7.5px;
	border-radius: 50%;
	background: var(--color-gold2);
}

.cta-band-mission {
	max-width: 800px;
	margin: clamp(30px, 1.61vw + 24.2px, 55px) auto 0;
	padding-block-start: clamp(20px, 0.97vw + 16.5px, 35px);
	border-top: 1px solid var(--color-border);
	font-style: italic;
}

@media (max-width: 480px) {
	.cta-band-actions { flex-direction: column; }
	.cta-band-actions .btn { width: 100%; }
}
