.about-benefits { display: grid; gap: var(--s4); }
.about-benefits__heading { display: grid; gap: var(--s3); }
.about-benefits__heading .bl-eyebrow, .about-benefits__heading .bl-h2, .about-benefits__heading > p { margin: 0; }
.about-benefits__heading > p { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s2); max-width: 58ch; color: var(--slate); font-size: var(--fs-small); }
.about-benefits__panel { display: grid; gap: var(--s3); }
.about-benefits__panel[hidden] { display: none; }
.about-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s4); margin-top: var(--s7); padding: var(--s5); background: var(--section); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.about-cta > div { display: grid; gap: var(--s2); max-width: 52ch; }
.about-cta .bl-eyebrow, .about-cta .bl-h2, .about-cta p { margin: 0; }
.about-cta p { color: var(--slate); }
@media (min-width: 720px) { .about-benefits__panel { grid-template-columns: repeat(3, minmax(0, 1fr)); }.about-benefits__heading { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: end; } }

/* North Star cards: keep the four principles in a balanced two-by-two layout. */
.north-stars-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
@media (max-width: 719px) { .north-stars-grid { grid-template-columns: 1fr; } }