/* ============================================================
   COMPONENT — Why us
   Six-item benefit grid on a hairline-divided card sheet.
   ============================================================ */
.why{padding:100px 0; background:var(--paper-dim);}

.why-grid{
  display:grid; grid-template-columns:repeat(3,1fr); gap:1px;
  background:var(--line-light); border:1px solid var(--line-light);
  border-radius:var(--radius); overflow:hidden;
}
.why-item{background:var(--paper-dim); padding:30px 26px;}
.why-item .ic{width:38px; height:38px; color:var(--orange-600); margin-bottom:14px;}
.why-item h4{font-size:16.5px; margin-bottom:8px;}
.why-item p{font-size:13.8px; color:var(--ink-soft); line-height:1.55;}

/* ---- responsive ---- */
@media (max-width:980px){
  .why-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:720px){
  .why{padding:72px 0;}
  .why-grid{grid-template-columns:1fr;}
}