/* SecondStage. Generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --surface-sunken: #EEF0EC;
  --line: #E3E6E1;
  --line-strong: #858F89;
  --ink: #14201B;
  --ink-secondary: #3E4A44;
  --ink-muted: #55605A;
  --action: #0F6B55;
  --action-hover: #0B5443;
  --on-action: #FFFFFF;
  --brand: #0F6B55;
  --brand-strong: #0B5443;
  --brand-soft: #E3F1EC;
  --on-brand: #FFFFFF;
  --highlight: #BDEBD7;
  --mint: #9FD9C4;
  --brand-mid: #3DB38D;
  --band: #0E4A3C;
  --band-raised: #1A5E4C;
  --on-band: #FFFFFF;
  --on-band-muted: #C9D3CE;
  --calm-bg: #E3F1EC;
  --calm-fg: #0B5443;
  --calm-solid: #0F6B55;
  --watch-bg: #FBEFD9;
  --watch-fg: #7A4A06;
  --watch-solid: #C98A1B;
  --act-bg: #FBE3DC;
  --act-fg: #93311A;
  --act-solid: #C2471F;
  --opportunity-bg: #E6EEFB;
  --opportunity-fg: #1E4A8C;
  --automate: #D9603B;
  --automate-ink: #A3401E;
  --assist: #EDB955;
  --assist-ink: #7A4A06;
  --human: #0F6B55;
  --human-ink: #0B5443;
  --focus: #0B5443;
  --link: var(--brand);
  --danger: var(--act-fg);
  --shadow-card: 0 1px 2px rgba(20, 32, 27, 0.04), 0 8px 24px rgba(20, 32, 27, 0.04);
  --shadow-lift: 0 1px 2px rgba(20, 32, 27, 0.04), 0 20px 50px rgba(20, 32, 27, 0.08);
  --shadow-nav: 0 1px 2px rgba(20, 32, 27, 0.04), 0 10px 30px rgba(20, 32, 27, 0.06);
}
[data-theme="dark"] {
  --surface: #0F1714;
  --surface-raised: #17221D;
  --surface-sunken: #22302A;
  --line: #2B3A33;
  --line-strong: #6E7C75;
  --ink: #ECF1EE;
  --ink-secondary: #C9D3CE;
  --ink-muted: #9DA9A3;
  --action: #3DB38D;
  --action-hover: #8ED3BA;
  --on-action: #0B1512;
  --brand: #3DB38D;
  --brand-strong: #8ED3BA;
  --brand-soft: #173A30;
  --on-brand: #0B1512;
  --highlight: #1F5A47;
  --mint: #9FD9C4;
  --brand-mid: #3DB38D;
  --band: #1D3A31;
  --band-raised: #2A4C41;
  --on-band: #FFFFFF;
  --on-band-muted: #C9D3CE;
  --calm-bg: #173A30;
  --calm-fg: #8ED3BA;
  --calm-solid: #3DB38D;
  --watch-bg: #3A2B0E;
  --watch-fg: #F2C879;
  --watch-solid: #E0A63A;
  --act-bg: #45201A;
  --act-fg: #F4A48C;
  --act-solid: #E8734F;
  --opportunity-bg: #1A2A45;
  --opportunity-fg: #A9C4F2;
  --automate: #EC7A52;
  --automate-ink: #F4A48C;
  --assist: #F0C060;
  --assist-ink: #F2C879;
  --human: #1F8467;
  --human-ink: #8ED3BA;
  --focus: #8ED3BA;
  --link: var(--brand);
  --danger: var(--act-fg);
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.3);
  --shadow-lift: 0 1px 2px rgba(0, 0, 0, 0.4), 0 20px 50px rgba(0, 0, 0, 0.45);
  --shadow-nav: 0 1px 2px rgba(0, 0, 0, 0.3), 0 10px 30px rgba(0, 0, 0, 0.3);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-30: 120px;
  --space-40: 160px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-3xl: 24px;
  --radius-pill: 999px;
  --control-sm: 38px;
  --control-md: 44px;
  --control-lg: 48px;
  --bar-height: 8px;
  --font-serif: Newsreader, Georgia, "Times New Roman", serif;
  --font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
}
.display-xl { font-family: var(--font-serif); font-size: 100px; line-height: 102px; font-weight: 400; letter-spacing: -0.03em; }
.display { font-family: var(--font-serif); font-size: 72px; line-height: 74px; font-weight: 400; letter-spacing: -0.03em; }
.heading-xl { font-family: var(--font-serif); font-size: 56px; line-height: 58px; font-weight: 400; letter-spacing: -0.025em; }
.heading-lg { font-family: var(--font-serif); font-size: 48px; line-height: 50px; font-weight: 400; letter-spacing: -0.03em; }
.heading { font-family: var(--font-serif); font-size: 40px; line-height: 43px; font-weight: 400; letter-spacing: -0.02em; }
.heading-sm { font-family: var(--font-serif); font-size: 24px; line-height: 28px; font-weight: 400; letter-spacing: -0.015em; }
.number-xl { font-family: var(--font-serif); font-size: 60px; line-height: 57px; font-weight: 400; letter-spacing: -0.035em; }
.number { font-family: var(--font-serif); font-size: 32px; line-height: 32px; font-weight: 400; letter-spacing: -0.02em; }
.body-lg { font-family: var(--font-sans); font-size: 17px; line-height: 27px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 23px; font-weight: 400; }
.body-strong { font-family: var(--font-sans); font-size: 15px; line-height: 23px; font-weight: 500; }
.small { font-family: var(--font-sans); font-size: 13.5px; line-height: 20px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; }
.eyebrow { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: 0.1em; }