/* Generated by scripts/site-build.mjs. Do not edit.
 * Tokens below are packages/ui/src/tokens.css verbatim; the marketing rules follow from sites/keyset-cloud/src/site.css.
 */
/* Keyset semantic design tokens — implementation of the adopted design blueprint.
 *
 * Source of truth for the values: docs/design/keyset.tokens.css (validated by
 * docs/design/validate_design_pack.py together with keyset.tokens.json and the
 * contrast audit). This file is the shipped copy; `bun run check:design-tokens`
 * fails when the two drift apart. Change the pack first, then mirror it here.
 *
 * Components reference these names only. No raw hex values outside this file.
 * Neutrals are clean and cool. The primary action is ink, so the cobalt accent marks
 * selection, links and focus, never status. Surfaces are separated by elevation, not by a border.
 * Light is the primary reference implementation. The dark block is prepared but
 * not enabled: both apps pin data-theme="light" until every screen is reviewed.
 */
:root {
  --ks-space-0: 0;
  --ks-space-0-5: 0.125rem;
  --ks-space-1: 0.25rem;
  --ks-space-1-5: 0.375rem;
  --ks-space-2: 0.5rem;
  --ks-space-3: 0.75rem;
  --ks-space-4: 1rem;
  --ks-space-5: 1.25rem;
  --ks-space-6: 1.5rem;
  --ks-space-8: 2rem;
  --ks-space-10: 2.5rem;
  --ks-space-12: 3rem;
  --ks-space-16: 4rem;
  --ks-radius-xs: 0.25rem;
  --ks-radius-control: 0.375rem;
  --ks-radius-surface: 0.75rem;
  --ks-radius-overlay: 0.75rem;
  --ks-radius-pill: 999px;
  --ks-control-sm: 1.75rem;
  --ks-control-md: 2rem;
  --ks-control-lg: 2.5rem;
  --ks-control-touch: 2.75rem;
  --ks-control-guest: 3rem;
  --ks-row-compact: 2.5rem;
  --ks-row-default: 2.75rem;
  --ks-row-roomy: 3rem;
  --ks-icon-small: 0.875rem;
  --ks-icon-default: 1rem;
  --ks-icon-large: 1.25rem;
  --ks-icon-feedback: 1.5rem;
  --ks-sidebar-width: 15rem;
  --ks-location-bar-height: 3rem;
  --ks-page-gutter: 1.5rem;
  --ks-page-gutter-mobile: 1rem;
  --ks-detail-max-width: 75rem;
  --ks-form-max-width: 45rem;
  --ks-measure-reading: 32rem;
  --ks-measure-short: 28rem;
  --ks-toast-width: 22rem;
  --ks-hover-card-width: 18rem;
  --ks-opacity-native-glyph: 0.55;
  --ks-drawer-width: 30rem;
  --ks-border-width: 1px;
  --ks-focus-width: 2px;
  --ks-focus-offset: 2px;
  --ks-duration-fast: 100ms;
  --ks-duration-standard: 160ms;
  --ks-duration-overlay: 180ms;
  --ks-duration-deliberate: 240ms;
  --ks-ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ks-ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ks-z-base: 0;
  --ks-z-sticky: 10;
  --ks-z-popover: 30;
  --ks-z-backdrop: 40;
  --ks-z-dialog: 50;
  --ks-z-toast: 60;
  --ks-z-tooltip: 70;
  --ks-font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --ks-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ks-font-size-body: 0.875rem;
  --ks-font-size-caption: 0.75rem;
  --ks-font-size-compact: 0.8125rem;
  --ks-font-size-guest: 1rem;
  --ks-font-size-guest-title: 1.625rem;
  --ks-font-size-metric: 1.5rem;
  --ks-font-size-page-title: 1.5rem;
  --ks-font-size-panel-title: 1.125rem;
  --ks-font-size-reading: 0.875rem;
  --ks-font-size-section: 1rem;
  --ks-font-size-code-inline: 0.92em;
  --ks-font-weight-medium: 550;
  --ks-font-weight-regular: 450;
  --ks-font-weight-semibold: 650;
  --ks-line-height-body: 1.25rem;
  --ks-line-height-caption: 1rem;
  --ks-line-height-compact: 1.25rem;
  --ks-line-height-guest: 1.5rem;
  --ks-line-height-guest-title: 2rem;
  --ks-line-height-metric: 2rem;
  --ks-line-height-page-title: 2rem;
  --ks-line-height-panel-title: 1.5rem;
  --ks-line-height-reading: 1.5rem;
  --ks-line-height-section: 1.5rem;
  --ks-duration-data: 320ms;
  --ks-layout-gutter: 1.5rem;
  --ks-layout-aside: 22rem;
  --ks-layout-content-max: 90rem;
  --ks-layout-narrow: 45rem;
  --ks-layout-guest: 72rem;
  --ks-font-size-card-title: 0.875rem;
  --ks-line-height-card-title: 1.25rem;
  --ks-font-size-metric-sm: 1.25rem;
  --ks-line-height-metric-sm: 1.75rem;
  --ks-font-size-metric-lg: 2rem;
  --ks-line-height-metric-lg: 2.5rem;
  --ks-font-size-display: 2.25rem;
  --ks-line-height-display: 2.75rem;
  --ks-tracking-display: -0.02em;
  --ks-tracking-heading: -0.01em;
  --ks-tracking-body: 0;
  --ks-font-features: "cv11", "ss01";
  --ks-font-numeric: tabular-nums lining-nums;
  --ks-font-weight-body: 450;
  --ks-font-weight-strong: 550;
  --ks-font-weight-heading: 650;
  --ks-font-size-figure-lg: 2rem;
  --ks-line-height-figure-lg: 2.5rem;
  --ks-font-size-figure-md: 1.5rem;
  --ks-line-height-figure-md: 2rem;
  --ks-font-size-figure-sm: 1.25rem;
  --ks-line-height-figure-sm: 1.75rem;
  --ks-font-size-table: 0.8125rem;
  --ks-line-height-table: 1.25rem;
  --ks-row-dense: 2.5rem;
  --ks-row-standard: 3.25rem;
  --ks-row-object: 4.5rem;
  --ks-card-pad: 1.25rem;
  --ks-card-pad-mobile: 1rem;
  --ks-stack-section: 1.5rem;
  --ks-stack-card: 1rem;
  --ks-glyph-sm: 0.875rem;
  --ks-glyph-md: 1rem;
  --ks-glyph-lg: 1.25rem;
  --ks-viz-gap: 0.125rem;
  --ks-viz-slot: 0.75rem;
  --ks-viz-row: 1.75rem;
  --ks-radius-viz: 0.125rem;
  --ks-viz-band: 0.5rem;
  --ks-tone-edge: 3px;
  --ks-layout-columns: 12;
  --ks-breakpoint-sm: 40rem;
  --ks-breakpoint-md: 48rem;
  --ks-breakpoint-lg: 64rem;
  --ks-breakpoint-xl: 80rem;
  --ks-thumb-row: 4.5rem;
  --ks-settings-row-height: 4rem;
  --ks-settings-icon-tile: 2.5rem;
  --ks-settings-control-width: 17.5rem;
  --ks-settings-column: 45rem;
  --ks-switch-width: 2.25rem;
  --ks-switch-height: 1.25rem;
  --ks-preview-frame-width: 14.625rem;
  --ks-preview-frame-height: 30rem;
  --ks-savebar-inset: 1rem;
  --ks-size-sticky-bar: 4.5rem;
  --ks-size-timeline-bar: 0.5rem;
  --ks-size-gallery-max: 26.25rem;
  --ks-font-size-display-sm: 1.75rem;
  --ks-line-height-display-sm: 2.25rem;
}

:root,
[data-theme="light"] {
  --ks-bg-canvas: #fefefd;
  --ks-bg-chrome: #fefefe;
  --ks-bg-surface: #ffffff;
  --ks-bg-subtle: #f9f9f8;
  --ks-bg-raised: #ffffff;
  --ks-bg-field: #ffffff;
  --ks-bg-hover: #f4f4f3;
  --ks-bg-pressed: #e9e9e7;
  --ks-bg-selected: #efefee;
  --ks-fg-primary: #161614;
  --ks-fg-secondary: #46463f;
  --ks-fg-muted: #5e5e57;
  --ks-fg-disabled: #a3a39b;
  --ks-border-subtle: #eeeeed;
  --ks-border-default: #e4e4e2;
  --ks-border-strong: #cdcdca;
  --ks-border-control: #7d7d75;
  --ks-accent-fg: #34505e;
  --ks-accent-bg: #eaeff1;
  --ks-accent-border: #c4d1d7;
  --ks-link: #34505e;
  --ks-link-hover: #223a46;
  --ks-brand-mark: #181817;
  --ks-focus: #4b6b7a;
  --ks-primary-bg: #111110;
  --ks-primary-bg-hover: #2a2a27;
  --ks-primary-bg-pressed: #0b0b0a;
  --ks-primary-fg: #ffffff;
  --ks-danger-bg: #94402f;
  --ks-danger-bg-hover: #a54b39;
  --ks-danger-bg-pressed: #7e3527;
  --ks-danger-fg: #ffffff;
  --ks-success-fg: #0c5132;
  --ks-success-bg: #edf5f1;
  --ks-success-border: #c4ded2;
  --ks-warning-fg: #6e5218;
  --ks-warning-bg: #f7f1e3;
  --ks-warning-border: #e6d5ae;
  --ks-error-fg: #8a3a2e;
  --ks-error-bg: #f7edea;
  --ks-error-border: #e6cbc4;
  --ks-info-fg: #3c5663;
  --ks-info-bg: #edf1f3;
  --ks-info-border: #cad6dc;
  --ks-pending-fg: #5b4c63;
  --ks-pending-bg: #f3f0f4;
  --ks-pending-border: #dad2de;
  --ks-neutral-fg: #53534d;
  --ks-neutral-bg: #f1f1ed;
  --ks-neutral-border: #dfdfd9;
  --ks-overlay: rgba(24, 24, 27, 0.36);
  --ks-shadow-control: 0 1px 2px rgba(24, 24, 27, 0.06);
  --ks-shadow-surface:
    0 0 0 1px rgba(24, 24, 27, 0.06), 0 1px 2px rgba(24, 24, 27, 0.04), 0 8px 20px -10px rgba(24, 24, 27, 0.12);
  --ks-shadow-popover: 0 4px 12px rgba(24, 24, 27, 0.08), 0 16px 40px -8px rgba(24, 24, 27, 0.12);
  --ks-shadow-dialog: 0 12px 32px rgba(24, 24, 27, 0.12), 0 32px 72px -12px rgba(24, 24, 27, 0.16);
  --ks-success-mark: #29845a;
  --ks-warning-mark: #a2802f;
  --ks-error-mark: #b0584a;
  --ks-pending-mark: #8c7c94;
  --ks-info-mark: #6a8796;
  --ks-neutral-mark: #7d7d77;
  --ks-data-1: #e2e2dc;
  --ks-data-2: #c3c3bd;
  --ks-data-3: #8a8a84;
  --ks-data-4: #5f5f59;
  --ks-data-5: #3b3b35;
  --ks-data-tint: #f0f0ec;
  --ks-data-tint-border: #ccccc6;
  --ks-bg-workspace: #f5f5f4;
  --ks-bg-well: #f7f7f6;
  --ks-shadow-raised: 0 0 0 1px rgba(24, 24, 27, 0.07), var(--ks-shadow-raised-depth);
  --ks-shadow-raised-depth: 0 2px 4px rgba(24, 24, 27, 0.05), 0 12px 24px -12px rgba(24, 24, 27, 0.16);
  --ks-shadow-bar: 0 0 0 1px var(--ks-bar-ring), var(--ks-shadow-bar-depth);
  --ks-shadow-bar-depth: 0 1px 2px rgba(24, 24, 27, 0.06), 0 6px 12px -6px rgba(24, 24, 27, 0.18);
  --ks-bar-ring: rgba(24, 24, 27, 0.08);
  --ks-success-bg-strong: #deede6;
  --ks-warning-bg-strong: #f4ecd9;
  --ks-neutral-bg-strong: #e9e9e3;
  --ks-bg-guest-canvas: #fbfbfa;
  --ks-night-booked-edge: var(--ks-data-4);
  --ks-night-booked: var(--ks-data-3);
  --ks-night-free-edge: var(--ks-border-strong);
  --ks-night-blocked: var(--ks-border-strong);
  --ks-night-hold-edge: var(--ks-pending-mark);
  --ks-night-maintenance-edge: var(--ks-warning-mark);
  --ks-night-conflict-edge: var(--ks-error-mark);
  --ks-track: var(--ks-neutral-bg);
  --ks-today-mark: inset 0 -2px 0 var(--ks-fg-primary);
  --ks-shadow-sticky: 0 -1px 0 rgba(24, 24, 27, 0.08), 0 -8px 20px -12px rgba(24, 24, 27, 0.18);
  --ks-shadow-floating: 0 0 0 1px rgba(24, 24, 27, 0.08), 0 8px 24px -8px rgba(24, 24, 27, 0.24);
}

[data-theme="dark"] {
  --ks-bg-canvas: #101311;
  --ks-bg-chrome: #141816;
  --ks-bg-surface: #181c1a;
  --ks-bg-subtle: #1b201d;
  --ks-bg-raised: #1e2320;
  --ks-bg-field: #181c1a;
  --ks-bg-hover: #222825;
  --ks-bg-pressed: #2a312d;
  --ks-bg-selected: #252c28;
  --ks-fg-primary: #ecefec;
  --ks-fg-secondary: #c3c9c5;
  --ks-fg-muted: #a3aaa6;
  --ks-fg-disabled: #5e6561;
  --ks-border-subtle: #232926;
  --ks-border-default: #2d3430;
  --ks-border-strong: #3e4641;
  --ks-border-control: #7f8782;
  --ks-accent-fg: #a9c2cf;
  --ks-accent-bg: #1d272c;
  --ks-accent-border: #34474f;
  --ks-link: #a9c2cf;
  --ks-link-hover: #c8dae3;
  --ks-brand-mark: #ffffff;
  --ks-focus: #8faebd;
  --ks-primary-bg: #e8ece9;
  --ks-primary-bg-hover: #ffffff;
  --ks-primary-bg-pressed: #d3d9d5;
  --ks-primary-fg: #141816;
  --ks-danger-bg: #e3a597;
  --ks-danger-bg-hover: #edbdb2;
  --ks-danger-bg-pressed: #d88e7e;
  --ks-danger-fg: #2e120d;
  --ks-success-fg: #b4cfac;
  --ks-success-bg: #1a2419;
  --ks-success-border: #2f412c;
  --ks-warning-fg: #e3cb93;
  --ks-warning-bg: #271f10;
  --ks-warning-border: #463819;
  --ks-error-fg: #ebb2a7;
  --ks-error-bg: #2a1714;
  --ks-error-border: #4a2a24;
  --ks-info-fg: #b3c8d2;
  --ks-info-bg: #172126;
  --ks-info-border: #2d3e46;
  --ks-pending-fg: #cdbfd4;
  --ks-pending-bg: #211c24;
  --ks-pending-border: #3b3140;
  --ks-neutral-fg: #bcc2be;
  --ks-neutral-bg: #1e2320;
  --ks-neutral-border: #2f3632;
  --ks-overlay: rgba(0, 0, 0, 0.64);
  --ks-shadow-control: 0 1px 2px rgba(0, 0, 0, 0.32);
  --ks-shadow-surface: 0 0 0 1px rgba(255, 255, 255, 0.04), 0 1px 3px rgba(0, 0, 0, 0.36);
  --ks-shadow-popover: 0 4px 12px rgba(0, 0, 0, 0.4), 0 16px 40px -8px rgba(0, 0, 0, 0.48);
  --ks-shadow-dialog: 0 12px 32px rgba(0, 0, 0, 0.48), 0 32px 72px -12px rgba(0, 0, 0, 0.56);
  --ks-success-mark: #86a77d;
  --ks-warning-mark: #c9a554;
  --ks-error-mark: #d4806f;
  --ks-pending-mark: #a898b0;
  --ks-info-mark: #8ba7b5;
  --ks-neutral-mark: #88908b;
  --ks-data-1: #2c3a30;
  --ks-data-2: #3f5245;
  --ks-data-3: #61786a;
  --ks-data-4: #86a08f;
  --ks-data-5: #b4c9ba;
  --ks-data-tint: #18201b;
  --ks-data-tint-border: #2d3b31;
  --ks-bg-workspace: #0e110f;
  --ks-bg-well: #141816;
  --ks-shadow-raised: 0 0 0 1px rgba(255, 255, 255, 0.06), var(--ks-shadow-raised-depth);
  --ks-shadow-raised-depth: 0 2px 4px rgba(0, 0, 0, 0.4), 0 12px 24px -12px rgba(0, 0, 0, 0.56);
  --ks-shadow-bar: 0 0 0 1px var(--ks-bar-ring), var(--ks-shadow-bar-depth);
  --ks-shadow-bar-depth: 0 1px 2px rgba(0, 0, 0, 0.4), 0 6px 12px -6px rgba(0, 0, 0, 0.56);
  --ks-bar-ring: rgba(255, 255, 255, 0.06);
  --ks-success-bg-strong: #223021;
  --ks-warning-bg-strong: #332914;
  --ks-neutral-bg-strong: #272d29;
  --ks-bg-guest-canvas: #121614;
  --ks-night-booked-edge: var(--ks-data-4);
  --ks-night-booked: var(--ks-data-3);
  --ks-night-free-edge: var(--ks-border-strong);
  --ks-night-blocked: var(--ks-border-strong);
  --ks-night-hold-edge: var(--ks-pending-mark);
  --ks-night-maintenance-edge: var(--ks-warning-mark);
  --ks-night-conflict-edge: var(--ks-error-mark);
  --ks-track: var(--ks-neutral-bg);
  --ks-today-mark: inset 0 -2px 0 var(--ks-fg-primary);
  --ks-shadow-sticky: 0 -1px 0 rgba(255, 255, 255, 0.06), 0 -8px 20px -12px rgba(0, 0, 0, 0.56);
  --ks-shadow-floating: 0 0 0 1px rgba(255, 255, 255, 0.08), 0 8px 24px -8px rgba(0, 0, 0, 0.64);
}

:root,
[data-theme="light"] {
  color-scheme: light;
}
[data-theme="dark"] {
  color-scheme: dark;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ks-duration-fast: 0ms;
    --ks-duration-standard: 0ms;
    --ks-duration-overlay: 0ms;
    --ks-duration-deliberate: 0ms;
    --ks-duration-data: 0ms;
  }
}
/* Animated components must also remove continuous animation and scrolling
 * transforms in reduced-motion mode. Duration tokens alone are not enough.
 */

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme {
  :root, :host {
    --aspect-video: 16 / 9;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
}
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
  }
  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
  }
  html, body {
    margin: 0;
    min-height: 100%;
    color: var(--ks-fg-primary);
    font-family: var(--ks-font-sans);
    -webkit-font-smoothing: antialiased;
  }
  button, input, optgroup, select, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
  }
}
@layer utilities {
  .site-glow-hero {
    position: relative;
    isolation: isolate;
    &::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: calc(var(--site-masthead) * -1) 0 auto;
      height: 64rem;
      pointer-events: none;
      background: radial-gradient(56rem 30rem at 50% 0%, var(--ks-bg-surface) 0%, transparent 100%),
      linear-gradient(180deg, var(--ks-bg-workspace) 0%, var(--ks-bg-canvas) 100%);
    }
  }
  .site-glow-head {
    position: relative;
    isolation: isolate;
    &::before {
      content: "";
      position: absolute;
      z-index: -1;
      inset: calc(var(--site-masthead) * -1) 0 0;
      pointer-events: none;
      background: radial-gradient(56rem 26rem at 50% 0%, var(--ks-bg-surface) 0%, transparent 100%),
      linear-gradient(180deg, var(--ks-bg-workspace) 0%, var(--ks-bg-canvas) min(44rem, 100%));
    }
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .site-steps {
    counter-reset: step;
    & > li {
      counter-increment: step;
    }
    & > li::before {
      content: counter(step);
      flex: none;
      display: grid;
      place-items: center;
      width: 2rem;
      height: 2rem;
      border-radius: var(--ks-radius-pill);
      background: var(--ks-primary-fg);
      color: var(--ks-primary-bg);
      font-size: var(--site-small);
      font-weight: var(--ks-font-weight-heading);
    }
    @media (min-width: 60em) {
      & > li:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 1rem;
        left: 2.75rem;
        right: calc(var(--ks-space-6) * -1 + 0.75rem);
        height: var(--ks-border-width);
        background: var(--ks-primary-fg);
        @supports (color: color-mix(in lab, red, red)) {
          background: color-mix(in srgb, var(--ks-primary-fg) 30%, transparent);
        }
      }
    }
  }
  .site-chevron {
    position: relative;
    &::after {
      content: "";
      position: absolute;
      right: var(--ks-space-2);
      top: 50%;
      width: 0.5rem;
      height: 0.5rem;
      border-right: 1.5px solid var(--ks-fg-muted);
      border-bottom: 1.5px solid var(--ks-fg-muted);
      transform: translateY(-70%) rotate(45deg);
      transition: transform var(--ks-duration-fast) var(--ks-ease-standard);
    }
    details[open] > &::after {
      transform: translateY(-30%) rotate(-135deg);
    }
    &::-webkit-details-marker {
      display: none;
    }
  }
  .site-prose > * + * {
    margin-top: var(--ks-space-4);
  }
  .site-prose h3 {
    margin-top: var(--ks-space-6);
    font-size: var(--site-body);
    font-weight: var(--site-weight-title);
    color: var(--ks-fg-primary);
  }
  .site-prose h3 + *, .site-prose p + ul {
    margin-top: var(--ks-space-2);
  }
  .site-prose strong {
    color: var(--ks-fg-primary);
    font-weight: var(--ks-font-weight-strong);
  }
  .site-prose li {
    position: relative;
    padding-left: var(--ks-space-5);
  }
  .site-prose li + li {
    margin-top: var(--ks-space-1);
  }
  .site-prose li::before {
    content: "";
    position: absolute;
    left: var(--ks-space-1);
    top: 0.75em;
    width: 0.3125rem;
    height: var(--ks-border-width);
    background: var(--ks-fg-muted);
  }
  @media (min-width: 40.01em) {
    .site-table-compare.site-table th:first-child {
      width: 22%;
    }
  }
  @media (max-width: 40em) {
    .site-table-compare.site-table thead {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip-path: inset(50%);
    }
    .site-table-compare.site-table tbody tr {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      column-gap: var(--ks-space-4);
      padding-block: var(--ks-space-4);
      border-bottom: var(--ks-border-width) solid var(--ks-border-subtle);
    }
    .site-table-compare.site-table tbody tr:last-child {
      border-bottom: 0;
    }
    .site-table-compare.site-table tbody th {
      grid-column: 1 / -1;
      width: auto;
      padding: 0 0 var(--ks-space-2);
      border: 0;
    }
    .site-table-compare.site-table tbody td {
      padding: 0;
      border: 0;
      -webkit-hyphens: auto;
      hyphens: auto;
    }
    .site-table-compare.site-table tbody td::before {
      content: attr(data-label);
      display: block;
      font-size: var(--site-small);
      color: var(--ks-fg-muted);
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  @media (max-width: 40em) {
    .site-table-stack.site-table thead {
      position: absolute;
      width: 1px;
      height: 1px;
      overflow: hidden;
      clip-path: inset(50%);
    }
    .site-table-stack.site-table tbody tr {
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: baseline;
      column-gap: var(--ks-space-4);
      padding-block: var(--ks-space-4);
      border-bottom: var(--ks-border-width) solid var(--ks-border-subtle);
    }
    .site-table-stack.site-table tbody tr:last-child {
      border-bottom: 0;
    }
    .site-table-stack.site-table th, .site-table-stack.site-table td {
      padding: 0;
      border: 0;
      -webkit-hyphens: auto;
      hyphens: auto;
    }
    .site-table-stack.site-table td:not(:last-child) {
      grid-area: 2 / 1;
      text-align: left;
      font-size: var(--site-small);
      color: var(--ks-fg-muted);
    }
    .site-table-stack.site-table td[data-label]::before {
      content: attr(data-label) " ";
    }
  }
  .site-stage {
    position: relative;
    overflow: hidden;
    border-radius: var(--site-stage-radius);
    background: var(--ks-bg-workspace);
    box-shadow: inset 0 0 0 var(--ks-border-width) var(--ks-border-subtle);
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: 0px;
  }
  .top-\[14\%\] {
    top: 14%;
  }
  .right-\[5\%\] {
    right: 5%;
  }
  .-left-\[9999px\] {
    left: calc(9999px * -1);
  }
  .z-10 {
    z-index: 10;
  }
  .z-11 {
    z-index: 11;
  }
  .col-start-1 {
    grid-column-start: 1;
  }
  .col-start-2 {
    grid-column-start: 2;
  }
  .col-start-3 {
    grid-column-start: 3;
  }
  .col-start-4 {
    grid-column-start: 4;
  }
  .col-start-5 {
    grid-column-start: 5;
  }
  .col-start-6 {
    grid-column-start: 6;
  }
  .col-start-7 {
    grid-column-start: 7;
  }
  .col-start-8 {
    grid-column-start: 8;
  }
  .col-start-9 {
    grid-column-start: 9;
  }
  .col-start-10 {
    grid-column-start: 10;
  }
  .col-start-11 {
    grid-column-start: 11;
  }
  .col-end-3 {
    grid-column-end: 3;
  }
  .col-end-4 {
    grid-column-end: 4;
  }
  .col-end-5 {
    grid-column-end: 5;
  }
  .col-end-6 {
    grid-column-end: 6;
  }
  .col-end-7 {
    grid-column-end: 7;
  }
  .col-end-8 {
    grid-column-end: 8;
  }
  .col-end-9 {
    grid-column-end: 9;
  }
  .col-end-10 {
    grid-column-end: 10;
  }
  .col-end-11 {
    grid-column-end: 11;
  }
  .col-end-12 {
    grid-column-end: 12;
  }
  .row-start-1 {
    grid-row-start: 1;
  }
  .row-start-2 {
    grid-row-start: 2;
  }
  .row-start-3 {
    grid-row-start: 3;
  }
  .row-start-4 {
    grid-row-start: 4;
  }
  .row-start-5 {
    grid-row-start: 5;
  }
  .m-0 {
    margin: 0px;
  }
  .m-6 {
    margin: calc(var(--ks-space-1) * 6);
  }
  .mx-0\.5 {
    margin-inline: calc(var(--ks-space-1) * 0.5);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-2 {
    margin-top: calc(var(--ks-space-1) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--ks-space-1) * 3);
  }
  .mt-5 {
    margin-top: calc(var(--ks-space-1) * 5);
  }
  .mt-10 {
    margin-top: calc(var(--ks-space-1) * 10);
  }
  .mt-\[0\.3em\] {
    margin-top: 0.3em;
  }
  .mt-\[calc\(\(1lh-var\(--ks-glyph-lg\)\)\/2\)\] {
    margin-top: calc((1lh - var(--ks-glyph-lg)) / 2);
  }
  .mt-\[calc\(\(1lh-var\(--ks-glyph-md\)\)\/2\)\] {
    margin-top: calc((1lh - var(--ks-glyph-md)) / 2);
  }
  .mt-\[calc\(\(1lh-var\(--ks-glyph-sm\)\)\/2\)\] {
    margin-top: calc((1lh - var(--ks-glyph-sm)) / 2);
  }
  .mt-site-note {
    margin-top: var(--site-note);
  }
  .mt-site-section {
    margin-top: var(--site-section);
  }
  .mt-site-stage {
    margin-top: var(--site-stage);
  }
  .mt-site-steps {
    margin-top: var(--site-steps);
  }
  .mt-site-sub {
    margin-top: var(--site-sub);
  }
  .mt-site-wide {
    margin-top: var(--site-wide);
  }
  .mr-auto {
    margin-right: auto;
  }
  .mb-2 {
    margin-bottom: calc(var(--ks-space-1) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--ks-space-1) * 3);
  }
  .mb-site-note {
    margin-bottom: var(--site-note);
  }
  .ml-2 {
    margin-left: calc(var(--ks-space-1) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .site-input {
    display: flex;
    align-items: center;
    height: var(--ks-control-lg);
    border-radius: var(--ks-radius-control);
    background: var(--ks-bg-field);
    box-shadow: inset 0 0 0 var(--ks-border-width) var(--ks-border-control);
    &:focus-within {
      box-shadow: inset 0 0 0 var(--ks-border-width) var(--ks-border-control),
      0 0 0 var(--ks-focus-width) var(--ks-focus);
    }
    &:has(textarea) {
      height: auto;
    }
    & :is(input, select, textarea) {
      flex: 1;
      width: 100%;
      min-width: 0;
      height: 100%;
      border: 0;
      background: transparent;
      padding-inline: var(--ks-space-3);
      font: inherit;
      font-variant-numeric: tabular-nums;
      color: var(--ks-fg-primary);
    }
    & :is(input, select, textarea):focus {
      outline: none;
    }
    & textarea {
      padding-block: var(--ks-space-3);
      font-size: var(--site-small);
    }
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }
  .size-\[var\(--ks-glyph-lg\)\] {
    width: var(--ks-glyph-lg);
    height: var(--ks-glyph-lg);
  }
  .size-\[var\(--ks-glyph-md\)\] {
    width: var(--ks-glyph-md);
    height: var(--ks-glyph-md);
  }
  .size-\[var\(--ks-glyph-sm\)\] {
    width: var(--ks-glyph-sm);
    height: var(--ks-glyph-sm);
  }
  .h-8 {
    height: calc(var(--ks-space-1) * 8);
  }
  .h-9 {
    height: calc(var(--ks-space-1) * 9);
  }
  .h-\[clamp\(26rem\,20rem\+12vw\,34rem\)\] {
    height: clamp(26rem, 20rem + 12vw, 34rem);
  }
  .h-auto {
    height: auto;
  }
  .h-site-masthead {
    height: var(--site-masthead);
  }
  .min-h-56 {
    min-height: calc(var(--ks-space-1) * 56);
  }
  .min-h-\[50vh\] {
    min-height: 50vh;
  }
  .min-h-\[calc\(var\(--ks-space-5\)\+var\(--ks-space-0-5\)\)\] {
    min-height: calc(var(--ks-space-5) + var(--ks-space-0-5));
  }
  .min-h-\[var\(--ks-control-guest\)\] {
    min-height: var(--ks-control-guest);
  }
  .min-h-\[var\(--ks-control-lg\)\] {
    min-height: var(--ks-control-lg);
  }
  .min-h-\[var\(--ks-control-md\)\] {
    min-height: var(--ks-control-md);
  }
  .min-h-\[var\(--ks-control-sm\)\] {
    min-height: var(--ks-control-sm);
  }
  .site-table {
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: var(--ks-font-numeric);
    & caption {
      padding: var(--ks-space-5) 0 var(--ks-space-1);
      text-align: left;
      font-size: var(--site-heading);
      font-weight: var(--site-weight-title);
      letter-spacing: -0.006em;
      color: var(--ks-fg-primary);
    }
    & th,
  & td {
      padding: var(--ks-space-4) var(--ks-space-4) var(--ks-space-4) 0;
      border-bottom: var(--ks-border-width) solid var(--ks-border-subtle);
      text-align: left;
      vertical-align: top;
      font-weight: var(--ks-font-weight-regular);
    }
    & td {
      color: var(--ks-fg-secondary);
    }
    & thead th {
      padding-top: var(--ks-space-5);
      font-size: var(--site-small);
      font-weight: var(--site-weight-display);
      color: var(--ks-fg-muted);
    }
    & thead .table__ours,
  & tbody th,
  & tbody .table__ours {
      color: var(--ks-fg-primary);
    }
    & tbody th,
  & tbody .num.table__ours {
      font-weight: var(--ks-font-weight-medium);
    }
    & .num {
      padding-right: 0;
      padding-left: var(--ks-space-4);
      text-align: right;
      white-space: nowrap;
    }
    & tbody tr:last-child > * {
      border-bottom: 0;
    }
    @media (max-width: 40em) {
      font-size: var(--site-ui);
      & th,
    & td {
        padding-right: var(--ks-space-3);
      }
      & .num {
        padding-left: var(--ks-space-3);
      }
      & thead .num {
        white-space: normal;
      }
      &:not(.site-table-compare):not(.site-table-stack) tbody th {
        white-space: nowrap;
      }
    }
    @media (max-width: 22.5em) {
      font-size: var(--site-small);
      & th,
    & td {
        padding-right: var(--ks-space-2);
      }
      & .num {
        padding-left: var(--ks-space-2);
      }
    }
  }
  .w-3\.75 {
    width: calc(var(--ks-space-1) * 3.75);
  }
  .w-\[21\%\] {
    width: 21%;
  }
  .w-\[78\%\] {
    width: 78%;
  }
  .w-\[min\(76\%\,17rem\)\] {
    width: min(76%, 17rem);
  }
  .w-full {
    width: 100%;
  }
  .max-w-88 {
    max-width: calc(var(--ks-space-1) * 88);
  }
  .max-w-104 {
    max-width: calc(var(--ks-space-1) * 104);
  }
  .max-w-136 {
    max-width: calc(var(--ks-space-1) * 136);
  }
  .max-w-144 {
    max-width: calc(var(--ks-space-1) * 144);
  }
  .max-w-152 {
    max-width: calc(var(--ks-space-1) * 152);
  }
  .max-w-160 {
    max-width: calc(var(--ks-space-1) * 160);
  }
  .max-w-184 {
    max-width: calc(var(--ks-space-1) * 184);
  }
  .max-w-208 {
    max-width: calc(var(--ks-space-1) * 208);
  }
  .max-w-\[20ch\] {
    max-width: 20ch;
  }
  .max-w-site {
    max-width: var(--site-measure);
  }
  .max-w-site-prose {
    max-width: var(--site-prose);
  }
  .min-w-0 {
    min-width: 0px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-none {
    flex: none;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .list-none {
    list-style-type: none;
  }
  .appearance-none {
    appearance: none;
  }
  .auto-rows-\[2\.75rem\] {
    grid-auto-rows: 2.75rem;
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[6\.5rem_repeat\(10\,minmax\(0\,1fr\)\)\] {
    grid-template-columns: 6.5rem repeat(10,minmax(0,1fr));
  }
  .grid-cols-\[minmax\(0\,1fr\)\] {
    grid-template-columns: minmax(0,1fr);
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(10rem\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(10rem,1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-items-center {
    justify-items: center;
  }
  .gap-1 {
    gap: var(--ks-space-1);
  }
  .gap-2 {
    gap: calc(var(--ks-space-1) * 2);
  }
  .gap-2\.25 {
    gap: calc(var(--ks-space-1) * 2.25);
  }
  .gap-3 {
    gap: calc(var(--ks-space-1) * 3);
  }
  .gap-4 {
    gap: calc(var(--ks-space-1) * 4);
  }
  .gap-5 {
    gap: calc(var(--ks-space-1) * 5);
  }
  .gap-6 {
    gap: calc(var(--ks-space-1) * 6);
  }
  .gap-8 {
    gap: calc(var(--ks-space-1) * 8);
  }
  .gap-10 {
    gap: calc(var(--ks-space-1) * 10);
  }
  .gap-\[var\(--ks-space-1\)\] {
    gap: var(--ks-space-1);
  }
  .gap-\[var\(--ks-space-1-5\)\] {
    gap: var(--ks-space-1-5);
  }
  .gap-\[var\(--ks-space-2\)\] {
    gap: var(--ks-space-2);
  }
  .gap-x-0 {
    column-gap: 0px;
  }
  .gap-x-10 {
    column-gap: calc(var(--ks-space-1) * 10);
  }
  .gap-x-12 {
    column-gap: calc(var(--ks-space-1) * 12);
  }
  .gap-x-\[var\(--ks-space-2\)\] {
    column-gap: var(--ks-space-2);
  }
  .gap-x-\[var\(--ks-space-4\)\] {
    column-gap: var(--ks-space-4);
  }
  .gap-y-4 {
    row-gap: calc(var(--ks-space-1) * 4);
  }
  .gap-y-6 {
    row-gap: calc(var(--ks-space-1) * 6);
  }
  .gap-y-8 {
    row-gap: calc(var(--ks-space-1) * 8);
  }
  .gap-y-\[var\(--ks-space-3\)\] {
    row-gap: var(--ks-space-3);
  }
  .self-baseline {
    align-self: baseline;
  }
  .self-start {
    align-self: flex-start;
  }
  .site-handset {
    overflow: hidden;
    border-radius: 1.75rem;
    background: var(--ks-bg-surface);
    box-shadow: 0 0 0 var(--ks-border-width) var(--ks-border-default),
    0 0 0 0.375rem var(--ks-bg-surface),
    0 0 0 calc(0.375rem + var(--ks-border-width)) var(--ks-border-default),
    var(--ks-shadow-dialog);
  }
  .site-screen {
    overflow: hidden;
    border-radius: var(--ks-radius-overlay);
    background: var(--ks-bg-surface);
    box-shadow: 0 0 0 var(--ks-border-width) var(--ks-border-subtle),
    var(--ks-shadow-dialog);
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .rounded {
    border-radius: var(--ks-radius-surface);
  }
  .rounded-\[calc\(var\(--ks-radius-control\)-2px\)\] {
    border-radius: calc(var(--ks-radius-control) - 2px);
  }
  .rounded-\[var\(--ks-radius-control\)\] {
    border-radius: var(--ks-radius-control);
  }
  .rounded-\[var\(--ks-radius-pill\)\] {
    border-radius: var(--ks-radius-pill);
  }
  .rounded-\[var\(--ks-radius-surface\)\] {
    border-radius: var(--ks-radius-surface);
  }
  .rounded-control {
    border-radius: var(--ks-radius-control);
  }
  .rounded-site-stage {
    border-radius: var(--site-stage-radius);
  }
  .rounded-surface {
    border-radius: var(--ks-radius-surface);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .border-\[length\:var\(--ks-border-width\)\] {
    border-style: var(--tw-border-style);
    border-width: var(--ks-border-width);
  }
  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  .border-input {
    border-color: var(--ks-border-control);
  }
  .border-ks-border-default {
    border-color: var(--ks-border-default);
  }
  .border-ks-border-strong {
    border-color: var(--ks-border-strong);
  }
  .border-ks-border-subtle {
    border-color: var(--ks-border-subtle);
  }
  .border-transparent {
    border-color: transparent;
  }
  .bg-\[color-mix\(in_srgb\,var\(--ks-bg-canvas\)_88\%\,transparent\)\] {
    background-color: var(--ks-bg-canvas);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--ks-bg-canvas) 88%,transparent);
    }
  }
  .bg-\[var\(--ks-bg-subtle\)\] {
    background-color: var(--ks-bg-subtle);
  }
  .bg-\[var\(--ks-bg-surface\)\] {
    background-color: var(--ks-bg-surface);
  }
  .bg-\[var\(--ks-error-bg\)\] {
    background-color: var(--ks-error-bg);
  }
  .bg-\[var\(--ks-info-bg\)\] {
    background-color: var(--ks-info-bg);
  }
  .bg-\[var\(--ks-neutral-bg\)\] {
    background-color: var(--ks-neutral-bg);
  }
  .bg-\[var\(--ks-pending-bg\)\] {
    background-color: var(--ks-pending-bg);
  }
  .bg-\[var\(--ks-success-bg\)\] {
    background-color: var(--ks-success-bg);
  }
  .bg-\[var\(--ks-warning-bg\)\] {
    background-color: var(--ks-warning-bg);
  }
  .bg-card {
    background-color: var(--ks-bg-surface);
  }
  .bg-destructive {
    background-color: var(--ks-danger-bg);
  }
  .bg-ks-bg-subtle {
    background-color: var(--ks-bg-subtle);
  }
  .bg-ks-bg-surface {
    background-color: var(--ks-bg-surface);
  }
  .bg-ks-primary-fg {
    background-color: var(--ks-primary-fg);
  }
  .bg-primary {
    background-color: var(--ks-primary-bg);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .site-fade {
    -webkit-mask-image: linear-gradient(180deg, var(--ks-fg-primary) 50%, transparent 100%);
    mask-image: linear-gradient(180deg, var(--ks-fg-primary) 50%, transparent 100%);
  }
  .p-0 {
    padding: 0px;
  }
  .p-0\.75 {
    padding: calc(var(--ks-space-1) * 0.75);
  }
  .p-4 {
    padding: calc(var(--ks-space-1) * 4);
  }
  .p-5 {
    padding: calc(var(--ks-space-1) * 5);
  }
  .p-site-card {
    padding: var(--site-card);
  }
  .p-site-panel {
    padding: var(--site-panel);
  }
  .px-2 {
    padding-inline: calc(var(--ks-space-1) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--ks-space-1) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--ks-space-1) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--ks-space-1) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--ks-space-1) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--ks-space-1) * 6);
  }
  .px-\[var\(--ks-space-5\)\] {
    padding-inline: var(--ks-space-5);
  }
  .px-site-card {
    padding-inline: var(--site-card);
  }
  .px-site-gutter {
    padding-inline: var(--site-gutter);
  }
  .py-0 {
    padding-block: 0px;
  }
  .py-2 {
    padding-block: calc(var(--ks-space-1) * 2);
  }
  .py-3 {
    padding-block: calc(var(--ks-space-1) * 3);
  }
  .py-5 {
    padding-block: calc(var(--ks-space-1) * 5);
  }
  .py-\[var\(--ks-space-4\)\] {
    padding-block: var(--ks-space-4);
  }
  .py-site-legal {
    padding-block: var(--site-legal);
  }
  .py-site-reading {
    padding-block: var(--site-reading);
  }
  .pt-2 {
    padding-top: calc(var(--ks-space-1) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--ks-space-1) * 3);
  }
  .pt-5 {
    padding-top: calc(var(--ks-space-1) * 5);
  }
  .pt-6 {
    padding-top: calc(var(--ks-space-1) * 6);
  }
  .pt-8 {
    padding-top: calc(var(--ks-space-1) * 8);
  }
  .pt-10 {
    padding-top: calc(var(--ks-space-1) * 10);
  }
  .pt-\[var\(--ks-space-4\)\] {
    padding-top: var(--ks-space-4);
  }
  .pt-site-block {
    padding-top: var(--site-block);
  }
  .pt-site-head-top {
    padding-top: var(--site-head-top);
  }
  .pt-site-hero-top {
    padding-top: var(--site-hero-top);
  }
  .pt-site-section {
    padding-top: var(--site-section);
  }
  .pt-site-stage-pad {
    padding-top: var(--site-stage-pad);
  }
  .pr-3 {
    padding-right: calc(var(--ks-space-1) * 3);
  }
  .pr-6 {
    padding-right: calc(var(--ks-space-1) * 6);
  }
  .pr-10 {
    padding-right: calc(var(--ks-space-1) * 10);
  }
  .pr-\[var\(--ks-space-2\)\] {
    padding-right: var(--ks-space-2);
  }
  .pb-3 {
    padding-bottom: calc(var(--ks-space-1) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--ks-space-1) * 4);
  }
  .pb-5 {
    padding-bottom: calc(var(--ks-space-1) * 5);
  }
  .pb-10 {
    padding-bottom: calc(var(--ks-space-1) * 10);
  }
  .pb-site-block {
    padding-bottom: var(--site-block);
  }
  .pb-site-section {
    padding-bottom: var(--site-section);
  }
  .pl-\[var\(--ks-space-1\)\] {
    padding-left: var(--ks-space-1);
  }
  .pl-site-stage-pad {
    padding-left: var(--site-stage-pad);
  }
  .text-center {
    text-align: center;
  }
  .text-start {
    text-align: start;
  }
  .text-site-closing {
    font-size: var(--site-closing);
    line-height: var(--tw-leading, 1.08);
    letter-spacing: var(--tw-tracking, -0.022em);
    font-weight: var(--tw-font-weight, var(--site-weight-display));
  }
  .text-site-figure {
    font-size: var(--site-figure);
    line-height: var(--tw-leading, 1.1);
    letter-spacing: var(--tw-tracking, -0.02em);
    font-weight: var(--tw-font-weight, var(--site-weight-display));
  }
  .text-site-figure-xl {
    font-size: var(--site-figure-xl);
    line-height: var(--tw-leading, 1);
    letter-spacing: var(--tw-tracking, -0.02em);
    font-weight: var(--tw-font-weight, var(--site-weight-display));
  }
  .text-site-hero {
    font-size: var(--site-hero-title);
    line-height: var(--tw-leading, 1.05);
    letter-spacing: var(--tw-tracking, -0.022em);
    font-weight: var(--tw-font-weight, var(--site-weight-display));
  }
  .text-site-page {
    font-size: var(--site-page-title);
    line-height: var(--tw-leading, 1.08);
    letter-spacing: var(--tw-tracking, -0.022em);
    font-weight: var(--tw-font-weight, var(--site-weight-display));
  }
  .text-site-stat {
    font-size: var(--site-stat);
    line-height: var(--tw-leading, 1.1);
    letter-spacing: var(--tw-tracking, -0.02em);
    font-weight: var(--tw-font-weight, var(--site-weight-display));
  }
  .text-site-subtitle {
    font-size: var(--site-subtitle);
    line-height: var(--tw-leading, 1.2);
    letter-spacing: var(--tw-tracking, -0.012em);
    font-weight: var(--tw-font-weight, var(--site-weight-title));
  }
  .text-site-title {
    font-size: var(--site-title);
    line-height: var(--tw-leading, 1.12);
    letter-spacing: var(--tw-tracking, -0.02em);
    font-weight: var(--tw-font-weight, var(--site-weight-display));
  }
  .text-body {
    font-size: var(--ks-font-size-body);
    line-height: var(--tw-leading, var(--ks-line-height-body));
  }
  .text-compact {
    font-size: var(--ks-font-size-compact);
    line-height: var(--tw-leading, var(--ks-line-height-compact));
  }
  .text-guest {
    font-size: var(--ks-font-size-guest);
    line-height: var(--tw-leading, var(--ks-line-height-guest));
  }
  .text-site-lead {
    font-size: var(--site-lead);
    line-height: var(--tw-leading, 1.5);
  }
  .text-site-heading {
    font-size: var(--site-heading);
    letter-spacing: var(--tw-tracking, -0.006em);
    font-weight: var(--tw-font-weight, var(--site-weight-title));
  }
  .text-\[length\:inherit\] {
    font-size: inherit;
  }
  .text-\[length\:var\(--ks-font-size-caption\)\] {
    font-size: var(--ks-font-size-caption);
  }
  .text-\[length\:var\(--ks-font-size-compact\)\] {
    font-size: var(--ks-font-size-compact);
  }
  .text-site-body {
    font-size: var(--site-body);
  }
  .text-site-micro {
    font-size: var(--site-micro);
  }
  .text-site-small {
    font-size: var(--site-small);
  }
  .text-site-text {
    font-size: var(--site-text);
  }
  .text-site-ui {
    font-size: var(--site-ui);
  }
  .leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
  }
  .leading-\[1\.3\] {
    --tw-leading: 1.3;
    line-height: 1.3;
  }
  .leading-\[1\.4\] {
    --tw-leading: 1.4;
    line-height: 1.4;
  }
  .leading-\[1\.6\] {
    --tw-leading: 1.6;
    line-height: 1.6;
  }
  .leading-\[1\.55\] {
    --tw-leading: 1.55;
    line-height: 1.55;
  }
  .leading-\[inherit\] {
    --tw-leading: inherit;
    line-height: inherit;
  }
  .leading-\[var\(--ks-line-height-caption\)\] {
    --tw-leading: var(--ks-line-height-caption);
    line-height: var(--ks-line-height-caption);
  }
  .leading-\[var\(--ks-line-height-compact\)\] {
    --tw-leading: var(--ks-line-height-compact);
    line-height: var(--ks-line-height-compact);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-\[number\:var\(--ks-font-weight-medium\)\] {
    --tw-font-weight: var(--ks-font-weight-medium);
    font-weight: var(--ks-font-weight-medium);
  }
  .font-ks-heading {
    --tw-font-weight: var(--ks-font-weight-heading);
    font-weight: var(--ks-font-weight-heading);
  }
  .font-ks-strong {
    --tw-font-weight: var(--ks-font-weight-strong);
    font-weight: var(--ks-font-weight-strong);
  }
  .font-medium {
    --tw-font-weight: var(--ks-font-weight-medium);
    font-weight: var(--ks-font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--ks-font-weight-regular);
    font-weight: var(--ks-font-weight-regular);
  }
  .font-semibold {
    --tw-font-weight: var(--ks-font-weight-semibold);
    font-weight: var(--ks-font-weight-semibold);
  }
  .font-site-display {
    --tw-font-weight: var(--site-weight-display);
    font-weight: var(--site-weight-display);
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[-0\.005em\] {
    --tw-tracking: -0.005em;
    letter-spacing: -0.005em;
  }
  .text-balance {
    text-wrap: balance;
  }
  .text-pretty {
    text-wrap: pretty;
  }
  @media (max-width: 30em) {
    .site-hyphens {
      -webkit-hyphens: auto;
      hyphens: auto;
      hyphenate-limit-chars: 10 4 4;
    }
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .site-ink {
    background: radial-gradient(
    80% 140% at 0% 0%,
    var(--ks-primary-fg) 0%,
    var(--ks-primary-bg) 60%
  );
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(
    80% 140% at 0% 0%,
    color-mix(in srgb, var(--ks-primary-fg) 16%, var(--ks-primary-bg)) 0%,
    var(--ks-primary-bg) 60%
  );
    }
    color: var(--ks-primary-fg);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, var(--ks-primary-fg) 85%, transparent);
    }
  }
  .text-\[color-mix\(in_srgb\,var\(--ks-primary-fg\)_72\%\,transparent\)\] {
    color: var(--ks-primary-fg);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--ks-primary-fg) 72%,transparent);
    }
  }
  .text-\[color\:var\(--ks-error-fg\)\] {
    color: var(--ks-error-fg);
  }
  .text-\[color\:var\(--ks-fg-muted\)\] {
    color: var(--ks-fg-muted);
  }
  .text-\[color\:var\(--ks-fg-secondary\)\] {
    color: var(--ks-fg-secondary);
  }
  .text-\[color\:var\(--ks-info-fg\)\] {
    color: var(--ks-info-fg);
  }
  .text-\[color\:var\(--ks-neutral-fg\)\] {
    color: var(--ks-neutral-fg);
  }
  .text-\[color\:var\(--ks-pending-fg\)\] {
    color: var(--ks-pending-fg);
  }
  .text-\[color\:var\(--ks-success-fg\)\] {
    color: var(--ks-success-fg);
  }
  .text-\[color\:var\(--ks-warning-fg\)\] {
    color: var(--ks-warning-fg);
  }
  .text-destructive-foreground\! {
    color: var(--ks-danger-fg) !important;
  }
  .text-foreground\! {
    color: var(--ks-fg-primary) !important;
  }
  .text-ks-brand-mark {
    color: var(--ks-brand-mark);
  }
  .text-ks-fg-muted {
    color: var(--ks-fg-muted);
  }
  .text-ks-fg-primary {
    color: var(--ks-fg-primary);
  }
  .text-ks-fg-secondary {
    color: var(--ks-fg-secondary);
  }
  .text-ks-primary-bg\! {
    color: var(--ks-primary-bg) !important;
  }
  .text-ks-primary-fg {
    color: var(--ks-primary-fg);
  }
  .text-primary-foreground\! {
    color: var(--ks-primary-fg) !important;
  }
  .not-italic {
    font-style: normal;
  }
  .lining-nums {
    --tw-numeric-figure: lining-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .no-underline {
    text-decoration-line: none;
  }
  .no-underline\! {
    text-decoration-line: none !important;
  }
  .accent-ks-primary-bg {
    accent-color: var(--ks-primary-bg);
  }
  .opacity-0 {
    opacity: 0%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_var\(--ks-border-width\)_var\(--ks-border-default\)\] {
    --tw-shadow: inset 0 0 0 var(--ks-border-width) var(--ks-border-default);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[inset_0_0_0_var\(--ks-border-width\)_var\(--ks-border-subtle\)\] {
    --tw-shadow: inset 0 0 0 var(--ks-border-width) var(--ks-border-subtle);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--ks-shadow-bar\)\,inset_3px_0_0_var\(--ks-night-booked-edge\)\] {
    --tw-shadow: var(--ks-shadow-bar), inset 3px 0 0 var(--tw-shadow-color, var(--ks-night-booked-edge));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--ks-shadow-control\)\] {
    --tw-shadow: var(--ks-shadow-control);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--ks-shadow-surface\)\] {
    --tw-shadow: var(--ks-shadow-surface);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-ks-floating {
    --tw-shadow: var(--ks-shadow-floating);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-ks-surface {
    --tw-shadow: var(--ks-shadow-surface);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .\[backdrop-filter\:saturate\(1\.4\)_blur\(12px\)\] {
    backdrop-filter: saturate(1.4) blur(12px);
  }
  .transition-\[color\,background-color\,border-color\,box-shadow\,scale\] {
    transition-property: color,background-color,border-color,box-shadow,scale;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-\[var\(--ks-duration-fast\)\] {
    --tw-duration: var(--ks-duration-fast);
    transition-duration: var(--ks-duration-fast);
  }
  .ease-\[var\(--ks-ease-standard\)\] {
    --tw-ease: var(--ks-ease-standard);
    transition-timing-function: var(--ks-ease-standard);
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .\[--status-mark\:var\(--ks-error-mark\)\] {
    --status-mark: var(--ks-error-mark);
  }
  .\[--status-mark\:var\(--ks-info-mark\)\] {
    --status-mark: var(--ks-info-mark);
  }
  .\[--status-mark\:var\(--ks-neutral-mark\)\] {
    --status-mark: var(--ks-neutral-mark);
  }
  .\[--status-mark\:var\(--ks-pending-mark\)\] {
    --status-mark: var(--ks-pending-mark);
  }
  .\[--status-mark\:var\(--ks-success-mark\)\] {
    --status-mark: var(--ks-success-mark);
  }
  .\[--status-mark\:var\(--ks-warning-mark\)\] {
    --status-mark: var(--ks-warning-mark);
  }
  .site-hatch {
    background: repeating-linear-gradient(135deg, var(--ks-bg-surface) 0 5px, var(--ks-bg-subtle) 5px 10px);
  }
  .site-well {
    background: radial-gradient(
    70% 90% at 50% 100%,
    var(--ks-fg-primary),
    transparent 70%
  );
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(
    70% 90% at 50% 100%,
    color-mix(in srgb, var(--ks-fg-primary) 5%, transparent),
    transparent 70%
  );
    }
  }
  .group-has-\[\#n10\:checked\]\/quote\:grid:is(:where(.group\/quote):has(:is(#n10:checked)) *) {
    display: grid;
  }
  .group-has-\[\#n1\:checked\]\/quote\:grid:is(:where(.group\/quote):has(:is(#n1:checked)) *) {
    display: grid;
  }
  .group-has-\[\#n20\:checked\]\/quote\:grid:is(:where(.group\/quote):has(:is(#n20:checked)) *) {
    display: grid;
  }
  .group-has-\[\#n2\:checked\]\/quote\:grid:is(:where(.group\/quote):has(:is(#n2:checked)) *) {
    display: grid;
  }
  .group-has-\[\#n3\:checked\]\/quote\:grid:is(:where(.group\/quote):has(:is(#n3:checked)) *) {
    display: grid;
  }
  .group-has-\[\#n5\:checked\]\/quote\:grid:is(:where(.group\/quote):has(:is(#n5:checked)) *) {
    display: grid;
  }
  .first\:rounded-t-\[inherit\]:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .first\:border-t-0:first-child {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .first\:border-ks-border-default:first-child {
    border-color: var(--ks-border-default);
  }
  .first\:pt-0:first-child {
    padding-top: 0px;
  }
  .last\:rounded-b-\[inherit\]:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit;
  }
  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  @media (hover: hover) {
    .hover\:bg-\[color-mix\(in_srgb\,var\(--ks-primary-fg\)_88\%\,var\(--ks-primary-bg\)\)\]:hover {
      background-color: var(--ks-primary-fg);
    }
    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-\[color-mix\(in_srgb\,var\(--ks-primary-fg\)_88\%\,var\(--ks-primary-bg\)\)\]:hover {
        background-color: color-mix(in srgb,var(--ks-primary-fg) 88%,var(--ks-primary-bg));
      }
    }
    .hover\:bg-\[var\(--ks-bg-hover\)\]:hover {
      background-color: var(--ks-bg-hover);
    }
    .hover\:bg-\[var\(--ks-danger-bg-hover\)\]:hover {
      background-color: var(--ks-danger-bg-hover);
    }
    .hover\:bg-\[var\(--ks-primary-bg-hover\)\]:hover {
      background-color: var(--ks-primary-bg-hover);
    }
    .hover\:bg-ks-bg-hover:hover {
      background-color: var(--ks-bg-hover);
    }
    .hover\:text-ks-brand-mark:hover {
      color: var(--ks-brand-mark);
    }
    .hover\:text-ks-fg-primary:hover {
      color: var(--ks-fg-primary);
    }
    .hover\:text-ks-primary-fg:hover {
      color: var(--ks-primary-fg);
    }
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
  .focus\:top-3:focus {
    top: calc(var(--ks-space-1) * 3);
  }
  .focus\:left-4:focus {
    left: calc(var(--ks-space-1) * 4);
  }
  .focus-visible\:\[outline\:var\(--ks-focus-width\)_solid_var\(--ks-focus\)\]:focus-visible {
    outline: var(--ks-focus-width) solid var(--ks-focus);
  }
  .focus-visible\:outline-offset-\[var\(--ks-focus-offset\)\]:focus-visible {
    outline-offset: var(--ks-focus-offset);
  }
  .focus-visible\:outline-ks-primary-fg:focus-visible {
    outline-color: var(--ks-primary-fg);
  }
  .active\:scale-\[0\.98\]:active {
    scale: 0.98;
  }
  .active\:bg-\[var\(--ks-bg-pressed\)\]:active {
    background-color: var(--ks-bg-pressed);
  }
  .active\:bg-\[var\(--ks-danger-bg-pressed\)\]:active {
    background-color: var(--ks-danger-bg-pressed);
  }
  .active\:bg-\[var\(--ks-primary-bg-pressed\)\]:active {
    background-color: var(--ks-primary-bg-pressed);
  }
  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }
  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }
  .disabled\:border-\[var\(--ks-border-subtle\)\]:disabled {
    border-color: var(--ks-border-subtle);
  }
  .disabled\:bg-\[var\(--ks-neutral-bg\)\]:disabled {
    background-color: var(--ks-neutral-bg);
  }
  .disabled\:text-\[var\(--ks-fg-disabled\)\]\!:disabled {
    color: var(--ks-fg-disabled) !important;
  }
  .has-checked\:bg-ks-bg-surface:has(:checked) {
    background-color: var(--ks-bg-surface);
  }
  .has-checked\:text-ks-fg-primary:has(:checked) {
    color: var(--ks-fg-primary);
  }
  .has-checked\:shadow-ks-control:has(:checked) {
    --tw-shadow: var(--ks-shadow-control);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .has-focus-visible\:outline-2:has(:focus-visible) {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }
  .has-focus-visible\:outline-offset-1:has(:focus-visible) {
    outline-offset: 1px;
  }
  .has-focus-visible\:outline-ks-focus:has(:focus-visible) {
    outline-color: var(--ks-focus);
  }
  .has-focus-visible\:outline-solid:has(:focus-visible) {
    --tw-outline-style: solid;
    outline-style: solid;
  }
  .has-\[\[data-slot\=card-description\]\]\:items-start:has(:is([data-slot=card-description])) {
    align-items: flex-start;
  }
  .aria-disabled\:cursor-not-allowed[aria-disabled="true"] {
    cursor: not-allowed;
  }
  .aria-\[current\=page\]\:text-ks-fg-primary[aria-current="page"] {
    color: var(--ks-fg-primary);
  }
  @media (width < 48em) {
    .max-tablet\:static {
      position: static;
    }
    .max-tablet\:flex {
      display: flex;
    }
    .max-tablet\:hidden {
      display: none;
    }
    .max-tablet\:aspect-auto {
      aspect-ratio: auto;
    }
    .max-tablet\:h-112 {
      height: calc(var(--ks-space-1) * 112);
    }
    .max-tablet\:h-120 {
      height: calc(var(--ks-space-1) * 120);
    }
    .max-tablet\:w-\[max\(100\%\,34rem\)\] {
      width: max(100%, 34rem);
    }
    .max-tablet\:w-\[min\(72\%\,17rem\)\] {
      width: min(72%, 17rem);
    }
    .max-tablet\:w-\[min\(76\%\,17rem\)\] {
      width: min(76%, 17rem);
    }
    .max-tablet\:grid-cols-\[5\.5rem_repeat\(10\,minmax\(2\.75rem\,1fr\)\)\] {
      grid-template-columns: 5.5rem repeat(10,minmax(2.75rem,1fr));
    }
    .max-tablet\:flex-wrap {
      flex-wrap: wrap;
    }
    .max-tablet\:justify-center {
      justify-content: center;
    }
    .max-tablet\:justify-start {
      justify-content: flex-start;
    }
    .max-tablet\:gap-x-3 {
      column-gap: calc(var(--ks-space-1) * 3);
    }
    .max-tablet\:self-start {
      align-self: flex-start;
    }
    .max-tablet\:site-handset {
      overflow: hidden;
      border-radius: 1.75rem;
      background: var(--ks-bg-surface);
      box-shadow: 0 0 0 var(--ks-border-width) var(--ks-border-default),
    0 0 0 0.375rem var(--ks-bg-surface),
    0 0 0 calc(0.375rem + var(--ks-border-width)) var(--ks-border-default),
    var(--ks-shadow-dialog);
    }
    .max-tablet\:overflow-hidden {
      overflow: hidden;
    }
    .max-tablet\:px-6 {
      padding-inline: calc(var(--ks-space-1) * 6);
    }
    .max-tablet\:pt-8 {
      padding-top: calc(var(--ks-space-1) * 8);
    }
    .max-tablet\:pb-0 {
      padding-bottom: 0px;
    }
  }
  @media (width < 22.5em) {
    .max-\[22\.5em\]\:gap-3 {
      gap: calc(var(--ks-space-1) * 3);
    }
    .max-\[22\.5em\]\:px-3 {
      padding-inline: calc(var(--ks-space-1) * 3);
    }
    .max-\[22\.5em\]\:text-\[length\:var\(--site-closing\)\] {
      font-size: var(--site-closing);
    }
  }
  @media (width < 48rem) {
    .max-\[48rem\]\:basis-full {
      flex-basis: 100%;
    }
    .max-\[48rem\]\:flex-wrap {
      flex-wrap: wrap;
    }
  }
  @media (width >= 48em) {
    .tablet\:col-span-full {
      grid-column: 1 / -1;
    }
    .tablet\:ml-0 {
      margin-left: 0px;
    }
    .tablet\:block {
      display: block;
    }
    .tablet\:w-\[max\(112\%\,46rem\)\] {
      width: max(112%, 46rem);
    }
    .tablet\:auto-cols-\[minmax\(0\,1fr\)\] {
      grid-auto-columns: minmax(0,1fr);
    }
    .tablet\:grid-flow-col {
      grid-auto-flow: column;
    }
    .tablet\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tablet\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .tablet\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
      grid-template-columns: minmax(0,1fr) auto;
    }
    .tablet\:grid-cols-\[repeat\(3\,auto\)\] {
      grid-template-columns: repeat(3,auto);
    }
    .tablet\:items-start {
      align-items: flex-start;
    }
    .tablet\:gap-5 {
      gap: calc(var(--ks-space-1) * 5);
    }
    .tablet\:rounded-b-none {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
    }
    .tablet\:py-6 {
      padding-block: calc(var(--ks-space-1) * 6);
    }
  }
  @media (width >= 60em) {
    .desktop\:col-span-2 {
      grid-column: span 2 / span 2;
    }
    .desktop\:aspect-auto {
      aspect-ratio: auto;
    }
    .desktop\:h-\[clamp\(28rem\,16rem\+20vw\,40rem\)\] {
      height: clamp(28rem, 16rem + 20vw, 40rem);
    }
    .desktop\:w-full {
      width: 100%;
    }
    .desktop\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .desktop\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .desktop\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .desktop\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,1fr\)\] {
      grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);
    }
    .desktop\:grid-cols-\[minmax\(0\,5fr\)_minmax\(0\,7fr\)\] {
      grid-template-columns: minmax(0,5fr) minmax(0,7fr);
    }
    .desktop\:flex-col {
      flex-direction: column;
    }
    .desktop\:items-end {
      align-items: flex-end;
    }
    .desktop\:items-start {
      align-items: flex-start;
    }
    .desktop\:gap-5 {
      gap: calc(var(--ks-space-1) * 5);
    }
    .desktop\:gap-6 {
      gap: calc(var(--ks-space-1) * 6);
    }
    .desktop\:gap-x-16 {
      column-gap: calc(var(--ks-space-1) * 16);
    }
    .desktop\:pr-site-stage-pad {
      padding-right: var(--site-stage-pad);
    }
  }
  @media (pointer: coarse) {
    .pointer-coarse\:min-h-\[var\(--ks-control-touch\)\] {
      min-height: var(--ks-control-touch);
    }
  }
  .\[\&_\:focus-visible\]\:outline-ks-primary-fg :focus-visible {
    outline-color: var(--ks-primary-fg);
  }
  .\[\&_a\]\:text-ks-fg-secondary a {
    color: var(--ks-fg-secondary);
  }
  .\[\&_a\]\:text-ks-primary-fg a {
    color: var(--ks-primary-fg);
  }
  .\[\&_b\]\:font-ks-heading b {
    --tw-font-weight: var(--ks-font-weight-heading);
    font-weight: var(--ks-font-weight-heading);
  }
  .\[\&_b\]\:font-medium b {
    --tw-font-weight: var(--ks-font-weight-medium);
    font-weight: var(--ks-font-weight-medium);
  }
  .\[\&_b\]\:whitespace-nowrap b {
    white-space: nowrap;
  }
  .\[\&_img\]\:w-full img {
    width: 100%;
  }
  .\[\&_p\]\:text-ks-fg-secondary p {
    color: var(--ks-fg-secondary);
  }
  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--ks-space-1) * 4);
    height: calc(var(--ks-space-1) * 4);
  }
  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }
  .\[\&\+\&\]\:mt-2 + .\[\&\+\&\]\:mt-2 {
    margin-top: calc(var(--ks-space-1) * 2);
  }
  .\[\&\:last-child\]\:pb-\[var\(--ks-space-4\)\]:last-child {
    padding-bottom: var(--ks-space-4);
  }
  .\[\&\>\*\+\*\]\:mt-6 > * + * {
    margin-top: calc(var(--ks-space-1) * 6);
  }
  .\[\&\>\*\+\*\]\:border-t > * + * {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .\[\&\>\*\+\*\]\:border-ks-border-subtle > * + * {
    border-color: var(--ks-border-subtle);
  }
  @media (width >= 48em) {
    .tablet\:\[\&\>\*\+\*\]\:border-t-0 > * + * {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
    .tablet\:\[\&\>\*\+\*\]\:border-l > * + * {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .\[\&\>h2\]\:sr-only > h2 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .\[\&\>span\]\:text-ks-fg-secondary > span {
    color: var(--ks-fg-secondary);
  }
  @media (width >= 60em) {
    .desktop\:\[\&\>span\]\:block > span {
      display: block;
    }
  }
  [data-slot=card-header] + .\[\[data-slot\=card-header\]\+\&\]\:pt-\[var\(--ks-space-3\)\] {
    padding-top: var(--ks-space-3);
  }
  [data-slot=card-section] + .\[\[data-slot\=card-section\]\+\&\]\:border-x-0 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
  }
  [data-slot=card-section] + .\[\[data-slot\=card-section\]\+\&\]\:border-t-\[length\:var\(--ks-border-width\)\] {
    border-top-style: var(--tw-border-style);
    border-top-width: var(--ks-border-width);
  }
  [data-slot=card-section] + .\[\[data-slot\=card-section\]\+\&\]\:border-b-0 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  [data-slot=card-section] + .\[\[data-slot\=card-section\]\+\&\]\:border-solid {
    --tw-border-style: solid;
    border-style: solid;
  }
  [data-slot=card-section] + .\[\[data-slot\=card-section\]\+\&\]\:border-\[var\(--ks-border-subtle\)\] {
    border-color: var(--ks-border-subtle);
  }
  @media (hover: hover) {
    [data-slot=page-header-actions] > .\[\[data-slot\=page-header-actions\]\>\&\]\:hover\:bg-\[var\(--ks-bg-selected\)\]:hover {
      background-color: var(--ks-bg-selected);
    }
  }
  [data-slot=page-header-actions] > .\[\[data-slot\=page-header-actions\]\>\&\]\:active\:bg-\[var\(--ks-bg-pressed\)\]:active {
    background-color: var(--ks-bg-pressed);
  }
  @media (hover: hover) {
    [data-slot=page-header-actions] > form > .\[\[data-slot\=page-header-actions\]\>form\>\&\]\:hover\:bg-\[var\(--ks-bg-selected\)\]:hover {
      background-color: var(--ks-bg-selected);
    }
  }
  [data-slot=page-header-actions] > form > .\[\[data-slot\=page-header-actions\]\>form\>\&\]\:active\:bg-\[var\(--ks-bg-pressed\)\]:active {
    background-color: var(--ks-bg-pressed);
  }
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/assets/inter-latin-variable.94ebe9c247.woff2") format("woff2");
  unicode-range: u+0000-00ff, u+0131, u+0152-0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329,
    u+2000-206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd;
}
:root {
  --site-measure: 84rem;
  --site-gutter: clamp(1.25rem, 0.5rem + 3vw, 3rem);
  --site-prose: 38rem;
  --site-masthead: 4rem;
  --site-title: clamp(1.75rem, 1.35rem + 1.3vw, 2.5rem);
  --site-heading: 1.125rem;
  --site-lead: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --site-body: 1.0625rem;
  --site-small: 0.875rem;
  --site-ui: 0.9375rem;
  --site-text: 1rem;
  --site-micro: 0.8125rem;
  --site-stat: 1.75rem;
  --site-closing: clamp(1.875rem, 1.4rem + 1.6vw, 2.75rem);
  --site-section: clamp(4.5rem, 2.5rem + 6vw, 8rem);
  --site-stage-radius: 1rem;
  --site-stage-pad: clamp(1rem, 0.3rem + 3vw, 3.5rem);
  --site-hero-title: clamp(2.5rem, 1.7rem + 2.6vw, 4rem);
  --site-page-title: clamp(2.125rem, 1.6rem + 1.6vw, 3rem);
  --site-subtitle: clamp(1.1875rem, 1.1rem + 0.3vw, 1.375rem);
  --site-figure: clamp(1.625rem, 1.45rem + 0.6vw, 2rem);
  --site-figure-xl: clamp(2.25rem, 1.9rem + 1.2vw, 2.75rem);
  --site-block: clamp(3rem, 2rem + 3vw, 4.5rem);
  --site-weight-display: 520;
  --site-weight-title: 560;
  --site-hero-top: clamp(3.5rem, 0.75rem + 7.5vw, 8.75rem);
  --site-head-top: clamp(3rem, 1.5rem + 4.5vw, 6rem);
  --site-sub: clamp(1.5rem, 1rem + 1.5vw, 2.5rem);
  --site-stage: clamp(2.5rem, 1.5rem + 4vw, 4.5rem);
  --site-wide: clamp(2rem, 1.25rem + 3vw, 3.5rem);
  --site-steps: clamp(2.5rem, 1.5rem + 3vw, 4rem);
  --site-note: clamp(1.5rem, 1rem + 2vw, 2.5rem);
  --site-panel: clamp(1.75rem, 1rem + 3.5vw, 4rem);
  --site-card: clamp(1.25rem, 0.8rem + 1.6vw, 2.25rem);
  --site-reading: clamp(1.75rem, 1.25rem + 1.5vw, 2.75rem);
  --site-legal: clamp(1.5rem, 1.25rem + 1vw, 2.25rem);
}
@layer base {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  html {
    margin: 0;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: calc(var(--site-masthead) + var(--ks-space-4));
  }
  @media (prefers-reduced-motion: no-preference) {
    html {
      scroll-behavior: smooth;
    }
  }
  body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--ks-bg-canvas);
    color: var(--ks-fg-primary);
    font-family: var(--ks-font-sans);
    font-feature-settings: normal;
    font-size: var(--site-text);
    font-weight: var(--ks-font-weight-regular);
    line-height: 1.6;
    font-synthesis-weight: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
  }
  main {
    flex: 1;
  }
  h1,
  h2,
  h3,
  p,
  ul,
  ol,
  dl,
  dd,
  figure {
    margin: 0;
  }
  ul,
  ol {
    padding: 0;
    list-style: none;
  }
  img,
  svg {
    display: block;
    max-width: 100%;
  }
  img {
    height: auto;
  }
  a {
    color: var(--ks-link);
    text-underline-offset: 0.2em;
    text-decoration-thickness: from-font;
  }
  a:hover {
    color: var(--ks-link-hover);
  }
  a[href^="tel:"] {
    white-space: nowrap;
  }
  :focus-visible {
    outline: var(--ks-focus-width) solid var(--ks-focus);
    outline-offset: var(--ks-focus-offset);
    border-radius: var(--ks-radius-xs);
  }
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}