/* "Jak pracuji" — numbered steps (CSS counter) */

.process { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; counter-reset: step; }

.step { padding: 28px 24px; border-top: 2px solid var(--ink); position: relative; }
.step::before {
  counter-increment: step; content: "0" counter(step);
  font: 500 14px/1 var(--mono); color: var(--accent-text); display: block; margin-bottom: 20px;
}
.step::after {
  content: ""; position: absolute; top: -2px; left: 0; width: 48px; height: 2px;
  background: var(--accent); box-shadow: 0 0 12px var(--glow);
}
.step h3 { font-size: 22px; margin-bottom: 10px; }
.step p { margin: 0; color: var(--ink-2); font-size: 15px; }

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