/* =========================================================
   TRADEJOUR PUBLIC LANDING V2
   Uses welcome_v2.css as the shared visual system.
   ========================================================= */


.landing-v2-header {
    position:
        sticky;

    top:
        0;

    z-index:
        50;

    backdrop-filter:
        blur(18px);

    -webkit-backdrop-filter:
        blur(18px);

    background:
        rgba(7, 11, 14, .79);
}


.landing-v2-nav {
    display:
        flex;

    align-items:
        center;

    gap:
        28px;

    margin-left:
        auto;

    margin-right:
        18px;
}


.landing-v2-nav a {
    color:
        #748189;

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        680;

    transition:
        color .16s ease;
}


.landing-v2-nav a:hover {
    color:
        #e5ebee;
}


.landing-v2-header-actions {
    display:
        flex;

    align-items:
        center;

    gap:
        9px;
}


.landing-v2-signin,
.landing-v2-register {
    min-height:
        39px;

    padding:
        0 14px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        9px;

    text-decoration:
        none;

    font-size:
        11px;

    font-weight:
        800;

    transition:
        background .16s ease,
        border-color .16s ease,
        transform .16s ease;
}


.landing-v2-signin {
    border:
        1px solid
        rgba(255,255,255,.09);

    color:
        #b8c2c8;

    background:
        rgba(255,255,255,.02);
}


.landing-v2-signin:hover {
    color:
        #ffffff;

    border-color:
        rgba(255,255,255,.15);
}


.landing-v2-register {
    border:
        1px solid
        rgba(56,217,150,.30);

    color:
        var(--tj-green);

    background:
        rgba(56,217,150,.055);
}


.landing-v2-register:hover {
    transform:
        translateY(-1px);

    border-color:
        rgba(56,217,150,.48);

    background:
        rgba(56,217,150,.09);
}


.landing-v2-hero {
    padding-top:
        88px;
}


.landing-v2-pricing-links {
    margin-top:
        24px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    flex-wrap:
        wrap;

    gap:
        8px;

    color:
        #56636b;

    font-size:
        10px;
}


.landing-v2-pricing-links a {
    color:
        #829098;

    text-decoration:
        none;
}


.landing-v2-pricing-links a:hover {
    color:
        var(--tj-green);
}


.landing-v2-final-cta {
    min-height:
        310px;

    padding:
        58px;

    margin-bottom:
        100px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        48px;

    border:
        1px solid
        rgba(56,217,150,.20);

    border-radius:
        20px;

    overflow:
        hidden;

    position:
        relative;

    background:
        linear-gradient(
            135deg,
            rgba(56,217,150,.07),
            rgba(255,255,255,.018) 48%,
            rgba(255,255,255,.009)
        );
}


.landing-v2-final-cta::before {
    content:
        "";

    position:
        absolute;

    width:
        300px;

    height:
        300px;

    right:
        -90px;

    top:
        -150px;

    border-radius:
        50%;

    background:
        rgba(56,217,150,.13);

    filter:
        blur(80px);

    pointer-events:
        none;
}


.landing-v2-final-cta > div {
    position:
        relative;

    z-index:
        2;

    max-width:
        650px;
}


.landing-v2-final-cta > div > span {
    color:
        var(--tj-green);

    font-size:
        9px;

    font-weight:
        850;

    letter-spacing:
        .15em;
}


.landing-v2-final-cta h2 {
    margin:
        15px 0 0;

    max-width:
        650px;

    font-size:
        clamp(32px, 4vw, 52px);

    line-height:
        1.04;

    letter-spacing:
        -.048em;
}


.landing-v2-final-cta p {
    margin:
        16px 0 0;

    max-width:
        520px;

    color:
        #849198;

    font-size:
        13px;

    line-height:
        1.65;
}


.landing-v2-final-cta > a {
    position:
        relative;

    z-index:
        2;

    flex:
        0 0 auto;
}


@media (max-width: 900px) {

    .landing-v2-nav {
        display:
            none;
    }


    .landing-v2-header-actions {
        margin-left:
            auto;
    }


    .landing-v2-final-cta {
        padding:
            40px;

        flex-direction:
            column;

        align-items:
            flex-start;
    }

}


@media (max-width: 600px) {

    .landing-v2-header {
        position:
            relative;
    }


    .landing-v2-signin {
        display:
            none;
    }


    .landing-v2-register {
        min-height:
            36px;

        padding:
            0 11px;

        font-size:
            10px;
    }


    .landing-v2-hero {
        padding-top:
            62px;
    }


    .landing-v2-final-cta {
        min-height:
            0;

        padding:
            30px 23px;

        margin-bottom:
            72px;

        border-radius:
            15px;
    }


    .landing-v2-final-cta > a {
        width:
            100%;
    }

}