/*! Zypheral — static legal footer bar.
    Sits below the compiled React app on the marketing pages. Namespaced and
    self-contained so it cannot interact with the app's own styles. */

.zy-legal-bar {
  background: #14130f;
  border-top: 1px solid rgba(255,255,255,.1);
  font-family: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 12.8px;
  color: #8d877e;
}
.zy-legal-bar-in {
  max-width: 1120px; margin: 0 auto;
  padding: 18px 24px;
  display: flex; align-items: center; gap: 10px 26px; flex-wrap: wrap;
}
.zy-legal-bar nav {
  display: flex; gap: 10px 22px; flex-wrap: wrap;
  margin-inline-start: auto;
}
.zy-legal-bar a { color: #8d877e; text-decoration: none; }
.zy-legal-bar a:hover { color: #6ee7b7; text-decoration: underline; }

@media (max-width: 700px) {
  .zy-legal-bar-in { padding: 16px; }
  .zy-legal-bar nav { margin-inline-start: 0; }
}