/* Gully ID trust strip + public info pages (/about, /security): ui/trust.ts. Gully ID brand kit v1 colours on night
   (cyan #00F7FC, gold #F9AE1B), Inter text, Montserrat headings. Self-contained: works on the landing, the sign-in card,
   the developer pages, the wallet and the wallet popup. */
.gid-trust-foot { display: block; width: 100%; max-width: 640px; margin: 18px auto 0; padding: 0 16px 18px; box-sizing: border-box; }
.gid-trust { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 16px; padding: 12px 0 0;
  border-top: 1px solid #172233; color: #9FB0C8; font: 500 12.5px/1.4 "Inter", system-ui, -apple-system, "Segoe UI", sans-serif; text-align: center; }
.gid-trust p { margin: 0; }
.gid-trust-by { color: #CFDAE8; font-weight: 600; }
.gid-trust a { color: #9FB0C8; text-decoration: none; display: inline-flex; align-items: center; gap: 5px; min-height: 32px; }
.gid-trust .nav-ic { width: 15px; height: 15px; flex: none; }
.gid-trust a:hover, .gid-trust a:focus-visible { color: #00F7FC; text-decoration: underline; }
.gid-trust-by a { color: #00F7FC; }
.gid-trust-nav { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 14px; }
/* inside an existing footer (landing, developer pages, wallet) the strip is its own row */
footer .gid-trust { flex-basis: 100%; margin-top: 10px; }

/* the sign-in page: the plain no-seed-phrase statement */
.gid-noseed { display: flex; gap: 10px; align-items: flex-start; margin: 12px 0 12px; padding: 10px 12px; border-radius: 12px;
  border: 1px solid rgba(249, 174, 27, .45); background: rgba(249, 174, 27, .08); color: #F3E3C0; font: 600 13px/1.45 "Inter", system-ui, sans-serif; text-align: left; }
.gid-noseed svg { flex: none; color: #F9AE1B; margin-top: 1px; }

/* /about and /security */
.legal .lead { font-size: 15.5px; color: #E7EEF8; }
.gid-callout { padding: 12px 14px; border-radius: 12px; border: 1px solid rgba(249, 174, 27, .45); background: rgba(249, 174, 27, .08); color: #F3E3C0; }
.gid-products { list-style: none; padding: 0; display: grid; gap: 8px; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
.gid-products li { display: flex; flex-direction: column; gap: 2px; padding: 10px 12px; border: 1px solid #1E2C42; border-radius: 12px; background: #0A1018; }
.gid-products a { color: #00F7FC; text-decoration: none; }
.gid-products a:hover { text-decoration: underline; }
.gid-products span { color: #9FB0C8; font-size: 13px; }
.gid-trust-foot .badge { width: max-content; margin: 12px auto 0; }

/* the in-card operator line (sign-in and consent cards) */
.gid-operator { display: flex; gap: 8px; align-items: flex-start; margin: 10px 0 0; color: #CFDAE8; font: 500 13px/1.45 "Inter", system-ui, sans-serif; text-align: left; }
.gid-operator .nav-ic { flex: none; color: #00F7FC; margin-top: 1px; }
.gid-operator a { color: #00F7FC; text-decoration: underline; text-underline-offset: 2px; }