/* ai6labs design tokens. Generated from src/app/globals.css; see https://www.ai6labs.com/brand/DESIGN.md */
:root {
  --paper: #f2efea;
  --paper-raised: #f8f6f2;
  --photo-white: #fefefe;
  --stone-pale: #e4e0d9;
  --contrast: #1c1b19;
  --contrast-deep: #121110;
  --cream: #f6f4ef;
  --stone-light: #b8b4ac;
  --stone: #7a766e;
  --walnut: #6e5643;
  --ink: #161514;
  --slate: #57534e;
  --faint: #66615b;
  --hairline: rgba(22, 21, 20, 0.14);
  --line2: rgba(22, 21, 20, 0.26);
  --line-strong: rgba(22, 21, 20, 0.55);
  --signal: #35686c;
  --glass: rgba(242, 239, 234, 0.96);
  --shadow: rgba(22, 21, 20, 0.16);
  --scrim: rgba(14, 13, 12, 0.68);
  --error: #9a2a1d;
  --bg: var(--paper);
  --surface: var(--paper-raised);
  --raised: var(--stone-pale);
  --action: var(--contrast);
  --on-action: var(--cream);
  --focus: var(--signal);
  --hero-bg: #12100e;
  --hero-ink: #f6f3ee;
  --hero-ink-soft: rgba(246, 243, 238, 0.78);
  --hero-grade-0: rgba(13, 12, 11, 0.9);
  --hero-grade-1: rgba(13, 12, 11, 0.55);
  --hero-grade-2: rgba(13, 12, 11, 0);
  --hero-line: rgba(246, 243, 238, 0.28);
  --hero-pill: rgba(246, 243, 238, 0.12);
  --hero-pill-line: rgba(246, 243, 238, 0.32);
  --intent: #9fc9c6;
  --intent-glow: rgba(159, 201, 198, 0.55);
  --code-bg: #121110;
  --code-ink: #f2efe9;
  --font-ui: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --font-display: var(--font-ui);
  --fs-body: 16px;
  --fs-lead: 18px;
  --fs-label: 13px;
  --measure: 65ch;
  --wrap: 1320px;
  --gutter: clamp(20px, 3.5vw, 56px);
  --r-ctl: 12px;
  --r-pill: 100px;
  --smooth: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 0.16s;
  --t-base: 0.24s;
  --t-slow: 0.3s;
  --breakpoint-xs: 481px;
  --breakpoint-sm: 561px;
  --breakpoint-md: 701px;
  --breakpoint-menu: 861px;
  --breakpoint-story: 900px;
  --breakpoint-footer: 901px;
  --breakpoint-lg: 981px;
  --breakpoint-rail: 1360px;
  --text-hero: clamp(52px, 6.2vw + 10px, 124px);
  --text-hero-phone: clamp(30px, 12.8vw, 76px);
  --text-kicker: clamp(18px, 0.4vw + 16px, 22px);
  --text-step: clamp(17px, 0.5vw + 13px, 20px);
  --text-stage: clamp(20px, 1vw + 12px, 28px);
  --text-orbit-title: clamp(44px, 6cqw, 104px);
  --text-orbit-title-phone: clamp(36px, 10cqw, 52px);
  --text-proof: clamp(24px, 1.2vw + 14px, 36px);
  --text-cta: clamp(46px, 5vw + 16px, 88px);
  --text-cta-phone: clamp(44px, 12vw, 64px);
  --text-dialog: clamp(28px, 1vw + 22px, 36px);
  --text-latest: clamp(38px, 3.6vw + 20px, 72px);
  --text-scene: clamp(34px, 3vw + 10px, 68px);
  --text-reading: clamp(40px, 2.2vw + 33px, 64px);
  --text-signal-title: clamp(22px, 0.6vw + 16px, 28px);
  --text-entry: clamp(22px, 0.5vw + 20px, 28px);
  --text-question: clamp(18px, 0.6vw + 13px, 24px);
  --text-menu: 24px;
  --text-callout: 17px;
  --text-note: 15px;
  --tracking-mark: 0.08em;
  --tracking-meta: 0.06em;
  --tracking-kicker: 0.04em;
  --tracking-title: -0.04em;
  --tracking-entry: -0.02em;
  --tracking-display: -0.035em;
  --tracking-snug: -0.01em;
  --tracking-cta: -0.045em;
  --leading-copy: 1.55;
  --leading-title: 1.02;
  --leading-meta: 1.4;
  --leading-flat: normal;
  --leading-body: 1.6;
  --font-weight-strong: 500;
  --font-weight-menu: 400;
  --font-weight-field: 500;
  --shadow-orbit: 0 18px 40px -18px var(--shadow), 0 0 0 1px var(--hairline);
  --shadow-orbit-hover: 0 30px 60px -20px var(--shadow), 0 0 0 1px var(--line2);
  --shadow-lift: 0 14px 30px -20px var(--shadow);
  --shadow-node: 0 8px 22px var(--shadow);
  --shadow-step: inset 0 0 0 calc(var(--t) * 6.5px) var(--signal);
  --stroke-width-icon: 1.75;
  --stroke-width-fine: 1.5;
  --stroke-width-mark: 1.6;
  --spacing-reading-top: clamp(120px, 14vw, 180px);
  --spacing-reading-bottom: clamp(72px, 8vw, 128px);
  --spacing-scene-x: clamp(28px, 5vw, 96px);
  --spacing-scene-top: clamp(96px, 11vh, 128px);
  --spacing-scene-bottom: clamp(40px, 6vh, 72px);
  --spacing-mark: clamp(16px, 2.4vh, 26px);
  --spacing-deck-gap: clamp(14px, 2vh, 22px);
  --spacing-stack: clamp(16px, 3vh, 32px);
  --container-narrow: 560px;
  --container-deck: 44ch;
  --container-lead: 52ch;
  --container-summary: 60ch;
  --container-headline: 9.42em;
  --container-reading: calc(760px + 2 * var(--gutter));
  --container-aside: 26ch;
  --container-blurb: 34ch;
  --radius-field: 10px;
}
@media (prefers-color-scheme: dark) {
  :root {
    --paper: #0f0e0d;
    --paper-raised: #171614;
    --stone-pale: #22201d;
    --contrast: #ece8e1;
    --contrast-deep: #0e0d0c;
    --cream: #f2efe9;
    --stone-light: #b3aea6;
    --stone: #a19b92;
    --walnut: #b09379;
    --ink: #f2efe9;
    --slate: #c4bfb7;
    --faint: #a19b92;
    --hairline: rgba(242, 239, 233, 0.16);
    --line2: rgba(242, 239, 233, 0.28);
    --line-strong: rgba(242, 239, 233, 0.5);
    --signal: #8cc4c2;
    --glass: rgba(15, 14, 13, 0.95);
    --shadow: rgba(0, 0, 0, 0.4);
    --error: #f0a091;
    --action: var(--cream);
    --on-action: var(--contrast-deep);
  }
}