footer {
  background: var(--surface); border-top: 1px solid var(--border);
  padding: 3rem 2rem; text-align: center;
}
.footer-logo { font-family: 'Syne', sans-serif; font-size: 1.8rem; font-weight: 800; color: #fff; letter-spacing: .08em; margin-bottom: .4rem; }
.footer-logo span { color: var(--blue); }
.footer-tagline { font-size: .8rem; color: var(--muted); letter-spacing: .16em; text-transform: uppercase; margin-bottom: 1.4rem; }
.footer-socials { display: flex; justify-content: center; gap: 1rem; margin-bottom: 1.6rem; }
.footer-socials a {
  width: 40px; height: 40px; border-radius: 10px; border: 1px solid var(--border);
  display: flex; align-items: center; justify-content: center;
  transition: border-color .25s, background .25s;
}
.footer-socials a:hover { border-color: var(--blue); background: rgba(90,184,245,.08); }
.footer-socials svg { width: 18px; height: 18px; fill: var(--muted); transition: fill .25s; }
.footer-socials a:hover svg { fill: var(--blue); }
.footer-copy { font-size: .78rem; color: #2d4a62; }

/* ── RESPONSIVE ── */
@media (max-width: 640px) {
  footer { padding: 2.5rem 1.2rem; }
  .footer-logo { font-size: 1.5rem; }
}