/* ============================================================
   NOD32UA — Home FINAL polish layer
   Базується на home-2026.css (імпорт нижче) + фінальні правки:
   читабельні dark-секції, єдина візуальна система низу, сильніший
   upsell/trust. Механіку/хуки/блоки НЕ чіпає. Тільки стиль.
   ============================================================ */
@import url('home-2026.css');

/* ───── 1. DARK SECTIONS — повна читабельність (нічого темного на темному) ───── */
.band, .b2b{color:#fff}
.band h2,.band h3,.band h4,.b2b h2,.b2b h3,.b2b h4{color:#fff}
/* site.css робить .eyebrow світлим чипом (accent-soft bg) — у темних секціях робимо чип під темний фон */
.band .eyebrow,.b2b .eyebrow{color:var(--accent-tint);background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}
.band p,.b2b p{color:rgba(255,255,255,.82)}
.band a:not(.btn),.b2b a:not(.btn){color:var(--accent-tint)}
.band a:not(.btn):hover,.b2b a:not(.btn):hover{color:#fff}
.b2b__card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18)}
.b2b__card h3{color:#fff}
.b2b__card p{color:rgba(255,255,255,.80)}
.b2b__card a{color:var(--accent-tint)}
.b2b__card a:hover{color:#fff}
/* ghost-кнопки в темних секціях — світла рамка/текст */
.band .btn--ghost,.b2b .btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.band .btn--ghost:hover,.b2b .btn--ghost:hover{border-color:#fff;color:#fff}

/* ───── 2. НИЗ = ПРОДОВЖЕННЯ HERO: єдині радіуси / тіні / щільність / ритм ───── */
.sec__head h2{font-size:clamp(28px,3.8vw,42px);letter-spacing:-.025em}
.fnav a,.feat>div,.tb,.eh__panel,.faq details{border-radius:var(--r-xl)}
.li{border-radius:var(--r-l)}
/* однакова поведінка карток (lift + тінь) як у hero-картках */
.tb{box-shadow:var(--sh-1);transition:box-shadow .18s,transform .18s,border-color .18s}
.tb:hover{box-shadow:var(--sh-2);transform:translateY(-2px);border-color:var(--accent-tint)}
.li:hover{box-shadow:var(--sh-2)}
.feat>div{transition:box-shadow .18s,transform .18s,border-color .18s}
.feat>div:hover{box-shadow:var(--sh-2);transform:translateY(-2px);border-color:var(--accent-tint)}

/* ───── 4. PREMIUM UPSELL — сильніше ───── */
.up{gap:28px;align-items:stretch}
.feat{gap:14px}
.feat>div{padding:22px;background:#fff;border:1px solid var(--line)}
.feat .ic{width:44px;height:44px;border-radius:13px;background:var(--accent-soft);color:var(--accent-deep)}
.feat b{font-size:15.5px;margin-top:12px}
.why{font-size:14.5px;line-height:1.6;padding:18px 20px;border-radius:var(--r-l)}
.cmp{border-radius:var(--r-l)}
.cmp th{font-size:13.5px;padding:13px 16px}
.cmp td{padding:13px 16px}
.buy2 .btn{padding:13px 22px}

/* ───── 8. TRUST — два чіткі бокси, акцентні числа ───── */
.tb{padding:28px}
.tb__stat b{font-size:32px}
.tb h4{font-size:18px;margin-bottom:16px}

/* ───── 5/6. RENEWAL + ESET HOME — спокійні, без зайвих обіцянок ───── */
.band--renew{padding:36px 40px}
.eh li{font-size:15px}

/* ───── 9. FAQ — акуратний accordion у стилі сторінки ───── */
.faq details{box-shadow:var(--sh-1)}
.faq details[open]{box-shadow:var(--sh-2)}

/* ───── 10. MOBILE — без overflow, 1 колонка, один sticky-бар ───── */
@media(max-width:760px){
  .sec{padding:48px 0}
  .feat{grid-template-columns:1fr}
  .tb__stats{gap:18px}
  .band--renew{padding:26px}
  .wrap{overflow-x:clip}
}

/* ───── P2: hero h1 — перебити legacy site.css `.hero h1{font-weight:700}` → 800 (як у моку) ───── */
main .hero h1{font-weight:800}