/* Generated by zeroy/zcss-compiler@1; do not edit. */
:root {
  --z-border-width: 1px;
  --z-color-accent: #2563eb;
  --z-color-accent-100: #dce8ff;
  --z-color-accent-200: #b4ceff;
  --z-color-accent-300: #82adff;
  --z-color-accent-400: #5089fe;
  --z-color-accent-50: #f0f5ff;
  --z-color-accent-500: #2563eb;
  --z-color-accent-600: #0944c4;
  --z-color-accent-700: #002b91;
  --z-color-accent-800: #00175a;
  --z-color-accent-900: #000628;
  --z-color-action: #0f172a;
  --z-color-action-hover: #091122;
  --z-color-border: #c7ceda;
  --z-color-brand: #0f172a;
  --z-color-brand-100: #e4e8f0;
  --z-color-brand-200: #c8cedb;
  --z-color-brand-300: #a6aec0;
  --z-color-brand-400: #858fa5;
  --z-color-brand-50: #f3f5fa;
  --z-color-brand-500: #0f172a;
  --z-color-brand-600: #091122;
  --z-color-brand-700: #040818;
  --z-color-brand-800: #01030d;
  --z-color-brand-900: #000004;
  --z-color-danger: #b91c1c;
  --z-color-danger-100: #ffe0db;
  --z-color-danger-200: #ffbab1;
  --z-color-danger-300: #f58c80;
  --z-color-danger-400: #e16055;
  --z-color-danger-50: #fff2f0;
  --z-color-danger-500: #b91c1c;
  --z-color-danger-600: #8d0008;
  --z-color-danger-700: #5f0004;
  --z-color-danger-800: #340001;
  --z-color-danger-900: #0f0000;
  --z-color-focus: #2563eb;
  --z-color-neutral: #475569;
  --z-color-neutral-100: #e3e8f0;
  --z-color-neutral-200: #c7ceda;
  --z-color-neutral-300: #a4afbe;
  --z-color-neutral-400: #8390a3;
  --z-color-neutral-50: #f2f5fa;
  --z-color-neutral-500: #475569;
  --z-color-neutral-600: #2d3a4c;
  --z-color-neutral-700: #162131;
  --z-color-neutral-800: #030a17;
  --z-color-neutral-900: #000103;
  --z-color-on-accent: #ffffff;
  --z-color-on-action: #ffffff;
  --z-color-on-brand: #ffffff;
  --z-color-on-danger: #ffffff;
  --z-color-on-neutral: #ffffff;
  --z-color-on-status-danger: #ffffff;
  --z-color-on-status-success: #ffffff;
  --z-color-on-status-warning: #ffffff;
  --z-color-on-success: #ffffff;
  --z-color-on-surface: #111827;
  --z-color-on-warning: #ffffff;
  --z-color-status-danger: #b91c1c;
  --z-color-status-success: #166534;
  --z-color-status-warning: #92400e;
  --z-color-success: #166534;
  --z-color-success-100: #d9efdd;
  --z-color-success-200: #b6d8bd;
  --z-color-success-300: #8cbc97;
  --z-color-success-400: #62a072;
  --z-color-success-50: #ecf9ef;
  --z-color-success-500: #166534;
  --z-color-success-600: #00471f;
  --z-color-success-700: #002a10;
  --z-color-success-800: #000f03;
  --z-color-success-900: #000100;
  --z-color-surface: #ffffff;
  --z-color-surface-muted: #f2f5fa;
  --z-color-warning: #92400e;
  --z-color-warning-100: #fee1d3;
  --z-color-warning-200: #f0c2ad;
  --z-color-warning-300: #db9d80;
  --z-color-warning-400: #c57955;
  --z-color-warning-50: #fff2ec;
  --z-color-warning-500: #92400e;
  --z-color-warning-600: #6b2a00;
  --z-color-warning-700: #441800;
  --z-color-warning-800: #200800;
  --z-color-warning-900: #040100;
  --z-content-width: 77.5rem;
  --z-duration-fast: 200ms;
  --z-duration-normal: 200ms;
  --z-easing-standard: ease;
  --z-font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --z-font-heading: Oswald, "Arial Narrow", Inter, system-ui, sans-serif;
  --z-gutter: clamp(1.5rem, 1.333333rem + 0.046296vw, 2rem);
  --z-heading-1: 3.814697rem;
  --z-heading-2: 3.051758rem;
  --z-heading-3: 2.441406rem;
  --z-heading-4: 1.953125rem;
  --z-heading-5: 1.5625rem;
  --z-heading-6: 1.25rem;
  --z-line-body: 1.5;
  --z-line-heading: 1.1;
  --z-radius: 0.25rem;
  --z-section-space: clamp(5rem, 4.666667rem + 0.092593vw, 6rem);
  --z-shadow: 0 0.5rem 1.5rem rgb(15 23 42 / 0.25);
  --z-space-l: clamp(1.054688rem, 0.984375rem + 0.019531vw, 1.265625rem);
  --z-space-m: clamp(0.703125rem, 0.65625rem + 0.013021vw, 0.84375rem);
  --z-space-s: clamp(0.46875rem, 0.4375rem + 0.008681vw, 0.5625rem);
  --z-space-xl: clamp(1.582031rem, 1.476563rem + 0.029297vw, 1.898438rem);
  --z-space-xs: clamp(0.3125rem, 0.291667rem + 0.005787vw, 0.375rem);
  --z-space-xxl: clamp(2.373047rem, 2.214844rem + 0.043945vw, 2.847656rem);
  --z-text-l: 1.2rem;
  --z-text-m: 1rem;
  --z-text-s: 0.833333rem;
  --z-text-width: 45rem;
  --z-text-xl: 1.44rem;
  --z-text-xs: 0.694444rem;
  --z-text-xxl: 1.728rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --z-color-surface: #0f172a;
    --z-color-on-surface: #f8fafc;
    --z-color-surface-muted: #1e293b;
    --z-color-border: #475569;
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}
html {
  color-scheme: light dark;
  overflow-wrap: break-word;
  text-size-adjust: 100%;
}
body {
  margin: 0;
  background: var(--z-color-surface);
  color: var(--z-color-on-surface);
  font-family: var(--z-font-body);
  font-size: var(--z-text-m);
  line-height: var(--z-line-body);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--z-font-heading);
  line-height: var(--z-line-heading);
  text-wrap: balance;
}
h1 { font-size: var(--z-heading-1); }
h2 { font-size: var(--z-heading-2); }
h3 { font-size: var(--z-heading-3); }
h4 { font-size: var(--z-heading-4); }
h5 { font-size: var(--z-heading-5); }
h6 { font-size: var(--z-heading-6); }
p, li { text-wrap: pretty; }
img, picture, video, canvas, svg {
  block-size: auto;
  display: block;
  max-inline-size: 100%;
}
input, button, textarea, select {
  color: inherit;
  font: inherit;
}
:focus-visible {
  outline: max(2px, var(--z-border-width)) solid var(--z-color-focus);
  outline-offset: 3px;
}
.z-container {
  inline-size: min(100% - 2 * var(--z-container-gutter, var(--z-gutter)), var(--z-container-width, var(--z-content-width)));
  margin-inline: auto;
}
.z-section {
  padding-block: var(--z-section-padding, var(--z-section-space));
}
.z-stack {
  display: flex;
  flex-direction: column;
  gap: var(--z-stack-space, var(--z-space-m));
}
.z-cluster {
  align-items: var(--z-cluster-align, center);
  display: flex;
  flex-wrap: wrap;
  gap: var(--z-cluster-space, var(--z-space-s));
  justify-content: var(--z-cluster-justify, flex-start);
}
.z-grid {
  display: grid;
  gap: var(--z-grid-space, var(--z-space-l));
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--z-grid-min, 16rem)), 1fr));
}
.z-sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--z-sidebar-space, var(--z-space-l));
}
.z-sidebar > :first-child {
  flex-basis: var(--z-sidebar-width, 20rem);
  flex-grow: 1;
}
.z-sidebar > :last-child {
  flex-basis: 0;
  flex-grow: 999;
  min-inline-size: min(100%, var(--z-sidebar-content-min, 50%));
}
.z-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: var(--z-switcher-space, var(--z-space-m));
}
.z-switcher > * {
  flex-basis: calc((var(--z-switcher-threshold, 40rem) - 100%) * 999);
  flex-grow: 1;
}
.z-content-grid {
  display: grid;
  grid-template-columns: [full-start] minmax(var(--z-content-gutter, var(--z-gutter)), 1fr) [content-start] minmax(0, calc((var(--z-content-width) - var(--z-content-text-width, var(--z-text-width))) / 2)) [text-start] minmax(0, var(--z-content-text-width, var(--z-text-width))) [text-end] minmax(0, calc((var(--z-content-width) - var(--z-content-text-width, var(--z-text-width))) / 2)) [content-end] minmax(var(--z-content-gutter, var(--z-gutter)), 1fr) [full-end];
}
.z-content-grid > * {
  grid-column: text;
}
.z-content-grid > [data-z-width="wide"] {
  grid-column: content;
}
.z-content-grid > [data-z-width="full"] {
  grid-column: full;
}
.z-reel {
  display: flex;
  gap: var(--z-reel-space, var(--z-space-m));
  max-inline-size: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  padding-block-end: var(--z-space-xs);
  scrollbar-gutter: stable;
}
.z-reel > * {
  flex: 0 0 var(--z-reel-item-width, auto);
}
.z-visually-hidden {
  block-size: 1px !important;
  clip-path: inset(50%) !important;
  inline-size: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}