/* ── Footer ────────────────────────────────────────────────────────────────── */
.footer{background:var(--bg-alt);border-top:1px solid var(--border);padding:64px 0 32px}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-brand p{font-size:.875rem;color:var(--text-3);margin-top:12px;max-width:260px;line-height:1.6}
.footer-col h4{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:16px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.footer-col ul a{font-size:.875rem;color:var(--text-2);text-decoration:none;transition:color .25s}
.footer-col ul a:hover{color:var(--brand)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:24px;flex-wrap:wrap;gap:12px}
.footer-bottom p{font-size:.8rem;color:var(--text-3)}

/* ── Mobile menu (nav partial) ─────────────────────────────────────────────── */
.hamburger{display:none;width:36px;height:36px;border-radius:8px;background:var(--bg-alt);border:1px solid var(--border);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.hamburger span{display:block;width:18px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}
.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;z-index:999;background:var(--nav-bg);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border);padding:16px 24px 24px;flex-direction:column;gap:4px}
.mobile-menu.open{display:flex}
.mobile-nav-link{display:block;padding:10px 12px;color:var(--text-2);font-size:1rem;font-weight:500;border-radius:10px;text-decoration:none;transition:all .2s}
.mobile-nav-link:hover{background:var(--bg-alt);color:var(--text)}

/* ── Responsive ────────────────────────────────────────────────────────────── */
@media(max-width:900px){
  .footer-top{grid-template-columns:1fr 1fr}
  .hamburger{display:flex}
  .nav-links,.nav-right .btn{display:none}
}
@media(max-width:600px){
  .footer-top{grid-template-columns:1fr}
}