.steps { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr; gap: 40px; }
@media (min-width: 40em) { .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 56.25em) { .steps { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.steps__item { display: flex; flex-direction: column; gap: 14px; padding-top: 24px; border-top: 1px solid var(--color-lines-dark); }
.steps__number { font-family: var(--font-serif); font-size: var(--text-step); line-height: 1; color: var(--color-gold); }
.steps__title { margin: 0; font-size: 21px; font-weight: var(--weight-semibold); color: var(--color-white); }
.steps__text { margin: 0; font-size: var(--text-base); line-height: var(--leading-body); color: var(--color-on-dark-muted); }