/* Hero */
.hero{
    position:relative;
    padding:110px 0 90px;
    overflow:hidden;
    min-height:560px;
    display:flex;
    align-items:center;
    justify-content:center;
}

/* Фон-слайдер */
.hero-bg{
    position:absolute;
    inset:0;
    z-index:0;
}
.hero-bg-slide{
    position:absolute;
    inset:0;
    background-size:cover;
    background-position:center;
    opacity:0;
    transition:opacity 1.5s ease-in-out;
}
.hero-bg-slide.active{
    opacity:1;
}

/* Затемнение поверх фото */
.hero-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        radial-gradient(900px 500px at 85% 10%,rgba(14,165,233,.35),transparent 60%),
        radial-gradient(800px 500px at 10% 20%,rgba(25,195,125,.30),transparent 60%),
        linear-gradient(180deg,rgba(11,18,32,.55) 0%,rgba(11,18,32,.85) 100%);
}

/* Контент по центру */
.hero-content{
    position:relative;
    z-index:2;
    text-align:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:820px;
    width:100%;
}

.hero h1{
    font-size:clamp(28px,6vw,58px);
    font-weight:800;
    line-height:1.1;
    letter-spacing:-.02em;
}
.hero h1 span{
    background:var(--accent-grad);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.hero p{
    color:var(--muted);
    font-size:clamp(15px,3.6vw,18px);
    margin:20px 0 28px;
    max-width:560px;
    line-height:1.55;
}

.hero-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    justify-content:center;
    width:100%;
}

.hero-stats{
    display:flex;
    gap:44px;
    margin-top:40px;
    flex-wrap:wrap;
    justify-content:center;
}
.hero-stats .num{ font-size:clamp(20px,5vw,28px); font-weight:800; color:#fff; }
.hero-stats .lbl{ font-size:clamp(11px,3vw,13px); color:var(--muted); }

/* Планшеты */
@media (max-width:1024px){
    .hero{ padding:90px 0 70px; min-height:auto; }
    .hero-stats{ gap:32px; }
}

/* Мобильные */
@media (max-width:760px){
    .hero{ padding:70px 0 50px; min-height:auto; }
    .hero h1{ font-size:clamp(26px,8vw,36px); line-height:1.15; }
    .hero h1 br{ display:none; }
    .hero p{ font-size:15px; margin:16px 0 24px; max-width:100%; }
    .hero-actions{ flex-direction:column; gap:10px; }
    .hero-actions .btn{ width:100%; justify-content:center; }
    .hero-stats{ gap:20px; margin-top:32px; justify-content:space-around; }
    .hero-stats > div{ flex:1 1 40%; text-align:center; }
    .hero-overlay{
        background:linear-gradient(180deg, rgba(11,18,32,.75) 0%, rgba(11,18,32,.9) 100%);
    }
}

/* Очень узкие экраны */
@media (max-width:400px){
    .hero{ padding:60px 0 40px; }
    .hero h1{ font-size:24px; }
    .hero p{ font-size:14px; line-height:1.5; }
    .hero-stats{ gap:16px; }
    .hero-stats .num{ font-size:20px; }
}
/* ===== HERO MOBILE ===== */
@media (max-width: 1024px){
    .hero{ padding:90px 0 70px; min-height:auto; }
    .hero-stats{ gap:32px; }
}

@media (max-width: 760px){
    .hero{
        padding:70px 0 50px;
        min-height:auto;
    }
    .hero h1{
        font-size:clamp(26px, 8vw, 36px);
        line-height:1.15;
    }
    .hero h1 br{ display:none; } /* убираем принудительный перенос строки */
    .hero p{
        font-size:15px;
        margin:16px 0 24px;
        max-width:100%;
        line-height:1.55;
    }
    .hero-actions{
        flex-direction:column;
        gap:10px;
        width:100%;
    }
    .hero-actions .btn{
        width:100%;
        justify-content:center;
    }
    .hero-stats{
        gap:20px;
        margin-top:32px;
        justify-content:space-around;
        width:100%;
    }
    .hero-stats > div{
        flex:1 1 40%;
        text-align:center;
    }
    .hero-overlay{
        background:linear-gradient(180deg, rgba(11,18,32,.75) 0%, rgba(11,18,32,.92) 100%);
    }
}

@media (max-width: 400px){
    .hero{ padding:60px 0 40px; }
    .hero h1{ font-size:24px; }
    .hero p{ font-size:14px; line-height:1.5; }
    .hero-stats{ gap:16px; }
    .hero-stats .num{ font-size:20px; }
    .hero-stats .lbl{ font-size:11px; }
}