:root{
  --c-bg:#faf9f7; --c-alt:#f3f0ea; --c-card:#f6f4ef; --c-dark:#1c2733;
  --c-text:#212832; --c-text2:#3c4552; --c-text3:#5a6472; --c-mute:#8a92a0;
  --c-cta:#e05f10; --c-cta-h:#c85409; --c-cta-tint:#fdf2e9; --c-cta-brd:#f0c9a8;
  --c-blue:#1d4e79; --c-blue-h:#143a5c; --c-blue-tint:#eef3f8;
  --c-green:#3f7a34; --c-green-bg:#e7f0e4; --c-red:#c0392b;
  --c-brd:#e7e3dc; --c-brd2:#cfd6dd; --c-brd3:#d8d3ca;
  --c-tg:#229ED9; --c-max:#6B4EFF;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--c-bg);color:var(--c-text);font-family:'Golos Text',system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-size:18px;line-height:1.55}
a{color:var(--c-blue)} a:hover{color:var(--c-blue-h)}
input,select,textarea,button{font-family:'Golos Text',system-ui,sans-serif}
.container{max-width:1180px;margin:0 auto;padding:0 20px}
.section{padding:72px 0}
.anchor{scroll-margin-top:70px}
h1{font-size:clamp(30px,4.2vw,46px);line-height:1.15;font-weight:800;margin:0 0 18px;text-wrap:balance}
.h2{font-size:clamp(26px,3.5vw,36px);font-weight:800;margin:0 0 28px;line-height:1.2}
.btn{display:inline-block;font-weight:700;font-size:18px;padding:16px 30px;border-radius:10px;text-decoration:none;border:none;cursor:pointer;text-align:center}
.btn--primary{background:var(--c-cta);color:#fff}
.btn--primary:hover{background:var(--c-cta-h);color:#fff}
.btn--outline-blue{background:#fff;border:2px solid var(--c-blue);color:var(--c-blue);font-size:17px;padding:13px 26px}
.btn--outline-blue:hover{background:var(--c-blue-tint);color:var(--c-blue)}
/* Пульсация вокруг круглой кнопки MAX */
@keyframes vahtaPulse{
  0%{box-shadow:0 6px 18px rgba(107,78,255,.4),0 0 0 0 rgba(107,78,255,.35)}
  70%{box-shadow:0 6px 18px rgba(107,78,255,.4),0 0 0 16px rgba(107,78,255,0)}
  100%{box-shadow:0 6px 18px rgba(107,78,255,.4),0 0 0 0 rgba(107,78,255,0)}
}

/* ===== Логотип-плейсхолдер (переиспользуется в шапке) ===== */
.logo-placeholder{
  width:40px;height:40px;border-radius:8px;
  background:repeating-linear-gradient(45deg,#e9e6e0,#e9e6e0 6px,#f3f0ea 6px,#f3f0ea 12px);
  display:flex;align-items:center;justify-content:center;
  font-family:ui-monospace,monospace;font-size:9px;color:#8a8478;
  flex:none;
}

/* ===== Шапка ===== */
.site-header{
  position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--c-brd);
}
.site-header__row{
  padding:12px 20px;display:flex;align-items:center;gap:16px;flex-wrap:nowrap;
}
.site-header__logo{
  display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--c-text);
}
.site-header__company{font-weight:700;font-size:18px;white-space:nowrap}
.site-header__nav{display:flex;gap:22px;flex:1;justify-content:center;flex-wrap:nowrap}
.site-header__nav a{
  text-decoration:none;color:var(--c-text);font-size:15px;font-weight:500;white-space:nowrap;
}
.site-header__nav a:hover{color:var(--c-cta)}
.site-header__right{display:flex;align-items:center;gap:12px;margin-left:auto}
.site-header__max{
  display:inline-block;border:2px solid var(--c-max);color:var(--c-max);
  font-weight:600;font-size:15px;padding:8px 16px;border-radius:9px;
  text-decoration:none;white-space:nowrap;
}
.site-header__max:hover{background:var(--c-max);color:#fff}
.site-header__cta{
  display:inline-block;background:var(--c-cta);color:#fff;font-weight:600;font-size:15px;
  padding:10px 18px;border-radius:9px;text-decoration:none;white-space:nowrap;
}
.site-header__cta:hover{background:var(--c-cta-h);color:#fff}
.site-header__mobile-nav{
  display:none;
  gap:20px;overflow-x:auto;padding:0 20px 10px;white-space:nowrap;-webkit-overflow-scrolling:touch;
}
.site-header__mobile-nav a{
  text-decoration:none;color:var(--c-blue);font-size:15px;font-weight:600;
}

/* Промежуточные экраны: ужимаем шапку, чтобы всё осталось в одну строку */
@media (max-width:1100px){
  .site-header__nav{gap:16px}
  .site-header__nav a{font-size:14px}
  .site-header__company{font-size:16px}
  .site-header__max,.site-header__cta{font-size:14px;padding:8px 12px}
}

/* Ниже 1000px меню в строку уже не помещается — уводим его под шапку */
@media (max-width:1000px){
  .site-header__nav{display:none}
  .site-header__mobile-nav{display:flex}
}

@media (max-width:900px){
  .site-header__cta{display:none}
  .site-header__max{font-size:15px;padding:8px 16px}
}

/* ===== Герой (первый экран) ===== */
.hero{
  position:relative;background:var(--c-dark);padding:56px 0 64px;overflow:hidden;
}
.hero__bg{position:absolute;inset:0}
.hero__bg-photo{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;object-position:center;
}
.hero__bg-gradient{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(28,39,51,.94) 0%,rgba(28,39,51,.82) 55%,rgba(28,39,51,.6) 100%);
}
.hero__row{
  position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start;pointer-events:none;
}
.hero__left{flex:1 1 520px;min-width:0;pointer-events:auto}
.hero h1{color:#fff}
.hero__lead{margin:0 0 10px;font-size:19px;color:#b9c2cd}
.hero__lead:nth-of-type(2){margin:0 0 26px}
.hero__salary{
  display:inline-block;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);
  color:#fff;border-radius:12px;padding:14px 22px;margin:0 0 22px;
}
.hero__salary-label{font-size:14px;color:#aeb9c6;font-weight:500}
.hero__salary-value{font-size:clamp(22px,3vw,30px);font-weight:800;white-space:nowrap}
.hero__salary-unit{font-size:16px;font-weight:500;color:#aeb9c6}
.hero__dates{
  display:inline-block;vertical-align:top;background:rgba(224,95,16,.16);
  border:1px solid rgba(240,135,60,.55);color:#f8b988;font-weight:600;font-size:15px;
  padding:12px 18px;border-radius:12px;margin:0 0 22px 10px;
}
.hero__checks{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px 24px;margin:0 0 28px;
}
.hero__check{display:flex;gap:10px;align-items:flex-start}
.hero__check-icon{
  flex:none;width:24px;height:24px;border-radius:50%;background:var(--c-green-bg);color:var(--c-green);
  font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:2px;
}
.hero__check span:last-child{font-size:17px;color:#e7ecf1}
.hero__cta-row{display:flex;gap:14px;flex-wrap:wrap}
.hero__btn-outline{
  display:inline-block;background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff;
  font-weight:700;font-size:18px;padding:14px 28px;border-radius:10px;text-decoration:none;
}
.hero__btn-outline:hover{background:rgba(255,255,255,.1);color:#fff}
.hero__note{margin:16px 0 0;font-size:15px;color:#a5aeb9;max-width:520px}

.hero-form-card{
  flex:1 1 340px;max-width:440px;background:#fff;border:1px solid var(--c-brd);border-radius:14px;
  padding:26px;box-shadow:0 12px 36px rgba(0,0,0,.3);pointer-events:auto;
}
.hero-form-card h2{font-size:22px;font-weight:700;margin:0 0 16px;line-height:1.3}
.hero-form-card form{display:flex;flex-direction:column;gap:12px}
.hero-form-card input,.hero-form-card select{
  width:100%;box-sizing:border-box;padding:14px 16px;font-size:17px;border:1.5px solid var(--c-brd2);
  border-radius:9px;background:#fff;color:var(--c-text);
}
.hero-form-card select{padding:14px 12px}
.hero-form-card .free-note{margin:10px 0 0;font-size:14px;color:var(--c-green);font-weight:600;text-align:center}
.hero-form-card .consent{margin:12px 0 0;font-size:13px;color:var(--c-mute);line-height:1.45}
.hero-form-card [data-success="hero"]{text-align:center;padding:24px 6px}
.hero-form-card .success-check{
  width:56px;height:56px;border-radius:50%;background:var(--c-green-bg);color:var(--c-green);
  font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
}
.hero-form-card [data-success="hero"] h2{margin:0 0 8px}
.hero-form-card [data-success="hero"] p{margin:0;font-size:16px;color:var(--c-text3)}

/* ===== Цифры доверия ===== */
.trust-numbers{background:#fff;border-bottom:1px solid var(--c-brd);padding:30px 0}
.trust-numbers__row{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;text-align:center;
}
.trust-numbers__value{font-size:36px;font-weight:800;color:var(--c-dark)}
.trust-numbers__label{font-size:15px;color:var(--c-text3)}

/* ===== Преимущества ===== */
.benefits{background:#fff}
.benefits__intro{margin:0 0 28px;font-size:19px;color:var(--c-text2)}
.benefits__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 28px;margin:0 0 26px;
}
.benefits__tile{
  display:flex;gap:12px;align-items:flex-start;background:var(--c-card);border-radius:10px;padding:14px 16px;
}
.benefits__tile-icon{
  flex:none;width:24px;height:24px;border-radius:50%;background:var(--c-cta-tint);color:var(--c-cta);
  font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin-top:2px;
}
.benefits__tile span:last-child{font-size:17px;font-weight:500}
.benefits__footnote{margin:0 0 24px;font-size:17px;color:var(--c-text3)}
.benefits__photos{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:40px 0 0;
}
.benefits__photo{
  height:220px;border-radius:12px;
  width:100%;object-fit:cover;display:block;
}

/* ===== Вакансии ===== */
.vacancies{background:var(--c-alt)}
.vac-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}
.tab{
  background:#fff;border:1.5px solid var(--c-brd3);border-radius:10px;padding:12px 20px;
  font-size:16px;font-weight:600;color:var(--c-text2);cursor:pointer;
}
.tab--active{background:var(--c-dark);border-color:var(--c-dark);color:#fff}
.vac-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.vac-card{
  background:#fff;border:1px solid var(--c-brd);border-radius:14px;padding:24px;
  display:flex;flex-direction:column;gap:10px;
}
.vac-card h3{margin:0;font-size:19px;font-weight:700}
.vac-salary{font-size:19px;font-weight:800;color:var(--c-cta)}
.vac-d1{margin:0;font-size:16px;color:var(--c-text3)}
.vac-d2{margin:0;font-size:16px;color:var(--c-text3);flex:1}
.vac-card .btn{align-self:flex-start}
.vacancies__cta{
  background:var(--c-dark);border-radius:14px;padding:28px;margin:18px 0 0;
  display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;
}
.vacancies__cta-text{min-width:260px;flex:1}
.vacancies__cta-text h3{font-size:21px;font-weight:700;margin:0 0 6px;color:#fff}
.vacancies__cta-text p{margin:0;font-size:16px;color:#aeb9c6}
.vacancies__cta .btn{white-space:nowrap;font-size:17px;padding:14px 26px}

/* ===== Условия работы ===== */
.conditions__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:0 0 30px;
}
.conditions__card{background:var(--c-card);border-radius:14px;padding:24px}
.conditions__card h3{font-size:19px;font-weight:700;margin:0 0 8px}
.conditions__card p{margin:0;font-size:16px;color:var(--c-text3)}
.conditions__card p+p{margin:0 0 6px}
.conditions__salary{font-size:24px;font-weight:800;color:var(--c-cta);margin:0 0 8px;white-space:nowrap}
.conditions__chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.conditions__chip{
  background:#fff;border:1px solid var(--c-brd3);border-radius:8px;padding:6px 12px;
  font-weight:600;font-size:16px;
}

/* ===== Кого рассматриваем ===== */
.audience{background:var(--c-alt)}
.audience__pills{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}
.audience__pill{
  background:#fff;border:1px solid var(--c-brd3);border-radius:999px;padding:10px 18px;
  font-weight:500;font-size:16px;
}
.audience__note{margin:0 0 24px;font-size:17px;color:var(--c-text3);max-width:760px}

/* ===== Как устроиться ===== */
.steps{background:#fff}
.steps__grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:0 0 30px;
}
.steps__card{border:1px solid var(--c-brd);border-radius:14px;padding:24px}
.steps__num{font-size:34px;font-weight:800;color:var(--c-cta);margin:0 0 8px}
.steps__card h3{font-size:19px;font-weight:700;margin:0 0 8px}
.steps__card p{margin:0;font-size:16px;color:var(--c-text3)}

/* ===== Квиз (каркас) ===== */
.quiz{background:var(--c-alt)}
.quiz .container{max-width:820px}
.quiz h2{text-align:center}
.quiz__subtitle{margin:0 0 12px;font-size:18px;color:var(--c-text3);text-align:center}
.quiz__dates-wrap{text-align:center;margin:0 0 26px}
.quiz__dates{
  display:inline-block;background:var(--c-cta-tint);border:1px solid var(--c-cta-brd);color:var(--c-cta-h);
  font-weight:600;font-size:15px;padding:8px 18px;border-radius:999px;
}
.quiz-card{
  background:#fff;border:1px solid var(--c-brd);border-radius:16px;padding:30px;
  box-shadow:0 8px 28px rgba(28,39,51,.07);
}
.quiz-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 8px}
.quiz-step-label{font-size:15px;font-weight:600;color:var(--c-text3)}
.quiz-progress{height:8px;border-radius:4px;background:#eceae4;margin:0 0 24px;overflow:hidden}
.quiz-progress__fill{height:100%;background:var(--c-cta);border-radius:4px;transition:width .25s}
.quiz-card h3{font-size:22px;font-weight:700;margin:0 0 18px}
.quiz-hint{margin:-12px 0 16px;font-size:15px;color:var(--c-mute)}
.quiz-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.opt{
  display:block;width:100%;text-align:left;font-size:16.5px;font-weight:500;padding:13px 16px;
  border-radius:10px;background:#fff;border:1.5px solid var(--c-brd2);color:var(--c-text);
  line-height:1.35;cursor:pointer;
}
.opt--sel{border:2px solid var(--c-cta);background:var(--c-cta-tint);padding:12.5px 15.5px;font-weight:600}
.chip{
  display:inline-block;font-size:16px;font-weight:600;padding:11px 20px;border-radius:999px;
  background:#fff;border:1.5px solid var(--c-brd2);color:var(--c-text);cursor:pointer;
}
.chip--sel{border:2px solid var(--c-cta);background:var(--c-cta-tint);padding:10.5px 19.5px}
.next-btn{
  background:var(--c-cta);color:#fff;font-size:17px;font-weight:700;padding:14px 30px;
  border-radius:10px;border:none;cursor:pointer;margin-left:auto;
}
.next-btn:hover{background:var(--c-cta-h)}
.next-btn--off{opacity:.4;cursor:default}
.quiz-nav{display:flex;justify-content:space-between;align-items:center;margin:24px 0 0;gap:14px}
.quiz-nav--single{justify-content:flex-start}
.quiz-back{background:none;border:none;color:var(--c-text3);font-size:16px;font-weight:600;cursor:pointer;padding:10px 0}
.quiz-back:hover{color:var(--c-text)}
#quiz-city{
  width:100%;box-sizing:border-box;padding:14px 16px;font-size:17px;border:1.5px solid var(--c-brd2);
  border-radius:9px;background:#fff;color:var(--c-text);
}
#quiz-form{display:flex;flex-direction:column;gap:12px}
#quiz-form input{
  width:100%;box-sizing:border-box;padding:14px 16px;font-size:17px;border:1.5px solid var(--c-brd2);
  border-radius:9px;background:#fff;color:var(--c-text);
}
.quiz-contact-label{font-size:15px;font-weight:600;color:var(--c-text3);margin-top:4px}
.quiz-chips{display:flex;gap:10px;flex-wrap:wrap}
.quiz-submit{margin-top:6px}
.quiz-consent{margin:12px 0 0;font-size:13px;color:var(--c-mute);line-height:1.45}
.quiz-success{text-align:center;padding:26px 10px}
.quiz-success .success-check{
  width:64px;height:64px;border-radius:50%;background:var(--c-green-bg);color:var(--c-green);
  font-size:30px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;
}
.quiz-success h3{font-size:26px;font-weight:800;margin:0 0 10px}
.quiz-success p{margin:0 0 6px;font-size:17px;color:var(--c-text2)}
.quiz-success__mute{margin:0 0 22px !important;font-size:16px;color:var(--c-mute) !important}
.quiz-success__tel{
  display:inline-block;background:#fff;border:2px solid var(--c-blue);color:var(--c-blue);
  font-weight:700;font-size:17px;padding:13px 26px;border-radius:10px;text-decoration:none;
}
.quiz-success__tel:hover{background:var(--c-blue-tint);color:var(--c-blue)}

/* ===== Форма (секция #form) ===== */
.form-section{background:var(--c-dark)}
.form-section .container{display:flex;flex-wrap:wrap;gap:40px;align-items:center}
.form-section__left{flex:1 1 420px}
.form-section__left h2{color:#fff}
.form-section__left p{margin:0;font-size:18px;color:#aeb9c6}
.form-card{flex:1 1 380px;max-width:520px;background:#fff;border-radius:14px;padding:26px}
.form-card form{display:flex;flex-direction:column;gap:12px}
.form-card input,.form-card select{
  width:100%;box-sizing:border-box;padding:14px 16px;font-size:17px;border:1.5px solid var(--c-brd2);
  border-radius:9px;background:#fff;color:var(--c-text);
}
.form-card select{padding:14px 12px}
.form-card .btn{width:100%;box-sizing:border-box;border-radius:10px}
.form-card .form-note{margin:12px 0 0;font-size:13px;color:var(--c-mute)}
.form-card [data-success="main"]{text-align:center;padding:24px 6px}
.form-card .success-check{
  width:56px;height:56px;border-radius:50%;background:var(--c-green-bg);color:var(--c-green);
  font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
}
.form-card [data-success="main"] h3{font-size:22px;font-weight:700;margin:0 0 8px}
.form-card [data-success="main"] p{margin:0;font-size:16px;color:var(--c-text3)}

/* ===== Прямой звонок ===== */
.direct-call{background:#fff;text-align:center}
.direct-call .container{max-width:820px}
.direct-call h2{margin:0 0 12px}
.direct-call__lead{margin:0 0 24px;font-size:18px;color:var(--c-text3)}
.direct-call__btn{
  display:inline-block;background:var(--c-cta);color:#fff;font-weight:800;
  font-size:clamp(19px,2.5vw,24px);padding:18px 36px;border-radius:12px;text-decoration:none;
}
.direct-call__btn:hover{background:var(--c-cta-h);color:#fff}
.direct-call__note{margin:22px 0 14px;font-size:16px;color:var(--c-mute)}

/* ===== Вопросы и ответы (каркас) ===== */
.faq{background:var(--c-alt)}
.faq .container{max-width:820px}
.faq-list{display:flex;flex-direction:column;gap:10px}
.faq-item{background:#fff;border:1px solid var(--c-brd);border-radius:12px;overflow:hidden}
.faq-item__q{
  width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:16px;
  background:none;border:none;cursor:pointer;padding:18px 22px;text-align:left;
}
.faq-item__q-text{font-size:18px;font-weight:700;color:var(--c-text)}
.faq-item__arrow{
  flex:none;width:28px;height:28px;border-radius:50%;background:var(--c-alt);color:var(--c-dark);
  font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;
}
.faq-item__a{padding:0 22px 18px;display:flex;flex-direction:column;gap:8px}
.faq-item__a p{margin:0;font-size:16px;color:var(--c-text2)}

/* ===== Финальный блок ===== */
.final{background:#fff;text-align:center}
.final .container{max-width:900px}
.final h2{margin:0 0 12px}
.final__lead{margin:0 0 8px;font-size:18px;color:var(--c-text2)}
.final__sub{margin:0 0 28px;font-size:17px;color:var(--c-mute)}
.final [data-formwrap="final"] form{
  display:flex;flex-direction:column;align-items:center;gap:14px;max-width:720px;margin:0 auto;
}
.final__fields{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;width:100%}
.final [data-formwrap="final"] input,
.final [data-formwrap="final"] select{
  box-sizing:border-box;padding:14px 16px;font-size:17px;border:1.5px solid var(--c-brd2);
  border-radius:9px;background:#fff;color:var(--c-text);
}
/* три поля равной ширины; min-width сдерживает длинные названия профессий в select */
.final__fields > input,
.final__fields > select{flex:1 1 0;min-width:180px}
.final [data-formwrap="final"] select{padding:14px 12px}
.final__submit{min-width:280px}
.final__tel-wrap{margin:16px 0 0}
.final__tel-wrap .btn--outline-blue{
  display:inline-block;background:#fff;border:2px solid var(--c-blue);color:var(--c-blue);
  font-weight:700;font-size:17px;padding:13px 26px;border-radius:10px;text-decoration:none;
}
.final__tel-wrap .btn--outline-blue:hover{background:var(--c-blue-tint);color:var(--c-blue)}
.final__note{margin:18px 0 0;font-size:14px;color:var(--c-mute)}
.final [data-success="final"]{padding:10px 0}
.final [data-success="final"] .success-check{
  width:56px;height:56px;border-radius:50%;background:var(--c-green-bg);color:var(--c-green);
  font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
}
.final [data-success="final"] h3{font-size:22px;font-weight:700;margin:0 0 8px}
.final [data-success="final"] p{margin:0;font-size:16px;color:var(--c-text3)}

/* ===== SEO-блок ===== */
.seo{background:var(--c-alt);padding:48px 0}
.seo h2{font-size:20px;font-weight:700;margin:0 0 12px;color:var(--c-text3)}
.seo p{margin:0 0 10px;font-size:15px;color:var(--c-mute);line-height:1.6}
.seo p:last-child{margin:0}

/* ===== Подвал ===== */
.footer{background:var(--c-dark);padding:56px 0 40px}
.footer__top{display:flex;flex-wrap:wrap;gap:36px;justify-content:space-between;margin:0 0 34px}
.footer__col{min-width:240px}
.footer__logo-row{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.footer__logo-placeholder{
  width:40px;height:40px;border-radius:8px;
  background:repeating-linear-gradient(45deg,#2a3644,#2a3644 6px,#33414f 6px,#33414f 12px);
  display:flex;align-items:center;justify-content:center;
  font-family:ui-monospace,monospace;font-size:9px;color:#7d8896;flex:none;
}
.footer__company{font-weight:700;font-size:18px;color:#fff}
.footer__contacts{display:flex;flex-direction:column;gap:8px;font-size:15px;color:#aeb9c6}
.footer__phone{color:#fff;font-weight:700;font-size:18px;text-decoration:none}
.footer__links{display:flex;flex-direction:column;gap:10px}
.footer__links a{color:#aeb9c6;font-size:15px;text-decoration:none}
.footer__links a:hover{color:#fff}
.footer__bottom{border-top:1px solid #33414f;padding:22px 0 0}
.footer__bottom p{margin:0 0 8px;font-size:13px;color:#7d8896;line-height:1.55}
.footer__bottom p:last-child{margin:0}

/* ===== Мобильная панель ===== */
.sticky-spacer{display:none;height:76px}
.sticky-bar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:70;background:#fff;
  border-top:1px solid var(--c-brd);padding:10px 14px;gap:10px;box-shadow:0 -6px 20px rgba(28,39,51,.1);
}
.sticky-bar__btn{
  flex:1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;
  padding:14px 10px;border-radius:10px;text-decoration:none;
}
.sticky-bar__btn--call{background:var(--c-cta);color:#fff}
.sticky-bar__btn--leave{background:var(--c-dark);color:#fff}

@media (max-width:900px){
  .sticky-spacer{display:block}
  .sticky-bar{display:flex}
}

/* ===== Виджет связи ===== */
#widget{position:fixed;left:16px;bottom:18px;z-index:80;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
@media (max-width:900px){
  #widget{bottom:92px}
}
#widget-btn{
  width:58px;height:58px;border-radius:50%;background:var(--c-max);
  display:flex;align-items:center;justify-content:center;overflow:hidden;
  text-decoration:none;cursor:pointer;
  animation:vahtaPulse 2.4s infinite;transition:transform .15s;
}
#widget-btn img{width:100%;height:100%;display:block}
#widget-btn:hover{transform:scale(1.07)}

/* ===== Поп-ап ===== */
#popup{
  position:fixed;inset:0;z-index:100;background:rgba(28,39,51,.6);
  display:flex;align-items:center;justify-content:center;padding:20px;
}
#popup[hidden]{display:none}
.popup__card{
  position:relative;background:#fff;border-radius:16px;padding:34px 30px 28px;max-width:470px;width:100%;
  box-sizing:border-box;box-shadow:0 20px 60px rgba(0,0,0,.3);
}
.popup__close{
  position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:var(--c-alt);
  border:none;font-size:18px;cursor:pointer;color:var(--c-text3);
}
.popup__close:hover{background:var(--c-brd)}
.popup__card h3{font-size:24px;font-weight:800;margin:0 0 8px;line-height:1.25}
.popup__intro{margin:0 0 14px;font-size:16px;color:var(--c-text2)}
.popup__deficit{
  display:flex;flex-direction:column;gap:6px;margin:0 0 16px;background:var(--c-card);
  border-radius:10px;padding:14px 16px;
}
.popup__deficit-row{display:flex;justify-content:space-between;gap:12px;font-size:15px}
.popup__deficit-name{font-weight:600}
.popup__deficit-value{font-weight:700}
.popup__deficit-value--red{color:var(--c-red)}
.popup__deficit-value--orange{color:var(--c-cta)}
.popup__offer{margin:0 0 10px;font-size:15px;color:var(--c-text2);font-weight:600}
.popup__card form{display:flex;flex-direction:column;gap:10px}
.popup__card input{
  width:100%;box-sizing:border-box;padding:14px 16px;font-size:17px;border:1.5px solid var(--c-brd2);
  border-radius:9px;background:#fff;color:var(--c-text);
}
.popup__card button[type="submit"]{
  background:var(--c-cta);color:#fff;font-weight:700;font-size:17px;padding:15px;border-radius:10px;
  border:none;cursor:pointer;
}
.popup__card button[type="submit"]:hover{background:var(--c-cta-h)}
.popup__tel-line{margin:14px 0 0;font-size:16px;color:var(--c-text3);text-align:center}
.popup__tel-line a{font-weight:700;color:var(--c-blue);white-space:nowrap;text-decoration:none}
.popup__consent{margin:12px 0 0;font-size:12px;color:var(--c-mute);line-height:1.45;text-align:center}
.popup__card [data-success="popup"]{text-align:center;padding:14px 0 6px}
.popup__card [data-success="popup"] .success-check{
  width:56px;height:56px;border-radius:50%;background:var(--c-green-bg);color:var(--c-green);
  font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;
}
.popup__card [data-success="popup"] h3{font-size:22px;font-weight:700;margin:0 0 8px}
.popup__card [data-success="popup"] p{margin:0;font-size:16px;color:var(--c-text3)}

/* ===== Галочки согласия в формах ===== */
.consent-check{display:flex;gap:10px;align-items:flex-start;cursor:pointer;text-align:left}
.consent-check input{
  flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--c-cta);cursor:pointer;
}
.consent-check span{font-size:13px;line-height:1.45;color:var(--c-mute)}
.consent-check a{color:var(--c-blue);text-decoration:underline}
.consent-check__req{color:var(--c-cta);font-weight:700}
/* В финальной форме поля идут в ряд — галочки занимают всю ширину */
.consent-check--wide{flex:1 1 100%;max-width:560px;margin:0 auto}

/* ===== Страницы документов (политика, согласие, соглашение) ===== */
.doc{background:#fff;padding:44px 0 72px}
.doc__container{max-width:820px;margin:0 auto;padding:0 20px}
.doc__title{font-size:clamp(24px,3.2vw,32px);font-weight:800;line-height:1.25;margin:0 0 8px}
.doc__date{margin:0 0 28px;font-size:15px;color:var(--c-mute)}
.doc h2{font-size:20px;font-weight:700;margin:30px 0 10px;line-height:1.3}
.doc p{margin:0 0 12px;font-size:16px;line-height:1.6;color:var(--c-text2)}
.doc ul{margin:0 0 14px;padding-left:22px}
.doc li{font-size:16px;line-height:1.6;color:var(--c-text2);margin:0 0 6px}
.doc__note{background:var(--c-card);border-radius:10px;padding:16px 18px;margin:26px 0 0}
.doc__back{margin:36px 0 0;font-size:16px;font-weight:600}

/* ===== Логотип «Кадровый Вектор» ===== */
.site-header__logo-img{display:block;height:44px;width:auto}
.footer__logo-img{display:block;height:46px;width:auto}
@media (max-width:1100px){
  .site-header__logo-img{height:38px}
}
@media (max-width:900px){
  .site-header__logo-img{height:34px}
}