.steps {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md);
}
.step {
  background: var(--color-white);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  box-shadow: var(--shadow-sm);
  position: relative;
}
.step__num {
  font-family: var(--font-heading);
  font-size: 2.2rem;
  font-weight: 300;
  color: var(--color-primary);
  display: block;
  margin-bottom: var(--space-sm);
}
.step h3 { font-weight: 500; margin-bottom: 8px; }
.step p { font-size: 0.95rem; }

@media (min-width: 640px) { .steps { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1000px) { .steps { grid-template-columns: repeat(4, 1fr); } }