/* ============ Passos (numerados) — como funciona / como escolher ============ */
.fbs-steps {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  column-gap: 32px;
}
.fbs-steps__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 18px 0 22px;
  border-top: 1px solid var(--fbs-ink);
}
.fbs-steps__num {
  font: 400 13px/1 var(--fbs-display);
  color: var(--fbs-accent);
}
.fbs-steps__title {
  font: 400 var(--fbs-step-t)/1.15 var(--fbs-display);
  text-transform: uppercase;
}
.fbs-steps__text {
  font: 400 14px/1.55 var(--fbs-body);
  color: var(--fbs-muted);
  text-wrap: pretty;
}
.fbs-band--dark .fbs-steps__item {
  border-top-color: var(--fbs-line-dark);
}
.fbs-band--dark .fbs-steps__text {
  color: var(--fbs-on-dark);
}
.fbs-band--dark .fbs-steps__num {
  font: 600 10px/1.3 var(--fbs-body);
  letter-spacing: 0.16em;
  color: var(--fbs-accent-soft);
}
@media (min-width: 700px) {
  .fbs-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (min-width: 1100px) {
  .fbs-steps {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}