/* Что дальше: мостик от исследования к консультации (страница konsultaciya).
   Одна мысль — сравнить свой сайт с лидерами. Слева заголовок, лид и кнопка,
   справа три пункта разбора. Обе колонки выровнены по верху:
   верхняя линия списка стоит на уровне заголовка. */

.wbr-next{ background:var(--wbr-white); }

.wbr-next__in{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:32px clamp(32px,5vw,96px);
  align-items:start;
}
.wbr-next__lead{
  margin-top:24px;
  max-width:44ch;
  font-size:19px;
  line-height:1.55;
  color:var(--wbr-text);
}
.wbr-next__btn{ margin-top:36px; }

.wbr-next__steps{
  counter-reset:wbr-step;
  border-top:1px solid var(--wbr-line);
}
.wbr-next__steps li{
  counter-increment:wbr-step;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:2px 16px;
  padding-block:22px;
  border-bottom:1px solid var(--wbr-line);
}
.wbr-next__steps li::before{
  content:counter(wbr-step, decimal-leading-zero);
  grid-row:1 / span 2;
  font-size:15px;
  font-weight:600;
  line-height:1.6;
  color:var(--wbr-blue);
}
.wbr-next__steps b{
  font-size:22px;
  font-weight:500;
  line-height:1.3;
  color:var(--wbr-ink);
}
.wbr-next__steps span{
  font-size:17px;
  line-height:1.45;
  color:var(--wbr-text);
}

@media (max-width:900px){
  .wbr-next__in{ grid-template-columns:minmax(0,1fr); }
}
@media (max-width:620px){
  .wbr-next__lead{ font-size:17px; }
  .wbr-next__steps b{ font-size:19px; }
}