/* Первый экран посадочных JSON-CMS (CRM, ERP, СЭД, ИИ) — редакция 04.10.2026.
   Было семь уровней, которые спорили за внимание: ссылка «← назад» (дублировала
   крошки), H1, лид, плашки фактов, две кнопки, строка кейсов с жирными
   подчёркнутыми ссылками и ещё ряд плашек «Стоимость и сроки» / «Презентация».
   Стало четыре слоя с ясной иерархией:
     H1 → 16 → лид (≈65 знаков в строке) → 28 → факты строкой с разделителями
     → 28 → один ряд действий (кнопка, кнопка-контур квиза, две текстовые ссылки)
     → 20 → кейсы маленькими чипами.
   Размеры шрифта здесь НЕ задаются: их держит шкала site2023/css/typo-2026.css
   (#w2main#w2main, H1 48/32, лид 18/16, мелкий 14/13). Только раскладка и цвет.
   Селекторы начинаются с #__nuxt: один id перебивает правила brand.css
   (.w2hero .w2hero__body .w2hero__more a …) и инлайновые стили шаблонов
   (.w2crm .w2hero__facts li …), а brand.css подключается ещё раз в конце документа. */

#__nuxt .w2hero .navigation-back{ display:none !important; }

#__nuxt .w2hero .top-block__content{ min-height:0 !important; padding:72px 0 76px !important; justify-content:center; }
#__nuxt .w2hero .top-block__left{ max-width:960px !important; }

/* Вуаль: текст всегда на тёмном, правая часть фото остаётся живой */
#__nuxt .w2hero:before{
    background:linear-gradient(90deg, rgba(9,11,20,.94) 0%, rgba(9,11,20,.84) 42%, rgba(9,11,20,.40) 100%) !important;
}

/* ── H1 и лид ─────────────────────────────────────────────────────────── */
#__nuxt .w2hero h1.section__title{ margin:0 !important; max-width:880px; letter-spacing:-.02em; color:#fff; text-wrap:balance; }
#__nuxt .w2hero .w2hero__lead{
    margin:16px 0 0 !important; max-width:700px !important; text-wrap:pretty;
    color:rgba(255,255,255,.70) !important;
}

/* ── Факты: строка с тонкими разделителями вместо трёх «карточек» ─────── */
#__nuxt .w2hero .w2hero__facts{
    display:flex !important; flex-wrap:wrap; gap:14px 0 !important;
    margin:28px 0 0 !important; padding:0 !important; list-style:none; max-width:none !important;
}
#__nuxt .w2hero .w2hero__facts > li{
    flex:0 1 auto !important; min-width:0;
    margin:0 28px 0 0 !important; padding:2px 28px 2px 0 !important;
    background:none !important; border:0 !important; border-radius:0 !important;
    border-right:1px solid rgba(255,255,255,.16) !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
}
#__nuxt .w2hero .w2hero__facts > li:last-child{ border-right:0 !important; margin-right:0 !important; padding-right:0 !important; }
#__nuxt .w2hero .w2hero__facts > li:before{ content:none !important; }
#__nuxt .w2hero .w2hero__facts b{ display:block; margin:0 0 4px !important; color:#fff !important; white-space:nowrap; }
#__nuxt .w2hero .w2hero__facts span{ display:block; color:rgba(255,255,255,.58) !important; }

/* ── Ряд действий ─────────────────────────────────────────────────────── */
#__nuxt .w2hero .w2hero__actions{
    display:flex; flex-wrap:wrap; align-items:center; gap:16px 28px; margin-top:28px;
}
#__nuxt .w2hero .w2hero__actions .top-block__btn{
    order:0 !important;
    display:flex !important; flex-wrap:wrap; align-items:center; gap:12px; margin:0 !important; width:auto !important;
}
#__nuxt .w2hero .w2hero__actions .top-block__btn .btn_style{
    display:inline-flex !important; align-items:center; justify-content:center;
    min-width:0 !important; width:auto !important; height:52px; padding:0 28px !important; margin:0 !important;
    border-radius:12px !important;
}
/* Кнопка квиза (её вставляет site2023/quiz.php) — вторичная, контуром */
#__nuxt .w2hero a.w2q-herolink{
    height:52px !important; margin:0 !important; padding:0 24px !important;
    background:transparent !important; border:1px solid rgba(255,255,255,.34) !important;
    border-radius:12px !important; font-weight:500 !important;
}
#__nuxt .w2hero a.w2q-herolink:hover{ background:rgba(255,255,255,.08) !important; border-color:rgba(255,255,255,.7) !important; }

/* «Стоимость и сроки ↓», «Презентация ↗» — текстовые ссылки, не плашки */
#__nuxt .w2hero .w2hero__body .w2hero__more{ order:1 !important; display:flex; flex-wrap:wrap; align-items:center; gap:8px 22px !important; margin:0 !important; }
#__nuxt .w2hero .w2hero__body .w2hero__more a{
    display:inline-flex !important; align-items:center; gap:6px; height:auto !important; padding:4px 0 !important;
    border:0 !important; border-radius:0 !important; background:none !important;
    -webkit-backdrop-filter:none !important; backdrop-filter:none !important;
    color:rgba(255,255,255,.72) !important; font-weight:500 !important; line-height:1.3 !important;
    text-decoration:none !important; white-space:nowrap;
}
#__nuxt .w2hero .w2hero__body .w2hero__more a::before{ content:none !important; display:none !important; }
#__nuxt .w2hero .w2hero__body .w2hero__more a::after{ opacity:.7; }
#__nuxt .w2hero .w2hero__body .w2hero__more a:hover{ color:#fff !important; background:none !important; }

/* ── Кейсы: подпись и небольшие полупрозрачные чипы ───────────────────── */
#__nuxt .w2hero .w2hero__cases{
    display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:20px 0 0 !important;
    color:rgba(255,255,255,.5) !important;
}
#__nuxt .w2hero .w2hero__cases-label{ margin-right:4px; color:rgba(255,255,255,.5); font-weight:400 !important; }
#__nuxt .w2hero .w2hero__cases a{
    display:inline-flex; align-items:center; padding:5px 12px; border-radius:999px;
    background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.14);
    color:rgba(255,255,255,.82) !important; font-weight:400 !important; line-height:1.3 !important;
    text-decoration:none !important; white-space:nowrap;
    transition:background .2s ease, border-color .2s ease, color .2s ease;
}
#__nuxt .w2hero .w2hero__cases a:hover{ background:rgba(143,66,236,.32); border-color:rgba(143,66,236,.7); color:#fff !important; }

@media (max-width:1023px){
    #__nuxt .w2hero .top-block__content{ padding:56px 0 60px !important; }
}

/* ── Телефон: H1, фраза, срок и цена, кнопка — без прокрутки на 375×667 ── */
@media (max-width:767px){
    #__nuxt .w2hero .top-block__content{ padding:22px 0 30px !important; }
    #__nuxt .w2hero:before{ background:linear-gradient(180deg, rgba(9,11,20,.90) 0%, rgba(9,11,20,.88) 100%) !important; }
    #__nuxt .w2hero .w2hero__lead{ margin-top:12px !important; }

    /* две плашки (срок и цена) в ряд, третья скрыта (правило brand.css) */
    #__nuxt .w2hero .w2hero__facts{ display:grid !important; grid-template-columns:1fr 1fr; gap:0 !important; margin-top:20px !important; }
    #__nuxt .w2hero .w2hero__facts > li{ margin:0 !important; padding:0 12px 0 0 !important; }
    #__nuxt .w2hero .w2hero__facts > li:nth-child(2){ padding:0 0 0 14px !important; border-right:0 !important; }
    #__nuxt .w2hero .w2hero__facts b{ white-space:normal; }

    #__nuxt .w2hero .w2hero__actions{ display:block; margin-top:22px; }
    #__nuxt .w2hero .w2hero__actions .top-block__btn{ display:flex !important; flex-direction:column; align-items:stretch; gap:10px; width:100% !important; }
    #__nuxt .w2hero .w2hero__actions .top-block__btn .btn_style,
    #__nuxt .w2hero a.w2q-herolink{ width:100% !important; height:48px !important; justify-content:center; }
    #__nuxt .w2hero .w2hero__body .w2hero__more{ margin-top:12px !important; justify-content:center; }

    /* кейсы — одна строка с горизонтальной прокруткой внутри блока */
    #__nuxt .w2hero .w2hero__cases{
        flex-wrap:nowrap; overflow-x:auto; overflow-y:hidden; margin-top:16px !important;
        scrollbar-width:none; -webkit-overflow-scrolling:touch; max-width:100%;
    }
    #__nuxt .w2hero .w2hero__cases::-webkit-scrollbar{ display:none; }
    #__nuxt .w2hero .w2hero__cases-label, #__nuxt .w2hero .w2hero__cases a{ flex:0 0 auto; }
}