/* Три вывода исследования. Строками: раздел → вывод → доля в полосках
   одной шкалы → пояснение и источник. Цвет — смысл: серый — норма рынка,
   красный — разрыв, зеленый — то, что есть у выделяющихся.
   Темный фон — пауза между светлыми блоками «Что внутри» и «Что дальше». */

.wbr-benefit{ overflow:hidden; }

.wbr-benefit__list{
  margin-top:clamp(32px,3.6vw,48px);
  border-top:1px solid var(--wbr-line-dk);
}
.wbr-benefit__row{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1fr) minmax(0,1.1fr);
  gap:16px clamp(24px,4vw,64px);
  align-items:center;
  padding-block:34px;
  border-bottom:1px solid var(--wbr-line-dk);
}

.wbr-benefit__tag{
  display:inline-flex;
  min-height:30px;
  align-items:center;
  padding:3px 12px;
  border:1px solid rgba(132,199,252,.45);
  border-radius:var(--wbr-r-pill);
  font-size:14px;
  color:var(--wbr-blue-soft);
}
.wbr-benefit__h{
  margin-top:14px;
  font-size:22px;
  line-height:1.25;
  color:#fff;
}

/* полоски «было → стало» */
.wbr-bars{ display:grid; gap:14px; }
.wbr-bar{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 16px;
  align-items:center;
}
.wbr-bar__label{
  grid-column:1 / -1;
  font-size:13px;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:rgba(255,255,255,.45);
}
.wbr-bar__track{
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:hidden;
}
.wbr-bar__fill{
  display:block;
  height:100%;
  border-radius:inherit;
  background:rgba(255,255,255,.4);
}
.wbr-bar__val{
  min-width:90px;
  font-size:29px;
  font-weight:500;
  line-height:1;
  letter-spacing:-.03em;
  color:rgba(255,255,255,.7);
  text-align:right;
  white-space:nowrap;
}
.wbr-bar--after .wbr-bar__fill{ background:var(--wbr-green); }
.wbr-bar--after .wbr-bar__val{ color:var(--wbr-green); }
.wbr-bar--loss .wbr-bar__fill{ background:#ff8a80; }
.wbr-bar--loss .wbr-bar__val{ color:#ffb0a8; }

.wbr-benefit__text{
  font-size:17px;
  line-height:1.55;
  color:rgba(255,255,255,.72);
}
.wbr-benefit__text b{ color:#fff; font-weight:600; }
.wbr-benefit__src{
  display:block;
  margin-top:8px;
  font-size:14px;
  color:rgba(255,255,255,.45);
}

@media (max-width:1060px){
  .wbr-benefit__row{ grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  .wbr-benefit__text{ grid-column:1 / -1; }
}
@media (max-width:620px){
  .wbr-benefit__row{ grid-template-columns:minmax(0,1fr); padding-block:28px; }
  .wbr-benefit__h{ font-size:20px; }
  .wbr-bar__val{ font-size:24px; min-width:72px; }
}