/* ==========================================================================
   Лендинг вакансий «Механизатор» — Рабочая Ячейка
   Дизайн-токены и компоненты (воссозданы из дизайн-системы по хендофф-пакету)
   ========================================================================== */

:root{
  /* Navy (бренд) */
  --color-navy-900:#1a2d38;
  --color-navy-800:#2f485c;
  --color-navy-700:#3d5d74;
  --color-navy-100:#eaf2f7;
  --color-navy-50:#f4f8fb;
  /* Orange (акцент/действия/цифры) */
  --color-orange-700:#e84500;
  --color-orange-600:#ff4900;
  --color-orange-500:#ff6b2b;
  --color-orange-200:#ffd0b5;
  --color-orange-100:#ffe2d2;
  --color-orange-50:#fff4ee;
  /* Нейтральные */
  --color-text-primary:#2f485c;
  --color-text-body:#566979;
  --color-text-muted:#7a8f9c;
  --color-border:#e0e7eb;
  --color-border-strong:#c2cdd4;
  --color-bg-subtle:#f8fafb;
  --color-neutral-100:#eef2f5;
  --color-neutral-200:#dde4e9;
  --color-neutral-300:#c8d3da;
  /* Статусы */
  --color-success:#1a7a4a;
  --color-error:#d63b2f;
  /* Шрифты (Kinetika недоступна — согласованная замена Exo 2, как в прототипе) */
  --font-brand:'Exo 2',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --font-body:'Exo 2',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  /* Скругления */
  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:10px;
  --radius-xl:12px;
  --radius-2xl:16px;
  /* Тени */
  --shadow-xs:0 1px 2px rgba(47,72,92,.06);
  --shadow-sm:0 1px 3px rgba(47,72,92,.10);
  --shadow-md:0 4px 6px -1px rgba(47,72,92,.10),0 2px 4px -2px rgba(47,72,92,.08);
  --shadow-lg:0 10px 15px -3px rgba(47,72,92,.12),0 4px 6px -4px rgba(47,72,92,.08);
  --shadow-xl:0 20px 25px -5px rgba(47,72,92,.14),0 8px 10px -6px rgba(47,72,92,.08);
  --shadow-2xl:0 25px 50px -12px rgba(47,72,92,.28);
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body.wc-lp{margin:0;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
.wc-lp img{max-width:100%;}

/* ---------- Адаптив-хелперы ---------- */
.lp-only-mobile{display:none !important;}
.lp-mobile-bar{display:none !important;}
@media (max-width:760px){
  .lp-only-mobile{display:inline-flex !important;}
  .lp-hide-mobile{display:none !important;}
  .lp-mobile-bar{display:flex !important;}
  .lp-hero-photo{aspect-ratio:16/11 !important;min-height:0 !important;}
  body.wc-lp{padding-bottom:74px;} /* место под мобильный sticky-bar */
}
@keyframes lpUp{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes lpPulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ==========================================================================
   Компоненты дизайн-системы
   ========================================================================== */

/* Кнопка */
.wc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-brand);font-weight:700;text-transform:uppercase;letter-spacing:.03em;
  border:none;cursor:pointer;text-decoration:none;white-space:nowrap;
  border-radius:var(--radius-md);transition:background .15s ease,box-shadow .15s ease,border-color .15s ease,color .15s ease;
}
.wc-btn--md{min-height:40px;padding:0 18px;font-size:14px;}
.wc-btn--lg{min-height:48px;padding:0 22px;font-size:15px;}
.wc-btn--xl{min-height:52px;padding:0 24px;font-size:15px;}
.wc-btn--block{width:100%;}
.wc-btn--primary{background:var(--color-orange-600);color:#fff;box-shadow:var(--shadow-sm);}
.wc-btn--primary:hover{background:var(--color-orange-700);}
.wc-btn--ghost{background:transparent;color:var(--color-navy-800);}
.wc-btn--ghost:hover{background:var(--color-navy-50);}

/* Бейдж */
.wc-badge{
  display:inline-flex;align-items:center;height:22px;padding:0 10px;
  font-family:var(--font-brand);font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em;
  border-radius:999px;background:var(--color-orange-600);color:#fff;white-space:nowrap;
}

/* Поле ввода / селект */
.wc-field{display:flex;flex-direction:column;gap:6px;}
.wc-field__label{font-family:var(--font-brand);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-primary);}
.wc-field__label .req{color:var(--color-orange-600);}
.wc-field__control{
  font-family:var(--font-body);font-size:15px;color:var(--color-text-primary);background:#fff;
  border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;
  outline:none;width:100%;min-height:48px;transition:border-color .15s ease,box-shadow .15s ease;
}
.wc-field__control::placeholder{color:var(--color-text-muted);}
.wc-field__control:focus{border-color:var(--color-orange-600);box-shadow:0 0 0 3px rgba(255,73,0,.12);}
select.wc-field__control{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%237a8f9c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
  background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;}
.wc-field--error .wc-field__control{border-color:var(--color-error);}
.wc-field__error{font-size:12px;color:var(--color-error);min-height:0;}
.wc-field__hint{font-size:12px;color:var(--color-text-muted);}
textarea.wc-field__control{min-height:84px;resize:vertical;line-height:1.5;}

/* ==========================================================================
   Лендинг-специфика
   ========================================================================== */
.wc-lp{font-family:var(--font-body);color:var(--color-text-body);background:#fff;overflow-x:clip;position:relative;}
.wc-container{max-width:1160px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px);}

/* Slanted-лейбл секции */
.wc-tag{display:inline-block;font-family:var(--font-brand);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#fff;padding:9px 32px 9px 18px;white-space:nowrap;
  clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%);}
.wc-tag--navy{background:var(--color-navy-800);}
.wc-tag--orange{background:var(--color-orange-600);}
.wc-tag--pill{border-radius:999px;clip-path:none;padding:9px 22px;}

.wc-h2{font-family:var(--font-brand);font-weight:900;font-size:clamp(28px,4.6vw,46px);text-transform:uppercase;letter-spacing:-.01em;line-height:1.04;margin:18px 0 10px;}
.wc-lead{font-size:clamp(15px,2vw,17px);line-height:1.6;margin:0;}

/* Hero-кнопки вторичные (hover) */
.wc-hero-btn{font-family:var(--font-brand);font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:#fff;border-radius:var(--radius-md);padding:12px 22px;min-height:48px;cursor:pointer;transition:background .15s ease,border-color .15s ease;}
.wc-hero-btn--outline{background:transparent;border:2px solid rgba(255,255,255,.4);}
.wc-hero-btn--outline:hover{background:rgba(255,255,255,.1);border-color:#fff;}
.wc-hero-btn--surface{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:12px 18px;}
.wc-hero-btn--surface:hover{background:rgba(255,255,255,.14);}

.wc-cta-phone{transition:background .15s ease;}
.wc-cta-phone:hover{background:var(--color-orange-700) !important;}

/* Калькулятор / форма — сегмент-переключатель */
.wc-seg{flex:1 1 0;text-align:center;cursor:pointer;user-select:none;font-family:var(--font-brand);font-weight:700;font-size:14px;padding:13px 10px;border-radius:var(--radius-md);transition:all .15s ease;background:transparent;color:var(--color-navy-700);border:none;}
.wc-seg.is-active{background:var(--color-orange-600);color:#fff;box-shadow:var(--shadow-sm);}
.wc-seg--sm{padding:12px 10px;}

input[type=range].wc-range{flex:1;height:38px;accent-color:var(--color-orange-600);cursor:pointer;}

.wc-preset{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--color-navy-50);border:1.5px solid var(--color-navy-100);border-radius:var(--radius-md);padding:10px 18px;cursor:pointer;min-width:104px;transition:border-color .15s ease,background .15s ease;}
.wc-preset:hover,.wc-preset.is-active{border-color:var(--color-orange-600);background:var(--color-orange-50);}

/* Карточка вакансии — hover-подъём */
.wc-vac-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease;}
.wc-vac-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);}

/* FAQ */
.wc-faq-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#fff;overflow:hidden;box-shadow:var(--shadow-xs);}
.wc-faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;cursor:pointer;list-style:none;}
.wc-faq-q::-webkit-details-marker{display:none;}
.wc-faq-a{padding:0 20px 18px;font-size:15px;color:var(--color-text-body);line-height:1.6;}
.wc-faq-icon{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:var(--color-orange-50);display:flex;align-items:center;justify-content:center;}
.wc-faq-item .wc-faq-icon .ic-minus{display:none;}
.wc-faq-item[open] .wc-faq-icon .ic-plus{display:none;}
.wc-faq-item[open] .wc-faq-icon .ic-minus{display:block;}

/* Чекбокс согласия */
.wc-check{position:relative;width:22px;height:22px;flex-shrink:0;border-radius:5px;border:2px solid var(--color-border-strong);background:#fff;margin-top:1px;overflow:hidden;transition:border-color .15s ease,background .15s ease;}
.wc-check.is-checked{border-color:var(--color-orange-600);background:var(--color-orange-600);}
.wc-check .ic-tick{position:absolute;inset:0;display:none;align-items:center;justify-content:center;}
.wc-check.is-checked .ic-tick{display:flex;}
.wc-check.is-error{border-color:var(--color-error);}

/* Скрытие неактивных частей формы/калькулятора */
[hidden]{display:none !important;}