:root, [data-theme="prive"] {
  --surface: #faf7f2;
  --surface-alt: #f2ece2;
  --sand: #ddd0bc;
  --placeholder: var(--sand);
  --ink: #1c1a17;
  --ink-muted: #5d554b;
  --ink-fixed: #1c1a17;
  --line: #e4dccf;
  --line-strong: #857b6f;
  --action: var(--ink);
  --on-action: var(--surface);
  --overlay: rgba(20, 17, 13, 0.62);
  --on-image: #faf7f2;
  --focus-ring: 0 0 0 2px #faf7f2, 0 0 0 4px #1c1a17;
}
[data-theme="pro"] {
  --surface: #141311;
  --surface-alt: #1e1c19;
  --sand: #3a342d;
  --placeholder: var(--sand);
  --ink: #f3eee6;
  --ink-muted: #b0a698;
  --ink-fixed: #1c1a17;
  --line: #36312b;
  --line-strong: #8a8073;
  --action: var(--ink);
  --on-action: var(--surface);
  --overlay: rgba(20, 17, 13, 0.62);
  --on-image: #faf7f2;
  --focus-ring: 0 0 0 2px #141311, 0 0 0 4px #f3eee6;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-30: 120px;
  --space-40: 160px;
  --radius-media: 0px;
  --radius-control: 0px;
  --layout-max: 1360px;
  --measure: 600px;
  --font-display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-text: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.display { font-family: var(--font-display); font-size: 76px; line-height: 76px; font-weight: 700; letter-spacing: -0.01em; font-style: normal; }
.title { font-family: var(--font-display); font-size: 48px; line-height: 52px; font-weight: 700; letter-spacing: -0.005em; font-style: normal; }
.heading { font-family: var(--font-display); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: 0.01em; font-style: normal; }
.quote { font-family: var(--font-display); font-size: 28px; line-height: 38px; font-weight: 400; letter-spacing: normal; font-style: italic; }
.lead { font-family: var(--font-text); font-size: 19px; line-height: 30px; font-weight: 400; letter-spacing: normal; font-style: normal; }
.body { font-family: var(--font-text); font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: normal; font-style: normal; }
.eyebrow { font-family: var(--font-text); font-size: 11px; line-height: 16px; font-weight: 400; letter-spacing: 0.14em; font-style: normal; }
.label { font-family: var(--font-text); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: 0.14em; font-style: normal; }
.small { font-family: var(--font-text); font-size: 13px; line-height: 20px; font-weight: 400; letter-spacing: 0.02em; font-style: normal; }