/* ── Footer ── */
footer {
  padding: 2.25rem 1.5rem;
  text-align: center;
  color: var(--muted);
  font-size: 0.88rem;
  border-top: none;
  background-image:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(47, 128, 255, 0.38) 28%,
      rgba(88, 175, 255, 0.28) 72%,
      transparent 100%
    ),
    linear-gradient(180deg, rgba(10, 10, 16, 0.55) 0%, transparent 52%);
  background-size: 100% 1px, 100% 100%;
  background-position: top center, top center;
  background-repeat: no-repeat, no-repeat;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  align-items: center;
}
.footer-legal {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.8rem;
}

footer a {
  color: var(--muted);
  text-decoration: none;
  transition: color 0.2s;
}

footer a:hover {
  color: var(--accent-hover);
}

footer {
  border-top: 1px solid var(--border-strong);
  background-image:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(47, 128, 255, 0.28) 40%,
      rgba(88, 175, 255, 0.18) 70%,
      transparent 100%
    ),
    linear-gradient(180deg, rgba(15, 18, 26, 0.55) 0%, transparent 52%);
  background-size: 100% 1px, 100% 100%;
  background-position: top center, top center;
  background-repeat: no-repeat, no-repeat;
  font-family: var(--font-sans);
  font-size: 0.88rem;
  letter-spacing: 0;
}

@media (max-width: 899px) {
  footer {
    padding-top: 2.25rem;
    padding-left: var(--page-gutter-l);
    padding-right: var(--page-gutter-r);
    padding-bottom: 2.25rem;
  }
}