/* =====================================================
   PSIX INVEST — FOOTER ONLY
===================================================== */


.psix-site-footer{

    margin-top:0;

    background:#0f1728;

    color:#ffffff;

}


/* =====================================================
   MAIN
===================================================== */


.psix-footer-main{

    padding:
        72px 28px 64px;

}


.psix-footer-grid{

    width:100%;

    max-width:1400px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(300px,1.6fr)
        repeat(3,minmax(150px,.7fr));

    gap:60px;

}


/* =====================================================
   BRAND
===================================================== */


.psix-footer-brand{

    max-width:430px;

}


.psix-footer-logo{

    display:inline-flex;

    align-items:center;

    margin-bottom:22px;

    font-size:31px;

    font-weight:900;

    letter-spacing:-1.2px;

}


.psix-footer-logo span{

    color:#ffffff;

}


.psix-footer-logo strong{

    color:#4c82ff;

    font-weight:900;

}


.psix-footer-description{

    max-width:420px;

    margin:
        0 0 28px;

    color:
        rgba(255,255,255,.66);

    font-size:15px;

    line-height:1.75;

}


.psix-footer-telegram{

    min-height:48px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:
        0 22px;

    border-radius:999px;

    background:#2867ed;

    color:#ffffff;

    font-size:14px;

    font-weight:900;

    box-shadow:
        0 10px 28px
        rgba(40,103,237,.24);

    transition:
        transform .2s ease,
        background .2s ease;

}


.psix-footer-telegram:hover{

    transform:
        translateY(-2px);

    background:#1957df;

}


/* =====================================================
   COLUMNS
===================================================== */


.psix-footer-column-title{

    margin-bottom:19px;

    color:#ffffff;

    font-size:13px;

    font-weight:900;

    letter-spacing:.08em;

    text-transform:uppercase;

}


.psix-footer-column nav{

    display:flex;

    flex-direction:column;

    gap:5px;

}


.psix-footer-column nav a{

    padding:
        8px 0;

    color:
        rgba(255,255,255,.64);

    font-size:14px;

    line-height:1.45;

    transition:
        color .2s ease,
        transform .2s ease;

}


.psix-footer-column nav a:hover{

    color:#ffffff;

    transform:
        translateX(3px);

}


/* =====================================================
   BOTTOM
===================================================== */


.psix-footer-bottom{

    border-top:
        1px solid rgba(255,255,255,.09);

}


.psix-footer-bottom-inner{

    width:100%;

    max-width:1400px;

    min-height:82px;

    margin:0 auto;

    padding:
        20px 28px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:30px;

}


.psix-footer-copy{

    flex-shrink:0;

    color:
        rgba(255,255,255,.52);

    font-size:13px;

}


.psix-footer-bottom-links{

    display:flex;

    align-items:center;

    justify-content:flex-end;

    flex-wrap:wrap;

    gap:20px;

    color:
        rgba(255,255,255,.43);

    font-size:12px;

    line-height:1.5;

}


.psix-footer-bottom-links a{

    color:
        rgba(255,255,255,.60);

}


.psix-footer-bottom-links a:hover{

    color:#ffffff;

}


/* =====================================================
   TABLET
===================================================== */


@media(max-width:1050px){


    .psix-footer-grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:
            50px 60px;

    }


    .psix-footer-brand{

        max-width:520px;

    }


}


/* =====================================================
   MOBILE
===================================================== */


@media(max-width:680px){


    .psix-footer-main{

        padding:
            52px 20px 46px;

    }


    .psix-footer-grid{

        grid-template-columns:1fr;

        gap:38px;

    }


    .psix-footer-brand{

        max-width:none;

    }


    .psix-footer-logo{

        font-size:29px;

    }


    .psix-footer-column{

        padding-top:4px;

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

    }


    .psix-footer-column-title{

        margin-top:22px;

    }


    .psix-footer-bottom-inner{

        min-height:auto;

        padding:
            25px 20px;

        align-items:flex-start;

        flex-direction:column;

        gap:15px;

    }


    .psix-footer-bottom-links{

        justify-content:flex-start;

    }


}