/* Connectry Design System v2.1 tokens. Generated from tokens.json (1790233602-2fdc). Use by name, never as raw values. */

:root {
  --ground: #f5f5f7;
  --surface: #ffffff;
  --ink: #1a1a1a;
  --body: #43444d;
  --muted: #5b5c66;
  --faint: #80818d;
  --hairline: rgba(0,0,0,0.06);
  --blue: #4a6fa5;
  --blue-hover: #436598;
  --blue-light: #7fa3d6;
  --blue-tint: rgba(74,111,165,0.10);
  --chart-accent: var(--blue);
  --chart-comparison: #9a9ba6;
  --chart-step-1: #c2c3ca;
  --chart-step-2: #e0e1e6;
  --chart-grid: #e4e4e8;
  --scrim: rgba(0,0,0,0.42);
  --glass-tint-top: rgba(255,255,255,0.40);
  --glass-tint-bottom: rgba(255,255,255,0.26);
  --glass-dark-top: rgba(255,255,255,0.74);
  --glass-dark-bottom: rgba(255,255,255,0.62);
  --glass-nav: rgba(255,255,255,0.62);
  --glass-rim: rgba(255,255,255,0.95);
  --bloom-blue: #4a6fa5;
  --bloom-warm: #ffd9b0;
  --film-host-page: #f2f2ee;
  --film-host-paper: #fafaf8;
  --endcard-black: #050505;
  --glass-dark-panel: rgba(24,25,29,0.58);
  --nav-glass-dark: rgba(14,15,17,0.55);
  --answer-glow: rgba(74,111,165,0.42);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-18: 72px;
  --space-30: 120px;
  --radius-panel: 16px;
  --radius-card: 12px;
  --radius-tile: 10px;
  --radius-doc: 8px;
  --radius-ask: 24px;
  --radius-pill: 999px;
  --radius-frame: 28px;
  --radius-glass: 19px;
  --radius-inner: 11px;
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,0.95), inset 0 -1px 0 rgba(0,0,0,0.06), 0 30px 80px rgba(0,0,0,0.45), 0 2px 6px rgba(0,0,0,0.10);
  --shadow-glass-ground: inset 0 1px 0 rgba(255,255,255,0.95), inset 0 -1px 0 rgba(0,0,0,0.06), 0 30px 80px rgba(0,0,0,0.18), 0 2px 6px rgba(0,0,0,0.06);
  --shadow-doc: 0 1px 0 rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.14);
  --shadow-ask: 0 24px 60px rgba(0,0,0,0.18);
  --shadow-stage: 0 12px 40px rgba(0,0,0,0.06);
  --shadow-knob: 0 1px 3px rgba(0,0,0,0.18);
  --opacity-disabled: 0.4;
  --opacity-bloom-blue: 0.18;
  --opacity-bloom-warm: 0.15;
  --opacity-scrim: 0.42;
  --opacity-second-line: 0.78;
  --opacity-film-vignette: 0.13;
  --opacity-endcard-atmosphere: 0.2;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --gutter: max(20px, 6.9vw);
  --ease-arrive: cubic-bezier(.2,.7,.2,1);
  --ease-brackets: cubic-bezier(.16,.8,.24,1);
}

[data-theme="film"] {
  --ground: #1a1a1a;
  --surface: #232329;
  --ink: #ffffff;
  --body: #c9cad1;
  --muted: #a7a8b2;
  --faint: #8e8f9a;
  --hairline: rgba(255,255,255,0.12);
}

[data-theme="site-dark"] {
  --ground: #0e0f11;
  --surface: #121316;
  --ink: #f3f3f5;
  --body: rgba(243,243,245,0.74);
  --muted: rgba(243,243,245,0.60);
  --faint: rgba(243,243,245,0.45);
  --hairline: rgba(255,255,255,0.07);
}

/* Type styles. Inter 400/500/600, cv11 + ss01, tabular numbers. */
.t-display{font-size:clamp(40px, 6.4vw, 84px);line-height:1.04;font-weight:500;letter-spacing:-0.03em;}
.t-headline{font-size:clamp(30px, 4vw, 48px);line-height:1.06;font-weight:500;letter-spacing:-0.025em;}
.t-title{font-size:26px;line-height:1.2;font-weight:500;letter-spacing:-0.015em;}
.t-lead{font-size:19px;line-height:1.6;font-weight:400;}
.t-body{font-size:17px;line-height:1.6;font-weight:400;}
.t-small{font-size:14px;line-height:1.5;font-weight:400;}
.t-caption{font-size:13px;line-height:1.45;font-weight:400;}
.t-label{font-size:12px;line-height:1.2;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;}
.t-film-headline{font-size:107.52px;line-height:1.04;font-weight:500;letter-spacing:-0.03em;}
.t-film-second-line{font-size:45px;line-height:1.3;font-weight:400;}
.t-ask{font-size:48px;line-height:1.1;font-weight:500;letter-spacing:-0.02em;}
.t-ask-answer{font-size:68px;line-height:1.1;font-weight:500;letter-spacing:-0.02em;}