/* ═══════════════════════════════════════════════════════════
   BENEFITS
   ═══════════════════════════════════════════════════════════ */

.benefits-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
}

.benefit-card {
  padding: 2.25rem 2rem;
  border: 1px solid var(--rule);
  border-radius: 4px;
  transition: border-color .2s, transform .2s;
}

.benefit-card:hover {
  border-color: var(--accent);
  transform: translateY(-3px);
}

.benefit-number {
  font-family: var(--serif);
  font-size: 2.5rem;
  font-weight: 300;
  color: var(--cream);
  line-height: 1;
  margin-bottom: 1rem;
}

.benefit-title {
  font-family: var(--serif);
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: .75rem;
}

.benefit-desc {
  font-size: .88rem;
  color: var(--muted);
  line-height: 1.65;
}