/* styles.css: design tokens first, layout second. Layout source: the CEO's fresco.html (launchpad design-kit, reference/fresco-kit.html): a 12-column hairline grid behind the page, Host Grotesk display at weight 800 with tight tracking, tabular figures, tracked uppercase labels, light and dark by prefers-color-scheme plus a toggle. The drop zone copies the Untitled UI file-upload anatomy named in INGESTION-WIREFRAME.md: dashed zone, icon, hint line, then a file row with name, size, progress and check. Red appears only on a block. The proof page (PROOF-BRIEF.md, 2026-09-04): the hero is the live board of the sample deal (Scenario, two steppers, the IRR grid, three tiles, the NOI bars) with two proof buttons beside it; then #proof, the actual workbook small and counted beside the page it became; then one pinned frame (#how) that scrolls through five steps of the product, each a chip, a headline, a sub line and a real capture with a rail of buttons under it; then a close of chips, one still, a filmstrip, the test run (the live drop zone behind an account), a tick matrix, three trust chips, the FAQ under one summary and the end card. Two native dialogs: the demo lightbox and the account form. Since 2026-09-06 the nav is two moves toward the deal (Sample deal, Send your deal as a filled button) plus Sign in and the toggle, the hero's left column carries two content-width buttons in a wrapping row, the quiet try line under them and a three-line proof strip pinned to its foot, and the Before tile of #proof is seven printed sheets of the workbook fanned like paper on a desk with the counts under it as quiet labels. At 900 and under the frame is a horizontal snap carousel and the rail is dots. Tokens for frame, shadow and motion are DESIGN-BRIEF.md section 2; the stage, the board, the confirm panel and the dialogs share them so they read as one family of objects on the paper. Colour jobs: teal is the action and what it drives (every CTA, the selected cell, links, the Levered IRR readout). Warm orange is the mark's short bar only, wherever the mark renders (nav, end card, footer), and --warm occurs below in exactly one rule. Locked lowercase lines use .label--lower so no text-transform ever title-cases them. Radius is 0 everywhere (Basel). Motion: six motions, all inside prefers-reduced-motion: no-preference at the foot of this file; the reduce block after it is the backstop. Reveal on scroll runs only when app.js has set html[data-reveal], so with no observer (or no script) every element starts visible. Fonts: build.py inlines site/assets/fonts.css (the two @font-face rules and their OFL/ISC notice) into a