:root {
  --accent: #5B5FC7;
  --accent-ink: #3F42A0;
  --accent-glow: #5B5FC722;
  --accent-soft: #272A45;
  --accent-line: #383D66;
  --accent-text: #A2A5EC;
  --accent-tint-ink: #C0C3F4;
  --badge-ink: #FFFFFF;
  --bg: #15171C;
  --bg-card: #151b21;
  --bg-input: #111820;
  --border: #1e2d35;
  --text: #e2e8f0;
  --text-muted: #64748b;
  --text-dim: #94a3b8;
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --red: #ef4444;
  --check-ink: #C0C3F4;
}

/* gw-pau8: the link pages' brand block centers like the card that carries it (login/signup
   center their own .logo-wrap the same way); the logged-in v2 rail uses neither class. */
.brand { position: relative; display: block; width: 210px; max-width: 100%; margin: 0 auto 12px; }
/* gw-2rpa: the chip anchors to the image, not .brand — the version line below grows the box,
   and a box-anchored chip slides off the lockup with it (the gw-5i8q regression, server side). */
.brand-anchor { position: relative; display: block; }
.brand img { display: block; width: 210px; max-width: 100%; height: auto; }
.brand .beta { position: absolute; left: 0; bottom: 1px; display: inline-block; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: var(--badge-ink); background: var(--accent); border-radius: 4px; padding: 2px 6px; line-height: 1.3; }
.brand-ver { display: block; margin-top: 4px; font-size: 9.5px; font-weight: 700; letter-spacing: .07em; color: #FFFFFF; text-align: center; font-variant-numeric: tabular-nums; }
.tagline { font-size: .78rem; color: var(--text-muted); margin: 0 0 22px; text-align: center; }