/* Партнёрские посадочные провайдеров: /novofon/, /telphin/.
   Один файл на все такие страницы — сетка, карточки и полоса цифр у них
   общие, различаются только фирменный цвет кнопки и картинки. Классы с
   префиксом pl- (partner landing), чтобы не путались с общими из stil.css.

   Цвета кнопок взяты из логотипов провайдеров: кнопка «уйти к оператору»
   должна выглядеть их кнопкой, а не нашей. Для текста у каждого свой
   затемнённый вариант — фирменные жёлтый и оранжевый на бумажном фоне не
   читаются. */
:root{
  --novofon:#FCD000;      --novofon-ink:#333333;  --novofon-text:#8A6D00;
  --telphin:#FF8242;      --telphin-ink:#14161B;  --telphin-text:#B33A00;
  --megafon:#00B956;      --megafon-ink:#14161B;  --megafon-text:#007A3D;
  /* у Сипуни надпись на кнопке белая, а не тёмная: фирменный фиолетовый
     тёмный сам по себе, и тёмный текст на нём почти не читается */
  --sipuni:#6A49F9;       --sipuni-ink:#FFFFFF;   --sipuni-text:#6A49F9;
}

/* ---------- шапка страницы ---------- */
.pl-hero{
  display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;
}
.pl-logo{height:40px;width:auto;margin-bottom:26px;}
.pl-hero-art{width:100%;max-width:400px;margin-left:auto;}

/* ---------- кнопки провайдеров ---------- */
.btn-novofon{
  background:var(--novofon);border-color:var(--novofon);color:var(--novofon-ink);
  font-weight:600;
}
.btn-novofon:hover{background:#E8C000;border-color:#E8C000;}
.btn-telphin{
  background:var(--telphin);border-color:var(--telphin);color:var(--telphin-ink);
  font-weight:600;
}
.btn-telphin:hover{background:#F26A24;border-color:#F26A24;}
.btn-megafon{
  background:var(--megafon);border-color:var(--megafon);color:var(--megafon-ink);
  font-weight:600;
}
.btn-megafon:hover{background:#00A64C;border-color:#00A64C;}
.btn-sipuni{
  background:var(--sipuni);border-color:var(--sipuni);color:var(--sipuni-ink);
  font-weight:600;
}
.btn-sipuni:hover{background:#573BE0;border-color:#573BE0;}

/* ---------- цифры о компании ---------- */
.pl-facts{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid var(--line);background:#fff;margin-top:56px;
}
.pl-fact{padding:26px 24px;border-right:1px solid var(--line);}
.pl-fact:last-child{border-right:none;}
.pl-fact b{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:30px;
  letter-spacing:-0.02em;display:block;margin-bottom:6px;
}
.pl-fact span{font-size:13px;color:var(--muted);}

/* ---------- что подключается ---------- */
.pl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.pl-card{
  background:#fff;border:1px solid var(--line);padding:28px 26px 30px;
  display:flex;flex-direction:column;
}
.pl-card-art{height:150px;width:auto;margin:0 auto 22px;}
.pl-card h4{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:18px;
  margin-bottom:10px;
}
.pl-card p{color:var(--muted);font-size:14px;}

/* ---------- тарифы ---------- */
.pl-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
/* у Телфина тарифных карточек три, а не четыре */
.pl-plans.three{grid-template-columns:repeat(3,1fr);}
.pl-plan{background:#fff;border:1px solid var(--line);padding:24px 22px;}
.pl-plan h5{
  font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--muted-2);
  font-weight:400;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em;
}
.pl-plan .pl-price{
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:26px;
  letter-spacing:-0.02em;margin-bottom:10px;
}
.pl-plan .pl-price small{font-size:13px;color:var(--muted);font-weight:400;}
.pl-plan p{font-size:13px;color:var(--muted);}
.pl-note{font-size:13px;color:var(--muted-2);margin-top:22px;}
.pl-note a{border-bottom:1px solid var(--line);}
.pl-note a.novofon{color:var(--novofon-text);}
.pl-note a.telphin{color:var(--telphin-text);}
.pl-note a.megafon{color:var(--megafon-text);}
.pl-note a.sipuni{color:var(--sipuni-text);}

/* ---------- блок с двумя кнопками внизу ---------- */
.pl-final .btn-ghost{border-color:var(--paper);color:var(--paper);}
.pl-final .btn-ghost:hover{background:var(--paper);color:var(--ink);}
.pl-final-note{font-size:12px;color:var(--muted-2);margin-top:20px;}

@media(max-width:900px){
  .pl-facts{grid-template-columns:repeat(2,1fr);}
  .pl-fact:nth-child(2){border-right:none;}
  .pl-fact:nth-child(1),.pl-fact:nth-child(2){border-bottom:1px solid var(--line);}
  .pl-plans,.pl-plans.three{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:860px){
  .pl-hero{grid-template-columns:1fr;gap:36px;}
  .pl-hero-art{margin:0 auto;max-width:320px;}
  .pl-grid{grid-template-columns:1fr;}
}
@media(max-width:520px){
  .pl-facts{grid-template-columns:1fr;}
  .pl-fact{border-right:none;border-bottom:1px solid var(--line);}
  .pl-fact:last-child{border-bottom:none;}
  .pl-plans,.pl-plans.three{grid-template-columns:1fr;}
}