footer{background:#05080f;padding:5rem max(2rem,calc((100% - 1280px)/2 + 2rem)) 2rem}
.ft-grid{display:grid;grid-template-columns:2.5fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}
.ft-logo{margin-bottom:.75rem}
.ft-logo img{height:48px;width:auto;display:block}
.ft-desc{font-size:.84rem;color:rgba(255,255,255,.4);line-height:1.65;max-width:280px;margin-bottom:1.5rem}
.ft-socials{display:flex;gap:.75rem}
.ft-social{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);text-decoration:none;transition:all .2s}
.ft-social:hover{background:#206bc4;border-color:#206bc4;color:#fff}
.ft-ch{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-bottom:1.25rem}
.ft-links{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:.65rem}
.ft-links a{font-size:.85rem;color:rgba(255,255,255,.38);text-decoration:none;transition:color .2s}
.ft-links a:hover{color:rgba(255,255,255,.8)}
.ft-bot{border-top:1px solid rgba(255,255,255,.06);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.ft-bot p{font-size:.82rem;color:rgba(255,255,255,.3)}
.ft-inline-icon{display:inline-flex;align-items:center;gap:.4rem}
.ft-inline-icon svg{width:14px;height:14px;stroke:#f87171;flex-shrink:0}
@media(max-width:1024px){
    .ft-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
    .ft-grid{grid-template-columns:1fr}
}