/* Baruk brand layer over the Intersect demo suite: same ink ramp, type and violet accent as the main site. */
:root {
  --bg: #0b0d14; --panel: #11141c; --panel2: #1a1e28; --panel3: #222735;
  --text: #eef0f5; --dim: #a3a9b8; --muted: #7a8296;
  --purple: #8b5cf6; --purple2: #a78bfa; --cyan: #2dd4bf; --green: #4ade80;
}
html, body { background: var(--bg) !important; }
body, button, input, select, textarea { font-family: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif !important; }
code, kbd, pre, .mono { font-family: "Geist Mono", ui-monospace, Menlo, monospace !important; }
h1, h2, h3 { letter-spacing: -.02em !important; font-weight: 500 !important; }

/* No gradient text: the highlighted words take the brand violet */
h1 span, .hero h1 span { background: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: currentColor !important; color: var(--purple2) !important; }

/* Logo: the Baruk B tile */
.brand .mark { width: 28px !important; height: 28px !important; border-radius: 8px !important; background: #7c3aed !important; box-shadow: none !important; color: #fff !important; display: inline-grid !important; place-items: center !important; font-size: 0 !important; }
.brand .mark::before { content: "B"; font: 600 15px/1 "Geist", sans-serif; }

/* Labels in sentence case */
.brand small, .eyebrow, .kpi span, .kicker, .scenario-label, .live-metric span, .rail-label, .detail span, .priority,
.field label, .metric span, .badge, .card-number, .result span, .signal-label, .rail-section, .project-stat span,
.project-row.header, .market-stat span, .market-row.header, .market-insight-label, .rec-priority, .ticker-label,
.transcript-head, .score-label, .summary-label, .quality-head > strong, .quality-metric span, .res-title, .side-label,
.command-top, .flow-label, .audit-title, .presenter-kicker, .query-label, .authority, .fleet-label, .manifest-grid.header,
.dispatch-label, .pulse-copy span, .demographic-fact span {
  text-transform: none !important; letter-spacing: normal !important;
}

/* No colored glows */
.progress i.active, .mini-lead.hot, .connection i, .control.voice-on, .feature-chip i, .demo-frame, .base, .destination,
.dispatch-item.done i, .sync-line.done i { box-shadow: none !important; }

a:focus-visible, button:focus-visible { outline: 2px solid var(--purple2); outline-offset: 2px; }
.brand .mark::before { display: block; line-height: 28px; text-align: center; width: 28px; }
a.brand:hover .mark { background: #8b5cf6 !important; }

/* Same blueprint grid as the main site, faint behind the top of every demo */
body::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 900px; background-image: linear-gradient(rgba(238,240,245,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(238,240,245,.06) 1px, transparent 1px); background-size: 64px 64px; mask-image: linear-gradient(180deg, rgba(0,0,0,.7), transparent 90%); pointer-events: none; z-index: 0; opacity: 1 !important; bottom: auto !important; }
body > * { position: relative; z-index: 1; }