/* How it works (design: home, "How ordering works"). */
.psb-steps__title { margin-block-end: 28px; }
.psb-steps__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }
.psb-steps__item { background: var(--psb-white); border: 1px solid var(--psb-line); border-radius: var(--psb-radius-card, 12px); padding: 26px; }
.psb-steps__num { display: block; font-family: var(--psb-font-code); font-size: 44px; font-weight: 700; line-height: 1; color: var(--psb-teal); }
.psb-steps__heading { font-size: 20px; line-height: 1.3; margin: 10px 0 6px; color: var(--psb-navy); }
.psb-steps__item p { margin: 0; color: var(--psb-text); line-height: 1.55; }
.psb-section[data-bg="white"] .psb-steps__item { background: var(--psb-ground); }
.psb-dark .psb-steps__item { background: var(--psb-navy-panel); border-color: transparent; }
.psb-dark .psb-steps__heading { color: var(--psb-white); }
.psb-dark .psb-steps__item p { color: var(--psb-on-dark); }
.psb-dark .psb-steps__num { color: var(--psb-teal-light); }