/* Why us cards: base styles (copy/adapt in theme) */
.why-us { padding: 56px 0; }
.why-us__header { text-align:center; margin-bottom:2.25rem; }
.why-us__grid { display:grid; gap:32px; grid-template-columns:repeat(1,1fr); }
@media (min-width:640px) { .why-us__grid { grid-template-columns:repeat(2,1fr); } }
@media (min-width:980px) { .why-us__grid { grid-template-columns:repeat(4,1fr); } }

.why-card {
  display:flex; flex-direction:column; align-items:center; text-align:center;
  padding:1.25rem; background:#fff; border-radius:10px; text-decoration:none;
  box-shadow:0 6px 16px rgba(16,24,40,0.04); transition:transform .22s, box-shadow .22s;
}
.why-card__icon { width:80px; height:80px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#5fb7e5,#0b5fff); margin-bottom:1rem; }
.why-card__title { font-weight:700; margin:0 0 .5rem; }
.why-card__desc { color:#6b7280; max-width:320px; line-height:1.45; }
.why-card:hover, .why-card:focus-visible { transform:translateY(-10px); box-shadow:0 22px 48px rgba(16,24,40,0.12); }