.why-act-now { background: transparent; color: var(--cream); padding: 120px 0 140px; }

.why-act-now__inner {
	max-width: var(--container-max-width);
	margin: 0 auto;
	padding: 0 var(--container-padding-x);
}

.why-act-now__header { margin: 0 auto 64px; text-align: center; }
.why-act-now .section-header__eyebrow { color: var(--pf-gold); text-align: center; }
.why-act-now .section-header__headline { color: #ffffff; text-align: center; margin-bottom: 20px; }
.why-act-now__subtext { font-size: 16px; line-height: 1.7; color: var(--cream-dim); margin: 0; }

.why-act-now__grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px; }
.act-card {
	background: var(--pf-card-bg);
	border: 1px solid var(--pf-card-border);
	border-radius: 6px;
	padding: 32px 24px;
	text-align: left;
}
.act-card__icon {
	display: inline-flex;
	width: 28px;
	height: 28px;
	align-items: center;
	justify-content: center;
	color: var(--pf-gold);
	margin-bottom: 20px;
}
.act-card__icon svg { width: 20px; height: 20px; }
.act-card__title { font-size: 15px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; color: #ffffff; margin: 0 0 12px; }
.act-card__body { font-size: 14px; line-height: 1.6; color: var(--cream-dim); margin: 0; }

@media (max-width: 1200px) {
	.why-act-now__grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
}
@media (max-width: 640px) {
	.why-act-now { padding: 40px 0; }
	.why-act-now__grid { grid-template-columns: 1fr; gap: 20px; }
}