footer{
    padding:54px 0 58px;
    background:
            radial-gradient(circle at 12% 0%, rgba(91,156,255,.16), transparent 22rem),
            linear-gradient(135deg, var(--navy), #18315e);
    color:rgba(255,255,255,.72);
}

.footer{
    display:grid;
    grid-template-columns:1.25fr .75fr .75fr .75fr;
    gap:28px;
    color:rgba(255,255,255,.72);
}

.footer h4{
    margin:0 0 12px;
    color:#ffffff;
}

.footer a{
    display:block;
    margin:7px 0;
    color:rgba(255,255,255,.72);
    transition:color .2s ease, opacity .2s ease;
}

.footer a:hover{
    color:var(--blue-soft);
}

.footer-brand img{
    height:34px;
    margin-bottom:14px;
    filter:brightness(0) invert(1);
}

.copyright{
    padding-top:20px;
    margin-top:24px;
    border-top:1px solid rgba(91,156,255,.22);
    color:rgba(255,255,255,.58);
    font-size:14px;
}

@media (max-width:980px){
    .footer{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:640px){
    .footer{
        grid-template-columns:1fr;
    }
}