/* Спокойный слой: те же блоки и тексты, светлее и читаемее.
   Один цвет действия, белый и голубовато-серый фон, один тёмный акцент на блок сравнения и финал. */
:root{
  --blue:#1C6FBE;
  --blue-700:#155A9E;
  --blue-100:#DCECFA;
  --blue-50:#EEF6FD;
  --navy:#0B1A2D;
  --navy-2:#12263F;
  --ink:#0E1B2C;
  --text:#223046;
  --muted:#4F5F75;
  --soft:#F3F7FB;
  --line:#DFE6EF;
  --mint:#129A76;
  --ok:#129A76;
  --signal:#2E8FE0;
  --on-dark:#C3D2E3;
  --shadow:0 18px 44px -30px rgba(14,27,44,.28);
  --shadow-blue:var(--shadow);
  --pad:clamp(56px,6.4vw,92px);
  --shell:1320px;
  --r:20px;
  --r-sm:14px;
  color-scheme:light;
}
body{background:#fff;color:var(--text);font-size:17px;line-height:1.6}
body::before,body::after{display:none}

/* Заголовки и подписи */
h1,h2,h3{letter-spacing:-.022em}
h2{color:var(--ink);font-size:clamp(30px,3.2vw,46px);font-weight:700;line-height:1.14;letter-spacing:-.024em}
#trial h2{color:#fff}
h3{font-weight:700;letter-spacing:-.015em;line-height:1.25}
.addons__head h3,.sos__head h4,.rvc__co h3,.ig__ticket b,.ig__win-head span,.vplayer__ttl,.vplayer__hint{letter-spacing:-.01em}
.lead{color:var(--muted);font-size:18px;line-height:1.6}
.dark .lead{color:var(--on-dark)}
.head{margin-bottom:clamp(30px,3.6vw,46px)}
.head h2{margin-top:12px}
.head .lead{max-width:720px;margin-top:16px}
.eyebrow{gap:9px;color:var(--blue);font-family:var(--body);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
.eyebrow::before{width:7px;height:7px;box-shadow:none}
.pill{border:0;background:var(--blue-50);color:var(--blue-700);font-size:14.5px}

/* Кнопки */
.btn{border-radius:12px;font-weight:600;transition:background .18s,border-color .18s,color .18s}
.btn:hover{transform:none}
.btn--primary,.top .btn--primary,.hero .btn--primary,.form .btn--primary{background:var(--blue);color:#fff;box-shadow:none}
.btn--primary:hover,.top .btn--primary:hover,.hero .btn--primary:hover,.form .btn--primary:hover{background:var(--blue-700);box-shadow:none}
.btn--outline{background:#fff;border-color:#B9C6D6;color:var(--ink);backdrop-filter:none}
.btn--sos{background:#B4560A;color:#fff;box-shadow:none}
.btn--sos:hover{background:#94470A;color:#fff}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Шапка */
.top{background:#fff;border-bottom:1px solid var(--line);box-shadow:none;backdrop-filter:none}
.top .logo::after{display:none}
.nav a{color:var(--ink);font-weight:500}
.nav a:hover{color:var(--blue)}
.top__tel{color:var(--ink);font-family:var(--body);font-weight:600}
@media(min-width:761px){
  .shell,.top .shell{padding-left:clamp(24px,3.4vw,48px);padding-right:clamp(24px,3.4vw,48px)}
  .top .shell{max-width:var(--shell)}
  .top__in{height:76px;gap:26px}
  .top .logo__img{width:128px}
  .top .btn{padding:12px 20px;border-radius:11px;font-size:15px}
}

/* Первый экран */
.hero{min-height:0;background:#fff;color:var(--ink);padding:clamp(30px,3.4vw,48px) 0 clamp(44px,4.4vw,64px)}
.hero::before,.hero::after{display:none}
@media(min-width:1221px){
  .hero__in{
    --hero-gap:clamp(36px,3.6vw,56px);
    --hero-air:clamp(0px,calc((100vw - var(--shell)) / 4),48px);
    --hero-bleed:clamp(0px,calc((100vw - var(--shell)) / 2 - 160px),80px);
    /* Сохраняем ширину текста исходной сетки 1fr / 1.08fr и общую левую границу. */
    grid-template-columns:minmax(0,calc((100% - var(--hero-gap)) / 2.08)) minmax(0,1fr);
    column-gap:calc(var(--hero-gap) + var(--hero-air) + var(--hero-bleed));
  }
}
.hero__audience{padding:7px 8px 7px 15px;border:0;background:var(--blue-50);box-shadow:none;color:var(--blue-700)}
.hero__audience::before{width:8px;height:8px;background:var(--mint);box-shadow:none}
.hero__audience b{font-family:var(--body);font-size:15.5px;font-weight:600;letter-spacing:0}
.hero__audience em{padding:4px 11px;background:var(--blue);color:#fff;font-family:var(--body);font-size:14.5px;font-weight:600;letter-spacing:0}
.hero h1{max-width:none;margin-top:20px;color:var(--ink);font-size:clamp(36px,4vw,58px);font-weight:700;line-height:1.08;letter-spacing:-.025em;text-shadow:none}
.hero h1 span{color:var(--blue);text-shadow:none}
.hero__sub{max-width:none;margin-top:16px;color:var(--text);font-size:clamp(17px,1.4vw,20px);line-height:1.5}
.hero__sub strong{color:var(--ink);font-weight:500}
.hero__cta{margin-top:20px}
.hero .btn{padding:15px 28px;font-size:16.5px}
.hero__route{max-width:none;margin-top:22px;border:1px solid var(--line);border-radius:14px;background:var(--line);box-shadow:none}
.hero__route::before{display:none}
.route-step{min-height:0;padding:13px 14px;gap:2px;align-content:start;background:#fff}
.route-step i{width:26px;height:26px;border:0;border-radius:50%;background:var(--blue-50);color:var(--blue-700);font-family:var(--body);font-size:12.5px;font-weight:600}
.route-step.is-live i{background:var(--blue);color:#fff;box-shadow:none}
.route-step b{margin-top:6px;color:var(--ink);font-size:15.5px;font-weight:600;line-height:1.25}
.route-step em{color:var(--muted);font-size:13.5px;line-height:1.3}
.hero__note{margin-top:14px;color:var(--muted);font-size:15px}
.hero__note span::before{background:var(--mint);box-shadow:none}
.hero__proof{max-width:none;margin-top:18px;padding-top:16px;gap:18px;border-top:1px solid var(--line)}
.proof{min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.proof::before,.proof::after{display:none}
.proof b{color:var(--ink);font-size:clamp(23px,1.9vw,27px);font-weight:700;letter-spacing:-.02em}
.proof span{margin-top:4px;padding-right:0;color:var(--muted);font-size:14px;line-height:1.35}
.halo{display:none}
.scene{min-height:0;width:100%;margin-left:0}
.scene__stage{width:100%}
.dash{border:1px solid var(--line);border-radius:18px;background:#F7FAFD;box-shadow:var(--shadow);transform:none}
.dash::after{display:none}
.hero-photo{right:24px;bottom:-22px;width:clamp(150px,12vw,172px);border:4px solid #fff;border-radius:18px;box-shadow:0 18px 40px -22px rgba(14,27,44,.4)}
.hero-photo::after{display:none}
.hero-photo:hover{transform:none;box-shadow:0 18px 40px -22px rgba(14,27,44,.4)}

/* Как мы работаем */
.video-showcase{padding:var(--pad) 0;background:var(--soft)}
.video-showcase::before,.video-showcase::after{display:none}
.video-showcase h2{color:var(--ink)}
.video-showcase h2 span{color:var(--blue)}
.video-showcase .lead{margin-top:16px;color:var(--muted);font-size:18px;line-height:1.6}
.shift-card{border-color:var(--line);border-radius:14px;background:#fff;box-shadow:none}
.shift-card__avatars i{font-family:var(--body);font-size:12.5px;font-weight:600}
.shift-card b{color:var(--ink);font-family:var(--body);font-size:15.5px;font-weight:600;letter-spacing:0}
.shift-card span{color:var(--muted);font-size:14px}
.dispatch-points{border-top-color:var(--line)}
.dispatch-point{min-height:0;padding:16px 0;border-bottom-color:var(--line);color:var(--muted);font-size:16px;line-height:1.45}
.dispatch-point::before{display:none}
.dispatch-point span{padding-left:0;margin-left:0}
.dispatch-point b{color:var(--ink);font-family:var(--body);font-size:16px;font-weight:600;letter-spacing:0}
.video-frame{border-radius:16px;background:var(--navy);box-shadow:none}
.video-caption{color:var(--muted);font-family:var(--body);font-size:14px;letter-spacing:0}
.video-caption::before{box-shadow:none}
.video-badge{border-color:var(--line);border-radius:14px;background:#fff;box-shadow:none}
.video-badge__dot{border-radius:50%;background:var(--blue)}
.video-badge__copy span{color:var(--ink);font-family:var(--body);font-size:15px;font-weight:600;letter-spacing:0}
.video-badge__copy b{color:var(--muted);font-size:13.5px;font-weight:400;line-height:1.3}
.video-badge__time{color:var(--muted);font-size:13.5px}
.dispatch-stats{margin-top:clamp(36px,4vw,56px);border-top-color:var(--line)}
.dispatch-stat{border-left-color:var(--line)}
.dispatch-stat b{color:var(--ink);font-weight:700;letter-spacing:-.025em}
.dispatch-stat b span{color:var(--blue)}
.dispatch-stat p{color:var(--muted);font-size:15px;line-height:1.4}

/* Зона ответственности */
.responsibility{background:#fff}
.responsibility .head .lead{margin-top:16px;font-size:18px;line-height:1.6}
.resp-title__mute{color:var(--muted)}
.resp-title em{display:block;color:var(--blue);text-decoration:none}
.resp-card{padding:clamp(20px,2.6vw,36px);border-color:var(--line);border-radius:20px;box-shadow:none}
.resp-card__title{font-weight:700;letter-spacing:-.02em}
.race{border:0;border-radius:16px;background:var(--navy)}
.race::after{display:none}
.race__cap{color:var(--on-dark);font-family:var(--body);font-size:15px;font-weight:500;letter-spacing:0;text-transform:none}
.race__num{letter-spacing:-.03em;line-height:.95}
.race__num b{background:none;color:#fff;-webkit-text-fill-color:#fff}
.race__num span{color:var(--on-dark)}
.race__badge{background:var(--blue);box-shadow:none;font-size:15px}
.race__who{color:#fff;font-size:15.5px}
.race__who small{color:var(--on-dark);font-family:var(--body);font-size:13.5px;font-weight:400;letter-spacing:0;text-transform:none}
.race__bar{background:#1B3250;box-shadow:none}
.race__row--us .race__fill{background:#5FB4F5;box-shadow:none}
.race__row--us .race__fill::after{display:none}
.race__row--norm .race__fill{background:#F2A93B}
.race__row--us .race__val{color:#BFE0FB}
.race__row--norm .race__val{color:#F7C983}
.race__here{background:#BFE0FB}
.race__here::after{top:-17px;left:8px;color:var(--on-dark);font-family:var(--body);font-size:13px;letter-spacing:0}
.race__scale ol{color:#9DB2CA;font-size:12.5px;letter-spacing:0}
.resp-note{max-width:820px;color:var(--muted);font-size:17px;line-height:1.6}
.resp-note strong{color:var(--ink)}
.trk__card{border-radius:14px;background:#fff}
.trk__n{color:var(--blue);font-family:var(--body);font-size:14.5px;letter-spacing:0;text-transform:none}
.trk__card b{color:var(--ink);font-size:19px;letter-spacing:-.015em}
.trk__card p{font-size:16px;line-height:1.5}
.trk__mono{font-size:13.5px}
.trk__ch{color:var(--muted)}
.trk__main{border-color:var(--line);border-radius:14px;box-shadow:none}
.trk__tag{background:var(--blue-50);color:var(--blue-700);font-family:var(--body);font-size:14.5px;letter-spacing:0;text-transform:none}
.trk__main h4{font-weight:700;letter-spacing:-.02em}
.trk__main p{font-size:16.5px;line-height:1.55}
.trk__dl{border-radius:12px;background:var(--soft)}
.trk__dl-top{color:var(--muted);font-size:15px}
.trk__bar span{background:#F2A93B}
.trk__steps b{color:var(--ink);font-size:17px;letter-spacing:-.01em}
.trk__steps i{font-size:15px}
.trk__chain span{background:var(--soft);color:var(--text);font-size:14px}
.trk__chain i{color:var(--muted)}

/* Видео о сервисе */
.explainer{background:var(--soft)}
.explainer::before{display:none}
.explainer .head h2{max-width:none;color:var(--ink)}
.vplayer{border-radius:16px;box-shadow:none}
.vplayer__note{color:var(--muted);font-family:var(--body);font-size:14px;letter-spacing:0;text-transform:none}
.vplayer__note::before{box-shadow:none}
.vplayer__btn{box-shadow:none}
.vchapters{border-radius:16px;background:#fff;box-shadow:none}
.vchapters__cap{color:var(--ink);font-family:var(--body);font-size:15.5px;letter-spacing:0;text-transform:none}
.vchapters__meta{color:var(--muted);font-size:13.5px}
.vchapters__row i{color:var(--muted);font-size:13.5px}
.vchapters__row b{color:var(--ink);font-family:var(--body);font-size:16px;font-weight:500;letter-spacing:0}
.vchapters__row.is-active{background:var(--blue-50)}
.vchapters__link{font-size:15px}

/* Продукт */
#product.soft{background:#fff}
.product-signal{margin:-8px 0 20px;border:1px solid var(--line);border-radius:14px;background:var(--line);box-shadow:none}
.product-signal div{background:#fff}
.product-signal span{color:var(--blue);font-family:var(--body);font-size:14.5px;letter-spacing:0;text-transform:none}
.product-signal b{margin-top:3px;color:var(--ink);font-size:16px;font-weight:500}
#product .pv{margin-top:0;padding:clamp(16px,1.8vw,24px);border:1px solid var(--line);border-radius:20px;background:var(--soft);box-shadow:none}
#product .pv::before,#product .pv::after{display:none}
#product .pv__tabs{border-color:var(--line);border-radius:12px;background:#fff;box-shadow:none}
#product .pv__tab{border-radius:9px;color:var(--muted)}
#product .pv__tab:hover{color:var(--ink)}
#product .pv__tab[aria-selected="true"]{color:#fff}
#product .pv__glide{border-radius:9px;background:var(--blue);box-shadow:none}
#product .pv__grid{padding:clamp(8px,1vw,12px);border:0;border-radius:0;background:none;box-shadow:none}
#product .pv__aside .eyebrow{color:var(--blue)}
#product .pv__aside .eyebrow::before{background:var(--blue);box-shadow:none}
#product .pv__title{color:var(--ink);font-weight:700;letter-spacing:-.02em}
#product .pv__lead{color:var(--muted);font-size:17px;line-height:1.55}
#product .pv__shot{border-color:var(--line);border-radius:12px;background:#fff}
#product .pv__shot:hover{border-color:#B9C6D6;background:#fff}
#product .pv__shot b{color:var(--ink);font-size:16.5px}
#product .pv__shot em{color:var(--muted);font-size:15px;line-height:1.5}
#product .pv__shot::after{display:none}
#product .pv__shot[aria-current="true"]{border-color:var(--blue);background:#fff;box-shadow:none}
#product .pv__shot[aria-current="true"] b{color:var(--ink)}
#product .pv__shot i{background:var(--blue)}
#product .pv__frame{border-color:var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow)}
#product .pv__meta{color:var(--muted)}
.pv__count,.pv__meta{font-family:var(--body);font-size:13.5px;letter-spacing:0;text-transform:none}

/* Подключение */
.ig{background:var(--soft)}
.ig::before{display:none}
.ig .head h2{font-size:clamp(30px,3.2vw,46px);line-height:1.14;letter-spacing:-.024em;word-spacing:0}
.ig__route{min-height:0;border-color:var(--line);border-radius:16px;background:#fff;box-shadow:none}
.ig__route:hover{border-color:var(--blue);box-shadow:none;transform:none}
.ig__route[aria-pressed="true"]{border-color:var(--blue);background:#fff;box-shadow:inset 0 0 0 1px var(--blue)}
.ig__route-number{color:var(--blue);font-family:var(--body);font-size:14px;letter-spacing:0}
.ig__route-icon{background:var(--blue-50);color:var(--blue)}
.ig__route-title{font-weight:700;letter-spacing:-.02em}
.ig__route-copy{color:var(--muted);font-size:16px;line-height:1.5}
.ig__route-link{color:var(--blue);font-size:15px}
.ig__stage{border-color:var(--line);border-radius:16px;background:#fff;box-shadow:none}
.ig__stage::before{display:none}
.ig__panel{--ig-face:#fff}
.ig__panel--us{--ig-face:var(--soft)}
.ig__tab{border-color:var(--line);background:var(--soft);color:var(--muted)}
.ig__tab:hover{background:#fff;color:var(--ink)}
.ig__tab[aria-pressed="true"],.ig__tab--us{background:var(--ig-face);color:var(--ink)}
.ig__more{color:var(--muted)}
.ig__more:hover{color:var(--blue)}
.ig__card{border-color:var(--line);box-shadow:none}
.ig__ticket,.ig__packet{background:var(--navy)}
.ig__arrow{background:var(--blue)}
.ig__arrow::after{border-left-color:var(--blue)}
.ig__live,.ig__prio{font-family:var(--body);font-size:12.5px;letter-spacing:0;text-transform:none}
.ig__tbl th{font-family:var(--body);font-size:12.5px;letter-spacing:0;text-transform:none}
.ig__move-tab{border-color:var(--line);background:var(--soft);color:var(--ink);font-size:14px}
.ig__move-tab--new{background:#fff}
.ig__move-tab--new span{color:var(--muted);font-family:var(--body);font-size:13px;letter-spacing:0;text-transform:none}
.ig__move-window{border-color:var(--line);background:#fff;box-shadow:none}
.ig__move-window--new{box-shadow:none}
.ig__move-head b{font-size:15px;letter-spacing:-.01em}
.ig__move-head-note,.ig__move-ready{font-size:13px}
.ig__move-head-note{color:var(--muted)}
.ig__move-info b{font-size:14px}
.ig__move-info small{color:var(--muted);font-size:13px}
.ig__move-id{font-size:12.5px}
.ig__move-status{font-size:12.5px}
.ig__move-record{font-size:12.5px}
.ig__move-flow-label{color:var(--muted);font-family:var(--body);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}
.ig__footer{border-color:var(--line);border-radius:14px;background:#fff;color:var(--muted);font-size:16px}

/* Тарифы */
#tariffs.soft{background:#fff}
#tariffs::before{display:none}
.tariff-snapshot{width:fit-content;max-width:100%;margin-top:18px;padding:12px 18px;border:0;border-radius:14px;background:var(--blue-50);box-shadow:none;color:var(--ink)}
.tariff-snapshot::after{display:none}
.tariff-snapshot span{color:var(--blue-700);font-family:var(--body);font-size:15px;letter-spacing:0;text-transform:none}
.tariff-snapshot b{letter-spacing:-.02em}
.tariff-snapshot em{color:var(--muted);font-size:15px}
.svc{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.svc__ico{border-radius:12px;background:var(--blue);box-shadow:none}
.svc__t h3{font-size:clamp(22px,1.8vw,26px)}
.svc__t p{color:var(--muted);font-size:16.5px;line-height:1.5}
.plan{padding:26px;border-radius:16px;box-shadow:none}
.plan::after{display:none}
.plan--hi{padding-top:26px;border:2px solid var(--blue);box-shadow:none;transform:none}
.plan__badge{top:-14px;left:24px;background:var(--blue);color:#fff;font-family:var(--body);font-size:13.5px;letter-spacing:0;text-transform:none}
.plan__mark{border:0;background:var(--blue-50);color:var(--blue)}
.plan__top h4{letter-spacing:-.015em}
.plan__price{letter-spacing:-.025em}
.plan__price small{color:var(--muted);font-size:14px}
.plan__bar--full i{background:var(--blue)}
.plan__scale{color:var(--muted);font-size:12.5px;letter-spacing:0}
.plan__mode,.plan__note{color:var(--muted);font-size:15.5px;line-height:1.5}
.plan li{color:var(--text);font-size:15.5px}
.svc__incl{border:0;border-radius:14px;background:var(--soft)}
.svc__incl-t{color:var(--ink);font-family:var(--body);font-size:15.5px;letter-spacing:0;text-transform:none}
.svc__incl-t::after{display:none}
.incl li{color:var(--text);font-size:15.5px}
.incl small{color:var(--muted);font-size:14px}
.addons{border-radius:16px;box-shadow:none}
.addons__head{border-bottom-color:var(--line)}
.addons__head p{color:var(--muted);font-size:16px}
.addon{border-color:var(--line);border-radius:12px;background:#fff}
.addon__ico{border:0;background:var(--blue-50);color:var(--blue)}
.addon b{font-size:16px}
.addon span{border:0;color:var(--blue-700);font-family:var(--body);font-size:13.5px;letter-spacing:0;text-transform:none}
.sos{border-radius:14px;background:#FFF8EE;box-shadow:none}
.sos__ico{background:#D9730D;box-shadow:none}
.sos__geo{font-size:13.5px}
.sos__main>p{color:#5E5140;font-size:15.5px}
.sos__list li{color:#5E5140;font-size:15px}
.sos__price small{color:#6E5E49;font-size:14px}

/* Опыт */
.field{background:var(--soft);color:var(--ink)}
.field::before{display:none}
.field .eyebrow{color:var(--blue)}
.field .eyebrow::before{background:var(--blue);box-shadow:none}
.field h2{color:var(--ink)}
.field .lead{color:var(--muted)}
.field-copy h3{color:var(--ink);font-size:clamp(23px,2vw,28px);line-height:1.2;letter-spacing:-.015em}
.field-copy p{color:var(--muted);font-size:17px;line-height:1.55}
.field-flow{border-color:var(--line);border-radius:12px;background:#fff}
.field-flow span{color:var(--ink);font-size:14.5px}
.field-flow i{background:#B9C6D6}
.field-flow i::after{border-color:#B9C6D6}
.field-city{border-color:var(--line);border-radius:12px;background:#fff;color:var(--ink)}
.field-city:hover{border-color:var(--blue);background:#fff;transform:none}
.field-city__pin{border:0;background:var(--blue-50);color:var(--blue)}
.field-city__body span{color:var(--muted);font-family:var(--body);font-size:14px;letter-spacing:0;text-transform:none}
.field-proof__row{border-top-color:var(--line)}
.field-proof__row em{border-radius:50%;background:var(--blue-50);color:var(--blue-700);font-family:var(--body);font-size:13px;font-weight:600}
.field-proof__row b{color:var(--ink);font-size:16.5px}
.field-proof__row span{color:var(--muted);font-size:15.5px;line-height:1.5}
.field-photo{border:0;border-radius:16px;box-shadow:none}
.field-photo__badge span{font-size:14.5px}

/* Отзывы */
.rv{background:#fff}
.rv__panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.rv__arrow{background:#fff}
.rv__arrow:hover{box-shadow:none}
.rvc{border-radius:16px;box-shadow:none}
.rvc.is-playing{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);transform:none}
.rvc__ava,.rvc__ava--female,.rvc__ava--male{border-radius:50%;background:var(--blue-50);box-shadow:none;color:var(--blue)}
.rvc__id b{font-size:16.5px}
.rvc__id span{color:var(--muted);font-size:14.5px}
.rvc__geo{color:var(--muted);font-family:var(--body);font-size:14.5px;letter-spacing:0;text-transform:none}
.rvc__txt{color:var(--text);font-size:16px;line-height:1.55}
.rvc__tags li{border:0;background:var(--soft);color:var(--text);font-size:14px}
.rvc__lab{color:var(--muted);font-family:var(--body);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}
.rvc__play{background:var(--blue);box-shadow:none}
.rvc__play:hover{box-shadow:none;transform:none;background:var(--blue-700)}
.rvc__bars--on i{background:var(--blue)}
.rvc__time{color:var(--muted);font-size:13.5px;letter-spacing:0}
.rvc__rate{font-size:13px}

/* Статьи */
.articles{background:var(--soft)}
.articles::before{display:none}
.article-card{border:0;border-radius:16px;box-shadow:none}
.article-card:hover{box-shadow:none;transform:none}
.article-num{border-radius:50%;font-family:var(--body);font-size:13.5px}
.article-time{font-family:var(--body);font-size:13.5px}
.article-card h3{font-size:22px;line-height:1.2;letter-spacing:-.015em}
.article-card p{font-size:15.5px}
.article-card__tags span{font-size:13px}
.article-card__link{color:#fff;font-size:15px}

/* Вопросы */
#faq.soft{background:#fff}
.faq details{padding:18px 22px;margin-bottom:10px;border-radius:14px;box-shadow:none}
.faq summary{color:var(--ink);font-size:18px}
.faq p{color:var(--muted);font-size:17px;line-height:1.6}

/* Заявка и подвал */
#trial{background:var(--navy)}
#trial::before{display:none}
#trial .eyebrow{color:#9CCBF3}
#trial .eyebrow::before{background:#9CCBF3;box-shadow:none}
.cta h2{font-size:clamp(30px,3.6vw,50px);line-height:1.12;letter-spacing:-.024em}
.cta-signal{border-color:rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.14)}
.cta-signal span{background:var(--navy-2);color:#fff;font-size:15px;font-weight:500}
.cta-signal i{color:#9CCBF3;font-family:var(--body);font-size:13.5px;letter-spacing:0}
.cta__list li{color:#D3DFEC;font-size:16.5px}
.cta__list li::before{border-color:#5FD6B2}
.form{border:0;border-radius:18px;background:#fff;box-shadow:none}
.form label{color:var(--ink);font-family:var(--body);font-size:15px;font-weight:600;letter-spacing:0;text-transform:none}
.form input[type=text],.form input[type=tel],.form select{border-color:#B9C6D6;border-radius:10px;background:#fff;font-size:16.5px}
.form__consent{color:var(--muted);font-size:14px}
.form__consent a{color:var(--blue)}
.foot{border-top:1px solid rgba(255,255,255,.1);background:var(--navy);color:var(--on-dark)}
.foot .logo{border-radius:10px;box-shadow:none}
.foot h4{color:#fff;font-family:var(--body);font-size:15.5px;font-weight:600;letter-spacing:0;text-transform:none}
.foot li,.foot__tag{color:var(--on-dark);font-size:15.5px}
.foot a:hover{color:#fff}
.foot__bot{border-top-color:rgba(255,255,255,.12);color:#A9BBD0;font-size:14px}

/* Телефон */
@media(max-width:760px){
  .top__tel{border-color:var(--line);background:#fff;box-shadow:none;color:var(--ink);font-family:var(--body);font-weight:600;letter-spacing:0}
  .hero{padding:24px 0 40px}
  .hero h1{font-size:clamp(33px,9.6vw,40px);line-height:1.1}
  .hero__sub{font-size:17px}
  .hero__cta{display:grid}
  .hero__proof{grid-template-columns:1fr;gap:14px}
  .scene{display:block;margin-top:22px}
  .dash{display:none}
  .hero-photo{position:relative;right:auto;bottom:auto;width:100%;aspect-ratio:16/10;margin:0;border:0;border-radius:14px;box-shadow:none}
  .hero-photo img{object-position:50% 20%}
  .dispatch-point{gap:10px}
  #product .pv{margin-left:0;margin-right:0;padding:12px}
  #product .pv__tabs{background:#fff}
  .plan--hi{padding-top:26px}
  .dispatch-point b{justify-self:start;margin-left:0;padding-left:0}
  .video-showcase .eyebrow{align-self:flex-start}
}

/* Слой акцентов поверх спокойного: глубокий синий, приглушённый янтарь и силуэт логотипа.
   Янтарь только для действий и мелких акцентов, на синих блоках всё остальное белое: так цвета не спорят друг с другом. */
:root{
  --blue:#1A68C2;
  --blue-700:#15569F;
  --blue-deep:#155AA8;
  --blue-100:#D9E7F7;
  --blue-50:#EBF2FB;
  --amber:#F4B233;
  --amber-deep:#CF9221;
  --on-blue:#E4EEFA;
  --ink:#0F1E33;
  --night:#12263F;
  --navy:#12263F;
  --soft:#F1F5FA;
  --mark:var(--blue);
  --bubble:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='371 8 340 324'%3E%3Cpath d='M422 319.408V257C422 251.477 426.477 247 432 247H518.15C527.844 247 531.867 259.411 524.016 265.098L437.867 327.506C431.255 332.296 422 327.572 422 319.408Z'/%3E%3Cpath d='M711 129.43C711 111.397 701.29 94.7608 685.588 85.893L559.21 14.5198C543.349 5.56252 523.873 5.93888 508.371 15.5022L394.749 85.5945C379.988 94.7003 371 110.805 371 128.149V219C371 246.614 393.386 269 421 269H661C688.614 269 711 246.614 711 219V129.43Z'/%3E%3C/svg%3E");
}

/* Крупнее и плотнее заголовки */
h2,.ig .head h2{font-size:clamp(30px,3.4vw,50px);font-weight:700;line-height:1.12;letter-spacing:-.025em}
.eyebrow{color:var(--ink);font-weight:700}
.eyebrow::before{width:16px;height:15px;border-radius:0;background:var(--mark);-webkit-mask:var(--bubble) center/contain no-repeat;mask:var(--bubble) center/contain no-repeat}

/* Кнопка как настоящая тревожная клавиша: ход вниз при нажатии */
.btn--primary,.top .btn--primary,.hero .btn--primary,.form .btn--primary{background:var(--amber);color:var(--ink);font-weight:700;box-shadow:0 3px 0 var(--amber-deep);transition:transform .12s,box-shadow .12s,background .15s}
.btn--primary:hover,.top .btn--primary:hover,.hero .btn--primary:hover,.form .btn--primary:hover{background:#F7C04F;color:var(--ink);box-shadow:0 4px 0 var(--amber-deep);transform:translateY(-1px)}
.btn--primary:active,.top .btn--primary:active,.hero .btn--primary:active,.form .btn--primary:active{box-shadow:0 1px 0 var(--amber-deep);transform:translateY(3px)}
.btn--outline{border:1.5px solid var(--night)}
.btn--outline:hover{background:var(--night);border-color:var(--ink);color:#fff}
.hero .btn{padding:15px 32px;font-size:18px}
.nav a:hover{color:var(--blue-700)}

/* Первый экран: синяя половина, силуэт логотипа и фото в форме домика */
.hero__audience{background:var(--night);color:#fff}
.hero__audience b{color:#fff}
.hero__audience::before{background:#5FD6B2;animation:livePulse 2s ease-out infinite}
.hero__audience em{background:var(--amber);color:var(--ink);font-weight:700}
.hero h1{margin-top:14px;font-size:clamp(38px,4vw,58px);font-weight:800;line-height:1.06;letter-spacing:-.03em}
.hero__sub{margin-top:12px}
.hero__cta{margin-top:16px}
.hero h1 span{display:inline-block;padding:.02em .16em .06em;border-radius:.14em;background:var(--amber);color:var(--ink);transform:rotate(-1.5deg)}
.hero__route{gap:1px;margin-top:18px;border:1px solid var(--line);background:var(--line)}
.route-step{padding:11px 13px}
.route-step i{background:var(--night);color:#fff}
.route-step.is-live i{background:var(--amber);color:var(--ink)}
.hero__note{gap:6px 12px;margin-top:10px;font-size:14.5px}
.hero__note span::before{background:var(--blue)}
.hero__proof{margin-top:12px;padding-top:12px;border-top:1.5px solid var(--night)}
.proof b{color:var(--blue);font-size:clamp(26px,2.3vw,33px);font-weight:800}
.dash{border:0;box-shadow:0 30px 60px -30px rgba(20,60,110,.38)}
.hero-photo{right:20px;bottom:-40px;width:clamp(190px,15.5vw,236px);aspect-ratio:340/324;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.hero-photo:hover{box-shadow:none}
.hero-photo::before{content:"";position:absolute;inset:0;background:var(--amber);transform:translate(11px,11px);-webkit-mask:var(--bubble) center/contain no-repeat;mask:var(--bubble) center/contain no-repeat}
.hero-photo picture{position:relative;-webkit-mask:var(--bubble) center/contain no-repeat;mask:var(--bubble) center/contain no-repeat}
.hero-photo img{object-position:56% 8%}
@media(min-width:1221px){
  .hero{padding:clamp(22px,2.1vw,30px) 0 clamp(44px,4.4vw,64px)}
  /* Выход вправо предусмотрен сеткой; резерв под видеовиджет сохранён. */
  .hero .scene{width:calc(100% + var(--hero-bleed))}
  /* Интерфейс и фото уменьшаются вместе, сохраняя пропорции и правый край. */
  .hero .scene__stage{flex:none;width:calc(100% / .92);transform:scale(.92);transform-origin:right center}
  .hero::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:54%;height:auto;background:var(--blue)}
  .hero::after{content:"";display:block;position:absolute;top:-8%;right:-7%;bottom:auto;left:auto;width:min(46vw,760px);height:auto;aspect-ratio:340/324;background:rgba(255,255,255,.07);-webkit-mask:var(--bubble) center/contain no-repeat;mask:var(--bubble) center/contain no-repeat}
}

/* Как мы работаем: маркер, цветная подложка видео и синяя лента цифр */
.video-showcase{padding-bottom:0;background:#fff}
.video-showcase h2 span{background:linear-gradient(transparent 58%,var(--amber) 58% 94%,transparent 94%);color:var(--ink)}
.video-frame{border-radius:18px;box-shadow:10px 10px 0 var(--blue)}
.video-caption{margin-top:28px}
.dispatch-point b{color:var(--blue-700);font-weight:700}
.dispatch-stats{width:100vw;margin-top:var(--pad);margin-left:calc(50% - 50vw);padding:clamp(34px,4vw,54px) max(calc(50vw - 612px),clamp(24px,3.4vw,48px));border:0;background:var(--blue)}
.dispatch-stat{padding:0 28px;border-left-color:rgba(255,255,255,.28)}
.dispatch-stat:first-child{padding-left:0}
.dispatch-stat b{color:#fff;font-size:clamp(42px,4.6vw,66px);font-weight:700;letter-spacing:-.03em;white-space:nowrap}
.dispatch-stat b span{color:var(--amber)}
.dispatch-stat p{margin-top:10px;color:var(--on-blue);font-size:16px}

/* Зона ответственности */
.resp-title{font-size:clamp(32px,3.8vw,54px)}
.resp-title__mute{color:var(--ink)}
.resp-title em{display:table;margin-top:.12em;padding:.03em .2em .08em;border-radius:.16em;background:var(--blue);color:#fff}
.resp-card{padding:0;border:0;background:none}
.resp-card__title{font-size:clamp(24px,2.3vw,32px);font-weight:700}
.race{border-radius:22px;background:var(--night)}
.race__num b{color:var(--amber);font-size:clamp(92px,10vw,148px);-webkit-text-fill-color:var(--amber)}
.race__badge{background:var(--amber);color:var(--ink);font-weight:700}
.race__row--us .race__fill{background:#5FA8EE}
.race__bar{background:#243B5A}
.trk__card{border:2px solid var(--line)}
.trk__n{color:var(--blue-700);font-weight:700}
.trk__main{border:1.5px solid var(--night)}
.trk__tag{background:var(--amber);color:var(--ink);font-weight:700}
.trk__dl{background:var(--night)}
.trk__dl-top{color:var(--on-dark)}
.trk__dl-top b{color:var(--amber)}
.trk__bar{background:#243B5A}
.trk__bar span{background:var(--amber)}

/* Видео о сервисе: тёмный зал */
.explainer{--mark:var(--amber);background:var(--night)}
.explainer .eyebrow{color:#fff}
.explainer .head h2{color:#fff}
.explainer .lead{color:var(--on-dark)}
.vplayer__note{color:var(--on-dark)}
.vplayer__btn{background:var(--amber)}
.vplayer__btn::after{border-color:transparent transparent transparent var(--ink)}
.vchapters{border:0}
.vchapters__row.is-active{background:#FCEFD2}
.vchapters__row.is-active i,.vchapters__row.is-active b,.vchapters__row.is-active svg{color:var(--ink)}

/* Продукт: синяя панель */
.product-signal{gap:28px;margin:-6px 0 26px;border:0;border-radius:0;background:none}
.product-signal div{padding:12px 0 0;border-top:2px solid var(--night);background:none}
.product-signal span{color:var(--blue-700);font-weight:700}
#product .pv{--mark:#fff;border:0;border-radius:24px;background:var(--blue)}
#product .pv__tabs{border:0;background:rgba(255,255,255,.16)}
#product .pv__tab{color:#fff}
#product .pv__tab:hover{color:#fff}
#product .pv__tab[aria-selected="true"]{color:var(--ink)}
#product .pv__glide{background:#fff}
#product .pv__aside .eyebrow{color:#fff}
#product .pv__aside .eyebrow::before{background:#fff}
#product .pv__title{color:#fff;font-weight:700}
#product .pv__lead{color:var(--on-blue)}
#product .pv__shot{border-color:transparent;background:rgba(255,255,255,.13)}
#product .pv__shot:hover{border-color:transparent;background:rgba(255,255,255,.2)}
#product .pv__shot b{color:#fff}
#product .pv__shot em{color:var(--on-blue)}
#product .pv__shot[aria-current="true"]{border-color:#fff;background:#fff}
#product .pv__shot[aria-current="true"] b{color:var(--ink)}
#product .pv__shot[aria-current="true"] em{color:var(--muted)}
#product .pv__shot i{background:var(--amber)}
#product .pv__frame{border:0;box-shadow:0 30px 60px -30px rgba(20,60,110,.4)}
#product .pv__meta,#product .pv__count{color:var(--on-blue)}

/* Подключение */
.ig__route{border-width:2px}
.ig__route-number,.ig__route-link{color:var(--blue-700)}
.ig__route[aria-pressed="true"]{border-color:var(--ink);background:var(--night);box-shadow:none;color:#fff}
.ig__route[aria-pressed="true"] .ig__route-number,.ig__route[aria-pressed="true"] .ig__route-link{color:var(--amber)}
.ig__route[aria-pressed="true"] .ig__route-copy{color:var(--on-dark)}
.ig__route[aria-pressed="true"] .ig__route-icon{background:var(--amber);color:var(--ink)}
.ig__ticket{background:var(--night)}
.ig__packet{background:var(--amber);color:var(--ink);font-weight:600}

/* Тарифы: главный тариф заливкой */
.tariff-snapshot{background:var(--night);color:#fff}
.tariff-snapshot span,.tariff-snapshot em{color:var(--on-dark)}
.tariff-snapshot b{color:var(--amber)}
.svc__ico{background:var(--amber);color:var(--ink)}
.plan:not(.plan--hi){border:1.5px solid var(--night)}
.plan__bar--night i{background:linear-gradient(90deg,var(--blue) 0 33.33%,transparent 33.33% 70.83%,var(--blue) 70.83% 100%)}
.plan--hi{border:0;background:var(--blue);color:#fff}
.plan__badge{background:var(--amber);color:var(--ink);font-weight:700}
.plan--hi .plan__mark{background:rgba(255,255,255,.18);color:#fff}
.plan--hi .plan__top h4,.plan--hi .plan__price{color:#fff}
.plan--hi .plan__price small,.plan--hi .plan__mode,.plan--hi .plan__note,.plan--hi .plan__scale{color:var(--on-blue)}
.plan--hi .plan__bar{background:rgba(255,255,255,.25)}
.plan--hi .plan__bar--full i{background:#fff}
.plan--hi li{color:#fff}
.plan--hi li::before{border-color:#fff}
.addon{border-width:2px}
.addon__ico{background:var(--blue);color:#fff}
.sos{position:relative;padding-top:34px;border:0;background:#FDF1D8;overflow:hidden}
.sos::before{content:"";position:absolute;top:0;right:0;left:0;height:8px;background:repeating-linear-gradient(135deg,var(--amber) 0 14px,transparent 14px 28px)}
.sos__ico{background:var(--night);color:var(--amber)}
.sos__geo{border:0;background:var(--night);color:#fff}
.sos__main>p,.sos__list li,.sos__price small{color:var(--ink)}
.sos__list li::before{border-color:var(--ink)}
.btn--sos,.btn--sos:hover{background:var(--night);color:#fff}

/* Опыт */
.field .eyebrow{color:var(--ink)}
.field-photo{overflow:visible;box-shadow:10px 10px 0 var(--amber)}
.field-photo picture,.field-photo img{border-radius:16px}
.field-photo::after{border-radius:16px}
.field-proof__row{border-top:2px solid var(--line)}
.field-proof__row em{background:var(--night);color:#fff}
.field-city__pin{background:var(--blue);color:#fff}

/* Отзывы */
.rvc{border-width:2px}
.rvc:hover{border-color:var(--ink)}
.rvc__ava,.rvc__ava--female,.rvc__ava--male{background:var(--blue);color:#fff}
.rvc__play{background:var(--blue);color:#fff}
.rvc__play:hover{background:var(--blue-700)}
.rv__arrow{border:0;background:var(--night);color:#fff}
.rv__arrow:disabled{background:var(--line);color:var(--muted);opacity:1}

/* Статьи и вопросы */
.article-num{background:var(--amber);color:var(--ink)}
.article-card:hover{transform:translateY(-4px)}
.pill{background:var(--night);color:#fff}
.faq details{border-width:2px}
.faq details[open]{border-color:var(--blue)}
.faq summary::after{border-color:var(--blue)}

/* Заявка и подвал */
#trial{--mark:#fff;background:var(--blue)}
#trial .eyebrow{color:#fff}
#trial .eyebrow::before{background:#fff}
#trial .lead{color:var(--on-blue)}
.cta h2{font-size:clamp(32px,3.9vw,56px);font-weight:700;letter-spacing:-.025em}
.cta-signal{border:0;background:rgba(255,255,255,.22)}
.cta-signal span{background:var(--blue-deep);color:#fff}
.cta-signal i{color:#fff}
.cta__list li{color:#fff}
.cta__list li::before{border-color:#fff}
.cta__list a{color:#fff}
.form__consent a{color:var(--blue-700)}
.form{box-shadow:10px 10px 0 var(--night)}
.foot{border-top:0;background:var(--night)}
.foot__bot{color:var(--on-dark)}

@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(95,214,178,.6)}100%{box-shadow:0 0 0 10px rgba(95,214,178,0)}}

/* Планшет */
@media(max-width:1000px){
  .dispatch-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}
  .dispatch-stat,.dispatch-stat:first-child{padding:0;border:0}
}
@media(min-width:761px) and (max-width:1220px){
  .scene{margin-top:28px;padding:28px 28px 76px;border-radius:24px;background:var(--blue)}
  .hero-photo{right:34px;bottom:14px;width:200px}
}

/* Телефон */
@media(max-width:760px){
  .hero .btn{padding:16px 22px}
  .scene{margin-top:26px;padding:26px 20px 46px;border-radius:22px;background:var(--blue)}
  .hero-photo{right:auto;bottom:auto;width:min(250px,76%);aspect-ratio:340/324;margin:0 auto;border:0;border-radius:0}
  .video-frame{box-shadow:6px 6px 0 var(--blue)}
  .video-showcase{padding-bottom:0}
  .dispatch-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px;padding:34px 20px;margin-top:40px}
  .dispatch-stat,.dispatch-stat:first-child{padding:0;border:0}
  .dispatch-stat b{font-size:clamp(38px,11vw,50px)}
  .dispatch-stat p{font-size:15px}
  .resp-title em{display:block;width:fit-content;margin-top:.16em;padding:.04em .18em .08em;transform:none}
  .product-signal{display:none}
  .field-photo{box-shadow:6px 6px 0 var(--amber)}
  .form{box-shadow:6px 6px 0 var(--night)}
}

/* Видеовиджет оформлен в основном CSS страницы и этой темой не меняется: держим его прежние цвет и размер шрифта */
.floating-video{--blue:#299BFF;font-size:16.5px;line-height:1.62}
/* На телефоне свёрнутая карточка мала: невидимый значок звука и кнопка сворачивания занимали верх и забирали нажатие.
   Вид не меняется, нажатие в любое место открывает виджет. */
@media(max-width:760px){
  .floating-video:not(.is-open) .floating-video__sound,.floating-video:not(.is-open) .floating-video__minimize{pointer-events:none}
}