/* =========================================================================
   why — "למה דווקא איתנו?", Figma 74:6923. Title 40 + 1px rule (1700),
   4 light cards (401×265) — icon 95, title Tel Aviv 24, text Assistant 21.
   ========================================================================= */
.why{padding-top:57px}
.why__title{text-align:center}
.why__rule{margin-top:44px}
.why__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:33px;margin-top:32px}
.perk{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:265px;padding:28px 16px 24px;background:var(--panel)}
.perk__title{font-family:var(--font-display);font-weight:400;font-size:24px;line-height:1.21;color:var(--ink);margin-top:12px}
.perk__text{font-size:21px;line-height:28px;color:var(--navy);margin-top:11px;max-width:359px}

@media (max-width:1480px){
  .why__grid{gap:20px}
  .perk__title{font-size:22px}
  .perk__text{font-size:18px;line-height:25px}
}
@media (max-width:1100px){
  .why{padding-top:var(--sec-gap)}
  .why__rule{margin-top:28px}
  .why__grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:24px}
  .perk{min-height:0}
}
@media (max-width:640px){
  .why__rule{margin-top:20px}
  .why__grid{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:20px}
  .perk{padding:22px 18px}
  .perk .anim-icon{width:72px;height:72px}
  .perk__title{font-size:21px}
  .perk__text{font-size:17px;line-height:24px}
}