/* Shared top nav for every page on announce.trustech.ai — pricing, FAQ,
 * privacy policy, terms of service, EULA, account deletion. Each page still
 * declares its own --navy-*/--gold-*/--text-* tokens on :root (they're
 * already identical across all six; kept per-file rather than centralized
 * further so no page depends on another file loading first), and this
 * stylesheet only styles the .top-nav markup common to all of them.
 *
 * No login-state check on the right-hand CTA: this origin is deliberately
 * separate from the app (aicard.trustech.ai — see the Caddyfile) so these
 * pages stay reachable, static and crawler-safe with no app bundle involved.
 * That separation means a page here has no access to the app's own
 * localStorage token to know whether the visitor is signed in — the CTA
 * always reads "前往 Card Genius" and the app itself sorts out where that
 * visitor actually belongs once they arrive.
 */
.top-nav {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding: calc(14px + env(safe-area-inset-top, 0px)) 20px 14px;
  background: var(--navy-1);
  border-bottom: 1px solid var(--navy-border);
}

.top-nav__brand {
  font-weight: 800;
  font-size: 16px;
  color: var(--gold-1);
  text-decoration: none;
  white-space: nowrap;
}

.top-nav__links {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-right: auto;
}

.top-nav__links a {
  color: var(--text-lo);
  text-decoration: none;
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
}

.top-nav__links a:hover {
  color: var(--text-hi);
}

.top-nav__cta {
  background: linear-gradient(135deg, var(--gold-1), var(--gold-2));
  color: #2a1f05;
  font-weight: 700;
  padding: 9px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 14px;
  white-space: nowrap;
}

.top-nav__cta:hover {
  filter: brightness(1.05);
}

/* Same breakpoint and behaviour as the app's own marketing nav
 * (web/src/routes/MarketingHomePageV2.css's .v2-nav__links) — links hide
 * rather than collapsing into a hamburger menu, matching how the rest of
 * this brand already treats a narrow viewport. */
@media (max-width: 640px) {
  .top-nav__links {
    display: none;
  }
}