/* TMB Brows brand tokens: deep indigo, private-browser feel. */
:root {
  --font-head: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;

  --p: #4338ca;
  --p-deep: #1e1b4b;
  --a: #22d3ee;
  --on-p: #ffffff;
  --p-text: #4338ca;
  --p-soft: rgba(67, 56, 202, 0.12);
  --p-line: rgba(67, 56, 202, 0.35);
  --p-shadow: rgba(67, 56, 202, 0.5);
  --grad: linear-gradient(135deg, #4338ca 0%, #312e81 100%);
  --grad-text: linear-gradient(100deg, #4338ca 10%, #22d3ee 90%);

  --bg: #f7f7fb;
  --bg-alt: #efeefa;
  --surface: #ffffff;
  --text: #1c1b2b;
  --heading: #15132a;
  --muted: #565370;
  --line: #e4e2f2;
  --line-strong: #cdc9e8;
  --radius: 20px;
  --btn-radius: 999px;

  --glass: rgba(255, 255, 255, 0.72);
  --glass-line: rgba(255, 255, 255, 0.7);

  --hdr-bg: rgba(255, 255, 255, 0.62);
  --hdr-bg-solid: rgba(255, 255, 255, 0.98);
  --hdr-line: rgba(255, 255, 255, 0.8);
  --hdr-text: #15132a;
  --hdr-muted: #565370;
  --hdr-hover: rgba(67, 56, 202, 0.08);

  --hero-bg: linear-gradient(135deg, #eceafb 0%, #e5f8fc 38%, #efeafa 72%, #e3e1fb 100%);
  --hero-text: #15132a;
  --hero-muted: #4c4967;
  --blob-1: rgba(67, 56, 202, 0.45);
  --blob-2: rgba(34, 211, 238, 0.4);
  --blob-3: rgba(49, 46, 129, 0.35);
  --grid-line: rgba(67, 56, 202, 0.11);
  --fx-1: #4338ca;
  --fx-2: #818cf8;
  --fx-3: #22d3ee;
  --chip-bg: rgba(255, 255, 255, 0.7);
  --chip-text: #15132a;
  --chip-line: rgba(255, 255, 255, 0.9);

  --marquee-bg: #ffffff;

  --dark-bg: radial-gradient(120% 90% at 10% 0%, #241f5e 0%, #1a1545 45%, #0f0c2e 100%);
  --dark-text: #e2e0fa;
  --dark-muted: #ada9d4;
  --dark-card: rgba(255, 255, 255, 0.06);
  --dark-line: rgba(255, 255, 255, 0.12);

  --foot-bg: #0f0c2e;
  --foot-text: #d6d3f4;
  --foot-muted: #9b96c4;
  --foot-line: rgba(255, 255, 255, 0.1);
}

/* TMB Brows touches */
.brand img { background: #fff; }
.sec-dark .eyebrow, .foot h4 { color: #9fb0ff; }
.step::before { color: var(--a); }