/* TrueTerm brand tokens — source of style for gate, pitch, and product pages.
   Mark: logos/trueterm.svg (TT on a finish line, navy field). */
:root {
  --tt-navy: #0c4a6e;
  --tt-blue: #0369a1;
  --tt-sky: #e0f2fe;
  --tt-cyan: #7dd3fc;
  --tt-ink: #0f172a;
  --tt-muted: #64748b;
  --tt-line: #e2e8f0;
  --tt-paper: #f8fafc;
  --tt-white: #ffffff;
  --tt-shadow: 0 16px 48px rgba(15, 23, 42, 0.08);
  --tt-radius: 20px;
  --tt-radius-sm: 12px;
  --tt-font: "Segoe UI", system-ui, -apple-system, sans-serif;
}

.tt-mark {
  display: block;
  flex-shrink: 0;
  border-radius: 10px;
}

.tt-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  text-decoration: none;
  color: var(--tt-navy);
}

.tt-lockup-name {
  font-weight: 800;
  letter-spacing: -0.04em;
  font-size: 1.12rem;
  line-height: 1;
}

.tt-lockup-name small {
  display: block;
  margin-top: 0.2rem;
  font-size: 0.68rem;
  font-weight: 650;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--tt-blue);
}

.tt-btn-primary,
.gate-body .btn-primary,
.ttp-body .btn-primary {
  background: var(--tt-navy);
  color: var(--tt-white);
}

.tt-btn-primary:hover,
.gate-body .btn-primary:hover,
.ttp-body .btn-primary:hover {
  background: var(--tt-blue);
}