/* hero/hero — основа: блок-основа этапа 1 (google-clickfraud); сгенерировано tools/css_majority.py */
.main { background:url(/_astro/main-shadow.CT3Rl6vZ.webp) no-repeat calc(100% + 70px) -120px;margin-top:81px;padding-bottom:120px;padding-top:65px;position:relative }
.main__container { position:static }
.main__wrapper { display:flex;justify-content:space-between;position:relative }
.main__left { flex:610px 0 0;position:relative;z-index:5 }
.main__title { color:#111;font-size:30px;font-weight:500;margin:0 0 5px }
.main__second-title { color:#999;font-size:20px;font-weight:400 }
.main__ul { display:flex;flex-direction:column;gap:12px;margin-top:30px }
.main__list { align-items:center;display:flex;gap:10px }
.main__list p { color:#111;font-family:Inter;font-size:16px;line-height:30px }
.main__list p span { font-weight:600 }
.main__list img { max-height:25px;max-width:25px }
.main__list-icon { align-items:center;display:inline-flex;justify-content:center;min-width:30px }
.main__bottom-row { align-items:center;display:flex;gap:25px;margin-top:30px }
.main__content { max-width:520px }
.main__bottom-link { font-size:20px;font-weight:500 }
.main__subtitle { color:#111;font-family:Roboto;font-size:16px;line-height:130%;margin-bottom:25px;max-width:450px }
.main__face { align-items:center;display:flex;gap:25px }
.main__face-icon { align-items:center;border-radius:13px;display:inline-flex;height:76px;justify-content:center;min-width:76px }
.main__vkorder { margin-top:20px }
.main__vkorder-title { align-items:center;display:flex;gap:12px;margin-top:15px }
.main__vkorder-title span { line-height:130% }
.main__vkorder-text { color:#999fa9;font-family:Inter;font-size:14px;line-height:150%;margin-bottom:14px;margin-top:8px }
.main__vkorder-text a { color:#333;text-decoration:underline }
.main__vkorder-text a:hover { text-decoration:none }
.main__more { font-size:20px }
.main__right { position:relative;text-align:right }
.main__right img { border-radius:13px;box-shadow:0 0 26px 0 rgba(0,0,0,.15) }
.main__right iframe { border-radius:0 0 13px 13px;height:390px;left:2px;position:absolute;top:37px;width:calc(100% - 2px) }
@media screen and (max-width:1370px) {
  .main__right { right:-15px;top:0 }
  .main { padding-bottom:100px;padding-top:60px }
  .main__left { flex:1 0 auto;max-width:400px }
  .main__title { font-size:26px;max-width:340px }
  .main__list p { font-size:16px;line-height:22px;max-width:270px }
  .main__second-title { font-size:16px }
  .main__content { max-width:100%;padding-top:0 }
  .main__bottom-row { align-items:flex-start;flex-direction:column }
  .main__right iframe { height:313px }
}
@media screen and (max-width:991px) {
  .main { background:none no-repeat calc(100% + 330px) -270px;padding-bottom:60px;padding-top:35px }
  .main__wrapper { align-items:flex-start;flex-direction:column;gap:35px }
  .main__left { flex:auto;width:100%;max-width:100% }
  .main__list p { max-width:100% }
  .main__subtitle { max-width:100%;text-align:left }
  .main__face { justify-content:flex-start }
  .main__bottom-row { justify-content:start;align-items:start }
  .main__list { justify-content:start }
  .main__right { margin:0 auto;right:0;width:80% }
  .main__content { max-width:100% }
  .main__right iframe { height:327px;top:33px }
}
@media screen and (max-width:767px) {
  .main__right { width:100% }
  .main__content { max-width:100% }
  .main__left { max-width:100% }
  .main__title { max-width:100% }
}
@media screen and (max-width:574px) {
  .main__list { align-items:center }
  .main__list p { line-height:24px;font-size:14px }
  .main__subtitle { font-size:14px }
  .main__face-text { max-width:200px }
  .main__second-title { font-size:14px }
  .main__ul { gap:18px }
  .main__face-icon { border-radius:8px;height:60px;min-width:60px }
  .main__face-icon img { max-width:70% }
  .main__right iframe { border-radius:0 }
}
@media screen and (max-width:480px) {
  .main { padding-bottom:60px }
}

/* ===== вручную (генератор этот раздел сохраняет) ===== */
/* правая часть «до/после» (content.compare): отмена правил видео-варианта; стили слайдера — у лендинга (captcha) */
.main__right--compare { position:static;text-align:start }
.main__right--compare .slider-head img { border-radius:0;box-shadow:none;display:inline }
@media screen and (max-width:574px) {
  .main__right--compare { height:auto }
  .main__right--compare img { display:block }
}
/* «до/после»: подписи вылезают за край слайдера — обрезаем по горизонтали только сам блок */
.main__right--compare { overflow-x:clip }
/* шапка на ≤991px — 77px (логотип flex, 17.10.2026): отступ первого экрана под неё */
@media screen and (max-width:991px) {
  .main { margin-top:77px }
}