/* crmmeister tokens — generated from references/tokens.json (live crmmeister.com, deployed main@268c4f4, captured 2026-10-17). Do not hand-edit values here; edit tokens.json and regenerate. */
@font-face{font-family:'Onest';src:url('fonts/onest-latin.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Onest';src:url('fonts/onest-latin-ext.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Martian Mono';src:url('fonts/martian-mono.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap}
@font-face{font-family:'Encode Sans';src:url('fonts/encode-sans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  color-scheme:light;
  --bg:#ffffff;
  --dot:#d9e0ee;
  --card:#ffffff;
  --bg2:#f3f6fb;
  --text:#141a2b;
  --text2:#4c5670;
  --text3:#6e7890;
  --hair:#e3e8f1;
  --sel:#dce4f7;
  --cobalt:#2f5bff;
  --cobalt-d:#2247d8;
  --ink:#1a2c6b;
  --ink-2:#2b3f86;
  --ink-t:#e6ebf7;
  --mute:#505a75;
  --line:#cbd4e4;
  --line-2:#e1e6f0;
  --chaos:#ebeff6;
  --sys:#fbfcfe;
  --green:#0b6b4c;
  --green-t:#e0f1e9;
  --red:#ae2239;
  --red-t:#fbe4e8;
  --lemon:#ffe27a;
  --lemon-2:#ffd43b;
  --lemon-ink:#5b4a00;
  --mint:#bfebd9;
  --sky:#d6e3ff;
  --lilac:#e6ddfb;
  --dock-bg:#1c2233;
  --dock-hover:#2a3350;
  --dock-icon:#c9d2e8;
  --slot:#c9d3e6;
  --gauge-track:#dde4f1;
  --lit-border:#bfd0ff;
  --now-dot:#1faf6e;
  --mark-dot:#5b7cff;
  --space-4:4px;
  --space-6:6px;
  --space-8:8px;
  --space-10:10px;
  --space-12:12px;
  --space-14:14px;
  --space-16:16px;
  --space-20:20px;
  --space-24:24px;
  --space-28:28px;
  --space-48:48px;
  --space-section:150px;
  --radius-3:3px;
  --radius-6:6px;
  --radius-7:7px;
  --radius-8:8px;
  --radius-10:10px;
  --radius-11:11px;
  --radius-12:12px;
  --radius-14:14px;
  --radius-16:16px;
  --radius-18:18px;
  --radius-22:22px;
  --radius-24:24px;
  --radius-pill:999px;
  --shadow-desk:0 2px 4px rgba(20,26,43,.04), 0 40px 80px -48px rgba(20,26,43,.45);
  --shadow-card:0 2px 4px rgba(20,26,43,.06), 0 30px 50px -34px rgba(20,26,43,.55);
  --shadow-window:0 2px 4px rgba(20,26,43,.06), 0 40px 70px -30px rgba(20,26,43,.5);
  --shadow-panel:0 40px 70px -56px rgba(20,26,43,.5);
  --shadow-polaroid:0 2px 4px rgba(20,26,43,.06), 0 40px 60px -40px rgba(20,26,43,.55);
  --shadow-dock:0 20px 40px -18px rgba(20,26,43,.6);
  --shadow-cta:0 14px 28px -16px rgba(20,26,43,.8);
  --shadow-send:0 14px 28px -16px #2f5bff;
  --shadow-lit:0 26px 46px -34px rgba(47,91,255,.6);
  --shadow-tile:0 8px 16px -10px rgba(20,26,43,.5);
  --shadow-hover:0 18px 30px -20px rgba(20,26,43,.5);
  --shadow-hairline:0 1px 2px rgba(20,26,43,.04);
  --wrap:1200px;
  --topbar-height:76px;
  --cta-height:52px;
  --send-height:48px;
  --pill-height:46px;
  --chip-height:40px;
  --control-height:32px;
  --dock-item:46px;
  --font-body:Onest, system-ui, "Helvetica Neue", Arial, sans-serif;
  --font-mono:"Martian Mono", ui-monospace, Menlo, monospace;
  --font-note:"Encode Sans", ui-sans-serif, system-ui, sans-serif;
  --ease:cubic-bezier(.16,1,.3,1);
}
.display-hero{font-family:var(--font-body);font-size:104px;line-height:0.98;font-weight:800;letter-spacing:-0.045em}
.display-section{font-family:var(--font-body);font-size:64px;line-height:1;font-weight:800;letter-spacing:-0.04em}
.display-figure{font-family:var(--font-body);font-size:76px;line-height:0.95;font-weight:800;letter-spacing:-0.05em}
.title-service{font-family:var(--font-body);font-size:38px;line-height:1.05;font-weight:700;letter-spacing:-0.035em}
.title-case{font-family:var(--font-body);font-size:34px;line-height:1.05;font-weight:800;letter-spacing:-0.035em}
.title-legal{font-family:var(--font-body);font-size:56px;line-height:1.02;font-weight:800;letter-spacing:-0.04em}
.title-card{font-family:var(--font-body);font-size:19px;line-height:1.2;font-weight:700;letter-spacing:-0.025em}
.title-done{font-family:var(--font-body);font-size:26px;line-height:1.1;font-weight:700;letter-spacing:-0.03em}
.sub{font-family:var(--font-body);font-size:21px;line-height:1.5;font-weight:400}
.lead{font-family:var(--font-body);font-size:19.5px;line-height:1.6;font-weight:400}
.body{font-family:var(--font-body);font-size:17px;line-height:1.55;font-weight:400}
.body-legal{font-family:var(--font-body);font-size:16.5px;line-height:1.65;font-weight:400}
.body-small{font-family:var(--font-body);font-size:15.5px;line-height:1.5;font-weight:400}
.caption{font-family:var(--font-body);font-size:13px;line-height:1.4;font-weight:400}
.wordmark{font-family:var(--font-body);font-size:18px;line-height:1;font-weight:700;letter-spacing:-0.03em}
.button-cta{font-family:var(--font-body);font-size:16px;line-height:1;font-weight:600}
.button-pill{font-family:var(--font-body);font-size:14.5px;line-height:1;font-weight:600}
.chip{font-family:var(--font-body);font-size:13.5px;line-height:1;font-weight:500}
.badge{font-family:var(--font-body);font-size:10.5px;line-height:1;font-weight:600}
.eyebrow{font-family:var(--font-mono);font-size:12px;line-height:1;font-weight:500;letter-spacing:0.12em;font-stretch:87.5%;text-transform:uppercase}
.field-label{font-family:var(--font-mono);font-size:11.5px;line-height:1;font-weight:500;letter-spacing:0.12em;font-stretch:87.5%;text-transform:uppercase}
.counter{font-family:var(--font-mono);font-size:14px;line-height:1;font-weight:500;letter-spacing:0.08em;font-stretch:87.5%;text-transform:uppercase}
.micro{font-family:var(--font-mono);font-size:10px;line-height:1;font-weight:500;letter-spacing:0.1em;font-stretch:87.5%;text-transform:uppercase}
.note-title{font-family:var(--font-note);font-size:23px;line-height:1.2;font-weight:620;letter-spacing:-0.008em}
.note-control{font-family:var(--font-note);font-size:14.5px;line-height:1;font-weight:620}