
/* PLANÍCIE NET — HERO FULLSCREEN V3 */
.hero{
    position:relative;
    min-height:100vh;
    padding-top:94px;
    overflow:hidden;
    isolation:isolate;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:
        linear-gradient(
            90deg,
            rgba(1,7,19,.96) 0%,
            rgba(1,7,19,.88) 27%,
            rgba(1,7,19,.48) 50%,
            rgba(1,7,19,.12) 74%,
            rgba(1,7,19,.18) 100%
        ),
        linear-gradient(
            180deg,
            rgba(1,7,19,.18) 0%,
            rgba(1,7,19,.06) 66%,
            rgba(1,7,19,.88) 100%
        ),
        url("../img/hero-fullscreen-planicienet.png?v=3");
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}

.hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    pointer-events:none;
    background:
        radial-gradient(circle at 18% 35%,rgba(0,91,255,.18),transparent 28%),
        radial-gradient(circle at 85% 42%,rgba(237,28,36,.08),transparent 20%);
}

.hero-orb,
.hero-visual{
    display:none!important;
}

.hero-grid{
    width:min(var(--container),calc(100% - 46px));
    min-height:auto;
    margin:0 auto;
    display:block;
}

.hero-copy{
    width:min(650px,100%);
    padding:72px 0 150px;
}

.hero h1{
    max-width:650px;
    text-shadow:0 8px 30px rgba(0,0,0,.65);
}

.hero-copy>p{
    max-width:610px;
    text-shadow:0 4px 18px rgba(0,0,0,.72);
}

.stats{
    position:absolute;
    right:0;
    bottom:26px;
    left:0;
    z-index:6;
    width:min(var(--container),calc(100% - 46px));
    margin:0 auto;
    background:linear-gradient(135deg,rgba(5,28,63,.90),rgba(2,14,34,.92));
    backdrop-filter:blur(15px);
}

.header{
    background:rgba(1,7,19,.72);
    backdrop-filter:blur(18px);
}

@media(max-width:1080px){
    .hero{
        min-height:900px;
        background-position:62% center;
    }

    .hero-copy{
        width:min(590px,100%);
        padding:76px 0 190px;
    }

    .stats{
        grid-template-columns:repeat(3,1fr);
    }
}

@media(max-width:640px){
    .hero{
        min-height:980px;
        padding-top:78px;
        justify-content:flex-start;
        background:
            linear-gradient(
                180deg,
                rgba(1,7,19,.20) 0%,
                rgba(1,7,19,.38) 28%,
                rgba(1,7,19,.93) 62%,
                rgba(1,7,19,1) 100%
            ),
            url("../img/hero-fullscreen-planicienet.png?v=3");
        background-size:auto 560px;
        background-position:62% top;
        background-repeat:no-repeat;
    }

    .hero-grid{
        width:min(100% - 26px,var(--container));
    }

    .hero-copy{
        width:100%;
        padding:390px 0 470px;
    }

    .hero h1{
        font-size:50px;
    }

    .stats{
        bottom:22px;
        width:min(100% - 26px,var(--container));
        grid-template-columns:1fr;
        padding:10px 16px;
    }

    .stats article{
        padding:13px 8px;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.08);
    }

    .stats article:last-child{
        border-bottom:0;
    }
}
