/* ============================================================
   FOOTER — connects to the page surface (fades in from the
   content above, continues the grid texture, no seam)
   ============================================================ */
.site-footer {
  position: relative;
  border-top: 1px solid rgba(138,108,255,0.22);
  background: linear-gradient(180deg,
    rgba(17,17,19,0.88) 0%,
    rgba(15,15,17,0.96) 28%,
    rgba(12,12,14,0.99) 100%);
  margin-top: 0;
}
/* faint engineering grid inside the footer, echoing the page bg */
.site-footer::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(to right, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size: 34px 34px;
  pointer-events: none;
}
.site-footer .footer-inner {
  position: relative;
  z-index: 1;
}
.footer-inner {
  max-width: 76em;
  margin: 0 auto;
  padding: 0.5em 1em;
}
.footer-bottom {
  display: flex;
  justify-content: flex-end;
  font-size: var(--fs-xs);
  color: #9a9aab;
}