/* =====================================================
   DIGITAL PRO — FULL WIDTH HERO SLIDER
   assets/css/home/hero-full-slider.css
   ===================================================== */

.hero-full-slider{
    position:relative;
    overflow:hidden;
    min-height:clamp(620px,78vh,900px);
    background:#061027;
    isolation:isolate;
}

.hero-full-slider__track{
    position:relative;
    min-height:inherit;
}

.hero-full-slide{
    position:absolute;
    inset:0;
    min-height:inherit;
    opacity:0;
    visibility:hidden;
    transform:scale(1.035);
    transition:
        opacity .7s ease,
        visibility .7s ease,
        transform 7s linear;
}

.hero-full-slide.is-active{
    z-index:2;
    opacity:1;
    visibility:visible;
    transform:scale(1.08);
}

.hero-full-slide>img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
}

.hero-full-slide__shade{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(90deg,rgba(3,11,28,.95) 0%,rgba(5,17,42,.82) 34%,rgba(5,17,42,.34) 64%,rgba(5,17,42,.18) 100%),
        linear-gradient(180deg,rgba(3,11,28,.18) 0%,rgba(3,11,28,.08) 55%,rgba(3,11,28,.72) 100%);
}

.hero-full-slide__content{
    position:relative;
    z-index:3;
    display:flex;
    min-height:inherit;
    flex-direction:column;
    justify-content:center;
    align-items:flex-start;
    padding-top:86px;
    padding-bottom:110px;
    color:#fff;
}

.hero-full-slide__content>*{
    max-width:760px;
}

.hero-full-slide__eyebrow{
    margin:0 0 18px;
    color:#82adff;
    font-size:11px;
    font-weight:800;
    letter-spacing:.18em;
    text-transform:uppercase;
}

.hero-full-slide h1,
.hero-full-slide h2{
    margin:0;
    font-size:clamp(48px,5.2vw,86px);
    line-height:.98;
    letter-spacing:-.06em;
    color:#fff;
}

.hero-full-slide h1 span,
.hero-full-slide h2 span{
    display:block;
    color:#4f8cff;
}

.hero-full-slide__content>p:not(.hero-full-slide__eyebrow){
    margin:26px 0 0;
    color:rgba(255,255,255,.78);
    font-size:clamp(15px,1.25vw,19px);
    line-height:1.7;
}

.hero-full-slide__actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:30px;
}

.hero-full-slide__points{
    display:flex;
    flex-wrap:wrap;
    gap:10px 24px;
    margin:30px 0 0;
    padding:0;
    list-style:none;
}

.hero-full-slide__points li{
    position:relative;
    padding-left:17px;
    color:rgba(255,255,255,.72);
    font-size:12px;
    font-weight:700;
}

.hero-full-slide__points li::before{
    position:absolute;
    top:.55em;
    left:0;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#4f8cff;
    content:"";
}

.hero-full-slider__arrow{
    position:absolute;
    top:50%;
    z-index:5;
    display:grid;
    width:54px;
    height:54px;
    place-items:center;
    border:1px solid rgba(255,255,255,.28);
    border-radius:50%;
    color:#fff;
    background:rgba(3,11,28,.46);
    font:inherit;
    font-size:34px;
    line-height:1;
    cursor:pointer;
    transform:translateY(-50%);
    backdrop-filter:blur(10px);
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.hero-full-slider__arrow:hover,
.hero-full-slider__arrow:focus-visible{
    border-color:rgba(255,255,255,.7);
    background:rgba(47,115,255,.9);
    outline:none;
    transform:translateY(-50%) scale(1.05);
}

.hero-full-slider__arrow--prev{
    left:22px;
}

.hero-full-slider__arrow--next{
    right:22px;
}

.hero-full-slider__controls{
    position:absolute;
    right:0;
    bottom:34px;
    left:0;
    z-index:6;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
}

.hero-full-slider__dots{
    display:flex;
    align-items:center;
    gap:9px;
}

.hero-full-slider__dots button{
    width:10px;
    height:10px;
    padding:0;
    border:0;
    border-radius:999px;
    background:rgba(255,255,255,.42);
    cursor:pointer;
    transition:
        width .22s ease,
        background .22s ease,
        transform .22s ease;
}

.hero-full-slider__dots button:hover,
.hero-full-slider__dots button:focus-visible{
    background:#fff;
    outline:none;
    transform:scale(1.12);
}

.hero-full-slider__dots button.is-active{
    width:34px;
    background:#4f8cff;
}

.hero-full-slider__autoplay{
    display:grid;
    width:38px;
    height:38px;
    place-items:center;
    border:1px solid rgba(255,255,255,.26);
    border-radius:50%;
    color:#fff;
    background:rgba(3,11,28,.44);
    cursor:pointer;
    backdrop-filter:blur(8px);
}

.hero-full-slider__autoplay:hover,
.hero-full-slider__autoplay:focus-visible{
    background:rgba(255,255,255,.14);
    outline:none;
}

@media(max-width:980px){
    .hero-full-slider{
        min-height:700px;
    }

    .hero-full-slide__shade{
        background:
            linear-gradient(90deg,rgba(3,11,28,.94) 0%,rgba(3,11,28,.76) 54%,rgba(3,11,28,.44) 100%),
            linear-gradient(180deg,rgba(3,11,28,.12),rgba(3,11,28,.64));
    }

    .hero-full-slide__content{
        padding-top:76px;
        padding-bottom:120px;
    }

    .hero-full-slide__content>*{
        max-width:650px;
    }
}

@media(max-width:700px){
    .hero-full-slider{
        min-height:650px;
    }

    .hero-full-slide>img{
        object-position:62% center;
    }

    .hero-full-slide__shade{
        background:
            linear-gradient(180deg,rgba(3,11,28,.72) 0%,rgba(3,11,28,.88) 70%,rgba(3,11,28,.96) 100%);
    }

    .hero-full-slide__content{
        justify-content:flex-end;
        padding-top:100px;
        padding-bottom:110px;
    }

    .hero-full-slide h1,
    .hero-full-slide h2{
        font-size:clamp(40px,12vw,58px);
    }

    .hero-full-slide__content>p:not(.hero-full-slide__eyebrow){
        font-size:14px;
    }

    .hero-full-slide__actions{
        width:100%;
        flex-direction:column;
    }

    .hero-full-slide__actions .btn{
        width:100%;
        justify-content:center;
    }

    .hero-full-slider__arrow{
        top:auto;
        bottom:28px;
        width:42px;
        height:42px;
        font-size:28px;
        transform:none;
    }

    .hero-full-slider__arrow:hover,
    .hero-full-slider__arrow:focus-visible{
        transform:scale(1.05);
    }

    .hero-full-slider__arrow--prev{
        left:18px;
    }

    .hero-full-slider__arrow--next{
        right:18px;
    }

    .hero-full-slider__controls{
        bottom:31px;
    }
}

@media(prefers-reduced-motion:reduce){
    .hero-full-slide,
    .hero-full-slider__dots button,
    .hero-full-slider__arrow{
        transition:none;
    }

    .hero-full-slide.is-active{
        transform:none;
    }
}