.whygrid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:640px){.whygrid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.whygrid{grid-template-columns:repeat(3,1fr)}}
.why-card{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:32px 26px;display:flex;flex-direction:column;gap:10px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.why-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -24px rgba(20,22,26,0.2)}
.why-num{font-family:var(--font-serif);font-size:32px;color:var(--accent);line-height:1;margin-bottom:2px}
.why-card h3{font-size:17px;margin:0}
.why-card p{font-size:14px;color:var(--ink-soft);margin:0;line-height:1.5}