/* «Почему с нами» (макет 264:2678 — десктоп 1470, 344:1360 — телефон 393). */

/* ссылка «Назад» под шапкой */
.page-back{margin-left:-3px}

/* вступление */
.pq{padding:138px 0 var(--sec)}
.pq__rule{margin-top:71px}
.pq__label{margin-top:10px}
.pq__text{max-width:710px;margin:50px 0 0 calc((100% + var(--gap)) / 3);color:var(--ink)}

/* преимущества «лесенкой» на тёмном фото */
.pw{position:relative;overflow:hidden;background:#151515;color:var(--light)}
.pw__bg::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.8)}
.stair{display:grid;gap:30px}
.stair li{display:grid;gap:10px;justify-items:start;margin-left:calc(var(--i, 0) * (100% + var(--gap)) / 6);margin-right:calc(-1 * var(--pad));padding-top:10px;border-top:1px solid var(--on-dark)}
.stair .h3{color:var(--light)}
.stair .lead{max-width:400px;color:var(--on-dark-2)}
.pw__text{max-width:640px;margin:70px 0 0 calc((100% + var(--gap)) / 3);color:var(--light)}

/* ---------- телефон ---------- */
@media (max-width:900px){
  .pq{padding:135px 0 50px}
  .pq__rule{margin-top:85px}
  .pq__text{margin:30px 0 0;font:500 21px/1.05 var(--f-text);letter-spacing:-.04em}
  .pq__text p+p{margin-top:20px}
  .stair li{margin:0;padding-top:15px;border-top:0;position:relative}
  .stair li::before{content:"";position:absolute;left:0;top:0;width:var(--w, 100%);height:1px;background:var(--on-dark)}
  .stair .h3{font:500 21px/1.05 var(--f-text);letter-spacing:-.04em}
  .stair .lead{max-width:260px;color:var(--on-dark)}
  .pw__text{margin:70px 0 0}
}