/* Generated from project/tokens.json by tools/serve.js. Do not edit. */
:root, [data-theme="dark"] {
  --bg: #08090b;
  --surface-1: #0f1114;
  --surface-2: #16191d;
  --surface-3: #1e2227;
  --line-subtle: #22262c;
  --line: #30353c;
  --line-strong: #646c77;
  --text-1: #f2f4f6;
  --text-2: #b2b9c2;
  --text-3: #8f97a1;
  --text-disabled: #5a616b;
  --brand: #5bace6;
  --brand-hover: #84c2ee;
  --brand-active: #4a98d0;
  --brand-soft: #0e1c27;
  --brand-deep: #0a1a2c;
  --brand-glow: #5bace673;
  --brand-glow-soft: #5bace626;
  --on-brand: #08090b;
  --focus: var(--brand);
  --success: #4fc98d;
  --success-soft: #0c1f17;
  --error: #f47b7b;
  --error-soft: #2a1213;
  --caution: #e8b64c;
  --caution-soft: #261e0b;
  --overlay: #08090bb3;
  --glass-fill: #0f1114cc;
  --glass-fill-thin: #0f1114a3;
  --glass-line: #ffffff1f;
  --glass-hover: #ffffff17;
  --focus-ring: 0 0 0 2px #08090b, 0 0 0 4px #5bace6;
  --shadow-overlay: 0 24px 64px #000000b3;
  --shadow-media: 0 32px 80px -24px #000000e6;
  --shadow-glass: inset 0 1px 0 #ffffff14, 0 12px 40px #00000059;
  --shadow-glass-control: inset 1px 1px 0 #ffffff4d, inset -1px -1px 0 #ffffff14, inset 0 0 16px -6px #ffffff40, 0 8px 24px #00000066;
  --glow-node: inset 0 1px 0 #ffffff59, 0 0 0 1px #5bace6, 0 0 24px #5bace6b3, 0 0 72px #5bace666;
  --glow-line: 0 0 10px #5bace6, 0 0 28px #5bace699;
  --glow-node-active: inset 0 1px 0 #ffffff73, 0 0 0 1px #84c2ee, 0 0 0 8px #5bace61f, 0 0 32px #5bace6d9, 0 0 96px #5bace680;
  --glow-tip: 0 0 6px 2px #f2f4f6cc, 0 0 18px 6px #5bace6cc, 0 0 40px 10px #5bace666;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  --radius-control: 9999px;
  --radius-box: 12px;
  --radius-none: 0px;
  --radius-mark: 4px;
  --content-max: 1280px;
  --prose-max: 680px;
  --media-wide-max: 1040px;
  --gutter-phone: 20px;
  --gutter-tablet: 32px;
  --gutter-desktop: 48px;
  --gutter-wide: 64px;
  --grid-columns-phone: 4;
  --grid-columns-tablet: 8;
  --grid-columns-desktop: 12;
  --bp-tablet: 640px;
  --bp-desktop: 1024px;
  --bp-wide: 1440px;
  --nav-height: 72px;
  --nav-height-phone: 60px;
  --control-height: 48px;
  --control-height-sm: 40px;
  --measure-headline: 16ch;
  --measure-lead: 38rem;
  --measure-label: 24ch;
  --panel-max: 30rem;
  --nav-max: 880px;
  --nav-column: 19rem;
  --steps-track-step: 45svh;
  --media-text-max: 36cqi;
  --z-nav: 100;
  --z-overlay: 200;
  --z-tooltip: 300;
  --grid-cell: 55px;
  --duration-fast: 120ms;
  --duration-base: 240ms;
  --duration-slow: 480ms;
  --duration-cinematic: 900ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --hairline: 1px;
  --bar-thickness: 2px;
  --media-zoom: 1.03;
  --reveal-distance: 16px;
  --reveal-stagger: 60ms;
  --reveal-mask-bleed: 0.2em;
  --unclip-inset: 6%;
  --unclip-zoom: 0.08;
  --tilt-angle: 20deg;
  --tilt-perspective: 1200px;
  --zoom-track: 300svh;
  --glass-blur: 20px;
  --glass-saturate: 1.4;
  --liquid-bezel: 14px;
  --liquid-depth: 16px;
  --liquid-soften: 3;
  --press-scale: 0.97;
  --accent-scale: 1.1;
  --neural-opacity: 0.85;
  --neural-text-fade: 0.25;
  --steps-active-scale: 1.08;
  --icon-sm: 16px;
  --icon-md: 20px;
  --icon-lg: 24px;
  --icon-stroke: 1.5;
  --aspect-cinema: 21 / 9;
  --aspect-wide: 16 / 9;
  --aspect-still: 3 / 2;
  --aspect-portrait: 4 / 5;
  --scrim-bottom: linear-gradient(180deg, #08090b00 0%, #08090b33 25%, #08090ba6 55%, #08090be6 100%);
  --scrim-bottom-phone: linear-gradient(180deg, #08090b00 0%, #08090b40 15%, #08090b99 35%, #08090bcc 55%, #08090be6 100%);
  --scrim-left: linear-gradient(90deg, #08090be6 0%, #08090bb3 40%, #08090b00 75%);
  --font-sans: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-accent: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;
}
.display-xl { font-family: var(--font-sans); font-size: 88px; line-height: 88px; font-weight: 500; letter-spacing: -0.035em; }
.display-l { font-family: var(--font-sans); font-size: 64px; line-height: 68px; font-weight: 500; letter-spacing: -0.03em; }
.heading-1 { font-family: var(--font-sans); font-size: 48px; line-height: 54px; font-weight: 500; letter-spacing: -0.025em; }
.heading-2 { font-family: var(--font-sans); font-size: 34px; line-height: 40px; font-weight: 500; letter-spacing: -0.02em; }
.heading-3 { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 500; letter-spacing: -0.015em; }
.heading-4 { font-family: var(--font-sans); font-size: 19px; line-height: 26px; font-weight: 600; letter-spacing: -0.005em; }
.stat { font-family: var(--font-sans); font-size: 56px; line-height: 56px; font-weight: 500; letter-spacing: -0.035em; }
.display-xl-phone { font-family: var(--font-sans); font-size: 46px; line-height: 48px; font-weight: 500; letter-spacing: -0.03em; }
.display-l-phone { font-family: var(--font-sans); font-size: 38px; line-height: 42px; font-weight: 500; letter-spacing: -0.025em; }
.heading-1-phone { font-family: var(--font-sans); font-size: 32px; line-height: 38px; font-weight: 500; letter-spacing: -0.02em; }
.heading-2-phone { font-family: var(--font-sans); font-size: 26px; line-height: 32px; font-weight: 500; letter-spacing: -0.015em; }
.heading-3-phone { font-family: var(--font-sans); font-size: 21px; line-height: 28px; font-weight: 500; letter-spacing: -0.01em; }
.stat-phone { font-family: var(--font-sans); font-size: 40px; line-height: 44px; font-weight: 500; letter-spacing: -0.03em; }
.body-lg { font-family: var(--font-sans); font-size: 19px; line-height: 30px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 26px; font-weight: 400; }
.body-sm { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 13px; line-height: 20px; font-weight: 400; letter-spacing: 0.005em; }
.eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.14em; }
.field-label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; }
.button-text { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: 0.01em; }
.nav-text { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 500; }
.wordmark { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 600; letter-spacing: 0.2em; }
.quote { font-family: var(--font-accent); font-size: 40px; line-height: 46px; font-weight: 400; letter-spacing: -0.005em; font-style: italic; }
.quote-phone { font-family: var(--font-accent); font-size: 30px; line-height: 36px; font-weight: 400; letter-spacing: -0.005em; font-style: italic; }
.accent-display { font-family: var(--font-accent); font-size: 70px; line-height: 68px; font-weight: 400; font-style: italic; }
.code { font-family: var(--font-mono); font-size: 14px; line-height: 22px; font-weight: 400; }