/* Legal footer strip for the home page. Scoped to .home-legal* ONLY so it never
   touches the animated home design (no bare element selectors here). */
.home-legal {
  position: relative;
  z-index: 5;
  max-width: 760px;
  margin: 0 auto;
  padding: 20px 24px 48px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px 18px;
  text-align: center;
}
.home-legal a {
  font-family: var(--font-mono, monospace);
  font-size: var(--text-xs, 12px);
  color: var(--tx-faint, #8a7f9c);
  text-decoration: none;
  letter-spacing: 0.03em;
  transition: color .15s ease;
}
.home-legal a:hover { color: var(--tx-soft, #b9aecb); }
.home-legal .home-legal-co {
  width: 100%;
  font-family: var(--font-mono, monospace);
  font-size: var(--text-xs, 12px);
  color: var(--tx-faint, #8a7f9c);
  letter-spacing: 0.03em;
}