/* „Így vezetjük be” — négy lépés, sorszámozott listaként. */

.steps {
  position: relative;
  z-index: 1;
  background: var(--f-ground);
}

.steps__list {
  counter-reset: step;
}

.step {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 26px 24px;
  border-radius: var(--r-tile);
  background: var(--f-card);
  border-top: 6px solid var(--f-mustard);
}

.step:nth-child(2) {
  border-top-color: var(--f-coral);
}

.step:nth-child(3) {
  border-top-color: var(--f-mint);
}

.step:nth-child(4) {
  border-top-color: var(--f-sky);
}

.step__num {
  font-family: var(--font-mono);
  font-size: var(--t-mono);
  letter-spacing: 0.1em;
  color: var(--f-ink-soft);
}

.step h3 {
  font-size: clamp(1.25rem, 1.8vw, 1.5rem);
}

.step p {
  font-size: 0.9375rem;
  line-height: 1.5;
  color: var(--f-ink-soft);
}