.footer{background:var(--dark);color:#fff;overflow:hidden;position:relative}
.footer::before{
    content:'';position:absolute;top:-80px;left:-80px;
    width:400px;height:400px;
    background:radial-gradient(circle,rgba(18,70,230,.15),transparent 70%);
    pointer-events:none;
}

.footer-top{
    display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;
    gap:60px;padding:80px clamp(20px,5vw,56px) 60px;
    max-width:1160px;margin:0 auto;
}

.ft-logo{
    font-family:'Bricolage Grotesque',sans-serif;
    font-weight:800;font-size:28px;letter-spacing:-.04em;
    margin-bottom:16px;
}
.ft-dot{color:var(--blue)}
.ft-brand p{font-size:14px;color:rgba(255,255,255,.45);line-height:1.6;max-width:260px;margin-bottom:28px}
.ft-socials{display:flex;gap:10px}
.ft-soc{
    width:38px;height:38px;border:1px solid rgba(255,255,255,.1);
    border-radius:50%;display:flex;align-items:center;justify-content:center;
    color:rgba(255,255,255,.45);
    transition:border-color .2s,color .2s,background .2s;
}
.ft-soc:hover{border-color:var(--blue);color:#fff;background:var(--blue)}

.ft-col h4{
    font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:rgba(255,255,255,.3);margin-bottom:20px;
}
.ft-col ul{display:flex;flex-direction:column;gap:12px}
.ft-col a{font-size:14px;color:rgba(255,255,255,.55);transition:color .2s}
.ft-col a:hover{color:#fff}

.ft-cta-col{display:flex;align-items:flex-end}
.ft-cta-block{
    background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
    border-radius:var(--r);padding:28px;width:100%;
}
.ft-cta-block p{font-size:16px;font-weight:600;color:#fff;margin-bottom:20px;line-height:1.35}

.footer-rule{height:1px;background:rgba(255,255,255,.07);margin:0 clamp(20px,5vw,56px)}
.footer-bottom{
    display:flex;justify-content:space-between;align-items:center;
    flex-wrap:wrap;gap:12px;
    padding:24px clamp(20px,5vw,56px);
    max-width:1160px;margin:0 auto;
}
.footer-bottom p{font-size:13px;color:rgba(255,255,255,.25)}
.ft-legal{display:flex;gap:20px}
.ft-legal a{font-size:13px;color:rgba(255,255,255,.25);transition:color .2s}
.ft-legal a:hover{color:rgba(255,255,255,.7)}
.ft-mono{font-family:'JetBrains Mono',monospace;font-size:11px;color:rgba(255,255,255,.15);letter-spacing:.06em}