/* Combined outcomes for Shopping List and Meal Planning. */
.planning-impact .planning-impact-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px;align-items:stretch}
.planning-impact-metrics .planning-metric{padding:28px;min-width:0}
.planning-impact-metrics .planning-metric strong{display:block;font-size:clamp(36px,4vw,54px);line-height:1.1;white-space:nowrap;letter-spacing:-1.5px}
.planning-impact-metrics .planning-metric p{margin:18px 0 0;font-size:16px;line-height:1.6}
@media(max-width:1000px){.planning-impact .planning-impact-metrics{grid-template-columns:1fr}.planning-impact-metrics .planning-metric{padding:24px}.planning-impact-metrics .planning-metric strong{font-size:44px}}

.planning-impact-metrics .planning-metric .eyebrow{margin:0 0 18px;font-size:12px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}

/* App Store testimonials share the reference's icon and text layout. */
.planning-impact .planning-review{display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:28px;row-gap:10px;padding:28px;border:0;background:#222a2e;border-radius:var(--card-radius);text-align:left}
.planning-impact .planning-review-icon{grid-column:1;grid-row:1/3;width:64px;height:64px;object-fit:contain}
.planning-impact .planning-review figcaption{grid-column:2;margin:0;align-self:start;font-size:22px;font-weight:700;line-height:1.3;letter-spacing:0;text-transform:none;color:var(--text,#f5f5f5);text-align:left}
.planning-impact .planning-review blockquote{grid-column:2;max-width:none;margin:0;font-size:16px;line-height:1.6}
@media(max-width:700px){.planning-impact .planning-review{grid-template-columns:44px minmax(0,1fr);column-gap:16px;row-gap:12px;padding:24px}.planning-impact .planning-review-icon{width:44px;height:44px;grid-row:1}.planning-impact .planning-review figcaption{font-size:20px;align-self:start}.planning-impact .planning-review blockquote{grid-column:1/-1;font-size:16px}}

@media(max-width:1000px){.planning-impact .planning-review{padding:24px}}

.planning-impact .planning-review{transition:transform 180ms ease}
.planning-impact .planning-review:hover{transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.planning-impact .planning-review{transition:none}.planning-impact .planning-review:hover{transform:none}}
