/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: 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-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
    }
  }
}
@layer theme {
  :root,
  :host {
    --font-sans:
      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
      "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
      "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono:
      ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --tracking-tighter: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-sm: 0.25rem;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --shadow-sm: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
    --shadow-md: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
    --shadow-lg: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 0.15s;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }
  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(
      --default-font-family,
      -apple-system,
      BlinkMacSystemFont,
      "Segoe UI",
      Roboto,
      "Helvetica Neue",
      "Noto Sans",
      Arial,
      sans-serif,
      "Apple Color Emoji",
      "Segoe UI Emoji",
      "Segoe UI Symbol",
      "Noto Color Emoji"
    );
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    text-decoration: underline dotted;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp,
  pre {
    font-family: var(
      --default-mono-font-family,
      ui-monospace,
      SFMono-Regular,
      Menlo,
      Monaco,
      Consolas,
      "Liberation Mono",
      "Courier New",
      monospace
    );
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(
      --default-mono-font-variation-settings,
      normal
    );
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol,
  ul,
  menu {
    list-style: none;
  }
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block;
  }
  img,
  video {
    max-width: 100%;
    height: auto;
  }
  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not ((-webkit-appearance: -apple-pay-button))) or
    (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }
    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }
  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button,
  input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }
  ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button {
    height: auto;
  }
  ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer components;
@layer utilities {
  .\@container {
    container-type: inline-size;
  }
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .top-3 {
    top: calc(var(--spacing) * 3);
  }
  .top-5 {
    top: calc(var(--spacing) * 5);
  }
  .top-10 {
    top: calc(var(--spacing) * 10);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .top-30 {
    top: calc(var(--spacing) * 30);
  }
  .top-100 {
    top: calc(var(--spacing) * 100);
  }
  .isolate {
    isolation: isolate;
  }
  .container {
    width: 100%;
  }
  @media (width>=40rem) {
    .container {
      max-width: 40rem;
    }
  }
  @media (width>=48rem) {
    .container {
      max-width: 48rem;
    }
  }
  @media (width>=64rem) {
    .container {
      max-width: 64rem;
    }
  }
  @media (width>=80rem) {
    .container {
      max-width: 80rem;
    }
  }
  @media (width>=96rem) {
    .container {
      max-width: 96rem;
    }
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .list-item {
    display: list-item;
  }
  .table {
    display: table;
  }
  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-21 {
    height: calc(var(--spacing) * 21);
  }
  .flex-shrink,
  .shrink {
    flex-shrink: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,)
      var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .resize {
    resize: both;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .mask-repeat {
    mask-repeat: repeat;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .text-wrap {
    text-wrap: wrap;
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .normal-case {
    text-transform: none;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    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,);
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-1 {
    opacity: 0.01;
  }
  .shadow {
    --tw-shadow:
      0 1px 3px 0 var(--tw-shadow-color, #0000001a),
      0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow:
      var(--tw-inset-shadow), var(--tw-inset-ring-shadow),
      var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0
      calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    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;
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .invert {
    --tw-invert: invert(100%);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,)
      var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,)
      var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .backdrop-filter {
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,)
      var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,)
      var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,)
      var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,)
      var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property:
      color, background-color, border-color, outline-color,
      text-decoration-color, fill, stroke, --tw-gradient-from,
      --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform,
      translate, scale, rotate, filter, backdrop-filter, display,
      content-visibility, overlay, pointer-events;
    transition-timing-function: var(
      --tw-ease,
      var(--default-transition-timing-function)
    );
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
  .\[check\:content-freshness\] {
    check: content-freshness;
  }
  .\[check\:redirects\] {
    check: redirects;
  }
}
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(inter-cyrillic-ext-opsz-normal.CfYZpDVp.woff2)
    format("woff2-variations");
  unicode-range:
    U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(inter-cyrillic-opsz-normal.BFQXbQ-f.woff2) format("woff2-variations");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(inter-greek-ext-opsz-normal.BmPQvyvo.woff2)
    format("woff2-variations");
  unicode-range: U+1F??;
}
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(inter-greek-opsz-normal.BM0NlUE_.woff2) format("woff2-variations");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(inter-vietnamese-opsz-normal.Ci9T9ieq.woff2)
    format("woff2-variations");
  unicode-range:
    U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301,
    U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(inter-latin-ext-opsz-normal.DpK-iCPk.woff2)
    format("woff2-variations");
  unicode-range:
    U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
    U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: Inter Variable;
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(inter-latin-opsz-normal.BwkfbSeq.woff2) format("woff2-variations");
  unicode-range:
    U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: PT Serif;
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src:
    url(pt-serif-latin-400-normal.Cx0mQj7e.woff2) format("woff2"),
    url(pt-serif-latin-400-normal.DIu_lRW0.woff) format("woff");
}
:root {
  color-scheme: light;
  --bg-default: oklch(100% 0 0);
  --bg-subtle: oklch(97.02% 0 0);
  --bg-muted: oklch(95.24% 0.001 286.374);
  --bg-emphasized: oklch(91.64% 0.003 286.346);
  --bg-inverted: oklch(21.03% 0.006 285.885);
  --bg-panel: oklch(100% 0 0);
  --bg-error: oklch(93.56% 0.031 17.717);
  --bg-warning: oklch(95.42% 0.037 75.164);
  --bg-success: oklch(95.05% 0.051 163.051);
  --bg-info: oklch(93.19% 0.032 255.585);
  --bg-surface: oklch(100% 0 0);
  --fg-default: oklch(37.03% 0.012 285.805);
  --fg-subtle: oklch(71.18% 0.013 286.066);
  --fg-success: oklch(55.23% 0.117 163.684);
  --text-default: oklch(21.03% 0.006 285.885);
  --text-subtle: oklch(55.17% 0.014 285.938);
  --text-muted: oklch(37.03% 0.012 285.805);
  --text-inverted: oklch(98.51% 0 0);
  --text-error: oklch(57.71% 0.215 27.325);
  --text-warning: oklch(58.45% 0.174 41.505);
  --text-success: oklch(55.23% 0.117 163.684);
  --text-info: oklch(54.61% 0.215 262.881);
  --text-disabled: oklch(71.18% 0.013 286.066);
  --text-oncolor: oklch(100% 0 0);
  --text-on-subtle: var(--text-muted);
  --text-on-subtle-muted: var(--gray-onSubtleMuted);
  --meta-theme-color: var(--bg-panel);
  --border-default: oklch(87.11% 0.005 286.286);
  --border-subtle: oklch(95.24% 0.001 286.374);
  --border-muted: oklch(91.64% 0.003 286.346);
  --border-emphasized: oklch(71.18% 0.013 286.066);
  --border-error: oklch(63.68% 0.208 25.331);
  --border-warning: oklch(66.29% 0.175 47.876);
  --border-success: oklch(64.24% 0.137 162.752);
  --border-info: oklch(62.31% 0.188 259.815);
  --border-hairline: oklch(21.03% 0.006 285.885/0.08);
  --border-hairline-solid: var(--gray-zinc200);
  --text-pure: oklch(0% 0 0);
  --amber-rating: oklch(81.61% 0.17 77.43);
  --green-pulse: oklch(55.23% 0.117 163.684/0.45);
  --frost: none;
  --chrome-backdrop: oklch(100% 0 0/0.96);
  --chrome-border: var(--gray-zinc200);
  --chrome-hover: var(--gray-zinc100);
  --chrome-mega-section: var(--gray-middle);
  --chrome-mega-desc: var(--text-subtle);
  --chrome-mega-hover: var(--text-pure);
  --chrome-btn-inverted-hover: var(--gray-zinc200);
  --shadow-chrome-mega:
    0 1px 1px oklch(21.03% 0.006 285.885/0.02),
    0 8px 20px oklch(21.03% 0.006 285.885/0.06),
    0 2px 6px oklch(21.03% 0.006 285.885/0.04);
  --shadow-chrome-btn: 0 2px 8px oklch(0% 0 0/0.08);
  --shadow-chrome-btn-hover: 0 2px 12px oklch(0% 0 0/0.12);
  --overlay-subtle: oklch(21.03% 0.006 285.885/0.0196);
  --overlay-muted: oklch(21.03% 0.006 285.885/0.0588);
  --overlay-emphasized: oklch(21.03% 0.006 285.885/0.102);
  --overlay-on-dark-subtle: oklch(100% 0 0/0.08);
  --overlay-on-dark-muted: oklch(100% 0 0/0.24);
  --overlay-on-dark-emphasized: oklch(100% 0 0/0.48);
  --overlay-surface-hover: oklch(0% 0 0/0.04);
  --inverted-surface: oklch(21.03% 0.006 285.885);
  --inverted-surface-raised: oklch(30.48% 0.008 264.454);
  --inverted-text: oklch(98.51% 0 0);
  --inverted-text-dim: oklch(100% 0 0/0.85);
  --inverted-text-muted: var(--gray-zinc400);
  --inverted-action-bg: oklch(100% 0 0);
  --inverted-action-bg-hover: var(--gray-zinc100);
  --inverted-action-border: oklch(91.64% 0.003 286.347);
  --inverted-action-text: var(--inverted-surface);
  --inverted-pill-bg: oklch(95.24% 0.001 286.375);
  --inverted-pill-bg-hover: var(--gray-zinc200);
  --inverted-pill-text: oklch(27.39% 0.005 286.033);
  --gray-contrast: oklch(100% 0 0);
  --gray-disabled: oklch(98.51% 0 0);
  --gray-surfaceSubtle: oklch(97.02% 0 0);
  --gray-subtle: oklch(95.24% 0.001 286.374);
  --gray-muted: oklch(91.64% 0.003 286.346);
  --gray-emphasized: oklch(87.11% 0.005 286.286);
  --gray-emphasizedDark: oklch(71.18% 0.013 286.066);
  --gray-zinc400: oklch(71.18% 0.013 286.066);
  --gray-middle: oklch(55.17% 0.014 285.938);
  --gray-zinc100: oklch(96.74% 0.001 286.375);
  --gray-zinc200: oklch(91.97% 0.004 286.32);
  --gray-onSubtleMuted: oklch(44.19% 0.015 285.786);
  --gray-fg: oklch(37.03% 0.012 285.805);
  --gray-solid: oklch(27.39% 0.005 286.033);
  --gray-darkest: oklch(21.03% 0.006 285.885);
  --green-fg: oklch(50.81% 0.105 165.612);
  --green-subtle: oklch(95.05% 0.051 163.051);
  --green-solid: oklch(55.23% 0.117 163.684);
  --red-fg: oklch(50.54% 0.19 27.518);
  --red-subtle: oklch(93.56% 0.031 17.717);
  --red-solid: oklch(57.71% 0.215 27.325);
  --orange-fg: oklch(53.3% 0.166 38.654);
  --orange-subtle: oklch(95.42% 0.037 75.164);
  --orange-solid: oklch(58.45% 0.174 41.505);
  --blue-fg: oklch(48.82% 0.217 264.376);
  --blue-subtle: oklch(93.19% 0.032 255.585);
  --blue-solid: oklch(54.61% 0.215 262.881);
  --blue-solidDark: oklch(48.82% 0.217 264.376);
  --purple-subtle: oklch(94.33% 0.028 294.588);
  --purple-solid: oklch(54.13% 0.247 293.009);
  --pink-subtle: oklch(93.7% 0.033 342.957);
  --pink-solid: oklch(57.77% 0.21 2.404);
  --teal-subtle: oklch(95.27% 0.05 180.801);
  --teal-solid: oklch(60.02% 0.104 184.704);
  --font-display: "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-body: var(--font-display);
  --font-quote: "PT Serif", Georgia, ui-serif, serif;
  --text-hero: clamp(2rem, 1.167rem + 4.167vw, 4.5rem);
  --text-page: clamp(2rem, 1.667rem + 1.667vw, 3rem);
  --text-section: clamp(1.75rem, 1.583rem + 0.833vw, 2.25rem);
  --text-sub: clamp(1.5rem, 1.417rem + 0.417vw, 1.75rem);
  --text-card: clamp(1.125rem, 1.042rem + 0.417vw, 1.375rem);
  --text-display: clamp(2.25rem, 1.833rem + 2.083vw, 3.5rem);
  --text-quote: clamp(1.25rem, 1rem + 1.25vw, 2rem);
  --text-stat: clamp(2rem, 1.5rem + 2.5vw, 3.5rem);
  --text-stat-sm: clamp(1.5rem, 1.333rem + 0.833vw, 2rem);
  --text-lead: clamp(1.063rem, 1rem + 0.313vw, 1.25rem);
  --text-paragraph: clamp(0.938rem, 0.918rem + 0.104vw, 1rem);
  --text-body: clamp(0.813rem, 0.793rem + 0.104vw, 0.875rem);
  --text-caption: 0.75rem;
  --text-mono: 0.6875rem;
  --text-2xs: 0.625rem;
  --leading-hero: 1.111;
  --leading-page: 1.133;
  --leading-section: 1.222;
  --leading-sub: 1.286;
  --leading-card: 1.364;
  --leading-none: 1;
  --leading-tight: 1.1;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-body: 1.55;
  --leading-relaxed: 1.625;
  --leading-mono: 1.455;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --tracking-tighter: -0.03em;
  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-flat: 0;
  --tracking-pill: 0.02em;
  --tracking-label: 0.04em;
  --tracking-wide: 0.08em;
  --tracking-widest: 0.16em;
  --tracking-mono: 0.44px;
  --space-1: 0.25rem;
  --space-1_5: 0.375rem;
  --space-2: 0.5rem;
  --space-2_5: 0.625rem;
  --space-3: 0.75rem;
  --space-3_5: 0.875rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --control-height-sm: 2.25rem;
  --control-height-md: 2.75rem;
  --control-radius: var(--radius-md);
  --control-padding-inline: var(--space-4);
  --container-max: 80rem;
  --content-prose: 38rem;
  --content-doc: 48rem;
  --content-wide: 64rem;
  --content-callout: 42rem;
  --content-max: var(--content-prose);
  --ease-out: cubic-bezier(0.2, 0, 0, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --duration-fast: 0.12s;
  --duration-base: 0.2s;
  --duration-slow: 0.4s;
  --shadow-sm: 0 1px 2px 0 oklch(0% 0 0/0.05);
  --shadow-md:
    0 4px 6px -1px oklch(0% 0 0/0.08), 0 2px 4px -2px oklch(0% 0 0/0.05);
  --shadow-lg:
    0 10px 15px -3px oklch(0% 0 0/0.08), 0 4px 6px -4px oklch(0% 0 0/0.05);
  --shadow-soft:
    0 1px 2px oklch(0% 0 0/0.03), 0 2px 8px oklch(0% 0 0/0.04),
    0 8px 24px oklch(0% 0 0/0.05);
  --shadow-soft-lg:
    0 2px 6px oklch(0% 0 0/0.05), 0 8px 20px oklch(0% 0 0/0.07),
    0 20px 48px oklch(0% 0 0/0.09);
  --ring: var(--border-emphasized);
  --ring-shadow: 0 0 0 3px var(--ring);
}
@supports (color: color-mix(in lab, red, red)) {
  :root {
    --ring-shadow: 0 0 0 3px color-mix(in oklch, var(--ring) 35%, transparent);
  }
}
:root {
  --shadow-product: 0 24px 48px -16px oklch(0% 0 0/0.12);
  --hdr-h: 52px;
  --z-base: 0;
  --z-raised: 10;
  --z-sticky: 100;
  --z-overlay: 1000;
  --z-modal: 1100;
  --z-toast: 1200;
}
[data-theme="dark"] {
  color-scheme: dark;
  --bg-default: oklch(14.08% 0.004 285.823);
  --bg-subtle: oklch(21.03% 0.006 285.885);
  --bg-muted: oklch(32.11% 0.009 268.377);
  --bg-emphasized: oklch(33.33% 0.011 271.078);
  --bg-inverted: oklch(42.7% 0.011 264.455);
  --bg-panel: oklch(30.48% 0.008 264.454);
  --bg-error: oklch(28.79% 0.095 25.431);
  --bg-warning: oklch(28.14% 0.067 52.223);
  --bg-success: oklch(26.79% 0.091 142.495);
  --bg-info: oklch(28.2% 0.1 265.582);
  --bg-surface: oklch(26.78% 0.006 258.359);
  --fg-default: oklch(80.14% 0.007 268.534);
  --fg-subtle: oklch(62.33% 0.015 285.96);
  --fg-success: oklch(83.98% 0.129 165.275);
  --text-default: oklch(87.31% 0.004 271.364);
  --text-subtle: oklch(62.33% 0.015 285.96);
  --text-muted: oklch(80.14% 0.007 268.534);
  --text-inverted: oklch(94.56% 0.002 247.84);
  --text-error: oklch(88.45% 0.059 18.334);
  --text-warning: oklch(90.15% 0.073 70.697);
  --text-success: oklch(89.64% 0.089 163.83);
  --text-info: oklch(88.23% 0.057 254.128);
  --text-disabled: oklch(42.7% 0.011 264.455);
  --text-oncolor: oklch(100% 0 0);
  --text-on-subtle: var(--gray-darkest);
  --text-on-subtle-muted: var(--gray-zinc400);
  --meta-theme-color: oklch(24.69% 0.006 258.361);
  --chrome-backdrop: oklch(0% 0 0/0.96);
  --chrome-border-scrolled: oklch(100% 0 0/0.14);
  --chrome-hover: var(--overlay-on-dark-subtle);
  --chrome-caret: oklch(100% 0 0/0.45);
  --chrome-mega-border: oklch(100% 0 0/0.12);
  --chrome-text: var(--text-oncolor);
  --chrome-text-muted: var(--text-on-subtle-muted);
  --chrome-mega-section: var(--gray-zinc500);
  --chrome-mega-title: var(--gray-zinc100);
  --chrome-mega-desc: var(--text-on-subtle-muted);
  --chrome-mega-hover: var(--text-oncolor);
  --chrome-btn-inverted-bg: var(--text-oncolor);
  --chrome-btn-inverted-text: var(--bg-default);
  --chrome-btn-inverted-hover: var(--gray-zinc200);
  --shadow-chrome-mega:
    0 1px 1px oklch(0% 0 0/0.3), 0 12px 32px oklch(0% 0 0/0.5),
    0 4px 12px oklch(0% 0 0/0.35);
  --shadow-chrome-btn: 0 0 20px oklch(100% 0 0/0.05);
  --shadow-chrome-btn-hover: 0 0 24px oklch(100% 0 0/0.1);
  --border-default: oklch(33.33% 0.011 271.078);
  --border-subtle: oklch(28.82% 0.006 258.356);
  --border-muted: oklch(32.11% 0.009 268.377);
  --border-emphasized: oklch(53.47% 0.016 268.362);
  --border-error: oklch(80.77% 0.103 19.571);
  --border-warning: oklch(83.66% 0.117 66.29);
  --border-success: oklch(83.98% 0.129 165.275);
  --border-info: oklch(80.91% 0.096 251.813);
  --border-hairline: oklch(100% 0 0/0.1);
  --border-hairline-faint: oklch(100% 0 0/0.03);
  --overlay-subtle: oklch(95.57% 0.003 286.349/0.0314);
  --overlay-muted: oklch(92.39% 0.009 286.214/0.0588);
  --overlay-emphasized: oklch(91.19% 0.022 265.756/0.1412);
  --overlay-surface-hover: oklch(100% 0 0/0.06);
  --overlay-row-hover: oklch(100% 0 0/0.05);
  --border-badge-emphasis: oklch(100% 0 0/0.15);
  --gray-contrast: oklch(21.03% 0.006 285.885);
  --gray-disabled: oklch(26.78% 0.006 258.359);
  --gray-surfaceSubtle: oklch(28.82% 0.006 258.356);
  --gray-subtle: oklch(30.48% 0.008 264.454);
  --gray-muted: oklch(32.11% 0.009 268.377);
  --gray-emphasized: oklch(33.33% 0.011 271.078);
  --gray-emphasizedDark: oklch(42.7% 0.011 264.455);
  --gray-middle: oklch(53.47% 0.016 268.362);
  --gray-zinc100: oklch(96.74% 0.001 286.375);
  --gray-zinc200: oklch(91.97% 0.004 286.32);
  --gray-zinc500: oklch(55.17% 0.014 285.938);
  --gray-zinc400: oklch(71.18% 0.013 286.066);
  --gray-fg: oklch(80.14% 0.007 268.534);
  --gray-solid: oklch(87.31% 0.004 271.364);
  --gray-darkest: oklch(94.56% 0.002 247.84);
  --green-fg: oklch(89.64% 0.089 163.83);
  --green-subtle: oklch(43.18% 0.086 166.913);
  --green-solid: oklch(83.98% 0.129 165.275);
  --red-fg: oklch(88.45% 0.059 18.334);
  --red-subtle: oklch(44.37% 0.161 26.899);
  --red-solid: oklch(80.77% 0.103 19.571);
  --orange-fg: oklch(83.66% 0.117 66.29);
  --orange-subtle: oklch(46.98% 0.143 37.304);
  --orange-solid: oklch(83.66% 0.117 66.29);
  --blue-fg: oklch(88.23% 0.057 254.128);
  --blue-subtle: oklch(42.44% 0.181 265.638);
  --blue-solid: oklch(80.91% 0.096 251.813);
  --blue-solidDark: oklch(88.23% 0.057 254.128);
  --purple-subtle: oklch(43.2% 0.211 292.759);
  --purple-solid: oklch(81.12% 0.101 293.571);
  --pink-subtle: oklch(52.46% 0.199 3.958);
  --pink-solid: oklch(89.94% 0.059 343.231);
  --teal-subtle: oklch(51.09% 0.086 186.391);
  --teal-solid: oklch(91% 0.093 180.426);
  --shadow-product: 0 24px 48px -16px oklch(0% 0 0/0.45);
  --shadow-soft:
    0 1px 2px oklch(0% 0 0/0.24), 0 2px 8px oklch(0% 0 0/0.3),
    0 8px 24px oklch(0% 0 0/0.36);
  --shadow-soft-lg:
    0 2px 6px oklch(0% 0 0/0.3), 0 8px 20px oklch(0% 0 0/0.4),
    0 20px 48px oklch(0% 0 0/0.5);
  --ring: var(--border-emphasized);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0s;
    --duration-base: 0s;
    --duration-slow: 0s;
  }
}
@supports ((-webkit-hyphens: none)) {
  :root {
    --frost: saturate(180%) blur(16px);
    --chrome-backdrop: oklch(100% 0 0/0.8);
  }
  [data-theme="dark"] {
    --chrome-backdrop: oklch(0% 0 0/0.8);
  }
}
*,
:before,
:after {
  box-sizing: border-box;
}
html {
  background: var(--bg-default);
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
  scroll-padding-top: 4.5rem;
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}
html,
body {
  max-width: 100vw;
  min-height: 100dvh;
  overflow-x: clip;
}
body {
  font-family: var(--font-body);
  font-size: var(--text-paragraph);
  line-height: var(--leading-body);
  color: var(--text-default);
  background: var(--bg-default);
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  flex-direction: column;
  margin: 0;
  display: flex;
}
body > main {
  flex: 1 0 auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-display);
  color: var(--text-default);
  line-height: var(--leading-tight);
  font-weight: var(--weight-medium);
  margin: 0;
}
img,
picture,
video,
canvas,
svg {
  max-width: 100%;
  display: block;
}
input,
button,
textarea,
select {
  font: inherit;
  color: inherit;
}
@media (width<=767px) {
  input,
  select,
  textarea {
    font-size: 16px !important;
  }
}
a,
button,
[role="button"],
summary,
label,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}
a {
  color: var(--text-default);
  text-underline-offset: 0.2em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--border-muted);
  -webkit-text-decoration-color: var(--border-muted);
  text-decoration-color: var(--border-muted);
}
a:hover {
  text-decoration-color: currentColor;
}
a[class] {
  color: inherit;
  text-decoration: none;
}
a[class]:hover {
  color: inherit;
}
:focus-visible {
  outline: 2px solid var(--border-info);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
.sr-only {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.ds-control {
  min-height: var(--control-height-md);
  border: 1px solid var(--border-subtle);
  border-radius: var(--control-radius);
  background: var(--bg-default);
  color: var(--text-default);
  font: inherit;
  font-size: var(--text-body);
  transition:
    background-color var(--duration-fast) var(--ease-out),
    border-color var(--duration-fast) var(--ease-out),
    color var(--duration-fast) var(--ease-out),
    box-shadow var(--duration-fast) var(--ease-out);
}
.ds-control:hover {
  border-color: var(--border-muted);
  background: var(--bg-subtle);
}
.ds-control:focus-visible,
.ds-search-field:focus-within {
  border-color: var(--border-default);
  box-shadow: var(--ring-shadow);
}
.ds-search-field:focus-within {
  box-shadow: none;
}
.ds-control--sm {
  min-height: var(--control-height-sm);
}
.ds-search-field {
  align-items: center;
  gap: var(--space-3);
  height: var(--control-height-md);
  min-width: 0;
  padding-inline: var(--control-padding-inline);
  display: flex;
}
.ds-search-field.ds-control--sm {
  height: var(--control-height-sm);
}
.ds-search-field__icon {
  color: var(--text-subtle);
  flex: none;
}
.ds-search-field__input {
  appearance: none;
  min-width: 0;
  height: 100%;
  color: var(--text-default);
  caret-color: var(--text-default);
  font: inherit;
  font-size: var(--text-body);
  background: 0 0;
  border: 0;
  border-radius: 0;
  outline: 0;
  flex: 1;
  align-self: stretch;
  padding: 0;
}
.ds-search-field__input:focus-visible {
  box-shadow: none;
}
.ds-search-field__input::placeholder {
  color: var(--text-subtle);
}
.ds-search-field:focus-within .ds-search-field__icon {
  color: var(--text-default);
}
.ds-search-field:focus-within .ds-search-field__input::placeholder {
  opacity: 0;
}
.ds-search-field__input::-webkit-search-cancel-button {
  display: none;
}
.ds-search-field__shortcut {
  min-width: 1.5rem;
  min-height: 1.5rem;
  padding-inline: var(--space-1);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  color: var(--text-subtle);
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  line-height: var(--leading-none);
  place-items: center;
  display: inline-grid;
}
.ds-control-trigger {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-2);
  min-width: max-content;
  padding-inline: var(--control-padding-inline);
  cursor: pointer;
  white-space: nowrap;
  list-style: none;
  display: inline-flex;
}
.ds-control-trigger::-webkit-details-marker {
  display: none;
}
.ds-control-trigger::marker {
  content: "";
}
.ds-control-trigger__label {
  color: var(--text-subtle);
}
.ds-control-trigger__value {
  font-weight: var(--weight-medium);
}
.ds-control-chevron {
  color: var(--text-subtle);
  transition: transform var(--duration-fast) var(--ease-out);
  flex: none;
}
details[open] > .ds-control-trigger .ds-control-chevron {
  transform: rotate(180deg);
}
details[open] > .ds-control-trigger {
  border-color: var(--border-default);
}
details[data-has-selection="true"] > .ds-control-trigger {
  border-color: var(--border-default);
  background: var(--bg-subtle);
}
.ds-control-count {
  border-radius: var(--radius-pill);
  background: var(--bg-inverted);
  width: 1.75rem;
  height: 1.25rem;
  color: var(--text-inverted);
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  line-height: var(--leading-none);
  place-items: center;
  padding-inline: 0;
  display: inline-grid;
}
.ds-control-count[data-empty] {
  visibility: hidden;
}
.ds-popover {
  z-index: var(--z-overlay);
  min-width: 15rem;
  padding: var(--space-1);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-sm);
  background: var(--bg-default);
  box-shadow: var(--shadow-md);
  position: absolute;
  inset-block-start: calc(100% + var(--space-2));
}
.ds-popover[data-align="start"] {
  inset-inline-start: 0;
}
.ds-popover[data-align="end"] {
  inset-inline-end: 0;
}
.ds-filter,
.ds-select {
  position: relative;
}
.ds-filter-panel {
  width: min(21rem, 90vw);
  padding: var(--space-2);
}
.ds-filter-panel__search {
  margin-block-end: var(--space-2);
}
.ds-option-list {
  flex-direction: column;
  max-height: 21rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow-y: auto;
}
.ds-option-list li[hidden] {
  display: none;
}
.ds-check-option {
  gap: var(--space-3);
  min-height: var(--control-height-md);
  padding: var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--text-default);
  font-size: var(--text-body);
  cursor: pointer;
  align-items: flex-start;
  display: flex;
}
.ds-check-option:hover {
  background: var(--bg-subtle);
}
.ds-check-option input {
  margin-block-start: 0.1rem;
}
.ds-check-option > span {
  min-width: 0;
}
.ds-check-option small {
  color: var(--text-subtle);
  font-size: var(--text-caption);
  line-height: var(--leading-snug);
  margin-block-start: var(--space-1);
  display: block;
}
.ds-popover-empty {
  padding: var(--space-3);
  color: var(--text-subtle);
  font-size: var(--text-body);
  margin: 0;
}
.ds-popover-action {
  width: 100%;
  padding: var(--space-3);
  border: 0;
  border-block-start: 1px solid var(--border-hairline);
  color: var(--text-subtle);
  font: inherit;
  font-size: var(--text-body);
  text-align: start;
  cursor: pointer;
  background: 0 0;
  margin-block-start: var(--space-1);
}
.ds-popover-action:hover {
  color: var(--text-default);
}
.ds-popover-action:disabled {
  visibility: hidden;
  pointer-events: none;
}
.ds-select-panel {
  min-width: 11rem;
}
.ds-select-option {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  width: 100%;
  min-height: 2.5rem;
  padding-inline: var(--space-3);
  border-radius: var(--radius-sm);
  color: var(--text-muted);
  font: inherit;
  font-size: var(--text-body);
  text-align: start;
  cursor: pointer;
  background: 0 0;
  border: 0;
  display: flex;
}
.ds-select-option:hover {
  background: var(--bg-subtle);
  color: var(--text-default);
}
.ds-select-option.is-current {
  color: var(--text-default);
  font-weight: var(--weight-medium);
}
.ds-select-option svg {
  opacity: 0;
}
.ds-select-option.is-current svg {
  opacity: 1;
}
@media (width<=767px) {
  .ds-search-field__shortcut {
    display: none;
  }
  .ds-filter-panel[data-mobile="sheet"] {
    inset: auto var(--space-4) var(--space-4);
    width: auto;
    max-height: min(36rem, 100dvh - 8rem);
    position: fixed;
    overflow: auto;
  }
}
@media (prefers-reduced-motion: reduce) {
  .ds-control-chevron {
    transition: none;
  }
}
:where(
  button,
  [role="button"],
  input,
  textarea,
  select,
  summary,
  [tabindex],
  .btn,
  .focus-ring
):focus-visible {
  box-shadow: var(--ring-shadow);
  outline: none;
}
.container-page {
  width: 100%;
  max-width: var(--container-max);
  padding-inline: var(--space-4);
  margin-inline: auto;
}
@media (width>=768px) {
  .container-page {
    padding-inline: var(--space-8);
  }
}
.container-prose {
  max-width: var(--content-max);
  margin-inline: auto;
}
@media (width<=879px) {
  .hamburger,
  .theme-toggle,
  .lswitcher-current,
  .footer-social .icon-btn,
  .header-actions .btn {
    position: relative;
  }
  .hamburger:after,
  .theme-toggle:after,
  .lswitcher-current:after,
  .footer-social .icon-btn:after,
  .header-actions .btn:after {
    content: "";
    width: 100%;
    min-width: 44px;
    height: 100%;
    min-height: 44px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.container-prose ul,
.container-prose ol {
  margin-block: var(--space-4);
  padding-inline-start: var(--space-6);
}
.container-prose ul {
  list-style: outside;
}
.container-prose ol {
  list-style: decimal;
}
.container-prose li {
  margin-block: var(--space-2);
  line-height: var(--leading-body);
}
.container-prose li::marker {
  color: var(--text-subtle);
}
.container-prose .heading-anchor {
  color: var(--text-subtle);
  opacity: 0;
  transition: opacity var(--duration-fast) ease;
  font-weight: var(--weight-medium);
  margin-inline-start: var(--space-2);
  text-decoration: none;
  display: inline-block;
}
.container-prose .heading-anchor:after {
  content: "#";
}
.container-prose h2:hover .heading-anchor,
.container-prose h3:hover .heading-anchor,
.container-prose .heading-anchor:focus-visible {
  opacity: 1;
}
.container-prose .heading-anchor:hover {
  color: var(--text-default);
}
@media (prefers-reduced-motion: reduce) {
  .container-prose .heading-anchor {
    transition: none;
  }
}
.prose {
  font-size: max(1rem, var(--text-paragraph));
}
.prose table {
  -webkit-overflow-scrolling: touch;
  max-width: 100%;
  display: block;
  overflow-x: auto;
}
.link-card-grid {
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.heading-hero,
.heading-page,
.heading-section,
.heading-sub,
.heading-card {
  font-family: var(--font-display);
  font-weight: var(--weight-medium);
  font-optical-sizing: auto;
  color: inherit;
  text-wrap: balance;
  margin: 0;
}
.heading-hero {
  font-size: var(--text-hero);
  line-height: var(--leading-hero);
  letter-spacing: var(--tracking-tighter);
}
.heading-page {
  font-size: var(--text-page);
  line-height: var(--leading-page);
  letter-spacing: var(--tracking-tighter);
}
.heading-section {
  font-size: var(--text-section);
  line-height: var(--leading-section);
  letter-spacing: var(--tracking-tighter);
}
.heading-sub {
  font-size: var(--text-sub);
  line-height: var(--leading-sub);
  letter-spacing: var(--tracking-tight);
}
.heading-card {
  font-size: var(--text-card);
  line-height: var(--leading-card);
  letter-spacing: var(--tracking-snug);
}
html[lang^="de"]
  :is(
    .heading-hero,
    .heading-page,
    .heading-section,
    .heading-sub,
    .heading-card
  ) {
  hyphens: auto;
  hyphenate-limit-chars: 7 4 3;
}
:is(.prose, .prose-container, .container-prose) :is(h2, h3) {
  font-family: var(--font-display);
  letter-spacing: var(--tracking-tight);
  line-height: var(--leading-snug);
  color: var(--text-default);
}
:is(.prose, .prose-container, .container-prose) h2 {
  font-size: var(--text-sub);
  font-weight: var(--weight-medium);
  margin-block: var(--space-8) var(--space-3);
  text-wrap: balance;
}
:is(.prose, .prose-container, .container-prose) h3 {
  font-size: var(--text-lead);
  font-weight: var(--weight-medium);
  margin-block: var(--space-6) var(--space-2);
}
:is(.prose, .prose-container, .container-prose) :is(h2, h3):first-child {
  margin-block-start: 0;
}
.page-header {
  margin-block-end: var(--space-10);
}
.page-lede {
  margin: var(--space-3) 0 0;
  max-width: 40rem;
  font-size: var(--text-lead);
  line-height: var(--leading-snug);
  color: var(--text-subtle);
  text-wrap: pretty;
}
.page-controls {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-6);
  margin-block-end: var(--space-10);
  display: flex;
}
.page-controls-right {
  align-items: center;
  gap: var(--space-2);
  flex: none;
  display: inline-flex;
}
@media (width<=767px) {
  .page-controls {
    align-items: stretch;
    gap: var(--space-4);
    flex-direction: column;
  }
  .page-controls-right {
    justify-content: space-between;
  }
  .page-controls .search {
    flex: 1;
    width: auto;
    min-width: 0;
  }
}
.chips {
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-snap-type: x proximity;
  min-width: 0;
  flex: auto;
  scroll-padding-inline-start: var(--space-1);
  overflow-x: auto;
}
.chips::-webkit-scrollbar {
  display: none;
}
.chips ul {
  gap: var(--space-1);
  flex-wrap: nowrap;
  width: max-content;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.chips ul > * {
  scroll-snap-align: start;
}
.chip {
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-2) var(--space-3);
  color: var(--text-subtle);
  font: inherit;
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  letter-spacing: var(--tracking-flat);
  border-radius: var(--radius-pill);
  white-space: nowrap;
  transition:
    color var(--duration-fast) var(--ease-out),
    background-color var(--duration-fast) var(--ease-out),
    transform var(--duration-fast) var(--ease-out);
  background: 0 0;
  border: 0;
  display: inline-flex;
}
button.chip,
a.chip {
  cursor: pointer;
}
button.chip:hover,
a.chip:hover {
  color: var(--text-default);
}
button.chip:active,
a.chip:active {
  transform: scale(0.96);
}
@media (prefers-reduced-motion: reduce) {
  button.chip:active,
  a.chip:active {
    transform: none;
  }
}
.chip:focus-visible {
  outline: 2px solid var(--border-info);
  outline-offset: 2px;
}
.chip[data-active] {
  color: var(--text-default);
  background-color: var(--bg-subtle);
}
.page-search {
  width: 14rem;
}
.card {
  gap: var(--space-3);
  padding: var(--space-6);
  border: 1px solid var(--border-hairline);
  border-radius: var(--radius-lg);
  background: var(--bg-default);
  height: 100%;
  box-shadow: var(--shadow-soft);
  color: inherit;
  transition:
    border-color var(--duration-base) var(--ease-out),
    background-color var(--duration-base) var(--ease-out),
    box-shadow var(--duration-base) var(--ease-out),
    transform var(--duration-base) var(--ease-out);
  flex-direction: column;
  text-decoration: none;
  display: flex;
}
a.card:hover {
  border-color: var(--border-muted);
  background: var(--bg-default);
  box-shadow: var(--shadow-soft-lg);
  transform: translateY(-2px);
}
.eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  font-weight: var(--weight-medium);
  line-height: var(--leading-mono);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-subtle);
  margin: 0;
}
.eyebrow-data {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-subtle);
  margin: 0;
}
.display-1 {
  font-family: var(--font-quote);
  font-size: var(--text-display);
  font-weight: var(--weight-regular);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-tighter);
  color: var(--text-default);
}
.display-2 {
  font-family: var(--font-quote);
  font-size: var(--text-sub);
  font-weight: var(--weight-regular);
  line-height: var(--leading-sub);
  letter-spacing: var(--tracking-flat);
  color: var(--text-default);
}
.product-frame {
  padding: var(--space-6) var(--space-4);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg);
  background: radial-gradient(
    ellipse at top left,
    var(--bg-subtle) 0%,
    var(--bg-default) 70%
  );
  box-shadow: var(--shadow-product);
  display: block;
  overflow: hidden;
}
@media (width>=768px) {
  .product-frame {
    padding: var(--space-6);
  }
}
.product-frame > :is(img, picture, video) {
  border-radius: var(--radius-md);
  width: 100%;
  height: auto;
  display: block;
}
.product-frame {
  box-shadow: var(--shadow-product), var(--shadow-soft);
}
[data-theme="dark"] .product-frame {
  border-color: var(--border-muted);
  background: radial-gradient(
    ellipse at top left,
    var(--bg-surface) 0%,
    var(--bg-default) 70%
  );
}
.label-tech {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  font-weight: var(--weight-medium);
  color: var(--text-muted);
  margin: 0;
}
.value-mono {
  font-family: var(--font-mono);
  font-size: var(--text-body);
  line-height: var(--leading-snug);
  color: var(--text-default);
  font-variant-numeric: tabular-nums;
}
.status-dot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  display: inline-block;
}
.status-dot--ok {
  background: var(--green-solid);
  position: relative;
}
.status-dot--warn {
  background: var(--orange-solid);
}
.status-dot--down {
  background: var(--red-solid);
}
.status-dot--ok:after,
.office-dot:after {
  content: "";
  border: 1.5px solid var(--green-pulse);
  border-radius: 50%;
  animation: 2.4s ease-in-out infinite status-pulse;
  position: absolute;
  inset: 0;
}
@keyframes status-pulse {
  0%,
  to {
    opacity: 0.7;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(2.6);
  }
}
@media (prefers-reduced-motion: reduce) {
  .status-dot--ok:after,
  .office-dot:after {
    animation: none;
  }
}
.technical-data {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-2);
  margin-inline: calc(var(--space-2) * -1);
  border-radius: var(--radius-sm);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition:
    background-color var(--duration-fast) ease,
    border-color var(--duration-fast) ease;
  background: 0 0;
  border: 1px solid #0000;
  display: inline-flex;
}
.technical-data:hover,
.technical-data:focus-visible {
  background-color: var(--bg-subtle);
  border-color: var(--border-hairline);
  outline: none;
}
.technical-data:focus-visible {
  border-color: var(--border-muted);
}
.technical-data[data-state="copied"] {
  background-color: var(--bg-subtle);
  border-color: var(--border-hairline);
}
.technical-data .technical-data-icon {
  width: 0.875rem;
  height: 0.875rem;
  color: var(--text-muted);
  opacity: 0;
  transition:
    opacity var(--duration-fast) ease,
    color var(--duration-fast) ease;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.technical-data:hover .technical-data-icon,
.technical-data:focus-visible .technical-data-icon,
.technical-data[data-state="copied"] .technical-data-icon {
  opacity: 1;
}
.technical-data[data-state="copied"] .technical-data-icon {
  color: var(--fg-success);
}
.technical-data .technical-data-icon-copied,
.technical-data[data-state="copied"] .technical-data-icon-default {
  display: none;
}
.technical-data[data-state="copied"] .technical-data-icon-copied {
  display: inline-flex;
}
.country-badge {
  border: 0.5px solid var(--border-hairline-solid);
  width: 30px;
  height: 30px;
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-label);
  color: var(--text-default);
  text-transform: uppercase;
  background: 0 0;
  border-radius: 2px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
[data-theme="dark"] .country-badge {
  border-color: var(--border-badge-emphasis);
}
.system-status {
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  display: inline-flex;
}
.system-status-cluster {
  align-items: center;
  gap: var(--space-2);
  display: inline-flex;
}
.system-status-sep {
  color: var(--text-subtle);
  font-size: var(--text-body);
}
.system-status-timestamp {
  font-family: var(--font-mono);
  font-size: var(--text-body);
  color: var(--text-muted);
  font-variant-numeric: tabular-nums;
}
.entity-grid {
  gap: var(--space-10);
  grid-template-columns: 1fr;
  display: grid;
}
@media (width>=768px) {
  .entity-grid {
    gap: var(--space-8);
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.entity-card {
  gap: var(--space-6);
}
.entity-card-header {
  align-items: center;
  gap: var(--space-3);
  flex-wrap: wrap;
  display: flex;
}
.entity-card-name {
  font-family: var(--font-display);
  font-size: var(--text-lead);
  font-weight: var(--weight-medium);
  line-height: var(--leading-snug);
  letter-spacing: var(--tracking-snug);
  color: var(--text-default);
  margin: 0;
}
.entity-card-address {
  line-height: var(--leading-snug);
  display: inline-block;
}
.entity-card-rows {
  gap: var(--space-3);
  flex-direction: column;
  display: flex;
}
.entity-card-row {
  gap: var(--space-1);
  flex-direction: column;
  display: flex;
}
.entity-card .technical-data {
  margin-inline: calc(var(--space-2) * -1);
  align-items: center;
  display: flex;
}
.entity-card .technical-data .technical-data-icon {
  margin-inline-start: auto;
}
.entity-card-row > .value-mono {
  padding: var(--space-1) var(--space-2);
  margin-inline: calc(var(--space-2) * -1);
  border: 1px solid #0000;
}
.attribute-list {
  flex-direction: column;
  margin: 0;
  display: flex;
}
.attribute-row {
  gap: var(--space-1);
  padding-block: var(--space-4);
  border-bottom: 1px solid var(--border-hairline);
  grid-template-columns: 1fr;
  display: grid;
}
.attribute-row:last-child {
  border-bottom: 0;
}
@media (width>=640px) {
  .attribute-row {
    gap: var(--space-6);
    grid-template-columns: minmax(11rem, 16rem) 1fr;
    align-items: baseline;
  }
}
.attribute-row-value {
  color: var(--text-default);
}
.attribute-row-supplement {
  color: var(--text-subtle);
  font-size: var(--text-body);
  margin-left: var(--space-2);
}
.prose-container {
  max-width: 65ch;
  color: var(--text-default);
  line-height: var(--leading-relaxed);
  margin-inline: 0;
}
.prose-container p {
  font-size: var(--text-paragraph);
  color: var(--text-muted);
  margin: 0 0 var(--space-4);
}
.prose-container p:last-child {
  margin-bottom: 0;
}
.prose-container a {
  color: var(--text-default);
  text-underline-offset: 0.2em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--border-muted);
  -webkit-text-decoration-color: var(--border-muted);
  text-decoration-color: var(--border-muted);
}
.prose-container a:hover {
  text-decoration-color: currentColor;
}
.prose-container h2 + h3 {
  margin-block-start: 0;
}
.prose-container ul,
.prose-container ol {
  margin: 0 0 var(--space-4);
  color: var(--text-muted);
  font-size: var(--text-paragraph);
  padding-inline-start: var(--space-6);
}
.prose-container ul {
  list-style: outside;
}
.prose-container ol {
  list-style: decimal;
}
.prose-container li {
  margin-bottom: var(--space-2);
  line-height: var(--leading-body);
}
.prose-container li:last-child {
  margin-bottom: 0;
}
.prose-container li::marker {
  color: var(--text-disabled);
}
.prose-container strong {
  color: var(--text-default);
  font-weight: var(--weight-medium);
}
.legal-page-width {
  max-width: calc(var(--content-max) + 14rem + var(--space-12));
  margin-inline: auto;
}
.legal-chips {
  gap: var(--space-2);
  margin-top: var(--space-5);
  flex-wrap: wrap;
  display: flex;
}
.legal-chip {
  align-items: baseline;
  gap: var(--space-2);
  padding: var(--space-1) var(--space-3);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  font-size: var(--text-body);
  color: var(--text-default);
  font-variant-numeric: tabular-nums;
  display: inline-flex;
}
.legal-chip-label {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  text-transform: uppercase;
  letter-spacing: var(--tracking-wide);
  color: var(--text-subtle);
}
.terms-switcher {
  align-items: center;
  gap: var(--space-3) var(--space-4);
  margin-top: var(--space-6);
  flex-wrap: wrap;
  display: flex;
}
.terms-switcher .legal-chips {
  margin-top: 0;
}
.terms-switcher-tabs {
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-pill);
  background: var(--bg-default);
  padding: 2px;
  display: inline-flex;
}
.terms-switcher-tab {
  appearance: none;
  font: inherit;
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  color: var(--text-subtle);
  padding: var(--space-1) var(--space-4);
  border-radius: var(--radius-pill);
  cursor: pointer;
  transition:
    color var(--duration-fast) ease,
    background-color var(--duration-fast) ease;
  background: 0 0;
  border: 0;
}
.terms-switcher-tab:hover {
  color: var(--text-default);
}
.terms-switcher-tab[aria-selected="true"] {
  background: var(--bg-inverted);
  color: var(--text-inverted);
}
.terms-panel[hidden] {
  display: none;
}
html.js .legal-clause,
html.js .hero,
html.js .hero .hero-image,
html.js .hero [data-reveal],
html.js .cta-block {
  opacity: 1;
  transition: none;
  transform: none;
}
.legal-layout {
  gap: var(--space-6);
  grid-template-columns: minmax(0, 1fr);
  display: grid;
}
@media (width>=1024px) {
  .legal-layout {
    grid-template-columns: minmax(0, var(--content-max)) minmax(0, 14rem);
    justify-content: center;
    gap: var(--space-12);
    align-items: start;
  }
  .legal-layout > .legal-clauses {
    grid-area: 1/1;
    min-width: 0;
  }
  .legal-layout > .legal-toc {
    grid-area: 1/2;
  }
}
.legal-clauses {
  min-width: 0;
}
.legal-clause + .legal-clause {
  margin-block-start: var(--space-16);
}
.legal-clause .entity-grid {
  grid-template-columns: 1fr;
}
@media (width>=768px) {
  .legal-clause .entity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.prose-container ol.legal-numbered {
  margin: 0 0 var(--space-4);
  counter-reset: legal-sub;
  gap: var(--space-3);
  flex-direction: column;
  padding-inline-start: 0;
  list-style: none;
  display: flex;
}
.prose-container ol.legal-numbered > li {
  counter-increment: legal-sub;
  color: var(--text-muted);
  line-height: var(--leading-body);
  margin-bottom: 0;
  padding-inline-start: 3.5em;
  list-style: none;
  position: relative;
}
.prose-container ol.legal-numbered > li::marker {
  content: none;
}
.prose-container ol.legal-numbered > li:before {
  content: counter(legal-section) "." counter(legal-sub);
  font-variant-numeric: tabular-nums;
  color: var(--text-default);
  font-weight: var(--weight-medium);
  inset-inline-start: 0;
  position: absolute;
  top: 0;
}
.legal-clause[data-section-num="1"] {
  counter-set: legal-section 1;
}
.legal-clause[data-section-num="2"] {
  counter-set: legal-section 2;
}
.legal-clause[data-section-num="7"] {
  counter-set: legal-section 7;
}
.legal-clause[data-section-num="8"] {
  counter-set: legal-section 8;
}
.legal-clause[data-section-num="9"] {
  counter-set: legal-section 9;
}
.legal-clause[data-section-num="10"] {
  counter-set: legal-section 10;
}
.legal-clause[data-section-num="11"] {
  counter-set: legal-section 11;
}
.legal-clause[data-section-num="12"] {
  counter-set: legal-section 12;
}
.legal-clause[data-section-num="13"] {
  counter-set: legal-section 13;
}
.legal-clause[data-section-num="14"] {
  counter-set: legal-section 14;
}
.legal-clause[data-section-num="15"] {
  counter-set: legal-section 15;
}
.legal-toc {
  font-size: var(--text-body);
  line-height: var(--leading-snug);
}
.legal-toc-summary {
  cursor: default;
  font-family: var(--font-display);
  font-size: var(--text-paragraph);
  font-weight: var(--weight-medium);
  line-height: var(--leading-relaxed);
  color: var(--text-default);
  margin-block-end: var(--space-3);
  list-style: none;
  display: block;
}
.legal-toc-summary::-webkit-details-marker {
  display: none;
}
.legal-toc-nav {
  margin: 0;
}
.legal-toc-list {
  gap: var(--space-3);
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.legal-toc-list li {
  margin: 0;
}
.legal-toc-list a {
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
  color: var(--text-default);
  transition: color var(--duration-fast) ease;
  text-decoration: none;
  display: block;
}
.legal-toc-list a:hover,
.legal-toc-list a:focus-visible {
  color: var(--text-info);
}
.legal-toc-list a[aria-current="location"] {
  color: var(--text-info);
  font-weight: var(--weight-medium);
}
@media (width<=1023px) {
  .legal-toc {
    display: none;
  }
}
@media (width>=1024px) {
  .legal-toc {
    background: var(--bg-default);
    border: 1px solid var(--border-subtle);
    border-radius: var(--radius-sm, 4px);
    max-height: calc(100vh - 6rem);
    padding: var(--space-8);
    position: sticky;
    top: calc(3.75rem + 24px);
    overflow-y: auto;
  }
}
.subprocessor-card-address {
  line-height: var(--leading-snug);
}
.subprocessor-card-description {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--text-subtle);
  text-wrap: pretty;
  margin: 0;
}
.imprint-link {
  color: var(--text-default);
  text-underline-offset: 0.2em;
  text-decoration: underline;
  -webkit-text-decoration-color: var(--border-muted);
  -webkit-text-decoration-color: var(--border-muted);
  text-decoration-color: var(--border-muted);
}
.imprint-link:hover {
  text-decoration-color: currentColor;
}
.contact-legal-pointer {
  max-width: 40rem;
  color: var(--text-muted);
  font-size: var(--text-body);
}
.contact-legal-pointer a {
  color: var(--text-default);
  text-underline-offset: 0.2em;
  text-decoration: underline;
}
.offices-grid {
  gap: var(--space-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
@media (width<=767px) {
  .offices-grid {
    grid-template-columns: 1fr;
  }
}
.card-hairline {
  border: 0.5px solid var(--border-hairline-solid);
  border-radius: var(--radius-md);
  background: var(--bg-default);
  box-shadow: var(--shadow-soft);
  padding: var(--space-5);
  flex-direction: column;
  display: flex;
}
[data-theme="dark"] .card-hairline {
  border-color: var(--border-hairline);
}
.office-card {
  gap: var(--space-2);
}
.office-header {
  align-items: center;
  gap: var(--space-3);
  display: flex;
}
.office-city-wrap {
  align-items: center;
  gap: var(--space-2);
  min-width: 0;
  display: inline-flex;
}
.office-city {
  font-size: var(--text-paragraph);
  font-weight: var(--weight-semibold);
  color: var(--text-default);
  line-height: var(--leading-tight);
}
.office-maps-link {
  border-radius: var(--radius-sm);
  width: 28px;
  height: 28px;
  color: var(--text-muted);
  opacity: 0;
  justify-content: center;
  align-items: center;
  margin-inline-start: auto;
  text-decoration: none;
  transition:
    opacity 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    color 0.15s ease-in-out;
  display: inline-flex;
}
.office-card:hover .office-maps-link,
.office-card:focus-within .office-maps-link {
  opacity: 1;
}
.office-maps-link:hover,
.office-maps-link:focus-visible {
  background-color: var(--overlay-surface-hover);
  color: var(--text-default);
  outline: none;
}
[data-theme="dark"] .office-maps-link:hover,
[data-theme="dark"] .office-maps-link:focus-visible {
  background-color: var(--overlay-surface-hover);
  color: var(--text-oncolor);
}
.office-maps-icon {
  stroke-width: 1.5px;
  width: 16px;
  height: 16px;
}
@media (prefers-reduced-motion: reduce) {
  .office-maps-link {
    transition: none;
  }
}
.office-status {
  align-items: center;
  display: inline-flex;
}
.office-dot {
  background: var(--green-solid);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
  position: relative;
}
.technical-data.office-address-copy {
  width: 100%;
  padding: var(--space-2) var(--space-3);
  font-size: var(--text-body);
  line-height: var(--leading-mono);
  color: var(--text-subtle);
  align-items: flex-start;
  margin-inline: 0;
  display: flex;
}
.technical-data.office-address-copy:hover,
.technical-data.office-address-copy:focus-visible {
  color: var(--text-default);
}
[data-theme="dark"] .technical-data.office-address-copy:hover,
[data-theme="dark"] .technical-data.office-address-copy:focus-visible {
  color: var(--text-oncolor);
}
.technical-data.office-address-copy .technical-data-icon {
  margin-inline-start: auto;
  margin-top: 2px;
}
.office-meta {
  border-block-start: 0.5px solid var(--border-hairline-solid);
  align-items: center;
  gap: var(--space-1);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-wide);
  color: var(--text-subtle);
  flex-wrap: wrap;
  margin-block-start: var(--space-2);
  padding-block-start: var(--space-5);
  display: flex;
}
[data-theme="dark"] .office-meta {
  border-block-start-color: var(--border-hairline-faint);
  color: var(--text-on-subtle-muted);
}
.office-meta-label {
  color: var(--text-disabled);
  letter-spacing: var(--tracking-wide);
}
[data-theme="dark"] .office-meta-label {
  color: var(--chrome-mega-section);
}
.office-meta-sep {
  opacity: 0.5;
}
.office-time {
  font-variant-numeric: tabular-nums;
  min-width: 36px;
}
.office-card .visually-hidden {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .office-card {
    transition: none;
  }
  .office-dot {
    animation: none;
  }
}
.manifesto-hero {
  padding-block: var(--space-24) 0;
}
.manifesto-inner {
  padding-block-end: var(--space-24);
}
.manifesto-meta {
  margin: 0 0 var(--space-8);
  font-weight: var(--weight-semibold);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  display: inline-flex;
}
.manifesto-meta-label {
  opacity: 0.55;
}
.manifesto-meta-value {
  color: var(--text-default);
}
.manifesto-meta-sep {
  opacity: 0.4;
}
.manifesto-headline {
  text-wrap: balance;
  max-width: 24ch;
}
.manifesto-sub {
  margin: var(--space-6) 0 0;
  max-width: 48ch;
  font-size: var(--text-lead);
  line-height: var(--leading-snug);
  color: var(--text-muted);
  text-wrap: pretty;
}
.principles-list {
  margin: 0;
  padding: 0;
}
.principles-row {
  gap: var(--space-6) var(--space-10);
  padding-block: var(--space-6);
  border-block-end: 0.5px solid var(--border-hairline-solid);
  grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
  display: grid;
}
[data-theme="dark"] .principles-row {
  border-block-end-color: var(--border-hairline);
}
.principles-row:last-child {
  border-block-end: 0;
}
@media (width<=767px) {
  .principles-row {
    gap: var(--space-3);
    grid-template-columns: 1fr;
  }
}
.principles-key {
  gap: var(--space-2);
  font-family: var(--font-display);
  font-size: var(--text-lead);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-snug);
  color: var(--text-default);
  flex-direction: column;
  margin: 0;
  display: flex;
}
.principles-prefix {
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  font-weight: var(--weight-semibold);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-subtle);
}
.principles-value {
  font-size: var(--text-paragraph);
  line-height: var(--leading-body);
  color: var(--text-muted);
  text-wrap: pretty;
  margin: 0;
}
.department-grid {
  border-block-start: 0.5px solid var(--border-hairline-solid);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
[data-theme="dark"] .department-grid {
  border-block-start-color: var(--border-hairline);
}
@media (width<=767px) {
  .department-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (width<=479px) {
  .department-grid {
    grid-template-columns: 1fr;
  }
}
.department-row {
  border-block-end: 0.5px solid var(--border-hairline-solid);
}
[data-theme="dark"] .department-row {
  border-block-end-color: var(--border-hairline);
}
.department-row:not(:nth-child(3n)) {
  border-inline-end: 0.5px solid var(--border-hairline-solid);
}
[data-theme="dark"] .department-row:not(:nth-child(3n)) {
  border-inline-end-color: var(--border-hairline);
}
@media (width<=767px) {
  .department-row:not(:nth-child(3n)) {
    border-inline-end: 0;
  }
  .department-row:not(:nth-child(2n)) {
    border-inline-end: 0.5px solid var(--border-hairline-solid);
  }
  [data-theme="dark"] .department-row:not(:nth-child(2n)) {
    border-inline-end-color: var(--border-hairline);
  }
}
@media (width<=479px) {
  .department-row:not(:nth-child(2n)) {
    border-inline-end: 0 !important;
  }
}
.department-link {
  align-items: center;
  gap: var(--space-2);
  padding: var(--space-4) var(--space-5);
  color: var(--text-default);
  text-decoration: none;
  transition:
    background 0.15s ease-in-out,
    color 0.15s ease-in-out;
  display: flex;
  position: relative;
}
.department-link:hover,
.department-link:focus-visible {
  background: var(--bg-default);
  outline: none;
}
[data-theme="dark"] .department-link:hover,
[data-theme="dark"] .department-link:focus-visible {
  background: var(--overlay-row-hover);
  color: var(--text-oncolor);
}
.department-name {
  font-family: var(--font-mono);
  font-size: var(--text-body);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  font-weight: var(--weight-semibold);
}
.department-count {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  letter-spacing: var(--tracking-label);
  color: var(--text-subtle);
}
.department-arrow {
  color: var(--text-subtle);
  opacity: 0.4;
  stroke-width: 1.5px;
  margin-inline-start: auto;
  transition:
    opacity 0.15s ease-in-out,
    transform 0.15s ease-in-out,
    color 0.15s ease-in-out;
}
.department-link:hover .department-arrow,
.department-link:focus-visible .department-arrow {
  opacity: 1;
  color: var(--text-default);
  transform: translate(2px, -2px);
}
[data-theme="dark"] .department-link:hover .department-arrow,
[data-theme="dark"] .department-link:focus-visible .department-arrow {
  color: var(--text-oncolor);
}
.department-arrow-label {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
@media (prefers-reduced-motion: reduce) {
  .department-link,
  .department-arrow {
    transition: none;
  }
  .department-link:hover .department-arrow,
  .department-link:focus-visible .department-arrow {
    transform: none;
  }
}
.growth-card {
  border: 0.5px solid var(--border-hairline-solid);
  padding: var(--space-10) var(--space-8);
  gap: var(--space-6) var(--space-6);
  background: 0 0;
  border-radius: 12px;
  grid-template-columns: 1fr auto;
  grid-template-areas: "status status" "headline headline" "spacer cta";
  align-items: end;
  display: grid;
  position: relative;
}
[data-theme="dark"] .growth-card {
  border-color: var(--border-hairline);
}
@media (width<=767px) {
  .growth-card {
    padding: var(--space-8) var(--space-6);
    gap: var(--space-5);
    grid-template-columns: 1fr;
    grid-template-areas: "status" "headline" "cta";
  }
}
.growth-status {
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-mono);
  font-size: var(--text-2xs);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--text-subtle);
  flex-wrap: wrap;
  grid-area: status;
  display: inline-flex;
}
.growth-status-label {
  font-weight: var(--weight-bold);
  color: var(--text-default);
}
.growth-status-sep {
  opacity: 0.4;
}
.growth-status-state {
  align-items: center;
  gap: var(--space-2);
  font-weight: var(--weight-semibold);
  color: var(--text-default);
  display: inline-flex;
}
.growth-headline {
  font-family: var(--font-display);
  font-size: var(--text-section);
  line-height: var(--leading-section);
  letter-spacing: var(--tracking-tight);
  color: var(--text-default);
  text-wrap: balance;
  grid-area: headline;
  max-width: 32ch;
  margin: 0;
}
.growth-cta {
  font-family: var(--font-mono);
  font-size: var(--text-body);
  letter-spacing: var(--tracking-label);
  font-weight: var(--weight-semibold);
  color: var(--text-default);
  padding: var(--space-2) var(--space-3);
  border-radius: var(--radius-sm);
  grid-area: cta;
  align-items: center;
  gap: 6px;
  margin: -8px -12px;
  text-decoration: none;
  transition:
    background 0.15s ease-in-out,
    color 0.15s ease-in-out;
  display: inline-flex;
}
.growth-cta:hover,
.growth-cta:focus-visible {
  background: var(--bg-default);
  outline: none;
}
[data-theme="dark"] .growth-cta:hover,
[data-theme="dark"] .growth-cta:focus-visible {
  background: var(--overlay-row-hover);
  color: var(--text-oncolor);
}
.growth-cta-arrow {
  stroke-width: 1.5px;
  transition: transform var(--duration-fast) ease-in-out;
}
.growth-cta:hover .growth-cta-arrow,
.growth-cta:focus-visible .growth-cta-arrow {
  transform: translate(2px, -2px);
}
@media (prefers-reduced-motion: reduce) {
  .growth-cta-arrow {
    transition: none;
  }
  .growth-cta:hover .growth-cta-arrow,
  .growth-cta:focus-visible .growth-cta-arrow {
    transform: none;
  }
}
.feature-grid .grid {
  gap: var(--space-6);
  grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
@media (width>=768px) {
  .feature-grid[data-columns="3"] .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .feature-grid[data-columns="4"] .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (width<=639px) {
  .feature-grid .grid {
    grid-template-columns: 1fr;
  }
}
.feature-grid .card {
  background: var(--bg-default);
  border: 1px solid var(--border-muted);
  box-shadow: var(--shadow-sm);
  padding: var(--space-6);
  min-height: 240px;
  transition:
    box-shadow var(--duration-fast) var(--ease-out),
    transform var(--duration-fast) var(--ease-out);
  border-radius: 12px;
}
.feature-grid .card-inner {
  height: 100%;
  color: inherit;
  flex-direction: column;
  justify-content: space-between;
  text-decoration: none;
  display: flex;
}
.feature-grid .card-linked:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.feature-grid .card-linked .card-inner:focus-visible {
  outline: 2px solid var(--border-info);
  outline-offset: 2px;
  border-radius: 12px;
}
.feature-grid[id] {
  scroll-margin-block-start: var(--space-20);
}
.feature-grid .feature-icon-wrap {
  background: var(--bg-subtle);
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}
.feature-grid .feature-icon {
  color: var(--text-subtle);
  stroke-width: 1.5px;
  display: block;
}
.feature-grid .feature-text {
  gap: var(--space-2);
  flex-direction: column;
  display: flex;
}
.feature-grid .card h3 {
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  line-height: var(--leading-body);
  color: var(--text-default);
  margin: 0;
}
.feature-grid .card p {
  font-size: var(--text-body);
  font-weight: var(--weight-regular);
  line-height: var(--leading-normal);
  color: var(--text-subtle);
  margin: 0;
}
.feature-grid .footnote {
  text-align: center;
  color: var(--text-subtle);
  font-size: var(--text-body);
  margin-block-start: var(--space-6);
}
.how-to-steps .hts-list {
  max-width: var(--content-doc);
  gap: var(--space-6);
  flex-direction: column;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
}
.how-to-steps .hts-step {
  align-items: flex-start;
  gap: var(--space-4);
  display: flex;
}
.how-to-steps .hts-marker {
  border: 1px solid var(--border-default);
  border-radius: var(--radius-pill);
  block-size: 2rem;
  inline-size: 2rem;
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  font-variant-numeric: tabular-nums;
  color: var(--text-default);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.how-to-steps .hts-text h3 {
  font-size: var(--text-card);
  line-height: var(--leading-card);
  letter-spacing: var(--tracking-snug);
  font-weight: var(--weight-medium);
  color: var(--text-default);
  margin: 0 0 var(--space-1);
}
.how-to-steps .hts-text p {
  font-size: var(--text-body);
  line-height: var(--leading-normal);
  color: var(--text-subtle);
  margin: 0;
}
.hero .hero-inner {
  max-width: 33rem;
  margin-inline: auto;
}
.hero .section-header {
  margin-block-end: 0;
}
.hero .hero-cta-note {
  font-size: var(--text-caption);
  line-height: var(--leading-normal);
  color: var(--text-subtle);
  text-align: center;
  margin-block-start: var(--space-3);
}
.hero .section-header .section-sub {
  color: var(--text-muted);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  margin-block-start: var(--space-6);
}
.hero .ctas {
  gap: var(--space-3);
  flex-wrap: wrap;
  justify-content: center;
  margin-block-start: var(--space-6);
  display: flex;
}
html.js .hero-split {
  opacity: 1 !important;
  transform: none !important;
}
.hero-split.section-p-xl {
  padding-block-start: 7.5rem;
  padding-block-end: var(--space-10);
}
.hs-inner {
  gap: var(--space-8);
  align-items: center;
  display: flex;
}
.hs-left {
  flex: 1 0 0;
  align-items: center;
  min-width: 0;
  display: flex;
}
.hs-content {
  gap: var(--space-6);
  flex-direction: column;
  width: 100%;
  max-width: 528px;
  display: flex;
}
.hs-text {
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
}
.hs-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  font-weight: var(--weight-medium);
  line-height: var(--leading-mono);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-subtle);
  margin: 0;
}
.hs-heading {
  font-family: var(--font-display);
  font-size: var(--text-section);
  font-weight: var(--weight-medium);
  line-height: var(--leading-section);
  letter-spacing: var(--tracking-tighter);
  font-optical-sizing: auto;
  color: var(--text-default);
  text-wrap: balance;
  margin: 0;
}
.hs-sub {
  font-size: var(--text-body);
  font-weight: var(--weight-regular);
  line-height: var(--leading-body);
  color: var(--text-muted);
  margin: 0;
}
.hs-ctas {
  gap: var(--space-3);
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}
.hs-media {
  background: var(--bg-muted);
  border-radius: 8px;
  flex-shrink: 0;
  width: 584px;
  height: 438px;
  position: relative;
  overflow: hidden;
}
.hs-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}
@media (width<=1023px) {
  .hs-inner {
    gap: var(--space-8);
    flex-direction: column;
  }
  .hs-left {
    width: 100%;
  }
  .hs-content {
    max-width: 100%;
  }
  .hs-media {
    aspect-ratio: 4/3;
    width: 100%;
    height: auto;
  }
}
.fm > .container-page {
  align-items: center;
  gap: 136px;
  display: flex;
}
.fm-left > .container-page {
  flex-direction: row;
  padding-inline-end: 48px;
}
.fm-right > .container-page {
  flex-direction: row-reverse;
  padding-inline-start: 48px;
}
.fm-image {
  background: var(--bg-muted);
  aspect-ratio: 4/3;
  border-radius: 8px;
  flex: 1 0 0;
  min-width: 0;
  max-width: 592px;
  position: relative;
  overflow: hidden;
}
.fm-content {
  flex: 1 0 0;
  min-width: 0;
  max-width: 428px;
}
.fm-image-placeholder {
  position: absolute;
  inset: 0;
}
.fm-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}
.fm-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  font-weight: var(--weight-medium);
  line-height: var(--leading-mono);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--text-subtle);
  margin: 0 0 var(--space-4);
}
.fm-heading {
  font-family: var(--font-display);
  font-size: var(--text-sub);
  line-height: var(--leading-sub);
  letter-spacing: var(--tracking-snug);
  font-weight: var(--weight-medium);
  margin: 0 0 var(--space-4);
  color: var(--text-default);
  text-wrap: balance;
}
.fm-heading-muted {
  color: var(--text-subtle);
}
.fm-body {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--text-subtle);
  text-wrap: pretty;
  margin: 0;
}
.fm-bullets {
  margin: var(--space-8) 0 0;
  gap: var(--space-2);
  flex-direction: column;
  padding: 0;
  list-style: none;
  display: flex;
}
.fm-bullet-item {
  align-items: flex-start;
  gap: 6px;
  display: flex;
}
.fm-bullet-icon {
  flex-shrink: 0;
  margin-top: 4px;
}
.fm-bullet-item span {
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  line-height: var(--leading-body);
  color: var(--text-default);
}
@media (width<=767px) {
  .fm > .container-page,
  .fm-left > .container-page,
  .fm-right > .container-page {
    gap: var(--space-8);
    padding-inline: var(--space-4);
    flex-direction: column;
  }
  .fm-image {
    flex: none;
    order: 2;
    width: 100%;
    max-width: 100%;
  }
  .fm-content {
    flex: none;
    order: 1;
    max-width: 100%;
  }
}
.cta-block {
  background: var(--inverted-surface);
  color: var(--inverted-text);
  margin-block-start: var(--space-12);
}
html[data-auth-state="authenticated"] .cta-block {
  display: none;
}
.cta-block .cta-inner {
  align-items: flex-start;
  gap: var(--space-6);
  flex-direction: column;
  padding-block: 120px;
  display: flex;
}
.cta-block .cta-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  font-weight: var(--weight-medium);
  line-height: var(--leading-mono);
  letter-spacing: var(--tracking-label);
  text-transform: uppercase;
  color: var(--inverted-text-muted);
  margin: 0;
}
.cta-block .cta-heading {
  font-size: var(--text-section);
  font-weight: var(--weight-medium);
  line-height: var(--leading-section);
  letter-spacing: var(--tracking-tight);
  color: var(--inverted-text);
  max-width: 32ch;
  margin: 0;
}
.cta-block .cta-muted {
  color: var(--inverted-text-muted);
}
.cta-block .cta-body {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  color: var(--inverted-text-muted);
  max-width: 52ch;
  margin: 0;
}
.cta-block .cta-actions {
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  display: flex;
}
@media (width<=639px) {
  .cta-block .cta-actions {
    gap: 8px;
  }
}
.cta-block .cta-btn-primary {
  height: 48px;
  padding-inline: var(--space-6);
  background: var(--inverted-action-bg);
  border: 1px solid var(--inverted-action-border);
  box-shadow: var(--shadow-sm);
  color: var(--inverted-action-text);
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  line-height: var(--leading-body);
  white-space: nowrap;
  transition:
    background var(--duration-fast) ease,
    color var(--duration-fast) ease;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}
.cta-block .cta-btn-primary:hover {
  background: var(--inverted-action-bg-hover);
  color: var(--inverted-action-text);
}
.cta-block .cta-btn-demo {
  align-items: center;
  gap: var(--space-3);
  background: var(--inverted-action-bg);
  height: 48px;
  color: var(--inverted-action-text);
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  line-height: var(--leading-body);
  white-space: nowrap;
  transition:
    background var(--duration-fast) ease,
    color var(--duration-fast) ease;
  border-radius: 9999px;
  padding-inline-start: var(--space-4);
  padding-inline-end: var(--space-6);
  text-decoration: none;
  display: inline-flex;
}
.cta-block .cta-btn-demo:hover {
  background: var(--inverted-action-bg-hover);
  color: var(--inverted-action-text);
}
.cta-block .cta-btn-demo:hover .cta-demo-circle {
  box-shadow: 0 0 0 3px var(--inverted-action-bg-hover);
}
.cta-block .cta-demo-icon {
  flex-shrink: 0;
  align-items: center;
  display: flex;
}
.cta-block .cta-demo-circle {
  background: var(--inverted-surface);
  width: 24px;
  height: 24px;
  box-shadow: 0 0 0 3px var(--inverted-action-bg);
  transition: box-shadow var(--duration-fast) ease;
  object-fit: cover;
  border-radius: 50%;
  flex-shrink: 0;
  display: block;
}
.cta-block .cta-demo-circle + .cta-demo-circle {
  margin-inline-start: -8px;
}
.cta-block .cta-btn-secondary {
  height: 48px;
  padding-inline: var(--space-6);
  color: var(--inverted-text);
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  line-height: var(--leading-body);
  border: 1px solid var(--overlay-on-dark-muted);
  white-space: nowrap;
  transition:
    border-color var(--duration-fast) ease,
    background var(--duration-fast) ease;
  background: 0 0;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: inline-flex;
}
.cta-block .cta-btn-secondary:hover {
  border-color: var(--overlay-on-dark-emphasized);
  background: var(--overlay-on-dark-subtle);
}
[data-theme="dark"] .cta-block {
  background: var(--inverted-surface-raised);
}
@media (width<=639px) {
  .cta-block .cta-inner {
    padding-block: 64px;
  }
}
.pricing-hero {
  padding-block: var(--space-20) var(--space-10);
  text-align: center;
}
.pricing-hero-sub {
  font-size: 18px;
  line-height: var(--leading-normal);
  color: var(--text-subtle);
  margin: 0;
}
.tq-section {
  padding-block: var(--space-12);
}
@media (width<=767px) {
  .tq-section {
    padding-block: var(--space-8);
  }
}
.metric-grid-header {
  margin-block-end: 96px;
}
.metric-grid-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  letter-spacing: var(--tracking-wide);
  text-transform: uppercase;
  color: var(--text-subtle);
  margin: 0 0 var(--space-4);
}
.metric-grid-header--center {
  text-align: center;
}
.metric-grid-heading {
  font-size: var(--text-section);
  font-weight: var(--weight-medium);
  line-height: var(--leading-section);
  letter-spacing: var(--tracking-tighter);
  color: var(--text-default);
  margin: 0;
}
.metric-grid-heading-muted {
  color: var(--text-subtle);
}
.metric-grid-sub {
  font-size: var(--text-paragraph);
  color: var(--text-subtle);
  margin: var(--space-3) 0 0;
}
.metric-grid-stats {
  grid-template-columns: repeat(4, 1fr);
  gap: 96px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}
.metric-grid-stat {
  flex-direction: column;
  gap: 8px;
  display: flex;
}
.metric-grid-value {
  font-family: var(--font-quote);
  font-size: var(--text-stat);
  font-weight: var(--weight-regular);
  line-height: var(--leading-none);
  letter-spacing: var(--tracking-tighter);
  color: var(--text-default);
  margin: 0;
}
.metric-grid-label {
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  line-height: var(--leading-body);
  color: var(--text-subtle);
  max-height: 44px;
  margin: 0;
  overflow: hidden;
}
.metric-grid-attribution {
  font-size: var(--text-caption);
  font-weight: var(--weight-medium);
  line-height: var(--leading-normal);
  color: var(--text-default);
  margin: 0;
}
@media (width<=767px) {
  .metric-grid-stats {
    gap: var(--space-10);
    grid-template-columns: repeat(2, 1fr);
  }
  .metric-grid-header {
    margin-block-end: var(--space-12);
  }
  .pricing-table.section-p-lg {
    padding-block-start: var(--space-4);
  }
}
.pricing-table .pricing-controls {
  gap: var(--space-3) var(--space-4);
  margin-block: 0 var(--space-8);
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.pricing-table .tiers {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  align-items: stretch;
  gap: 20px 0;
  margin: 0;
  padding: 40px 0 0;
  list-style: none;
  display: grid;
}
.pricing-table .tier {
  background: var(--bg-default);
  border: 1px solid var(--border-muted);
  grid-template-rows: subgrid;
  border-radius: 0;
  grid-row: span 6;
  margin-left: -1px;
  padding: 32px;
  display: grid;
  position: relative;
}
.pricing-table .tier--highlighted {
  border-color: var(--bg-inverted);
  z-index: 1;
}
.pricing-table .tier-popular {
  background: var(--bg-inverted);
  color: var(--text-oncolor);
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  letter-spacing: var(--tracking-mono);
  text-transform: uppercase;
  white-space: nowrap;
  border-radius: 0;
  padding: 8px 12px;
  position: absolute;
  top: -33px;
  left: -1px;
}
.pricing-table .tier-header {
  flex-direction: column;
  gap: 4px;
  display: flex;
}
.pricing-table .tier-eyebrow {
  font-family: var(--font-mono);
  font-size: var(--text-mono);
  letter-spacing: var(--tracking-mono);
  text-transform: uppercase;
  color: var(--text-subtle);
  margin: 0;
}
.pricing-table .tier-name {
  font-size: var(--text-sub);
  font-weight: var(--weight-medium);
  line-height: var(--leading-sub);
  letter-spacing: var(--tracking-snug);
  color: var(--text-default);
  margin: 0;
}
.pricing-table .tier-tagline {
  font-size: var(--text-body);
  line-height: var(--leading-normal);
  color: var(--text-subtle);
  margin: 0;
}
.pricing-table .tier-price-row {
  align-items: baseline;
  gap: 6px;
  display: flex;
}
.pricing-table .tier-amount {
  font-size: var(--text-stat-sm);
  font-weight: var(--weight-medium);
  line-height: var(--leading-sub);
  letter-spacing: var(--tracking-snug);
  color: var(--text-default);
}
.pricing-table .tier-amount--custom {
  color: var(--text-subtle);
}
.pricing-table .tier-billing {
  font-size: var(--text-caption);
  color: var(--text-subtle);
}
.pricing-table .tier-billing-note {
  font-size: var(--text-body);
  color: var(--text-subtle);
  visibility: hidden;
  min-height: 1lh;
  margin: -16px 0 0;
}
.pricing-table .tier-billing-note.is-visible {
  visibility: visible;
}
.pricing-table .tier-save-badge {
  border: 1px solid var(--border-success);
  border-radius: var(--radius-pill);
  font-size: var(--text-mono);
  font-weight: var(--weight-medium);
  line-height: var(--leading-mono);
  color: var(--text-success);
  vertical-align: middle;
  background: 0 0;
  margin-inline-start: 6px;
  padding: 1px 7px;
  display: inline-block;
}
.pricing-table .tier-section {
  flex-direction: column;
  gap: 10px;
  display: flex;
}
.pricing-table .tier-section-heading {
  font-size: var(--text-body);
  font-weight: var(--weight-medium);
  color: var(--text-default);
  margin: 0;
}
.pricing-table .tier-items {
  flex-direction: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.pricing-table .tier-item {
  font-size: var(--text-body);
  color: var(--text-subtle);
  line-height: var(--leading-snug);
  align-items: flex-start;
  gap: 8px;
  display: flex;
}
.pricing-table .tier-item-icon {
  width: 16px;
  height: 16px;
  color: var(--text-default);
  flex-shrink: 0;
  margin-block-start: 0.15em;
}
.pricing-table .pricing-vat-note {
  text-align: center;
  color: var(--text-muted);
  font-size: var(--text-body);
  margin-block-start: var(--space-3);
}
.ct-outer {
  border: 1px solid var(--border-subtle);
  border-radius: inherit;
  overflow: clip;
}
.ct-scroll {
  -webkit-overflow-scrolling: touch;
  border-radius: inherit;
  overflow-x: auto;
}
.ct-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  min-width: 640px;
}
.ct-table th,
.ct-table td {
  font-size: var(--text-body);
  line-height: var(--leading-body);
  text-align: left;
  font-weight: var(--weight-regular);
  color: var(--text-default);
  border-right: 1px solid var(--border-subtle);
  border-bottom: 1px solid var(--border-subtle);
  padding: 12px 16px;
}
.ct-table th:last-child,
.ct-table td:last-child {
  border-right: none;
}
.ct-table tbody tr:last-child .ct-feature-cell,
.ct-table tbody tr:last-child .ct-value-cell {
  border-bottom: none;
}
.ct-feature-header,
.ct-tier-header {
  background: var(--bg-subtle);
  font-weight: var(--weight-medium);
  color: var(--text-default);
}
.ct-group-row .ct-group-cell {
  background: var(--bg-subtle);
  font-weight: var(--weight-medium);
  color: var(--text-default);
  border-right: none;
}
.ct-feature-cell {
  font-weight: var(--weight-regular);
  color: var(--text-default);
}
.ct-feature-link {
  color: inherit;
  border-bottom: 1px solid var(--border-subtle, currentColor);
  text-decoration: none;
}
.ct-feature-link:hover,
.ct-check {
  color: var(--text-default);
}
.ct-cross {
  color: var(--text-subtle);
}
@media (width<=767px) {
  .section-p-sm {
    padding-block: var(--space-6);
  }
  .section-p-md {
    padding-block: var(--space-8);
  }
  .section-p-lg {
    padding-block: var(--space-10);
  }
  .section-p-xl {
    padding-block: var(--space-12);
  }
}
:where(input[type="checkbox"]:not([data-control="switch"])) {
  appearance: none;
  border: 1px solid var(--border-default);
  cursor: pointer;
  width: 1rem;
  height: 1rem;
  transition:
    background-color var(--duration-fast) var(--ease-out),
    border-color var(--duration-fast) var(--ease-out);
  background: 0 0;
  border-radius: 4px;
  flex-shrink: 0;
  place-content: center;
  padding: 0;
  display: inline-grid;
}
:where(input[type="checkbox"]:not([data-control="switch"]):hover) {
  border-color: var(--border-emphasized);
}
:where(input[type="checkbox"]:not([data-control="switch"]):checked) {
  background: var(--gray-solid);
  border-color: var(--gray-solid);
}
:where(input[type="checkbox"]:not([data-control="switch"])):before {
  content: "";
  background-color: var(--bg-default);
  width: 0.625rem;
  height: 0.625rem;
  transition: transform var(--duration-fast) var(--ease-out);
  transform: scale(0);
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><path d='M20 6 9 17l-5-5'/></svg>")
    50% / contain no-repeat;
}
:where(input[type="checkbox"]:not([data-control="switch"]):checked):before {
  transform: scale(1);
}
:where(input[type="checkbox"]:not([data-control="switch"]):focus-visible) {
  border-color: var(--border-emphasized);
  box-shadow: var(--ring-shadow);
  outline: none;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  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: 0;
}
@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-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
.astro-route-announcer {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
@keyframes astroFadeInOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes astroFadeIn {
  0% {
    opacity: 0;
    mix-blend-mode: plus-lighter;
  }
  to {
    opacity: 1;
    mix-blend-mode: plus-lighter;
  }
}
@keyframes astroFadeOut {
  0% {
    opacity: 1;
    mix-blend-mode: plus-lighter;
  }
  to {
    opacity: 0;
    mix-blend-mode: plus-lighter;
  }
}
@keyframes astroSlideFromRight {
  0% {
    transform: translate(100%);
  }
}
@keyframes astroSlideFromLeft {
  0% {
    transform: translate(-100%);
  }
}
@keyframes astroSlideToRight {
  to {
    transform: translate(100%);
  }
}
@keyframes astroSlideToLeft {
  to {
    transform: translate(-100%);
  }
}
@media (prefers-reduced-motion) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*),
  [data-astro-transition-scope] {
    animation: none !important;
  }
}
.cookie-banner[data-astro-cid-yq2slitq] {
  background: var(--chrome-backdrop);
  max-width: 22rem;
  -webkit-backdrop-filter: var(--frost);
  color: var(--text-default);
  border: 0.5px solid var(--border-default);
  border-radius: var(--radius-md);
  padding: var(--space-5);
  box-shadow: var(--shadow-lg);
  z-index: var(--z-overlay);
  gap: var(--space-4);
  flex-direction: column;
  display: flex;
  position: fixed;
  inset-block-end: var(--space-4);
  inset-inline-end: var(--space-4);
}
.cookie-banner[data-astro-cid-yq2slitq][hidden],
html[data-menu-open="true"] .cookie-banner[data-astro-cid-yq2slitq] {
  display: none;
}
.cookie-banner-body[data-astro-cid-yq2slitq] {
  color: var(--text-default);
  font-size: var(--text-body);
  line-height: var(--leading-snug);
  margin: 0;
}
.cookie-banner-link[data-astro-cid-yq2slitq] {
  color: var(--text-default);
  text-underline-offset: 2px;
  text-decoration: underline;
}
.cookie-banner-link[data-astro-cid-yq2slitq]:hover {
  text-decoration-thickness: 1.5px;
}
.cookie-banner-link-button[data-astro-cid-yq2slitq] {
  font: inherit;
  cursor: pointer;
  background: 0 0;
  border: 0;
  padding: 0;
}
.cookie-banner-actions[data-astro-cid-yq2slitq] {
  gap: var(--space-2);
  justify-content: flex-end;
  display: flex;
}
@media (width<=639px) {
  .cookie-banner[data-astro-cid-yq2slitq] {
    inset-block-end: var(--space-3);
    inset-inline: var(--space-3);
    max-width: none;
    padding: var(--space-4);
    gap: var(--space-3);
  }
  .cookie-banner-actions[data-astro-cid-yq2slitq] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }
  .cookie-banner-actions[data-astro-cid-yq2slitq] .btn {
    width: 100%;
  }
}
@media (width<=319px) {
  .cookie-banner-actions[data-astro-cid-yq2slitq] {
    grid-template-columns: 1fr;
  }
}
#cookiescript_injected,
#cookiescript_injected_wrapper,
#cookiescript_badge,
#cookiescript_anchor {
  display: none !important;
}
html:not(:has(.cookie-prefs[open])),
body:not(:has(.cookie-prefs[open])) {
  overflow: clip visible !important;
}
html:has(.cookie-prefs[open]),
body:has(.cookie-prefs[open]) {
  overflow: hidden;
}
.cookie-prefs {
  max-width: min(520px, calc(100vw - 2 * var(--space-6)));
  width: 100%;
  max-height: calc(100vh - 2 * var(--space-12));
  color: var(--text-default);
  opacity: 0;
  transition:
    opacity var(--duration-base) var(--ease-out),
    translate var(--duration-base) var(--ease-out),
    overlay var(--duration-base) var(--ease-out) allow-discrete,
    display var(--duration-base) var(--ease-out) allow-discrete;
  background: 0 0;
  border: 0;
  margin: auto;
  padding: 0;
}
.cookie-prefs[open] {
  opacity: 1;
}
@starting-style {
  .cookie-prefs[open] {
    opacity: 0;
  }
}
.cookie-prefs::backdrop {
  backdrop-filter: saturate() blur();
  transition:
    background var(--duration-base) var(--ease-out),
    -webkit-backdrop-filter var(--duration-base) var(--ease-out),
    backdrop-filter var(--duration-base) var(--ease-out),
    overlay var(--duration-base) var(--ease-out) allow-discrete,
    display var(--duration-base) var(--ease-out) allow-discrete;
  background: oklch(0% 0 0/0);
}
.cookie-prefs[open]::backdrop {
  backdrop-filter: saturate(180%) blur(16px);
  background: oklch(0% 0 0/0.2);
}
@starting-style {
  .cookie-prefs[open]::backdrop {
    backdrop-filter: saturate() blur();
    background: oklch(0% 0 0/0);
  }
}
.cookie-prefs__inner {
  background: var(--bg-default);
  border: 1px solid var(--border-subtle);
  border-radius: var(--radius-lg, var(--radius-md));
  box-shadow: var(--shadow-lg);
  max-height: calc(100vh - 2 * var(--space-12));
  grid-template-rows: auto 1fr auto;
  display: grid;
  overflow: hidden;
}
.cookie-prefs__header {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5) var(--space-6);
  border-block-end: 1px solid var(--border-subtle);
  display: flex;
}
.cookie-prefs__header h2 {
  margin: 0;
}
.cookie-prefs__close {
  width: 32px;
  height: 32px;
  color: var(--text-muted);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition:
    background var(--duration-fast) var(--ease-out),
    color var(--duration-fast) var(--ease-out);
  background: 0 0;
  border: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.cookie-prefs__close:hover {
  background: var(--bg-subtle);
  color: var(--text-default);
}
.cookie-prefs__close:focus-visible {
  outline: 2px solid var(--border-emphasized);
  outline-offset: 2px;
}
.cookie-prefs__body {
  padding: var(--space-6);
  overflow-y: auto;
}
.cookie-prefs__intro {
  margin: 0 0 var(--space-5);
  color: var(--text-muted);
  font-size: var(--text-body);
  line-height: var(--leading-snug);
}
.cookie-prefs__list {
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}
.cookie-prefs__cat {
  border-block-start: 0.5px solid var(--border-subtle);
}
.cookie-prefs__cat:first-child {
  border-block-start: 0;
}
.cookie-prefs__row {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-4);
  padding-block: var(--space-4);
  display: flex;
}
.cookie-prefs__text {
  gap: var(--space-1);
  cursor: pointer;
  flex-direction: column;
  display: flex;
}
.cookie-prefs__label {
  font-size: var(--text-paragraph);
  font-weight: var(--weight-semibold);
  color: var(--text-default);
}
.cookie-prefs__desc {
  font-size: var(--text-body);
  line-height: var(--leading-snug);
  color: var(--text-muted);
}
.cookie-prefs__switch {
  appearance: none;
  border-radius: var(--radius-pill);
  background: var(--border-emphasized, var(--border-default));
  cursor: pointer;
  width: 40px;
  height: 24px;
  transition: background var(--duration-fast) var(--ease-out);
  flex-shrink: 0;
  margin: 0;
  position: relative;
}
.cookie-prefs__switch:after {
  content: "";
  background: var(--bg-default);
  width: 20px;
  height: 20px;
  transition: translate var(--duration-fast) var(--ease-out);
  border-radius: 50%;
  position: absolute;
  inset-block-start: 2px;
  inset-inline-start: 2px;
}
.cookie-prefs__switch:checked {
  background: var(--text-default);
}
.cookie-prefs__switch:checked:after {
  translate: 16px;
}
.cookie-prefs__switch:focus-visible {
  outline: 2px solid var(--border-emphasized);
  outline-offset: 2px;
}
.cookie-prefs__switch:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.cookie-prefs__detail {
  padding-block-end: var(--space-3);
}
.cookie-prefs__summary {
  align-items: center;
  gap: var(--space-2);
  cursor: pointer;
  font-size: var(--text-body);
  color: var(--text-muted);
  user-select: none;
  list-style: none;
  display: inline-flex;
}
.cookie-prefs__summary::-webkit-details-marker {
  display: none;
}
.cookie-prefs__summary:before {
  content: "";
  width: 0;
  height: 0;
  transition: transform var(--duration-fast) var(--ease-out);
  border-block: 4px solid #0000;
  border-inline-start: 4px solid;
}
.cookie-prefs__detail[open] .cookie-prefs__summary:before {
  transform: rotate(90deg);
}
.cookie-prefs__summary:hover {
  color: var(--text-default);
}
.cookie-prefs__summary:focus-visible {
  outline: 2px solid var(--border-emphasized);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}
.cookie-prefs__count {
  font-variant-numeric: tabular-nums;
  font-size: var(--text-body);
  color: var(--text-muted);
  border: 0.5px solid var(--border-default);
  border-radius: var(--radius-pill);
  padding: 0 var(--space-2);
  line-height: var(--leading-normal);
}
.cookie-prefs__tablewrap {
  margin-block-start: var(--space-3);
  overflow-x: auto;
}
.cookie-prefs__table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--text-paragraph);
}
.cookie-prefs__table th,
.cookie-prefs__table td {
  text-align: start;
  padding: var(--space-2) var(--space-3) var(--space-2) 0;
  border-block-end: 0.5px solid var(--border-subtle);
  vertical-align: top;
  white-space: nowrap;
}
.cookie-prefs__table th {
  font-weight: var(--weight-semibold);
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: var(--tracking-label);
  font-size: var(--text-paragraph);
}
.cookie-prefs__table td code {
  font-family: var(--font-mono);
  font-size: var(--text-paragraph);
  color: var(--text-default);
}
.cookie-prefs__table td:not(:first-child) {
  color: var(--text-muted);
}
.cookie-prefs__purpose {
  white-space: normal;
  min-width: 11rem;
}
.cookie-prefs__footer {
  gap: var(--space-2);
  padding: var(--space-5) var(--space-6);
  border-block-start: 1px solid var(--border-subtle);
  flex-wrap: wrap;
  justify-content: flex-end;
  display: flex;
}
@media (width<=639px) {
  .cookie-prefs {
    width: 100vw;
    max-width: 100vw;
    max-height: 92dvh;
    margin: auto auto 0;
    translate: 0 100%;
  }
  .cookie-prefs[open] {
    translate: 0;
  }
  @starting-style {
    .cookie-prefs[open] {
      translate: 0 100%;
    }
  }
  .cookie-prefs__inner {
    border-radius: var(--radius-xl) var(--radius-xl) 0 0;
    border-block-end: 0;
    border-inline: 0;
    max-height: 92dvh;
  }
  .cookie-prefs__footer {
    flex-direction: column-reverse;
    align-items: stretch;
    padding-block-end: calc(var(--space-5) + env(safe-area-inset-bottom));
  }
}
@media (prefers-reduced-motion: reduce) {
  .cookie-prefs,
  .cookie-prefs[open],
  .cookie-prefs::backdrop {
    transition: none;
  }
}
html.js section,
html.js [data-reveal] {
  opacity: 0;
  transition:
    opacity var(--duration-slow, 0.4s) var(--ease-out, ease-out),
    transform var(--duration-slow, 0.4s) var(--ease-out, ease-out);
  transition-delay: var(--reveal-delay, 0s);
  transform: translateY(1rem);
}
html.js section[data-revealed],
html.js [data-reveal][data-revealed] {
  opacity: 1;
  transform: translateY(0);
}
html.js[data-reveal-instant] section,
html.js[data-reveal-instant] [data-reveal] {
  transition: none;
}
@media (prefers-reduced-motion: reduce) {
  html.js section,
  html.js [data-reveal] {
    opacity: 1;
    transition: none;
    transform: none;
  }
}
.skip-link {
  padding: var(--space-2) var(--space-3);
  background: var(--text-default);
  color: var(--bg-default);
  border-radius: var(--radius-md);
  transition: transform var(--duration-fast) var(--ease-out);
  z-index: var(--z-toast);
  text-decoration: none;
  position: absolute;
  inset-block-start: var(--space-3);
  inset-inline-start: var(--space-3);
  transform: translateY(-200%);
}
.skip-link:focus-visible {
  transform: translateY(0);
}