/* Макет: правки содержания (не движение). */

/* график «Трафик · 24ч» строился формулой, а не из данных — убран */
.srv-graph{display:none}

/* плотность: меньше пустоты между разделами */
@media(min-width:981px){
  section{padding-top:76px;padding-bottom:76px}
  .divider{margin:32px auto}
}
@media(max-width:980px){
  .divider{margin:28px auto}
}

/* блок «Проверьте перед оплатой» на месте цитаты */
.c-check{padding-top:84px;padding-bottom:84px}
.c-check .sec-title{margin-bottom:38px}
.c-check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1040px;margin:0 auto 38px;text-align:left}
.c-item{position:relative;background:var(--bg-card);border:1px solid var(--border);padding:26px 24px 24px}
.c-item .num{font-family:'Cinzel',serif;font-size:13px;letter-spacing:.2em;color:var(--gold-muted)}
.c-item h3{font-family:'Cinzel',serif;font-weight:500;font-size:17px;letter-spacing:.06em;color:var(--gold);margin:10px 0 8px}
.c-item p{font-size:14.5px;line-height:1.65;color:var(--text)}
.c-note{margin-top:18px;font-size:13px;color:var(--text-muted)}
@media(max-width:860px){
  .c-check{padding:56px 20px}
  .c-check-grid{grid-template-columns:1fr;gap:12px}
}

/* тарифы: общие условия одной строкой, в карточках — различия */
.c-common{text-align:center;max-width:760px;margin:0 auto 34px;padding:14px 18px;border:1px dashed rgba(201,176,55,.25);
  font-size:14px;line-height:1.6;color:var(--text)}
.c-common b{color:var(--gold-bright);font-weight:500}
.c-fine{font-size:13px!important;color:var(--text-muted)!important;margin-top:10px!important}
.price li[hidden],.c-common[hidden]{display:none}
.price .per{font-size:14px}

/* тарифы: «для кого» и расчётные строки */
.price .c-for{font-size:13px;color:var(--text-muted);margin:-6px 0 14px;letter-spacing:.02em}
.price li.c-calc:empty{display:none}
.price li.c-calc b{color:var(--gold-bright);font-weight:500}

/* тарифы: способы оплаты на виду */
.c-pay{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:30px}
.c-pay-t{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-right:6px}
.c-chip{padding:8px 16px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--gold-bright);font-size:13.5px;letter-spacing:.04em}
.vow{margin-top:22px}
@media(max-width:560px){.c-pay-t{flex-basis:100%;text-align:center;margin:0 0 2px}}

/* новый знак на первом экране: вектор вместо картинки (квадратного фона больше нет) */
.g-hero{position:relative;z-index:2;width:100%;height:100%;display:grid;place-items:center}
.g-hero svg{width:88%;height:88%;display:block;overflow:visible;
  filter:drop-shadow(0 0 10px rgba(228,198,88,.5)) drop-shadow(0 0 34px rgba(201,176,55,.28))}
.logo svg{overflow:visible}
.shield-wrap{width:100%}

/* планшет (761–1023): двухколоночный первый экран и полная навигация сюда не помещаются —
   включаем то же, что на телефоне: меню-кнопка, одна колонка, панели щита скрыты */
@media(min-width:761px) and (max-width:1023px){
  .nav-links{display:none}
  .burger{display:block}
  .hero{grid-template-columns:1fr;gap:40px;text-align:center;padding:120px 40px 48px;min-height:0}
  .hero-left{text-align:center}
  .tag-row,.hero-tagline,.hero-ctas{justify-content:center}
  .lede{margin-left:auto;margin-right:auto}
  .hero-meta{margin-left:auto;margin-right:auto}
  .shield-wrap{max-width:400px;margin:0 auto}
  .hud-top,.hud-bot{display:none}
}

/* клавиатура: видимый фокус на всём, что нажимается */
.srv-row:focus-visible,.faq-q:focus-visible,.burger:focus-visible,.btn:focus-visible,.m-hint:focus-visible,
.nav-links a:focus-visible,.drawer a:focus-visible,.logo:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px}
.srv-row,.faq-q{cursor:pointer}

/* Отклик на нажатие сохраняет существующие цвет и свечение. */
.btn {
  transition:transform 160ms cubic-bezier(.23,1,.32,1), color .3s, background-color .3s, border-color .3s, box-shadow .3s;
}
.btn:active:not(:disabled):not([aria-disabled="true"]) { transform:scale(.97); }
.m-still .btn:active:not(:disabled):not([aria-disabled="true"]) { transform:none; }
@media (prefers-reduced-motion:reduce) {
  .btn:active:not(:disabled):not([aria-disabled="true"]) { transform:none; }
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .btn-primary:hover { transform:translateY(-2px); }
  .feature:hover { transform:translateY(-3px); }
  .loc:hover { transform:translateY(-2px); }
}
.m-still .btn-primary:hover, .m-still .feature:hover, .m-still .loc:hover { transform:none; }

/* нет свежих данных: цифры нагрузки и времени работы не показываем вовсе */
.c-nodata .srv-meta,.c-nodata .srv-metrics{display:none}
.c-nodata .status-foot .d{display:none}