/* Rude Academy — CTA widget. Extracted verbatim from source index.html. */

.cta {
	background: var(--ink);
	color: var(--bone);
	padding: 140px 0;
	text-align: center;
}
.cta__title {
	font-size: clamp(48px, 9vw, 120px);
	margin-bottom: 24px;
	overflow-wrap: break-word;
	word-break: break-word;
}
@media (max-width: 380px) {
	.cta__title { font-size: 38px; }
}
.cta__title .accent { color: var(--gold); }
.cta__lead {
	font-size: clamp(16px, 1.4vw, 19px);
	color: rgba(255,255,255,0.75);
	max-width: 560px;
	margin: 0 auto 40px;
	line-height: 1.5;
}
.cta__actions {
	display: flex;
	gap: 14px;
	justify-content: center;
	flex-wrap: wrap;
	margin-bottom: 72px;
}
.cta .btn--primary { background: var(--gold); color: var(--ink); }
.cta .btn--primary:hover { background: var(--bone); }
.cta .btn--ghost {
	color: var(--bone);
	border-color: rgba(255,255,255,0.3);
}
.cta .btn--ghost:hover {
	background: var(--bone);
	color: var(--ink);
	border-color: var(--bone);
}

.cta__info {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1px;
	max-width: 800px;
	margin: 0 auto;
	background: var(--line-dark);
	border: 1px solid var(--line-dark);
	border-radius: 14px;
	overflow: hidden;
}
.cta__info-item {
	background: var(--ink);
	padding: 28px 20px;
	text-align: center;
}
.cta__info-label {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255,255,255,0.5);
	margin-bottom: 8px;
}
.cta__info-value {
	font-size: 15px;
	font-weight: 600;
	color: var(--bone);
}

@media (max-width: 640px) {
	.cta { padding: 80px 0; }
	.cta__info { grid-template-columns: 1fr; }
}