/* ══════════════════════════════════════════════════════════════════════════════
   WHY US  (Mengapa Memilih JMEP)
══════════════════════════════════════════════════════════════════════════════ */
.why-us { background: var(--white); }
.whyus-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 56px;
}
.whyus-card {
  text-align: center;
  padding: 40px 28px;
  background: var(--light-bg);
  border: 1px solid var(--light-border);
  border-radius: var(--radius-xl);
  transition: all var(--transition);
}
.whyus-card:hover {
  transform: translateY(-6px);
  border-color: var(--primary);
  box-shadow: var(--shadow-lg);
}
.whyus-icon {
  width: 64px; height: 64px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--primary-light), var(--primary-dark));
  color: var(--white);
  font-size: 1.6rem;
  box-shadow: var(--shadow-md);
}
.whyus-card:nth-child(2) .whyus-icon { background: linear-gradient(135deg, #C084FC, #9333EA); }
.whyus-card:nth-child(3) .whyus-icon { background: linear-gradient(135deg, #FBBF24, #F97316); }
.whyus-card h3 {
  font-family: var(--font-display);
  font-size: 1.25rem;
  color: var(--dark);
  margin-bottom: 10px;
}
.whyus-card p {
  font-size: 0.92rem;
  line-height: 1.6;
}

/* ─── Responsive ────────────────────────────────────────────────────────────── */
@media (max-width: 768px) {
  .whyus-grid { grid-template-columns: 1fr; gap: 16px; margin-top: 40px; }
  .whyus-card { padding: 32px 24px; }
}