/* ============================================================
   AJ VENTURE
   Hero Section
============================================================ */

.home-hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    overflow:hidden;

    background:
    radial-gradient(circle at 80% 20%, rgba(103,240,229,.10), transparent 30%),
    radial-gradient(circle at 15% 85%, rgba(47,134,255,.10), transparent 35%),
    linear-gradient(180deg,#05070B,#081018);

}

/* Background Glow */

.home-hero::before{

    content:"";

    position:absolute;

    width:700px;
    height:700px;

    right:-220px;
    top:-180px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(103,240,229,.14),
    transparent 70%);

    filter:blur(60px);

    pointer-events:none;

}

.home-hero::after{

    content:"";

    position:absolute;

    left:-250px;
    bottom:-200px;

    width:650px;
    height:650px;

    border-radius:50%;

    background:radial-gradient(circle,
    rgba(47,134,255,.08),
    transparent 70%);

    filter:blur(70px);

}

/* Layout */

.hero-grid{

    display:grid;

    grid-template-columns:1.05fr .95fr;

    align-items:center;

    gap:80px;

    position:relative;

    z-index:2;

}

/* Left */

.hero-content{

    max-width:640px;

}

.eyebrow{

    display:inline-block;

    margin-bottom:24px;

    color:var(--primary);

    font-size:13px;

    font-weight:800;

    letter-spacing:.35em;

    text-transform:uppercase;

}

.hero-content h1{

    margin-bottom:28px;

}

.hero-text{

    font-size:22px;

    line-height:1.75;

    color:var(--text-secondary);

    max-width:560px;

    margin-bottom:42px;

}

/* Buttons */

.hero-actions{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

/* Right */

.hero-image-card{

    position:relative;

    border-radius:34px;

    overflow:hidden;

    background:var(--bg-card);

    border:1px solid rgba(255,255,255,.06);

    box-shadow:var(--shadow-lg);

}

.hero-image-card img{

    width:100%;

    height:760px;

    object-fit:cover;

    display:block;

}

/* Floating Card */

.hero-badge{

    position:absolute;

    left:30px;

    bottom:30px;

    padding:18px 22px;

    border-radius:18px;

    background:rgba(5,7,11,.82);

    backdrop-filter:blur(14px);

    border:1px solid rgba(255,255,255,.08);

}

.hero-badge h4{

    margin-bottom:8px;

    color:var(--text-primary);

}

.hero-badge p{

    margin:0;

    color:var(--text-muted);

    font-size:14px;

}

/* Scroll Indicator */

.scroll-down{

    position:absolute;

    bottom:40px;

    left:50%;

    transform:translateX(-50%);

    color:var(--text-muted);

    font-size:12px;

    letter-spacing:.18em;

    text-transform:uppercase;

    animation:float 2.5s infinite;

}

@keyframes float{

    0%{
        transform:translate(-50%,0);
    }

    50%{
        transform:translate(-50%,10px);
    }

    100%{
        transform:translate(-50%,0);
    }

}

/* Tablet */

@media(max-width:992px){

    .hero-grid{

        grid-template-columns:1fr;

        text-align:center;

    }

    .hero-content{

        margin:auto;

    }

    .hero-text{

        margin-left:auto;
        margin-right:auto;

    }

    .hero-actions{

        justify-content:center;

    }

    .hero-image-card{

        max-width:640px;

        margin:auto;

    }

}

/* Mobile */

@media(max-width:768px){

    .home-hero{

        min-height:auto;

        padding-top:130px;

        padding-bottom:90px;

    }

    .hero-image-card img{

        height:460px;

    }

    .hero-text{

        font-size:18px;

    }

}