/* ============================================
   UPGRADE.CSS — новые маркетинговые блоки
   Цвета бренда: #027b62, #e34746, #222a27, #f7f8fa
   ============================================ */

/* ---------- Полоса ключевых цифр (УТП) ---------- */
.usp-strip{position:relative;z-index:5;padding:0 0 6rem}
.usp-strip .content{display:flex;flex-wrap:wrap;gap:2rem}
.usp-strip__item{flex:1 1 20rem;background:#fff;border-radius:2rem;padding:3rem 2.5rem;box-shadow:0 10px 40px rgba(34,42,39,.08);border-bottom:.4rem solid #027b62;transition:transform .3s}
.usp-strip__item:hover{transform:translateY(-.5rem)}
.usp-strip__number{font-family:"Raleway",sans-serif;font-size:4.2rem;font-weight:900;color:#027b62;line-height:1;margin-bottom:1rem}
.usp-strip__number span{color:#e34746}
.usp-strip__text{font-size:1.6rem;color:#222a27;line-height:1.4}
@media (max-width:991px){
  .usp-strip{padding:4rem 0}
  .usp-strip__item{flex:1 1 100%;padding:2.5rem 2rem}
  .usp-strip__number{font-size:3.4rem}
}

/* ---------- Бейдж «специализация» в оффере ---------- */
.offer__badge{display:inline-block;background:#027b62;color:#fff;font-size:1.4rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.9rem 2rem;border-radius:9rem;margin-bottom:2.5rem}
.offer__sub{font-size:2rem;font-weight:700;color:#027b62;margin-bottom:1.5rem}

/* ---------- Карточки «Кого подберём» ---------- */
.services{padding:4rem 0 8rem}
.services__grid{display:flex;flex-wrap:wrap;gap:2.4rem;margin-top:4rem}
.service-card{flex:1 1 30rem;border-radius:2.4rem;padding:3.5rem 3rem;display:flex;flex-direction:column;transition:transform .3s}
.service-card:hover{transform:translateY(-.5rem)}
.service-card._green{background:#def3f2}
.service-card._blue{background:#e3e8ef}
.service-card._sand{background:#f0ebd8}
.service-card__title{font-family:"Raleway",sans-serif;font-size:2.4rem;font-weight:800;color:#222a27;margin-bottom:1.6rem}
.service-card__desc{font-size:1.6rem;color:#222a27;margin-bottom:2rem;line-height:1.5}
.service-card__list{list-style:none;padding:0;margin:0 0 2.5rem}
.service-card__list li{position:relative;padding-left:2.6rem;margin-bottom:1rem;font-size:1.5rem;line-height:1.45;color:#222a27}
.service-card__list li:before{content:"";position:absolute;left:0;top:.45em;width:1.3rem;height:1.3rem;border-radius:50%;background:#027b62}
.service-card__result{margin-top:auto;background:#fff;border-radius:1.6rem;padding:1.8rem 2rem;font-size:1.5rem;line-height:1.45;color:#222a27}
.service-card__result strong{color:#027b62}
@media (max-width:767px){
  .services{padding:2rem 0 5rem}
  .service-card{flex:1 1 100%;padding:2.8rem 2.2rem}
}

/* ---------- Блок «Почему мы» / отличие от других HR ---------- */
.whyus{padding:8rem 0;background:#fff}
.whyus__grid{display:flex;flex-wrap:wrap;gap:2.4rem;margin-top:4rem}
.whyus__item{flex:1 1 28rem;background:#f7f8fa;border-radius:2rem;padding:3rem 2.6rem;border-left:.5rem solid #027b62}
.whyus__item._accent{border-left-color:#e34746}
.whyus__num{font-family:"Raleway",sans-serif;font-size:2rem;font-weight:900;color:#e34746;margin-bottom:1.2rem}
.whyus__title{font-size:1.8rem;font-weight:800;color:#222a27;margin-bottom:1rem;line-height:1.35}
.whyus__desc{font-size:1.5rem;color:#222a27;line-height:1.5}
@media (max-width:767px){
  .whyus{padding:5rem 0}
  .whyus__item{flex:1 1 100%}
}

/* ---------- Сравнение: сами vs с нами ---------- */
.compare{padding:8rem 0}
.compare__grid{display:flex;flex-wrap:wrap;gap:2.4rem;margin-top:4rem}
.compare__col{flex:1 1 32rem;border-radius:2.4rem;padding:3.5rem 3rem}
.compare__col._bad{background:#fff;border:2px solid #e0e8ef}
.compare__col._good{background:#027b62;color:#fff}
.compare__head{font-family:"Raleway",sans-serif;font-size:2.2rem;font-weight:800;margin-bottom:2.4rem}
.compare__col._bad .compare__head{color:#222a27}
.compare__list{list-style:none;padding:0;margin:0}
.compare__list li{position:relative;padding-left:3.2rem;margin-bottom:1.6rem;font-size:1.6rem;line-height:1.45}
.compare__col._bad .compare__list li:before{content:"✕";position:absolute;left:0;top:0;color:#e34746;font-weight:900;font-size:1.8rem}
.compare__col._good .compare__list li:before{content:"✓";position:absolute;left:0;top:0;color:#fff;font-weight:900;font-size:1.8rem}
.compare__total{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(34,42,39,.15);font-size:1.7rem;font-weight:800}
.compare__col._good .compare__total{border-top-color:rgba(255,255,255,.35)}
.compare__col._bad .compare__total{color:#e34746}
@media (max-width:767px){
  .compare{padding:5rem 0}
  .compare__col{flex:1 1 100%;padding:2.8rem 2.2rem}
}

/* ---------- Гарантии ---------- */
.guarantees{padding:8rem 0;background:#fff}
.guarantees__grid{display:flex;flex-wrap:wrap;gap:2.4rem;margin-top:4rem}
.guarantee-card{flex:1 1 28rem;background:#f7f8fa;border-radius:2rem;padding:3rem 2.6rem;text-align:center}
.guarantee-card__icon{width:6.4rem;height:6.4rem;margin:0 auto 2rem;border-radius:50%;background:#027b62;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2.8rem;font-weight:900;font-family:"Raleway",sans-serif}
.guarantee-card._red .guarantee-card__icon{background:#e34746}
.guarantee-card__title{font-size:1.9rem;font-weight:800;color:#222a27;margin-bottom:1.2rem}
.guarantee-card__desc{font-size:1.5rem;color:#222a27;line-height:1.5}
.guarantees__note{margin-top:3.5rem;text-align:center;font-size:1.7rem;color:#222a27}
.guarantees__note strong{color:#027b62}
@media (max-width:767px){
  .guarantees{padding:5rem 0}
  .guarantee-card{flex:1 1 100%}
}

/* ---------- Компактная шапка ---------- */
.header__logo{width:14rem}
.header__logo img{width:100%;height:auto}
.header__contacts{padding:1.2rem 0!important}
.header:not(._static).active .header__contacts{padding:1rem 0!important}
.header__nav .menu li{padding-right:3.5rem}
.header__nav .menu li a{font-size:1.5rem}
.contact-item__link{font-size:1.5rem}
@media screen and (max-width:1200px){
  .header__logo{width:130px}
}
@media screen and (max-width:1000px){
  .header__logo{width:110px}
  .header .content{padding-top:.6rem;padding-bottom:.6rem}
  .header__contacts{padding:0!important}
}

/* ---------- Компактный первый экран (всё в один экран) ---------- */
.offer{padding:13rem 0 8rem;margin-bottom:7rem}
.offer .offer__text{font-size:1.9rem;line-height:1.5}
.offer .offer__text h1{font-size:1.9em;margin-bottom:.55em}
.offer__badge{margin-bottom:1.6rem;padding:.7rem 1.6rem;font-size:1.3rem}
.offer__sub{font-size:1.8rem;margin-bottom:1.2rem}
.offer .offer__button{padding-top:2.5rem}
.boss{bottom:-7rem}
@media screen and (max-width:1000px){
  .offer{padding-top:100px;padding-bottom:380px}
}
@media screen and (max-width:767px){
  .offer{padding-top:90px;padding-bottom:260px}
}

/* ---------- Подпись под CTA ---------- */
.offer__cta-note{margin-top:1.2rem;font-size:1.4rem;font-weight:400;color:#222a27;opacity:.75}

/* ---------- Ответы FAQ ---------- */
.faq__answer{font-weight:400}

/* ---------- Фикс стрелок слайдера отзывов ---------- */
/* У стрелок position:absolute, но не было позиционированного родителя —
   они «улетали» на первый экран (.offer). Делаем их статичными внутри контролов. */
.review__controls-wrap{position:relative}
.review__controls .swiper-button-prev,
.review__controls .swiper-button-next{position:static;margin-top:0}

/* ---------- Мессенджеры в шапке ---------- */
.header-messengers{display:none;align-items:center}
.header-messengers a{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:#fff;font-size:20px;transition:background .3s}
.header-messengers a + a{margin-left:8px}
.header-messengers .icon-whatsapp{background:#25d366}
.header-messengers .icon-telegram{background:#2ea5d9;padding-right:3px}
@media (hover:hover){.header-messengers a:hover{background:#e34746}}
@media screen and (max-width:1000px){
  .header-messengers{display:flex;margin-right:12px}
}
@media screen and (max-width:767px){
  /* показываем телефон в шапке на мобильной */
  .header__contacts .contact-item_phone .contact-item__link{display:inline-flex;font-size:14px}
  .contact-item_phone .contact-item__link .icon-phone{margin-right:5px}
  .contact-item_phone{margin-right:10px}
  /* email на маленьких экранах скрыт, чтобы всё поместилось */
  .contact-item_email{display:none}
  .header-messengers a{width:30px;height:30px;font-size:17px}
  .header-messengers a + a{margin-left:6px}
}
@media screen and (max-width:360px){
  .header__contacts .contact-item_phone .contact-item__link{font-size:13px}
  .header__logo{width:90px}
}

/* ---------- Мелкие правки существующих секций ---------- */
.offer h1 strong{color:#027b62}
.offer__list{list-style:none;padding:0;margin:0 0 1rem}
.offer__list li{position:relative;padding-left:3rem;margin-bottom:1.2rem;font-size:1.7rem;line-height:1.4}
.offer__list li:before{content:"✓";position:absolute;left:0;top:0;color:#027b62;font-weight:900;font-size:1.9rem}