.site-footer {
  background: #1a202c;
  color: #cbd5e1;
  padding: 64px 0 24px;
}
.footer-grid {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
.site-footer h3 { color: #fff; margin-bottom: 10px; }
.site-footer a, .site-footer p { display: block; color: #cbd5e1; margin-bottom: 6px; }
.footer-bottom {
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid rgba(255,255,255,.12);
  display: flex;
  gap: var(--space-2);
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
  .footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}