/* Fairgain demo. * * This is an INSTRUMENT, not an essay. Somebody arrives to watch a system work, * so the system fills the screen: dense, high-contrast, anchored by a dark rail, * with the explanation cut to what a person needs before the first offer lands. * * The one idea the design carries: the agents are language models and the guard * is ordinary code, so they have different voices. Agents speak in proportional * type. The guard speaks in monospace — verdicts, reason codes, every number. * * No framework, no webfont: font-src is 'self'. */ :root { --bg: #0e1116; --sheet: #ffffff; --sheet-2: #f6f7f9; --ink: #0e1116; --ink-2: #454d5a; --muted: #737d8c; --line: #e5e8ec; --line-2: #cfd5dd; --accent: #2b59ff; --accent-deep: #1c3fc4; --accent-soft: #eef2ff; --pass: #0f7a45; --pass-bg: #e8f6ee; --pass-line: #8fd0ac; --veto: #cc2618; --veto-bg: #fdecea; --veto-line: #f0a9a1; --warn: #9a6b00; --warn-bg: #fff8e6; --warn-line: #ebd191; --prose: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans Bengali", sans-serif; --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --r: 10px; --pad: clamp(1.15rem, .6rem + 2vw, 2.4rem); /* One measured column, declared once. --edge is the inset that puts a full-bleed element's CONTENT back on that column: half of whatever the window has spare, never less than the gutter. Percentages resolve against the element's own containing block, so this works on
, on