/* Lean Layer Website tokens, generated from tokens.json. Use these custom properties instead of hard coded values. */
:root {
  --surface: #FBFBF9;
  --surface-tint: #F4F2F8;
  --card: #FFFFFF;
  --surface-ink: #1C1430;
  --ink: #1C1430;
  --ink-secondary: #4A4560;
  --ink-muted: #5B5670;
  --brand: #361C76;
  --brand-deep: #4C1D95;
  --accent: #7C3AED;
  --accent-soft: #EDE7FB;
  --on-brand: #FFFFFF;
  --on-brand-muted: #E9E3F8;
  --on-brand-soft: #D9D0F2;
  --violet-300: #A78BFA;
  --line: #E6E2EE;
  --line-strong: #D9D2E8;
  --line-control: #CFC8DE;
  --connector: #B9AED3;
  --font-display: Poppins, system-ui, sans-serif;
  --font-body: "DM Sans", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, monospace;
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 56px;
  --space-9: 72px;
  --space-10: 96px;
  --container: 1200px;
  --radius-button: 6px;
  --radius-card: 8px;
  --radius-face: 50%;
  --shadow-card: 0 4px 14px rgba(28,20,48,.06);
  --shadow-raised: 0 12px 40px rgba(28,20,48,.10);
  --shadow-hover: 0 14px 32px rgba(54,28,118,.22);
}
.display-hero { font-family: var(--font-display); font-size: 52px; line-height: 1.04; font-weight: 600; letter-spacing: -0.025em; }
.display-page { font-family: var(--font-display); font-size: 48px; line-height: 1.05; font-weight: 600; letter-spacing: -0.025em; }
.heading-section { font-family: var(--font-display); font-size: 38px; line-height: 1.1; font-weight: 600; letter-spacing: -0.02em; }
.heading-cta { font-family: var(--font-display); font-size: 40px; line-height: 1.12; font-weight: 600; letter-spacing: -0.02em; }
.heading-card { font-family: var(--font-display); font-size: 24px; line-height: 1.15; font-weight: 600; }
.label-strong { font-family: var(--font-display); font-size: 15px; line-height: 1.2; font-weight: 600; }
.lead { font-family: var(--font-body); font-size: 19px; line-height: 1.55; font-weight: 400; }
.proof-line { font-family: var(--font-body); font-size: 16px; line-height: 1.4; font-weight: 700; }
.body { font-family: var(--font-body); font-size: 15px; line-height: 1.55; font-weight: 400; }
.button { font-family: var(--font-body); font-size: 16px; line-height: 1.2; font-weight: 500; }
.small { font-family: var(--font-body); font-size: 13px; line-height: 1.4; font-weight: 400; }
.caption { font-family: var(--font-body); font-size: 12px; line-height: 1.3; font-weight: 400; }
.data-label { font-family: var(--font-mono); font-size: 12px; line-height: 1.3; font-weight: 500; }