/**
 * ToyTool — About page specific sections.
 * Mobile-first.
 */

.tt-about-content { text-align: center; }
.tt-about-content > *:not(h1) { text-align: left; }
.tt-about-content img { border-radius: var(--tt-radius-lg); margin-block: 1.5rem; }
.tt-about-content h2 { margin-top: 2.5rem; }

.tt-testimonial {
	background: var(--tt-light-blue);
	border-radius: var(--tt-radius-lg);
	padding: 2rem;
	text-align: center;
	margin: 0;
}
.tt-testimonial p { font-size: 1.125rem; color: var(--tt-heading); font-style: italic; margin-block: 1rem; }
.tt-testimonial cite { font-style: normal; font-weight: 700; color: var(--tt-heading); }
.tt-static-rating { justify-content: center; }
.tt-static-rating__star { color: #FBBF24; }

.tt-cta-banner {
	background: linear-gradient(120deg, #0B1220 0%, #1E3A8A 100%);
	color: #fff;
	padding-block: 3.5rem;
	margin-block: 2.5rem;
}
.tt-cta-banner h2 { color: #fff; margin-bottom: 0.5rem; }
.tt-cta-banner p { color: rgba(255,255,255,0.75); max-width: 52ch; margin-inline: auto 1.5rem; }

.tt-partner-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; margin-top: 2rem; }
@media (min-width: 640px) { .tt-partner-grid { grid-template-columns: repeat(4, 1fr); } }
.tt-partner-badge {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 64px;
	background: var(--tt-light-background);
	border-radius: var(--tt-radius-md);
	color: var(--tt-muted);
	font-weight: 700;
	font-size: 0.9375rem;
}