@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('./Inter-Variable.29160a80ff49.ttf') format('truetype');
}
:root {
  color-scheme: light;
  --bg: #fff;
  --surface: #f2f2ef;
  --surface-subtle: #e9e9e5;
  --section-surface: #f0f0f0;
  --text: #101112;
  --muted: #5e6266;
  --border: #d4d4cf;
  --control-border: #a1a5a8;
  --menu-backdrop: rgb(16 17 18 / 22%);
  --accent: #165dff;
  --accent-strong: #0d45c4;
  --button-primary-bg: #165dff;
  --button-primary-bg-hover: #0d45c4;
  --button-primary-text: #fff;
  --focus: #165dff;
  --inverse: #fff;
  --shadow: 0 24px 70px rgba(18, 20, 22, 0.09);
  --shell: 1200px;
  --reading-measure: 80ch;
  --radius: 24px;
  --ds-color-canvas: var(--bg);
  --ds-color-surface: var(--surface);
  --ds-color-text: var(--text);
  --ds-color-muted: var(--muted);
  --ds-color-border: var(--border);
  --ds-color-action: var(--button-primary-bg);
  --ds-color-action-hover: var(--button-primary-bg-hover);
  --ds-color-on-action: var(--button-primary-text);
  --ds-color-focus: var(--focus);
  --ds-font-body: Inter, Arial, sans-serif;
  --ds-control-min-size: 48px;
  font-family: Inter, Arial, sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #000000;
  --surface: #151719;
  --surface-subtle: #202326;
  --section-surface: color-mix(in srgb, var(--surface) 50%, transparent);
  --text: #f5f5f2;
  --muted: #aeb2b5;
  --border: #34383b;
  --control-border: #666c72;
  --menu-backdrop: rgb(0 0 0 / 55%);
  --accent: #7aa2ff;
  --accent-strong: #a9c0ff;
  --focus: #9ab7ff;
  --inverse: #000000;
  --shadow: 0 28px 80px rgba(0, 0, 0, 0.28);
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  background: var(--bg);
}
html.is-at-top {
  scrollbar-color: transparent transparent;
}
html.is-at-top::-webkit-scrollbar,
html.is-at-top::-webkit-scrollbar-track,
html.is-at-top::-webkit-scrollbar-thumb {
  background: transparent;
}
body {
  min-width: 320px;
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-size: var(--rds-type-body-size);
  font-weight: var(--rds-type-body-weight);
  line-height: var(--rds-type-body-line-height);
}
body,
button {
  font-family: inherit;
}
img {
  display: block;
  max-width: 100%;
}
a {
  color: inherit;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
:focus-visible {
  outline: 3px solid var(--focus);
  outline-offset: 4px;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1,
h2,
h3 {
  line-height: var(--rds-type-display-line-height);
}
h1 {
  max-width: 820px;
  margin-bottom: 28px;
  font-size: var(--rds-type-display-size);
  font-weight: var(--rds-type-display-weight);
  letter-spacing: var(--rds-type-display-letter-spacing);
}
h2 {
  margin-bottom: 24px;
  font-size: var(--rds-type-section-title-size);
  font-weight: var(--rds-type-section-title-weight);
  letter-spacing: var(--rds-type-section-title-letter-spacing);
}
h3 {
  font-size: var(--rds-type-subsection-title-size);
  font-weight: var(--rds-type-subsection-title-weight);
  letter-spacing: var(--rds-type-subsection-title-letter-spacing);
}
p {
  max-width: var(--reading-measure);
  color: var(--muted);
}
.content-width {
  width: min(calc(100% - 64px), var(--shell));
  margin-inline: auto;
}
.eyebrow {
  margin-bottom: 20px;
  color: var(--text);
  font-size: var(--rds-type-label-size);
  font-weight: var(--rds-type-label-weight);
  letter-spacing: var(--rds-type-label-letter-spacing);
  text-transform: uppercase;
}
.skip-link {
  position: fixed;
  z-index: 100;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  border-radius: 8px;
  background: var(--text);
  color: var(--bg);
  transform: translateY(-160%);
}
.skip-link:focus {
  transform: translateY(0);
}
.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: var(--rds-type-action-size);
  font-weight: var(--rds-type-action-weight);
  line-height: var(--rds-type-action-line-height);
  text-decoration: none;
  transition:
    transform 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease;
}
.button:hover {
  transform: translateY(-2px);
}
.button-primary {
  background: var(--button-primary-bg);
  color: var(--button-primary-text);
}
.button-primary:hover {
  background: var(--button-primary-bg-hover);
}
.button-secondary {
  border-color: var(--control-border);
  background: transparent;
  color: var(--text);
}
.button-secondary:hover {
  border-color: var(--text);
  background: var(--surface-subtle);
}
.text-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--accent-strong);
  font-weight: 700;
  text-underline-offset: 4px;
}
@media (max-width: 700px) {
  .content-width {
    width: min(calc(100% - 40px), var(--shell));
  }
  h1 {
    font-size: var(--rds-type-display-mobile-size);
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}