/* ============================================================
   SEKCJA: PROCES (jak pracujemy)
   ============================================================ */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.step{text-align:center}
.step .num{font-family:var(--serif);font-size:3.2rem;color:var(--line);line-height:1;margin-bottom:10px}
.step h3{font-size:1.3rem;margin-bottom:8px}
.step p{font-size:.92rem;color:var(--ink-soft)}

@media(max-width:880px){
  .steps{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .steps{grid-template-columns:1fr}
}