/* Reference benefit layout: compact three-column grid at every screen size. */
.parents-page .benefits{padding:24px 6% 18px}
.parents-page .benefits .section-intro h2{font-size:clamp(20px,2.8vw,34px);font-weight:500;line-height:1.15}
.parents-page .benefits .section-intro p{margin:4px 0 16px}
.parents-page .benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.parents-page .benefit-card{border-radius:12px;min-height:126px;padding:12px 14px;justify-items:center;align-content:start}
.parents-page .benefit-icon{display:block;width:36px;height:36px;margin:0 auto 4px}
.parents-page .benefit-card h3{font-weight:500;font-size:17px;line-height:1.15;margin:0 0 5px}
.parents-page .benefit-card p{font-size:13px;line-height:1.3}
@media(max-width:760px){
  .parents-page .benefits{padding:20px 4% 16px}
  .parents-page .benefits .section-intro h2{font-size:21px}
  .parents-page .benefits .section-intro p{font-size:12px;line-height:1.3;margin:5px 0 12px}
  .parents-page .benefit-grid{gap:8px}
  .parents-page .benefit-card{padding:10px 6px;min-height:148px;border-radius:9px}
  .parents-page .benefit-icon{width:29px;height:29px;margin-bottom:4px}
  .parents-page .benefit-card h3{font-size:12px;line-height:1.15;margin-bottom:4px}
  .parents-page .benefit-card p{font-size:11px;line-height:1.25}
}