/* home-extra.css | buyer-focused sections | 2026 */

/* ---- Who I help cards ---- */
.help-grid {
	padding: 20px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 3rem;
}
.help-card {
	background-color: white;
	color: black;
	box-shadow: 0px 0px 20px #888888;
	padding: 2.5rem 2rem;
	text-align: center;
	transition: all 0.1s ease-in-out;
	display: block;
}
.help-card:hover { transform: scale(1.03); }
.help-card h2 { color: #013228; margin-bottom: 1rem; }
.help-card p { margin-bottom: 1.5rem; }
.help-card .pill {
	display: inline-block;
	padding: 12px 22px;
	background-color: #013228;
	color: white;
	border-radius: 10px;
}
.help-card:hover .pill { background-color: #001614; color: #ec9d0a; }
@media (max-width: 700px) {
	.help-grid { display: block; }
	.help-card { margin-bottom: 2rem; }
}

/* ---- Testimonials ---- */
.testimonials-grid {
	padding: 20px;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 2rem;
}
.testimonial {
	background-color: white;
	color: black;
	box-shadow: 0px 0px 20px #888888;
	padding: 2rem;
}
.testimonial .quote { font-style: italic; margin-bottom: 1rem; }
.testimonial .author { font-weight: bold; color: #013228; }
.placeholder-note {
	text-align: center;
	font-size: 0.8em;
	color: #888888;
	padding-top: 1.5rem;
}