/* ════════════════════════════════════════
   FOOTER
════════════════════════════════════════ */
footer {
  background: #050c28; padding: 4rem 4rem 2rem;
  border-top: 2px solid var(--red);
}
.footer-grid {
  max-width: 1200px; margin: 0 auto;
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem;
  padding-bottom: 3rem; border-bottom: 1px solid rgba(255,255,255,0.07);
}
.footer-brand {}
.footer-brand-abbr { font-family: var(--f-head); font-size: 26px; font-weight: 800; color: var(--white); letter-spacing: 0.1em; }
.footer-brand-full { font-size: 9px; font-weight: 500; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(255,255,255,0.35); }
.footer-desc { font-size: 12.5px; font-weight: 300; line-height: 1.75; color: rgba(255,255,255,0.35); margin-top: 1rem; max-width: 270px; }
.footer-socials { display: flex; gap: 0.75rem; margin-top: 1.5rem; }
.footer-social-icon {
  width: 34px; height: 34px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.2);
  display: flex; align-items: center; justify-content: center;
  color: rgba(255,255,255,0.5); font-size: 14px;
  transition: border-color 0.2s, color 0.2s, background 0.2s;
}
.footer-social-icon:hover { border-color: var(--red); color: var(--white); background: rgba(232,62,49,0.15); }
.footer-col h4 { font-size: 11px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: var(--red); margin-bottom: 1.25rem; }
.footer-links { list-style: none; display: flex; flex-direction: column; gap: 0.6rem; }
.footer-links a { font-size: 12.5px; color: rgba(255,255,255,0.4); font-weight: 300; transition: color 0.2s; }
.footer-links a:hover { color: rgba(255,255,255,0.8); }

.footer-bottom {
  max-width: 1200px; margin: 0 auto;
  padding-top: 1.75rem; display: flex; align-items: center; justify-content: space-between;
}
.footer-bottom-copy { font-size: 11.5px; color: rgba(255,255,255,0.22); }
.footer-bottom-badges { display: flex; gap: 0.75rem; }
.footer-bottom-badge {
  font-size: 10px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(255,255,255,0.35); border: 1px solid rgba(255,255,255,0.12); padding: 4px 10px; border-radius: 2px;
}