/* ============================================================
   footer.css
   ============================================================ */
footer{background:var(--navy);border-top:1px solid var(--border);padding:64px 5vw 32px}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--border)}
.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-family:var(--font-display);font-size:1.15rem;font-weight:800}
.footer-logo-img{width:36px;height:36px;border-radius:50%;object-fit:contain;background:#fff;padding:2px}
.footer-tagline{color:var(--grey);font-size:.875rem;line-height:1.6;max-width:240px}
.footer-col h4{font-family:var(--font-display);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--grey);margin-bottom:20px}
.footer-col ul{display:flex;flex-direction:column;gap:10px}
.footer-col ul li a{color:rgba(255,255,255,.65);font-size:.875rem;transition:color .2s;cursor:pointer}
.footer-col ul li a:hover{color:var(--accent)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:28px;gap:20px;flex-wrap:wrap}
.footer-copy{font-size:.8rem;color:var(--grey)}
.footer-socials{display:flex;gap:12px}
.social-btn{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);display:grid;place-items:center;font-size:.85rem;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.social-btn:hover{border-color:var(--accent);background:rgba(0,168,232,.1);transform:translateY(-2px)}