.reasons {
  display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border-top: 2px solid var(--ink); counter-reset: reason;

  div { padding: 26px 26px 0 0; counter-increment: reason; }
  div + div { padding-left: 26px; border-left: 1px solid var(--line); }
  .n { font: 700 44px/1 var(--f-display); color: var(--blue); display: block; margin-bottom: 12px; }
  .n::before { content: counter(reason, decimal-leading-zero); }
  b { display: block; font: 700 22px/1.2 var(--f-display); margin-bottom: 8px; }
  p { color: var(--muted); }

  @media (max-width: 820px) {
    grid-template-columns: 1fr;

    div + div { padding-left: 0; border-left: 0; border-top: 1px solid var(--line); margin-top: 26px; }
  }
}