/* Cashflow Pro — токены. Сгенерировано из tokens.json, руками не править. */
/* Шрифты подключает /lib/fonts.css сайта (Public Sans, JetBrains Mono). */
:root, [data-theme="light"] {
  --cf-canvas: #f7f8fa;
  --cf-surface: #ffffff;
  --cf-surface-2: #f3f5f8;
  --cf-surface-3: #e9edf2;
  --cf-line: #eceef2;
  --cf-line-strong: #dde1e7;
  --cf-ink: #0a0b0d;
  --cf-ink-2: #4b5260;
  --cf-ink-3: #646b77;
  --cf-accent: #0052ff;
  --cf-accent-hover: #003ecb;
  --cf-accent-fill: #0052ff;
  --cf-accent-fill-hover: #003ecb;
  --cf-on-accent: #ffffff;
  --cf-accent-soft: #eef3ff;
  --cf-accent-ring: rgba(0,82,255,.18);
  --cf-accent-dim: #b8cbff;
  --cf-up: #0a7c4a;
  --cf-up-soft: #e8f6ef;
  --cf-down: #cf202f;
  --cf-down-soft: #fdeceb;
  --cf-amber: #95620a;
  --cf-amber-soft: #fdf4e3;
  --cf-violet: #6d4ae0;
  --cf-violet-soft: #f1edfd;
  --cf-teal: #0b7580;
  --cf-teal-soft: #e5f5f6;
  --cf-star: #e8a400;
  --cf-lime: #c8f048;
  --cf-on-lime: #0c0c0e;
  --cf-lime-tile: #c8f048;
  --cf-lime-tile-line: #b4dd33;
  --cf-on-lime-tile: #0c0c0e;
  --cf-header-bg: rgba(255,255,255,.88);
  --cf-tooltip-bg: var(--cf-ink);
  --cf-tooltip-ink: var(--cf-surface);
  --cf-scrim: rgba(12,14,18,.52);
  --cf-chart-1: var(--cf-accent);
  --cf-chart-2: var(--cf-teal);
  --cf-chart-3: var(--cf-amber);
  --cf-chart-4: var(--cf-violet);
  --cf-chart-muted: var(--cf-ink-3);
  --cf-rt-aaa-bg: #e2f3e8;
  --cf-rt-aaa-fg: #125c33;
  --cf-rt-aa-bg: #e8f2e2;
  --cf-rt-aa-fg: #2c5f27;
  --cf-rt-a-bg: #eef3e0;
  --cf-rt-a-fg: #4b5f14;
  --cf-rt-bbb-bg: #faf2dc;
  --cf-rt-bbb-fg: #75570c;
  --cf-rt-bb-bg: #fbeddd;
  --cf-rt-bb-fg: #8a4c0b;
  --cf-rt-b-bg: #fbe7de;
  --cf-rt-b-fg: #93380f;
  --cf-rt-ccc-bg: #fbe4e1;
  --cf-rt-ccc-fg: #97281d;
  --cf-rt-d-bg: #f7dedb;
  --cf-rt-d-fg: #8a1f16;
  --cf-rt-nr-bg: var(--cf-line);
  --cf-rt-nr-fg: var(--cf-ink-3);
  --cf-shadow-popover: 0 2px 6px rgba(10,11,13,.05), 0 18px 44px rgba(10,11,13,.14);
  --cf-shadow-modal: 0 30px 80px rgba(12,12,14,.35);
  --cf-shadow-tooltip: 0 12px 32px rgba(10,11,13,.24);
  --cf-shadow-thumb: 0 1px 3px rgba(10,11,13,.12);
  --cf-shadow-sticky: 10px 0 14px -10px rgba(10,11,13,.16);
  --cf-shadow-focus: 0 0 0 3px rgba(0,82,255,.18);
}
[data-theme="dark"] {
  --cf-canvas: #0a0b0d;
  --cf-surface: #131519;
  --cf-surface-2: #1b1e23;
  --cf-surface-3: #23272e;
  --cf-line: #22262c;
  --cf-line-strong: #30353d;
  --cf-ink: #f3f6fa;
  --cf-ink-2: #b3bac5;
  --cf-ink-3: #8d95a1;
  --cf-accent: #4d8dff;
  --cf-accent-hover: #7fabff;
  --cf-accent-fill: #2f6fe0;
  --cf-accent-fill-hover: #2560d6;
  --cf-accent-soft: rgba(77,141,255,.14);
  --cf-accent-ring: rgba(77,141,255,.28);
  --cf-accent-dim: #3e5f9f;
  --cf-up: #3ecf87;
  --cf-up-soft: rgba(62,207,135,.14);
  --cf-down: #ff6b6b;
  --cf-down-soft: rgba(255,107,107,.14);
  --cf-amber: #f0b84a;
  --cf-amber-soft: rgba(240,184,74,.14);
  --cf-violet: #a78bfa;
  --cf-violet-soft: rgba(167,139,250,.15);
  --cf-teal: #3fc9d6;
  --cf-teal-soft: rgba(63,201,214,.14);
  --cf-star: #f5b93a;
  --cf-lime-tile: #2c3a15;
  --cf-lime-tile-line: #5f7a26;
  --cf-on-lime-tile: #e9f8c0;
  --cf-header-bg: rgba(10,11,13,.86);
  --cf-tooltip-bg: var(--cf-ink);
  --cf-tooltip-ink: var(--cf-surface);
  --cf-scrim: rgba(0,0,0,.64);
  --cf-chart-1: var(--cf-accent);
  --cf-chart-2: var(--cf-teal);
  --cf-chart-3: var(--cf-amber);
  --cf-chart-4: var(--cf-violet);
  --cf-chart-muted: var(--cf-ink-3);
  --cf-rt-aaa-bg: rgba(47,156,99,.16);
  --cf-rt-aaa-fg: #5ec98d;
  --cf-rt-aa-bg: rgba(86,153,63,.16);
  --cf-rt-aa-fg: #8fcb6f;
  --cf-rt-a-bg: rgba(125,154,31,.17);
  --cf-rt-a-fg: #b5cf5c;
  --cf-rt-bbb-bg: rgba(192,138,18,.17);
  --cf-rt-bbb-fg: #e0b854;
  --cf-rt-bb-bg: rgba(209,121,27,.17);
  --cf-rt-bb-fg: #eda05a;
  --cf-rt-b-bg: rgba(207,90,42,.18);
  --cf-rt-b-fg: #f0906c;
  --cf-rt-ccc-bg: rgba(192,57,43,.18);
  --cf-rt-ccc-fg: #f08476;
  --cf-rt-d-bg: rgba(165,42,30,.2);
  --cf-rt-d-fg: #ef8071;
  --cf-rt-nr-bg: var(--cf-line);
  --cf-rt-nr-fg: var(--cf-ink-3);
  --cf-shadow-popover: 0 2px 6px rgba(0,0,0,.4), 0 18px 44px rgba(0,0,0,.55);
  --cf-shadow-modal: 0 30px 80px rgba(0,0,0,.6);
  --cf-shadow-tooltip: 0 12px 32px rgba(0,0,0,.5);
  --cf-shadow-thumb: none;
  --cf-shadow-sticky: 10px 0 14px -10px rgba(0,0,0,.7);
  --cf-shadow-focus: 0 0 0 3px rgba(77,141,255,.28);
  color-scheme: dark;
}
:root {
  --cf-space-2: 2px;
  --cf-space-4: 4px;
  --cf-space-6: 6px;
  --cf-space-8: 8px;
  --cf-space-10: 10px;
  --cf-space-12: 12px;
  --cf-space-14: 14px;
  --cf-space-16: 16px;
  --cf-space-18: 18px;
  --cf-space-20: 20px;
  --cf-space-24: 24px;
  --cf-space-28: 28px;
  --cf-space-32: 32px;
  --cf-space-40: 40px;
  --cf-space-44: 44px;
  --cf-space-56: 56px;
  --cf-radius-bar: 2px;
  --cf-radius-xs: 6px;
  --cf-radius-sm: 10px;
  --cf-radius-md: 12px;
  --cf-radius-grade: 14px;
  --cf-radius-lg: 16px;
  --cf-radius-xl: 20px;
  --cf-radius-pill: 999px;
  --cf-h-control: 44px;
  --cf-h-button: 40px;
  --cf-h-button-lg: 48px;
  --cf-h-pill: 36px;
  --cf-h-sm: 32px;
  --cf-h-tag: 26px;
  --cf-h-badge: 22px;
  --cf-header-h: 70px;
  --cf-page-max: 1600px;
  --cf-content-max: 1240px;
  --cf-prose-max: 70ch;
  --cf-tap-min: 42px;
  --cf-dur-fast: 120ms;
  --cf-dur: 150ms;
  --cf-dur-press: 160ms;
  --cf-dur-slow: 200ms;
  --cf-ease: cubic-bezier(.23, 1, .32, 1);
  --cf-ease-std: ease;
  --cf-z-sticky: 2;
  --cf-z-header: 40;
  --cf-z-popover: 60;
  --cf-z-modal: 100;
  --cf-z-toast: 120;
  --cf-bp-wide: 1100px;
  --cf-bp-header: 860px;
  --cf-bp-phone: 767px;
  --cf-bp-small: 620px;
  --font-sans: "Public Sans", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.cf-price-hero { font-family: var(--font-sans); font-size: 48px; line-height: 1; font-weight: 700; letter-spacing: -0.04em; }
.cf-h1 { font-family: var(--font-sans); font-size: 34px; line-height: 1.1; font-weight: 700; letter-spacing: -0.035em; }
.cf-title { font-family: var(--font-sans); font-size: 30px; line-height: 1.15; font-weight: 600; letter-spacing: -0.03em; }
.cf-kpi-lg { font-family: var(--font-sans); font-size: 28px; line-height: 1; font-weight: 700; letter-spacing: -0.035em; }
.cf-h2 { font-family: var(--font-sans); font-size: 24px; line-height: 1.2; font-weight: 600; letter-spacing: -0.025em; }
.cf-kpi { font-family: var(--font-sans); font-size: 21px; line-height: 1.1; font-weight: 700; letter-spacing: -0.03em; }
.cf-h3 { font-family: var(--font-sans); font-size: 18px; line-height: 1.3; font-weight: 600; letter-spacing: -0.02em; }
.cf-h4 { font-family: var(--font-sans); font-size: 15px; line-height: 1.35; font-weight: 600; letter-spacing: -0.01em; }
.cf-prose { font-family: var(--font-sans); font-size: 16px; line-height: 1.65; font-weight: 400; letter-spacing: normal; }
.cf-lead { font-family: var(--font-sans); font-size: 15px; line-height: 1.55; font-weight: 400; letter-spacing: normal; }
.cf-body { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; letter-spacing: normal; }
.cf-value { font-family: var(--font-sans); font-size: 15px; line-height: 1.4; font-weight: 600; letter-spacing: -0.01em; }
.cf-control { font-family: var(--font-sans); font-size: 14.5px; line-height: 1.3; font-weight: 500; letter-spacing: normal; }
.cf-name { font-family: var(--font-sans); font-size: 14.5px; line-height: 1.3; font-weight: 600; letter-spacing: -0.01em; }
.cf-ui { font-family: var(--font-sans); font-size: 14px; line-height: 1.2; font-weight: 600; letter-spacing: normal; }
.cf-table { font-family: var(--font-sans); font-size: 14px; line-height: 1.4; font-weight: 400; letter-spacing: normal; }
.cf-label { font-family: var(--font-sans); font-size: 13px; line-height: 1.35; font-weight: 500; letter-spacing: normal; }
.cf-caption { font-family: var(--font-sans); font-size: 12.5px; line-height: 1.45; font-weight: 400; letter-spacing: normal; }
.cf-badge { font-family: var(--font-sans); font-size: 12px; line-height: 1.3; font-weight: 600; letter-spacing: normal; }
.cf-tag { font-family: var(--font-sans); font-size: 11.5px; line-height: 1.3; font-weight: 600; letter-spacing: normal; }
.cf-axis { font-family: var(--font-sans); font-size: 11px; line-height: 1.2; font-weight: 400; letter-spacing: normal; }
.cf-code { font-family: var(--font-mono); font-size: 12.5px; line-height: 1.3; font-weight: 500; letter-spacing: 0; }