@font-face {
  font-family: "Wix Madefor Display";
  src: url("/assets/fonts/wix-madefor-display/wix-madefor-display-400-normal-default.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Fragment Mono";
  src: url("/assets/fonts/fragment-mono/fragment-mono-400-normal-default.woff2");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Wix Madefor Display";
  src: url("/assets/fonts/wix-madefor-display/wix-madefor-display-500-normal-default.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-normal-cyrillic-ext.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  unicode-range:
    U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-normal-cyrillic.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-normal-greek-ext.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-normal-greek.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-normal-latin-ext.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  unicode-range:
    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-normal-latin.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-normal-vietnamese.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  unicode-range:
    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-italic-cyrillic-ext.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  unicode-range:
    U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-italic-cyrillic.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-italic-greek-ext.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-italic-greek.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-italic-latin-ext.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  unicode-range:
    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-italic-latin.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-700-italic-vietnamese.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  unicode-range:
    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-italic-cyrillic-ext.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  unicode-range:
    U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-italic-cyrillic.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-italic-greek-ext.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-italic-greek.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-italic-latin-ext.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  unicode-range:
    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-italic-latin.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-italic-vietnamese.woff2");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  unicode-range:
    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-normal-cyrillic-ext.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range:
    U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-normal-cyrillic.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-normal-greek-ext.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-normal-greek.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-normal-latin-ext.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range:
    U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113,
    U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-normal-latin.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range:
    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+2000-206F, U+2070, U+2074-207E, U+2080-208E, U+20AC, U+2122, U+2191,
    U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter/inter-400-normal-vietnamese.woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  unicode-range:
    U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1,
    U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
@font-face {
  font-family: "Wix Madefor Display Placeholder";
  src: local("Arial");
  ascent-override: 96.09%;
  descent-override: 24.02%;
  line-gap-override: 0%;
  size-adjust: 104.9%;
}
@font-face {
  font-family: "Inter Placeholder";
  src: local("Arial");
  ascent-override: 89.79%;
  descent-override: 22.36%;
  line-gap-override: 0%;
  size-adjust: 107.89%;
}
@media (min-width: 1200px) {
  .hidden-case-study-page--desktop {
    display: none !important;
  }
}
@media (min-width: 810px) and (max-width: 1199.98px) {
  .hidden-case-study-page--tablet {
    display: none !important;
  }
}
@media (max-width: 809.98px) {
  .hidden-case-study-page--phone {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-site-layout--desktop {
    display: none !important;
  }
}
@media (min-width: 810px) and (max-width: 1199.98px) {
  .hidden-site-layout--tablet {
    display: none !important;
  }
}
@media (max-width: 809.98px) {
  .hidden-site-layout--phone {
    display: none !important;
  }
}
html,
body,
#main {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
:root {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  box-sizing: border-box;
  -webkit-font-smoothing: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
  margin: 0;
}
body,
input,
textarea,
select,
button {
  font-family: sans-serif;
  font-size: 12px;
}

@supports (z-index: calc(infinity)) {
  #__site-badge-container {
    --infinity: infinity;
  }
}
#__site-badge-container {
  pointer-events: none;
  width: 100%;
  z-index: calc(var(--infinity, 2147480000));
  justify-content: flex-end;
  padding: 20px;
  display: flex;
  position: fixed;
  bottom: 0;
}
@supports (background: -webkit-named-image(i)) and
  (not (grid-template-rows: subgrid)) {
  body {
    --site-will-change-override: transform;
  }
}
@supports (background: -webkit-named-image(i)) and
  (not (position-area: top right)) {
  body {
    --site-will-change-filter-override: filter;
  }
}
[data-site-component-type="Text"] div div span,
[data-site-component-type="Text"] a div span,
[data-site-component-type="Text"] span span span,
[data-site-component-type="Text"] p span span,
[data-site-component-type="Text"] h1 span span,
[data-site-component-type="Text"] h2 span span,
[data-site-component-type="Text"] h3 span span,
[data-site-component-type="Text"] h4 span span,
[data-site-component-type="Text"] h5 span span,
[data-site-component-type="Text"] h6 span span,
[data-site-component-type="Text"] a {
  font-family: var(--font-family);
  font-style: var(--font-style);
  font-weight: min(
    calc(var(--site-font-weight-increase, 0) + var(--font-weight, 400)),
    900
  );
  color: var(--text-color);
  letter-spacing: var(--letter-spacing);
  font-size: var(--font-size);
  text-transform: var(--text-transform);
  --text-decoration: var(--site-text-decoration-style, solid)
    var(--site-text-decoration, none)
    var(--site-text-decoration-color, currentcolor)
    var(--site-text-decoration-thickness, auto);
  --text-decoration-skip-ink: var(--site-text-decoration-skip-ink);
  --text-underline-offset: var(--site-text-decoration-offset);
  line-height: var(--line-height);
  --font-family: var(--site-font-family);
  --font-style: var(--site-font-style);
  --font-weight: var(--site-font-weight);
  --text-color: var(--site-text-color);
  --letter-spacing: var(--site-letter-spacing);
  --font-size: var(--site-font-size);
  --text-transform: var(--site-text-transform);
  --line-height: var(--site-line-height);
}
@supports not (color: color(display-p3 1 1 1)) {
  p.site-text,
  div.site-text,
  h1.site-text,
  h2.site-text,
  h3.site-text,
  h4.site-text,
  h5.site-text,
  h6.site-text,
  li.site-text,
  ol.site-text,
  ul.site-text,
  span.site-text:not([data-text-fill]) {
    color: var(
      --site-blockquote-text-color-rgb,
      var(
        --site-blockquote-text-color,
        var(--site-text-color-rgb, var(--site-text-color, #000))
      )
    );
    -webkit-text-stroke-color: var(
      --site-text-stroke-color-rgb,
      var(--site-text-stroke-color, initial)
    );
  }
  mark.site-text {
    background-color: var(
      --site-blockquote-text-background-color-rgb,
      var(
        --site-blockquote-text-background-color,
        var(
          --site-text-background-color-rgb,
          var(--site-text-background-color, initial)
        )
      )
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  code.site-text,
  code.site-text span.site-text:not([data-text-fill]) {
    color: var(
      --site-blockquote-text-color-rgb,
      var(
        --site-blockquote-text-color,
        var(
          --site-code-text-color-rgb,
          var(
            --site-code-text-color,
            var(--site-text-color-rgb, var(--site-text-color, #000))
          )
        )
      )
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  a.site-text,
  span.site-text[data-nested-link] {
    color: var(
      --site-link-text-color-rgb,
      var(
        --site-link-text-color,
        var(
          --site-blockquote-text-color-rgb,
          var(
            --site-blockquote-text-color,
            var(--site-text-color-rgb, var(--site-text-color, #000))
          )
        )
      )
    );
    background-color: var(
      --site-link-text-background-color-rgb,
      var(--site-link-text-background-color, initial)
    );
    -webkit-text-decoration-color: var(
      --site-link-text-decoration-color-rgb,
      var(
        --site-link-text-decoration-color,
        var(
          --site-text-decoration-color-rgb,
          var(--site-text-decoration-color, currentcolor)
        )
      )
    );
    text-decoration-color: var(
      --site-link-text-decoration-color-rgb,
      var(
        --site-link-text-decoration-color,
        var(
          --site-text-decoration-color-rgb,
          var(--site-text-decoration-color, currentcolor)
        )
      )
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  code.site-text a.site-text,
  code.site-text a.site-text span.site-text:not([data-text-fill]),
  code.site-text span.site-text[data-nested-link],
  code.site-text
    span.site-text[data-nested-link]
    span.site-text:not([data-text-fill]) {
    color: var(
      --site-link-text-color-rgb,
      var(
        --site-link-text-color,
        var(
          --site-blockquote-text-color-rgb,
          var(
            --site-blockquote-text-color,
            var(
              --site-code-text-color-rgb,
              var(
                --site-code-text-color,
                var(--site-text-color-rgb, var(--site-text-color, #000))
              )
            )
          )
        )
      )
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  a.site-text:hover,
  span.site-text[data-nested-link]:hover {
    color: var(
      --site-link-hover-text-color-rgb,
      var(
        --site-link-hover-text-color,
        var(
          --site-link-text-color-rgb,
          var(
            --site-link-text-color,
            var(
              --site-blockquote-text-color-rgb,
              var(
                --site-blockquote-text-color,
                var(--site-text-color-rgb, var(--site-text-color, #000))
              )
            )
          )
        )
      )
    );
    background-color: var(
      --site-link-hover-text-background-color-rgb,
      var(
        --site-link-hover-text-background-color,
        var(
          --site-link-text-background-color-rgb,
          var(
            --site-link-text-background-color,
            var(
              --site-text-background-color-rgb,
              var(--site-text-background-color, initial)
            )
          )
        )
      )
    );
    -webkit-text-decoration-color: var(
      --site-link-hover-text-decoration-color-rgb,
      var(
        --site-link-hover-text-decoration-color,
        var(
          --site-link-text-decoration-color-rgb,
          var(
            --site-link-text-decoration-color,
            var(
              --site-text-decoration-color-rgb,
              var(--site-text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
    text-decoration-color: var(
      --site-link-hover-text-decoration-color-rgb,
      var(
        --site-link-hover-text-decoration-color,
        var(
          --site-link-text-decoration-color-rgb,
          var(
            --site-link-text-decoration-color,
            var(
              --site-text-decoration-color-rgb,
              var(--site-text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  code.site-text a.site-text:hover,
  code.site-text span.site-text[data-nested-link]:hover {
    color: var(
      --site-link-hover-text-color-rgb,
      var(
        --site-link-hover-text-color,
        var(
          --site-link-text-color-rgb,
          var(
            --site-link-text-color,
            var(
              --site-blockquote-text-color-rgb,
              var(
                --site-blockquote-text-color,
                var(
                  --site-code-text-color-rgb,
                  var(
                    --site-code-text-color,
                    var(--site-text-color-rgb, var(--site-text-color, #000))
                  )
                )
              )
            )
          )
        )
      )
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  a.site-text[data-site-page-link-current],
  span.site-text[data-site-page-link-current] {
    color: var(
      --site-link-current-text-color-rgb,
      var(
        --site-link-current-text-color,
        var(
          --site-link-text-color-rgb,
          var(
            --site-link-text-color,
            var(--site-text-color-rgb, var(--site-text-color, #000))
          )
        )
      )
    );
    background-color: var(
      --site-link-current-text-background-color-rgb,
      var(
        --site-link-current-text-background-color,
        var(
          --site-link-text-background-color-rgb,
          var(
            --site-link-text-background-color,
            var(
              --site-text-background-color-rgb,
              var(--site-text-background-color, initial)
            )
          )
        )
      )
    );
    -webkit-text-decoration-color: var(
      --site-link-current-text-decoration-color-rgb,
      var(
        --site-link-current-text-decoration-color,
        var(
          --site-link-text-decoration-color-rgb,
          var(
            --site-link-text-decoration-color,
            var(
              --site-text-decoration-color-rgb,
              var(--site-text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
    text-decoration-color: var(
      --site-link-current-text-decoration-color-rgb,
      var(
        --site-link-current-text-decoration-color,
        var(
          --site-link-text-decoration-color-rgb,
          var(
            --site-link-text-decoration-color,
            var(
              --site-text-decoration-color-rgb,
              var(--site-text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  code.site-text a.site-text[data-site-page-link-current],
  code.site-text
    a.site-text[data-site-page-link-current]
    span.site-text:not([data-text-fill]),
  code.site-text span.site-text[data-site-page-link-current],
  code.site-text
    span.site-text[data-site-page-link-current]
    span.site-text:not([data-text-fill]) {
    color: var(
      --site-link-current-text-color-rgb,
      var(
        --site-link-current-text-color,
        var(
          --site-link-text-color-rgb,
          var(
            --site-link-text-color,
            var(
              --site-code-text-color-rgb,
              var(
                --site-code-text-color,
                var(--site-text-color-rgb, var(--site-text-color, #000))
              )
            )
          )
        )
      )
    );
    background-color: var(
      --site-link-current-text-background-color-rgb,
      var(
        --site-link-current-text-background-color,
        var(
          --site-link-text-background-color-rgb,
          var(
            --site-link-text-background-color,
            var(
              --site-text-background-color-rgb,
              var(--site-text-background-color, initial)
            )
          )
        )
      )
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  a.site-text[data-site-page-link-current]:hover,
  span.site-text[data-site-page-link-current]:hover {
    color: var(
      --site-link-hover-text-color-rgb,
      var(
        --site-link-hover-text-color,
        var(
          --site-link-current-text-color-rgb,
          var(
            --site-link-current-text-color,
            var(
              --site-link-text-color-rgb,
              var(
                --site-link-text-color,
                var(
                  --site-code-text-color-rgb,
                  var(
                    --site-code-text-color,
                    var(--site-text-color-rgb, var(--site-text-color, #000))
                  )
                )
              )
            )
          )
        )
      )
    );
    background-color: var(
      --site-link-hover-text-background-color-rgb,
      var(
        --site-link-hover-text-background-color,
        var(
          --site-link-current-text-background-color-rgb,
          var(
            --site-link-current-text-background-color,
            var(
              --site-link-text-background-color-rgb,
              var(--site-link-text-background-color, initial)
            )
          )
        )
      )
    );
    -webkit-text-decoration-color: var(
      --site-link-hover-text-decoration-color-rgb,
      var(
        --site-link-hover-text-decoration-color,
        var(
          --site-link-current-text-decoration-color-rgb,
          var(
            --site-link-current-text-decoration-color,
            var(
              --site-link-text-decoration-color-rgb,
              var(
                --site-link-text-decoration-color,
                var(
                  --site-text-decoration-color-rgb,
                  var(--site-text-decoration-color, currentcolor)
                )
              )
            )
          )
        )
      )
    );
    text-decoration-color: var(
      --site-link-hover-text-decoration-color-rgb,
      var(
        --site-link-hover-text-decoration-color,
        var(
          --site-link-current-text-decoration-color-rgb,
          var(
            --site-link-current-text-decoration-color,
            var(
              --site-link-text-decoration-color-rgb,
              var(
                --site-link-text-decoration-color,
                var(
                  --site-text-decoration-color-rgb,
                  var(--site-text-decoration-color, currentcolor)
                )
              )
            )
          )
        )
      )
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  code.site-text a.site-text[data-site-page-link-current]:hover,
  code.site-text
    a.site-text[data-site-page-link-current]:hover
    span.site-text:not([data-text-fill]),
  code.site-text span.site-text[data-site-page-link-current]:hover,
  code.site-text
    span.site-text[data-site-page-link-current]:hover
    span.site-text:not([data-text-fill]) {
    color: var(
      --site-link-hover-text-color-rgb,
      var(
        --site-link-hover-text-color,
        var(
          --site-link-current-text-color-rgb,
          var(
            --site-link-current-text-color,
            var(
              --site-link-text-color-rgb,
              var(
                --site-link-text-color,
                var(
                  --site-code-text-color-rgb,
                  var(
                    --site-code-text-color,
                    var(--site-text-color-rgb, var(--site-text-color, #000))
                  )
                )
              )
            )
          )
        )
      )
    );
    background-color: var(
      --site-link-hover-text-background-color-rgb,
      var(
        --site-link-hover-text-background-color,
        var(
          --site-link-current-text-background-color-rgb,
          var(
            --site-link-current-text-background-color,
            var(
              --site-link-text-background-color-rgb,
              var(--site-link-text-background-color, initial)
            )
          )
        )
      )
    );
  }
}
[data-site-component-type="Stack"]:not([data-site-generated]) > *,
[data-site-component-type="Stack"]:not([data-site-generated])
  > [data-site-component-type],
NavigationContainer [data-site-component-type="NavigationContainer"] > *,
[data-site-component-type="NavigationContainer"] > [data-site-component-type] {
  position: relative;
}
@supports not (overflow: clip) {
  :root {
    --overflow-clip-fallback: hidden;
  }
}
@supports (background: -webkit-named-image(i)) and
  (not (contain-intrinsic-size: inherit)) {
  div.site-text,
  p.site-text,
  h1.site-text,
  h2.site-text,
  h3.site-text,
  h4.site-text,
  h5.site-text,
  h6.site-text,
  ol.site-text,
  ul.site-text,
  li.site-text,
  blockquote.site-text,
  .site-text.site-image {
    display: var(--text-truncation-display-inline-for-safari-16, revert);
  }
  div.site-text:after,
  p.site-text:after,
  h1.site-text:after,
  h2.site-text:after,
  h3.site-text:after,
  h4.site-text:after,
  h5.site-text:after,
  h6.site-text:after,
  ol.site-text:after,
  ul.site-text:after,
  li.site-text:after,
  blockquote.site-text:after,
  .site-text.site-image:after {
    content: var(--text-truncation-line-break-for-safari-16);
    white-space: pre;
  }
  .site-text.site-text-module,
  .site-text.site-table-wrapper {
    display: var(--text-truncation-display-none-for-safari-16, revert);
  }
  p.site-text[data-text-fill] {
    display: var(--text-truncation-display-inline-for-safari-16, inline-block);
  }
}
@supports (corner-shape: superellipse(2)) {
  :root {
    --one-if-corner-shape-supported: 1;
  }
}
.site-cursor-none,
.site-cursor-none * {
  cursor: none !important;
}
.site-pointer-events-none,
.site-pointer-events-none * {
  pointer-events: none !important;
}
.ssr-variant {
  display: contents;
}
.navigation[data-border="true"]:after,
.navigation [data-border="true"]:after {
  content: "";
  border-width: var(--border-top-width, 0) var(--border-right-width, 0)
    var(--border-bottom-width, 0) var(--border-left-width, 0);
  border-color: var(--border-color, none);
  border-style: var(--border-style, none);
  box-sizing: border-box;
  border-radius: inherit;
  corner-shape: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
body {
  --site-will-change-override: none;
}
@supports (background: -webkit-named-image(i)) and
  (not (grid-template-rows: subgrid)) {
  body {
    --site-will-change-override: transform;
  }
}
body {
  --site-will-change-filter-override: none;
}
@supports (background: -webkit-named-image(i)) and
  (not (position-area: top right)) {
  body {
    --site-will-change-filter-override: filter;
  }
}
[data-site-component-type] {
  position: absolute;
}
[data-site-component-type="Text"] {
  cursor: inherit;
}
[data-site-component-text-autosized] * {
  white-space: pre;
}
[data-site-component-type="Text"] > * {
  text-align: var(--site-text-alignment, start);
}
[data-site-component-type="Text"] span span,
[data-site-component-type="Text"] p span,
[data-site-component-type="Text"] h1 span,
[data-site-component-type="Text"] h2 span,
[data-site-component-type="Text"] h3 span,
[data-site-component-type="Text"] h4 span,
[data-site-component-type="Text"] h5 span,
[data-site-component-type="Text"] h6 span {
  display: block;
}
[data-site-component-type="Text"] span span span,
[data-site-component-type="Text"] p span span,
[data-site-component-type="Text"] h1 span span,
[data-site-component-type="Text"] h2 span span,
[data-site-component-type="Text"] h3 span span,
[data-site-component-type="Text"] h4 span span,
[data-site-component-type="Text"] h5 span span,
[data-site-component-type="Text"] h6 span span {
  display: unset;
}
[data-site-component-type="Text"] div div span,
[data-site-component-type="Text"] a div span,
[data-site-component-type="Text"] span span span,
[data-site-component-type="Text"] p span span,
[data-site-component-type="Text"] h1 span span,
[data-site-component-type="Text"] h2 span span,
[data-site-component-type="Text"] h3 span span,
[data-site-component-type="Text"] h4 span span,
[data-site-component-type="Text"] h5 span span,
[data-site-component-type="Text"] h6 span span,
[data-site-component-type="Text"] a {
  font-family: var(--font-family);
  font-style: var(--font-style);
  font-weight: min(
    calc(var(--site-font-weight-increase, 0) + var(--font-weight, 400)),
    900
  );
  color: var(--text-color);
  letter-spacing: var(--letter-spacing);
  font-size: var(--font-size);
  text-transform: var(--text-transform);
  --text-decoration: var(--site-text-decoration-style, solid)
    var(--site-text-decoration, none)
    var(--site-text-decoration-color, currentcolor)
    var(--site-text-decoration-thickness, auto);
  --text-decoration-skip-ink: var(--site-text-decoration-skip-ink);
  --text-underline-offset: var(--site-text-decoration-offset);
  line-height: var(--line-height);
  --font-family: var(--site-font-family);
  --font-style: var(--site-font-style);
  --font-weight: var(--site-font-weight);
  --text-color: var(--site-text-color);
  --letter-spacing: var(--site-letter-spacing);
  --font-size: var(--site-font-size);
  --text-transform: var(--site-text-transform);
  --line-height: var(--site-line-height);
}
[data-site-component-type="Text"] a,
[data-site-component-type="Text"] a div span,
[data-site-component-type="Text"] a span span span,
[data-site-component-type="Text"] a p span span,
[data-site-component-type="Text"] a h1 span span,
[data-site-component-type="Text"] a h2 span span,
[data-site-component-type="Text"] a h3 span span,
[data-site-component-type="Text"] a h4 span span,
[data-site-component-type="Text"] a h5 span span,
[data-site-component-type="Text"] a h6 span span {
  --font-family: var(--site-link-font-family, var(--site-font-family));
  --font-style: var(--site-link-font-style, var(--site-font-style));
  --font-weight: var(--site-link-font-weight, var(--site-font-weight));
  --text-color: var(--site-link-text-color, var(--site-text-color));
  --font-size: var(--site-link-font-size, var(--site-font-size));
  --text-transform: var(--site-link-text-transform, var(--site-text-transform));
  --text-decoration: var(
      --site-link-text-decoration-style,
      var(--site-text-decoration-style, solid)
    )
    var(--site-link-text-decoration, var(--site-text-decoration, none))
    var(
      --site-link-text-decoration-color,
      var(--site-text-decoration-color, currentcolor)
    )
    var(
      --site-link-text-decoration-thickness,
      var(--site-text-decoration-thickness, auto)
    );
  --text-decoration-skip-ink: var(
    --site-link-text-decoration-skip-ink,
    var(--site-text-decoration-skip-ink)
  );
  --text-underline-offset: var(
    --site-link-text-decoration-offset,
    var(--site-text-decoration-offset)
  );
}
[data-site-component-type="Text"] a:hover,
[data-site-component-type="Text"] a div span:hover,
[data-site-component-type="Text"] a span span span:hover,
[data-site-component-type="Text"] a p span span:hover,
[data-site-component-type="Text"] a h1 span span:hover,
[data-site-component-type="Text"] a h2 span span:hover,
[data-site-component-type="Text"] a h3 span span:hover,
[data-site-component-type="Text"] a h4 span span:hover,
[data-site-component-type="Text"] a h5 span span:hover,
[data-site-component-type="Text"] a h6 span span:hover {
  --font-family: var(
    --site-link-hover-font-family,
    var(--site-link-font-family, var(--site-font-family))
  );
  --font-style: var(
    --site-link-hover-font-style,
    var(--site-link-font-style, var(--site-font-style))
  );
  --font-weight: var(
    --site-link-hover-font-weight,
    var(--site-link-font-weight, var(--site-font-weight))
  );
  --text-color: var(
    --site-link-hover-text-color,
    var(--site-link-text-color, var(--site-text-color))
  );
  --font-size: var(
    --site-link-hover-font-size,
    var(--site-link-font-size, var(--site-font-size))
  );
  --text-transform: var(
    --site-link-hover-text-transform,
    var(--site-link-text-transform, var(--site-text-transform))
  );
  --text-decoration: var(
      --site-link-hover-text-decoration-style,
      var(
        --site-link-text-decoration-style,
        var(--site-text-decoration-style, solid)
      )
    )
    var(
      --site-link-hover-text-decoration,
      var(--site-link-text-decoration, var(--site-text-decoration, none))
    )
    var(
      --site-link-hover-text-decoration-color,
      var(
        --site-link-text-decoration-color,
        var(--site-text-decoration-color, currentcolor)
      )
    )
    var(
      --site-link-hover-text-decoration-thickness,
      var(
        --site-link-text-decoration-thickness,
        var(--site-text-decoration-thickness, auto)
      )
    );
  --text-decoration-skip-ink: var(
    --site-link-hover-text-decoration-skip-ink,
    var(
      --site-link-text-decoration-skip-ink,
      var(--site-text-decoration-skip-ink)
    )
  );
  --text-underline-offset: var(
    --site-link-hover-text-decoration-offset,
    var(--site-link-text-decoration-offset, var(--site-text-decoration-offset))
  );
}
[data-site-component-type="Text"].isCurrent a,
[data-site-component-type="Text"].isCurrent a div span,
[data-site-component-type="Text"].isCurrent a span span span,
[data-site-component-type="Text"].isCurrent a p span span,
[data-site-component-type="Text"].isCurrent a h1 span span,
[data-site-component-type="Text"].isCurrent a h2 span span,
[data-site-component-type="Text"].isCurrent a h3 span span,
[data-site-component-type="Text"].isCurrent a h4 span span,
[data-site-component-type="Text"].isCurrent a h5 span span,
[data-site-component-type="Text"].isCurrent a h6 span span {
  --font-family: var(
    --site-link-current-font-family,
    var(--site-link-font-family, var(--site-font-family))
  );
  --font-style: var(
    --site-link-current-font-style,
    var(--site-link-font-style, var(--site-font-style))
  );
  --font-weight: var(
    --site-link-current-font-weight,
    var(--site-link-font-weight, var(--site-font-weight))
  );
  --text-color: var(
    --site-link-current-text-color,
    var(--site-link-text-color, var(--site-text-color))
  );
  --font-size: var(
    --site-link-current-font-size,
    var(--site-link-font-size, var(--site-font-size))
  );
  --text-transform: var(
    --site-link-current-text-transform,
    var(--site-link-text-transform, var(--site-text-transform))
  );
  --text-decoration: var(
      --site-link-current-text-decoration-style,
      var(
        --site-link-text-decoration-style,
        var(--site-text-decoration-style, solid)
      )
    )
    var(
      --site-link-current-text-decoration,
      var(--site-link-text-decoration, var(--site-text-decoration, none))
    )
    var(
      --site-link-current-text-decoration-color,
      var(
        --site-link-text-decoration-color,
        var(--site-text-decoration-color, currentcolor)
      )
    )
    var(
      --site-link-current-text-decoration-thickness,
      var(
        --site-link-text-decoration-thickness,
        var(--site-text-decoration-thickness, auto)
      )
    );
  --text-decoration-skip-ink: var(
    --site-link-current-text-decoration-skip-ink,
    var(
      --site-link-text-decoration-skip-ink,
      var(--site-text-decoration-skip-ink)
    )
  );
  --text-underline-offset: var(
    --site-link-current-text-decoration-offset,
    var(--site-link-text-decoration-offset, var(--site-text-decoration-offset))
  );
}
[data-site-component-type="RichTextContainer"] {
  outline: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  display: flex;
}
p.site-text,
div.site-text,
figure.site-text,
h1.site-text,
h2.site-text,
h3.site-text,
h4.site-text,
h5.site-text,
h6.site-text,
ol.site-text,
ul.site-text {
  margin: 0;
  padding: 0;
}
p.site-text,
div.site-text,
h1.site-text,
h2.site-text,
h3.site-text,
h4.site-text,
h5.site-text,
h6.site-text,
li.site-text,
ol.site-text,
ul.site-text,
mark.site-text,
span.site-text:not([data-text-fill]) {
  font-family: var(
    --site-font-family-preview,
    var(
      --site-blockquote-font-family,
      var(--site-font-family, Inter, Inter Placeholder, sans-serif)
    )
  );
  font-style: var(
    --site-font-style-preview,
    var(--site-blockquote-font-style, var(--site-font-style, normal))
  );
  font-weight: var(
    --site-font-weight-preview,
    var(--site-blockquote-font-weight, var(--site-font-weight, 400))
  );
  color: var(--site-blockquote-text-color, var(--site-text-color, #000));
  font-size: calc(
    var(--site-blockquote-font-size, var(--site-font-size, 16px)) *
      var(--site-font-size-scale, 1)
  );
  letter-spacing: var(
    --site-blockquote-letter-spacing,
    var(--site-letter-spacing, 0)
  );
  text-transform: var(
    --site-blockquote-text-transform,
    var(--site-text-transform, none)
  );
  -webkit-text-decoration-line: var(
    --site-blockquote-text-decoration,
    var(--site-text-decoration, initial)
  );
  text-decoration-line: var(
    --site-blockquote-text-decoration,
    var(--site-text-decoration, initial)
  );
  -webkit-text-decoration-style: var(
    --site-blockquote-text-decoration-style,
    var(--site-text-decoration-style, initial)
  );
  text-decoration-style: var(
    --site-blockquote-text-decoration-style,
    var(--site-text-decoration-style, initial)
  );
  -webkit-text-decoration-color: var(
    --site-blockquote-text-decoration-color,
    var(--site-text-decoration-color, initial)
  );
  text-decoration-color: var(
    --site-blockquote-text-decoration-color,
    var(--site-text-decoration-color, initial)
  );
  text-decoration-thickness: var(
    --site-blockquote-text-decoration-thickness,
    var(--site-text-decoration-thickness, initial)
  );
  text-decoration-skip-ink: var(
    --site-blockquote-text-decoration-skip-ink,
    var(--site-text-decoration-skip-ink, initial)
  );
  text-underline-offset: var(
    --site-blockquote-text-decoration-offset,
    var(--site-text-decoration-offset, initial)
  );
  line-height: var(
    --site-blockquote-line-height,
    var(--site-line-height, 1.2em)
  );
  text-align: var(
    --site-blockquote-text-alignment,
    var(--site-text-alignment, start)
  );
  -webkit-text-stroke-width: var(--site-text-stroke-width, initial);
  -webkit-text-stroke-color: var(--site-text-stroke-color, initial);
  -moz-font-feature-settings: var(--site-font-open-type-features, initial);
  -webkit-font-feature-settings: var(--site-font-open-type-features, initial);
  font-feature-settings: var(--site-font-open-type-features, initial);
  font-variation-settings: var(
    --site-font-variation-axes-preview,
    var(--site-font-variation-axes, normal)
  );
  text-wrap: var(--site-text-wrap-override, var(--site-text-wrap));
}
mark.site-text,
p.site-text,
div.site-text,
h1.site-text,
h2.site-text,
h3.site-text,
h4.site-text,
h5.site-text,
h6.site-text,
li.site-text,
ol.site-text,
ul.site-text {
  background-color: var(
    --site-blockquote-text-background-color,
    var(--site-text-background-color, initial)
  );
  border-radius: var(
    --site-blockquote-text-background-radius,
    var(--site-text-background-radius, initial)
  );
  corner-shape: var(
    --site-blockquote-text-background-corner-shape,
    var(--site-text-background-corner-shape, initial)
  );
  padding: var(
    --site-blockquote-text-background-padding,
    var(--site-text-background-padding, initial)
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  p.site-text,
  div.site-text,
  h1.site-text,
  h2.site-text,
  h3.site-text,
  h4.site-text,
  h5.site-text,
  h6.site-text,
  li.site-text,
  ol.site-text,
  ul.site-text,
  span.site-text:not([data-text-fill]) {
    color: var(
      --site-blockquote-text-color-rgb,
      var(
        --site-blockquote-text-color,
        var(--site-text-color-rgb, var(--site-text-color, #000))
      )
    );
    -webkit-text-stroke-color: var(
      --site-text-stroke-color-rgb,
      var(--site-text-stroke-color, initial)
    );
  }
  mark.site-text {
    background-color: var(
      --site-blockquote-text-background-color-rgb,
      var(
        --site-blockquote-text-background-color,
        var(
          --site-text-background-color-rgb,
          var(--site-text-background-color, initial)
        )
      )
    );
  }
}
.site-fit-text .site-text {
  white-space: nowrap;
  white-space-collapse: preserve;
}
strong.site-text {
  font-family: var(
    --site-blockquote-font-family-bold,
    var(--site-font-family-bold)
  );
  font-style: var(
    --site-blockquote-font-style-bold,
    var(--site-font-style-bold)
  );
  font-weight: var(
    --site-blockquote-font-weight-bold,
    var(--site-font-weight-bold, bolder)
  );
  font-variation-settings: var(
    --site-blockquote-font-variation-axes-bold,
    var(--site-font-variation-axes-bold)
  );
}
em.site-text {
  font-family: var(
    --site-blockquote-font-family-italic,
    var(--site-font-family-italic)
  );
  font-style: var(
    --site-blockquote-font-style-italic,
    var(--site-font-style-italic, italic)
  );
  font-weight: var(
    --site-blockquote-font-weight-italic,
    var(--site-font-weight-italic)
  );
  font-variation-settings: var(
    --site-blockquote-font-variation-axes-italic,
    var(--site-font-variation-axes-italic)
  );
}
em.site-text > strong.site-text {
  font-family: var(
    --site-blockquote-font-family-bold-italic,
    var(--site-font-family-bold-italic)
  );
  font-style: var(
    --site-blockquote-font-style-bold-italic,
    var(--site-font-style-bold-italic, italic)
  );
  font-weight: var(
    --site-blockquote-font-weight-bold-italic,
    var(--site-font-weight-bold-italic, bolder)
  );
  font-variation-settings: var(
    --site-blockquote-font-variation-axes-bold-italic,
    var(--site-font-variation-axes-bold-italic)
  );
}
p.site-text:not(:first-child),
div.site-text:not(:first-child),
h1.site-text:not(:first-child),
h2.site-text:not(:first-child),
h3.site-text:not(:first-child),
h4.site-text:not(:first-child),
h5.site-text:not(:first-child),
h6.site-text:not(:first-child),
ol.site-text:not(:first-child),
ul.site-text:not(:first-child),
blockquote.site-text:not(:first-child),
table.site-text:not(:first-child),
figure.site-text:not(:first-child),
.site-image.site-text:not(:first-child) {
  margin-top: var(
    --site-blockquote-paragraph-spacing,
    var(--site-paragraph-spacing, 0)
  );
}
li.site-text > ul.site-text:nth-child(2),
li.site-text > ol.site-text:nth-child(2) {
  margin-top: 0;
}
.site-text[data-text-fill] {
  -webkit-text-fill-color: transparent;
  padding: max(
    0em,
    calc(
      calc(
          1.3em -
            var(--site-blockquote-line-height, var(--site-line-height, 1.3em))
        ) /
        2
    )
  );
  margin: min(
    0em,
    calc(
      calc(
          1.3em -
            var(--site-blockquote-line-height, var(--site-line-height, 1.3em))
        ) /
        -2
    )
  );
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}
code.site-text,
code.site-text span.site-text:not([data-text-fill]) {
  font-family: var(
    --site-code-font-family,
    var(--site-font-family, Inter, Inter Placeholder, sans-serif)
  );
  font-style: var(
    --site-blockquote-font-style,
    var(--site-code-font-style, var(--site-font-style, normal))
  );
  font-weight: var(
    --site-blockquote-font-weight,
    var(--site-code-font-weight, var(--site-font-weight, 400))
  );
  color: var(
    --site-blockquote-text-color,
    var(--site-code-text-color, var(--site-text-color, #000))
  );
  font-size: calc(
    var(--site-blockquote-font-size, var(--site-font-size, 16px)) *
      var(--site-font-size-scale, 1)
  );
  letter-spacing: var(
    --site-blockquote-letter-spacing,
    var(--site-letter-spacing, 0)
  );
  line-height: var(
    --site-blockquote-line-height,
    var(--site-line-height, 1.2em)
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  code.site-text,
  code.site-text span.site-text:not([data-text-fill]) {
    color: var(
      --site-blockquote-text-color-rgb,
      var(
        --site-blockquote-text-color,
        var(
          --site-code-text-color-rgb,
          var(
            --site-code-text-color,
            var(--site-text-color-rgb, var(--site-text-color, #000))
          )
        )
      )
    );
  }
}
blockquote.site-text {
  unicode-bidi: initial;
  margin-block-start: initial;
  margin-block-end: initial;
  margin-inline-start: initial;
  margin-inline-end: initial;
}
a.site-text,
a.site-text span.site-text:not([data-text-fill]),
span.site-text[data-nested-link],
span.site-text[data-nested-link] span.site-text:not([data-text-fill]) {
  color: inherit;
  font-family: var(
    --site-font-family-preview,
    var(
      --site-link-font-family,
      var(
        --site-blockquote-font-family,
        var(--site-font-family, Inter, Inter Placeholder, sans-serif)
      )
    )
  );
  font-style: var(
    --site-font-style-preview,
    var(
      --site-link-font-style,
      var(--site-blockquote-font-style, var(--site-font-style, normal))
    )
  );
  font-weight: var(
    --site-font-weight-preview,
    var(
      --site-link-font-weight,
      var(--site-blockquote-font-weight, var(--site-font-weight, 400))
    )
  );
  font-size: calc(
    var(--site-blockquote-font-size, var(--site-font-size, 16px)) *
      var(--site-font-size-scale, 1)
  );
  text-transform: var(
    --site-link-text-transform,
    var(--site-blockquote-text-transform, var(--site-text-transform, none))
  );
  cursor: var(--site-custom-cursors, pointer);
  background-color: initial;
  border-radius: var(--site-link-text-background-radius, initial);
  corner-shape: var(--site-link-text-background-corner-shape, initial);
  padding: var(--site-link-text-background-padding, initial);
}
a.site-text,
span.site-text[data-nested-link] {
  color: var(
    --site-link-text-color,
    var(--site-blockquote-text-color, var(--site-text-color, #000))
  );
  -webkit-text-decoration-line: var(
    --site-link-text-decoration,
    var(--site-blockquote-text-decoration, var(--site-text-decoration, initial))
  );
  text-decoration-line: var(
    --site-link-text-decoration,
    var(--site-blockquote-text-decoration, var(--site-text-decoration, initial))
  );
  -webkit-text-decoration-style: var(
    --site-link-text-decoration-style,
    var(
      --site-blockquote-text-decoration-style,
      var(--site-text-decoration-style, initial)
    )
  );
  text-decoration-style: var(
    --site-link-text-decoration-style,
    var(
      --site-blockquote-text-decoration-style,
      var(--site-text-decoration-style, initial)
    )
  );
  -webkit-text-decoration-color: var(
    --site-link-text-decoration-color,
    var(
      --site-blockquote-text-decoration-color,
      var(--site-text-decoration-color, initial)
    )
  );
  text-decoration-color: var(
    --site-link-text-decoration-color,
    var(
      --site-blockquote-text-decoration-color,
      var(--site-text-decoration-color, initial)
    )
  );
  text-decoration-thickness: var(
    --site-link-text-decoration-thickness,
    var(
      --site-blockquote-text-decoration-thickness,
      var(--site-text-decoration-thickness, initial)
    )
  );
  text-decoration-skip-ink: var(
    --site-link-text-decoration-skip-ink,
    var(
      --site-blockquote-text-decoration-skip-ink,
      var(--site-text-decoration-skip-ink, initial)
    )
  );
  text-underline-offset: var(
    --site-link-text-decoration-offset,
    var(
      --site-blockquote-text-decoration-offset,
      var(--site-text-decoration-offset, initial)
    )
  );
  background-color: var(--site-link-text-background-color, initial);
}
@supports not (color: color(display-p3 1 1 1)) {
  a.site-text,
  span.site-text[data-nested-link] {
    color: var(
      --site-link-text-color-rgb,
      var(
        --site-link-text-color,
        var(
          --site-blockquote-text-color-rgb,
          var(
            --site-blockquote-text-color,
            var(--site-text-color-rgb, var(--site-text-color, #000))
          )
        )
      )
    );
    background-color: var(
      --site-link-text-background-color-rgb,
      var(--site-link-text-background-color, initial)
    );
    -webkit-text-decoration-color: var(
      --site-link-text-decoration-color-rgb,
      var(
        --site-link-text-decoration-color,
        var(
          --site-text-decoration-color-rgb,
          var(--site-text-decoration-color, currentcolor)
        )
      )
    );
    text-decoration-color: var(
      --site-link-text-decoration-color-rgb,
      var(
        --site-link-text-decoration-color,
        var(
          --site-text-decoration-color-rgb,
          var(--site-text-decoration-color, currentcolor)
        )
      )
    );
  }
}
code.site-text a.site-text,
code.site-text a.site-text span.site-text:not([data-text-fill]),
code.site-text span.site-text[data-nested-link],
code.site-text
  span.site-text[data-nested-link]
  span.site-text:not([data-text-fill]) {
  font-family: var(
    --site-code-font-family,
    var(--site-font-family, Inter, Inter Placeholder, sans-serif)
  );
  font-style: var(
    --site-blockquote-font-style,
    var(--site-code-font-style, var(--site-font-style, normal))
  );
  font-weight: var(
    --site-blockquote-font-weight,
    var(--site-code-font-weight, var(--site-font-weight, 400))
  );
  color: inherit;
  font-size: calc(
    var(--site-blockquote-font-size, var(--site-font-size, 16px)) *
      var(--site-font-size-scale, 1)
  );
}
code.site-text a.site-text,
code.site-text span.site-text[data-nested-link] {
  color: var(
    --site-link-text-color,
    var(
      --site-blockquote-text-color,
      var(--site-code-text-color, var(--site-text-color, #000))
    )
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  code.site-text a.site-text,
  code.site-text a.site-text span.site-text:not([data-text-fill]),
  code.site-text span.site-text[data-nested-link],
  code.site-text
    span.site-text[data-nested-link]
    span.site-text:not([data-text-fill]) {
    color: var(
      --site-link-text-color-rgb,
      var(
        --site-link-text-color,
        var(
          --site-blockquote-text-color-rgb,
          var(
            --site-blockquote-text-color,
            var(
              --site-code-text-color-rgb,
              var(
                --site-code-text-color,
                var(--site-text-color-rgb, var(--site-text-color, #000))
              )
            )
          )
        )
      )
    );
  }
}
a.site-text:where(:not(.site-image)):hover,
a.site-text:hover span.site-text:not([data-text-fill]),
span.site-text[data-nested-link]:hover,
span.site-text[data-nested-link]:hover span.site-text:not([data-text-fill]) {
  font-family: var(
    --site-font-family-preview,
    var(
      --site-link-hover-font-family,
      var(
        --site-link-font-family,
        var(
          --site-blockquote-font-family,
          var(--site-font-family, Inter, Inter Placeholder, sans-serif)
        )
      )
    )
  );
  font-style: var(
    --site-font-style-preview,
    var(
      --site-link-hover-font-style,
      var(
        --site-link-font-style,
        var(--site-blockquote-font-style, var(--site-font-style, normal))
      )
    )
  );
  font-weight: var(
    --site-font-weight-preview,
    var(
      --site-link-hover-font-weight,
      var(
        --site-link-font-weight,
        var(--site-blockquote-font-weight, var(--site-font-weight, 400))
      )
    )
  );
  font-size: calc(
    var(
        --site-link-hover-font-size,
        var(--site-blockquote-font-size, var(--site-font-size, 16px))
      ) *
      var(--site-font-size-scale, 1)
  );
  text-transform: var(
    --site-link-hover-text-transform,
    var(
      --site-link-text-transform,
      var(--site-blockquote-text-transform, var(--site-text-transform, none))
    )
  );
  border-radius: var(
    --site-link-hover-text-background-radius,
    var(
      --site-link-text-background-radius,
      var(--site-text-background-radius, initial)
    )
  );
  corner-shape: var(
    --site-link-hover-text-background-corner-shape,
    var(
      --site-link-text-background-corner-shape,
      var(--site-text-background-corner-shape, initial)
    )
  );
  padding: var(
    --site-link-hover-text-background-padding,
    var(
      --site-link-text-background-padding,
      var(--site-text-background-padding, initial)
    )
  );
}
a.site-text:hover,
span.site-text[data-nested-link]:hover {
  color: var(
    --site-link-hover-text-color,
    var(
      --site-link-text-color,
      var(--site-blockquote-text-color, var(--site-text-color, #000))
    )
  );
  -webkit-text-decoration-line: var(
    --site-link-hover-text-decoration,
    var(
      --site-link-text-decoration,
      var(
        --site-blockquote-text-decoration,
        var(--site-text-decoration, initial)
      )
    )
  );
  text-decoration-line: var(
    --site-link-hover-text-decoration,
    var(
      --site-link-text-decoration,
      var(
        --site-blockquote-text-decoration,
        var(--site-text-decoration, initial)
      )
    )
  );
  -webkit-text-decoration-style: var(
    --site-link-hover-text-decoration-style,
    var(
      --site-link-text-decoration-style,
      var(
        --site-blockquote-text-decoration-style,
        var(--site-text-decoration-style, initial)
      )
    )
  );
  text-decoration-style: var(
    --site-link-hover-text-decoration-style,
    var(
      --site-link-text-decoration-style,
      var(
        --site-blockquote-text-decoration-style,
        var(--site-text-decoration-style, initial)
      )
    )
  );
  -webkit-text-decoration-color: var(
    --site-link-hover-text-decoration-color,
    var(
      --site-link-text-decoration-color,
      var(
        --site-blockquote-text-decoration-color,
        var(--site-text-decoration-color, initial)
      )
    )
  );
  text-decoration-color: var(
    --site-link-hover-text-decoration-color,
    var(
      --site-link-text-decoration-color,
      var(
        --site-blockquote-text-decoration-color,
        var(--site-text-decoration-color, initial)
      )
    )
  );
  text-decoration-thickness: var(
    --site-link-hover-text-decoration-thickness,
    var(
      --site-link-text-decoration-thickness,
      var(
        --site-blockquote-text-decoration-thickness,
        var(--site-text-decoration-thickness, initial)
      )
    )
  );
  text-decoration-skip-ink: var(
    --site-link-hover-text-decoration-skip-ink,
    var(
      --site-link-text-decoration-skip-ink,
      var(
        --site-blockquote-text-decoration-skip-ink,
        var(--site-text-decoration-skip-ink, initial)
      )
    )
  );
  text-underline-offset: var(
    --site-link-hover-text-decoration-offset,
    var(
      --site-link-text-decoration-offset,
      var(
        --site-blockquote-text-decoration-offset,
        var(--site-text-decoration-offset, initial)
      )
    )
  );
  background-color: var(
    --site-link-hover-text-background-color,
    var(
      --site-link-text-background-color,
      var(--site-text-background-color, initial)
    )
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  a.site-text:hover,
  span.site-text[data-nested-link]:hover {
    color: var(
      --site-link-hover-text-color-rgb,
      var(
        --site-link-hover-text-color,
        var(
          --site-link-text-color-rgb,
          var(
            --site-link-text-color,
            var(
              --site-blockquote-text-color-rgb,
              var(
                --site-blockquote-text-color,
                var(--site-text-color-rgb, var(--site-text-color, #000))
              )
            )
          )
        )
      )
    );
    background-color: var(
      --site-link-hover-text-background-color-rgb,
      var(
        --site-link-hover-text-background-color,
        var(
          --site-link-text-background-color-rgb,
          var(
            --site-link-text-background-color,
            var(
              --site-text-background-color-rgb,
              var(--site-text-background-color, initial)
            )
          )
        )
      )
    );
    -webkit-text-decoration-color: var(
      --site-link-hover-text-decoration-color-rgb,
      var(
        --site-link-hover-text-decoration-color,
        var(
          --site-link-text-decoration-color-rgb,
          var(
            --site-link-text-decoration-color,
            var(
              --site-text-decoration-color-rgb,
              var(--site-text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
    text-decoration-color: var(
      --site-link-hover-text-decoration-color-rgb,
      var(
        --site-link-hover-text-decoration-color,
        var(
          --site-link-text-decoration-color-rgb,
          var(
            --site-link-text-decoration-color,
            var(
              --site-text-decoration-color-rgb,
              var(--site-text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
  }
}
code.site-text a.site-text:hover,
code.site-text span.site-text[data-nested-link]:hover {
  color: var(
    --site-link-hover-text-color,
    var(
      --site-link-text-color,
      var(
        --site-blockquote-text-color,
        var(--site-code-text-color, var(--site-text-color, #000))
      )
    )
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  code.site-text a.site-text:hover,
  code.site-text span.site-text[data-nested-link]:hover {
    color: var(
      --site-link-hover-text-color-rgb,
      var(
        --site-link-hover-text-color,
        var(
          --site-link-text-color-rgb,
          var(
            --site-link-text-color,
            var(
              --site-blockquote-text-color-rgb,
              var(
                --site-blockquote-text-color,
                var(
                  --site-code-text-color-rgb,
                  var(
                    --site-code-text-color,
                    var(--site-text-color-rgb, var(--site-text-color, #000))
                  )
                )
              )
            )
          )
        )
      )
    );
  }
}
a.site-text:where(:not(.site-image))[data-site-page-link-current],
a.site-text[data-site-page-link-current] span.site-text:not([data-text-fill]),
span.site-text[data-site-page-link-current],
span.site-text[data-site-page-link-current]
  span.site-text:not([data-text-fill]) {
  font-family: var(
    --site-font-family-preview,
    var(
      --site-link-current-font-family,
      var(
        --site-link-font-family,
        var(--site-font-family, Inter, Inter Placeholder, sans-serif)
      )
    )
  );
  font-style: var(
    --site-font-style-preview,
    var(
      --site-link-current-font-style,
      var(--site-link-font-style, var(--site-font-style, normal))
    )
  );
  font-weight: var(
    --site-font-weight-preview,
    var(
      --site-link-current-font-weight,
      var(--site-link-font-weight, var(--site-font-weight, 400))
    )
  );
  font-size: calc(
    var(
        --site-link-current-font-size,
        var(--site-link-font-size, var(--site-font-size, 16px))
      ) *
      var(--site-font-size-scale, 1)
  );
  text-transform: var(
    --site-link-current-text-transform,
    var(--site-link-text-transform, var(--site-text-transform, none))
  );
  border-radius: var(
    --site-link-current-text-background-radius,
    var(--site-link-text-background-radius, initial)
  );
  corner-shape: var(
    --site-link-current-text-background-corner-shape,
    var(--site-link-text-background-corner-shape, initial)
  );
  padding: var(
    --site-link-current-text-background-padding,
    var(--site-link-text-background-padding, initial)
  );
}
a.site-text[data-site-page-link-current],
span.site-text[data-site-page-link-current] {
  color: var(
    --site-link-current-text-color,
    var(--site-link-text-color, var(--site-text-color, #000))
  );
  -webkit-text-decoration-line: var(
    --site-link-current-text-decoration,
    var(--site-link-text-decoration, var(--site-text-decoration, initial))
  );
  text-decoration-line: var(
    --site-link-current-text-decoration,
    var(--site-link-text-decoration, var(--site-text-decoration, initial))
  );
  -webkit-text-decoration-style: var(
    --site-link-current-text-decoration-style,
    var(
      --site-link-text-decoration-style,
      var(--site-text-decoration-style, initial)
    )
  );
  text-decoration-style: var(
    --site-link-current-text-decoration-style,
    var(
      --site-link-text-decoration-style,
      var(--site-text-decoration-style, initial)
    )
  );
  -webkit-text-decoration-color: var(
    --site-link-current-text-decoration-color,
    var(
      --site-link-text-decoration-color,
      var(--site-text-decoration-color, initial)
    )
  );
  text-decoration-color: var(
    --site-link-current-text-decoration-color,
    var(
      --site-link-text-decoration-color,
      var(--site-text-decoration-color, initial)
    )
  );
  text-decoration-thickness: var(
    --site-link-current-text-decoration-thickness,
    var(
      --site-link-text-decoration-thickness,
      var(--site-text-decoration-thickness, initial)
    )
  );
  text-decoration-skip-ink: var(
    --site-link-current-text-decoration-skip-ink,
    var(
      --site-link-text-decoration-skip-ink,
      var(--site-text-decoration-skip-ink, initial)
    )
  );
  text-underline-offset: var(
    --site-link-current-text-decoration-offset,
    var(
      --site-link-text-decoration-offset,
      var(--site-text-decoration-offset, initial)
    )
  );
  background-color: var(
    --site-link-current-text-background-color,
    var(
      --site-link-text-background-color,
      var(--site-text-background-color, initial)
    )
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  a.site-text[data-site-page-link-current],
  span.site-text[data-site-page-link-current] {
    color: var(
      --site-link-current-text-color-rgb,
      var(
        --site-link-current-text-color,
        var(
          --site-link-text-color-rgb,
          var(
            --site-link-text-color,
            var(--site-text-color-rgb, var(--site-text-color, #000))
          )
        )
      )
    );
    background-color: var(
      --site-link-current-text-background-color-rgb,
      var(
        --site-link-current-text-background-color,
        var(
          --site-link-text-background-color-rgb,
          var(
            --site-link-text-background-color,
            var(
              --site-text-background-color-rgb,
              var(--site-text-background-color, initial)
            )
          )
        )
      )
    );
    -webkit-text-decoration-color: var(
      --site-link-current-text-decoration-color-rgb,
      var(
        --site-link-current-text-decoration-color,
        var(
          --site-link-text-decoration-color-rgb,
          var(
            --site-link-text-decoration-color,
            var(
              --site-text-decoration-color-rgb,
              var(--site-text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
    text-decoration-color: var(
      --site-link-current-text-decoration-color-rgb,
      var(
        --site-link-current-text-decoration-color,
        var(
          --site-link-text-decoration-color-rgb,
          var(
            --site-link-text-decoration-color,
            var(
              --site-text-decoration-color-rgb,
              var(--site-text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
  }
}
code.site-text a.site-text[data-site-page-link-current],
code.site-text
  a.site-text[data-site-page-link-current]
  span.site-text:not([data-text-fill]),
code.site-text span.site-text[data-site-page-link-current],
code.site-text
  span.site-text[data-site-page-link-current]
  span.site-text:not([data-text-fill]) {
  font-family: var(
    --site-code-font-family,
    var(--site-font-family, Inter, Inter Placeholder, sans-serif)
  );
  font-style: var(--site-code-font-style, var(--site-font-style, normal));
  font-weight: var(--site-code-font-weight, var(--site-font-weight, 400));
  color: inherit;
  font-size: calc(
    var(
        --site-link-current-font-size,
        var(--site-link-font-size, var(--site-font-size, 16px))
      ) *
      var(--site-font-size-scale, 1)
  );
}
code.site-text a.site-text[data-site-page-link-current],
code.site-text span.site-text[data-site-page-link-current] {
  color: var(
    --site-link-current-text-color,
    var(
      --site-link-text-color,
      var(--site-code-text-color, var(--site-text-color, #000))
    )
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  code.site-text a.site-text[data-site-page-link-current],
  code.site-text
    a.site-text[data-site-page-link-current]
    span.site-text:not([data-text-fill]),
  code.site-text span.site-text[data-site-page-link-current],
  code.site-text
    span.site-text[data-site-page-link-current]
    span.site-text:not([data-text-fill]) {
    color: var(
      --site-link-current-text-color-rgb,
      var(
        --site-link-current-text-color,
        var(
          --site-link-text-color-rgb,
          var(
            --site-link-text-color,
            var(
              --site-code-text-color-rgb,
              var(
                --site-code-text-color,
                var(--site-text-color-rgb, var(--site-text-color, #000))
              )
            )
          )
        )
      )
    );
    background-color: var(
      --site-link-current-text-background-color-rgb,
      var(
        --site-link-current-text-background-color,
        var(
          --site-link-text-background-color-rgb,
          var(
            --site-link-text-background-color,
            var(
              --site-text-background-color-rgb,
              var(--site-text-background-color, initial)
            )
          )
        )
      )
    );
  }
}
a.site-text:where(:not(.site-image))[data-site-page-link-current]:hover,
a.site-text[data-site-page-link-current]:hover
  span.site-text:not([data-text-fill]),
span.site-text[data-site-page-link-current]:hover,
span.site-text[data-site-page-link-current]:hover
  span.site-text:not([data-text-fill]) {
  color: inherit;
  font-family: var(
    --site-font-family-preview,
    var(
      --site-link-hover-font-family,
      var(
        --site-link-current-font-family,
        var(
          --site-link-font-family,
          var(--site-font-family, Inter, Inter Placeholder, sans-serif)
        )
      )
    )
  );
  font-style: var(
    --site-font-style-preview,
    var(
      --site-link-hover-font-style,
      var(
        --site-link-current-font-style,
        var(--site-link-font-style, var(--site-font-style, normal))
      )
    )
  );
  font-weight: var(
    --site-font-weight-preview,
    var(
      --site-link-hover-font-weight,
      var(
        --site-link-current-font-weight,
        var(--site-link-font-weight, var(--site-font-weight, 400))
      )
    )
  );
  font-size: calc(
    var(
        --site-link-hover-font-size,
        var(
          --site-link-current-font-size,
          var(--site-link-font-size, var(--site-font-size, 16px))
        )
      ) *
      var(--site-font-size-scale, 1)
  );
  text-transform: var(
    --site-link-hover-text-transform,
    var(
      --site-link-current-text-transform,
      var(--site-link-text-transform, var(--site-text-transform, none))
    )
  );
  border-radius: var(
    --site-link-hover-text-background-radius,
    var(
      --site-link-current-text-background-radius,
      var(--site-link-text-background-radius, initial)
    )
  );
  corner-shape: var(
    --site-link-hover-text-background-corner-shape,
    var(
      --site-link-current-text-background-corner-shape,
      var(--site-link-text-background-corner-shape, initial)
    )
  );
  padding: var(
    --site-link-hover-text-background-padding,
    var(
      --site-link-current-text-background-padding,
      var(--site-link-text-background-padding, initial)
    )
  );
}
a.site-text[data-site-page-link-current]:hover,
span.site-text[data-site-page-link-current]:hover {
  color: var(
    --site-link-hover-text-color,
    var(
      --site-link-current-text-color,
      var(--site-link-text-color, var(--site-text-color, #000))
    )
  );
  -webkit-text-decoration-line: var(
    --site-link-hover-text-decoration,
    var(
      --site-link-current-text-decoration,
      var(--site-link-text-decoration, var(--site-text-decoration, initial))
    )
  );
  text-decoration-line: var(
    --site-link-hover-text-decoration,
    var(
      --site-link-current-text-decoration,
      var(--site-link-text-decoration, var(--site-text-decoration, initial))
    )
  );
  -webkit-text-decoration-style: var(
    --site-link-hover-text-decoration-style,
    var(
      --site-link-current-text-decoration-style,
      var(
        --site-link-text-decoration-style,
        var(--site-text-decoration-style, initial)
      )
    )
  );
  text-decoration-style: var(
    --site-link-hover-text-decoration-style,
    var(
      --site-link-current-text-decoration-style,
      var(
        --site-link-text-decoration-style,
        var(--site-text-decoration-style, initial)
      )
    )
  );
  -webkit-text-decoration-color: var(
    --site-link-hover-text-decoration-color,
    var(
      --site-link-current-text-decoration-color,
      var(
        --site-link-text-decoration-color,
        var(--site-text-decoration-color, initial)
      )
    )
  );
  text-decoration-color: var(
    --site-link-hover-text-decoration-color,
    var(
      --site-link-current-text-decoration-color,
      var(
        --site-link-text-decoration-color,
        var(--site-text-decoration-color, initial)
      )
    )
  );
  text-decoration-thickness: var(
    --site-link-hover-text-decoration-thickness,
    var(
      --site-link-current-text-decoration-thickness,
      var(
        --site-link-text-decoration-thickness,
        var(--site-text-decoration-thickness, initial)
      )
    )
  );
  text-decoration-skip-ink: var(
    --site-link-hover-text-decoration-skip-ink,
    var(
      --site-link-current-text-decoration-skip-ink,
      var(
        --site-link-text-decoration-skip-ink,
        var(--site-text-decoration-skip-ink, initial)
      )
    )
  );
  text-underline-offset: var(
    --site-link-hover-text-decoration-offset,
    var(
      --site-link-current-text-decoration-offset,
      var(
        --site-link-text-decoration-offset,
        var(--site-text-decoration-offset, initial)
      )
    )
  );
  background-color: var(
    --site-link-hover-text-background-color,
    var(
      --site-link-current-text-background-color,
      var(--site-link-text-background-color, initial)
    )
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  a.site-text[data-site-page-link-current]:hover,
  span.site-text[data-site-page-link-current]:hover {
    color: var(
      --site-link-hover-text-color-rgb,
      var(
        --site-link-hover-text-color,
        var(
          --site-link-current-text-color-rgb,
          var(
            --site-link-current-text-color,
            var(
              --site-link-text-color-rgb,
              var(
                --site-link-text-color,
                var(
                  --site-code-text-color-rgb,
                  var(
                    --site-code-text-color,
                    var(--site-text-color-rgb, var(--site-text-color, #000))
                  )
                )
              )
            )
          )
        )
      )
    );
    background-color: var(
      --site-link-hover-text-background-color-rgb,
      var(
        --site-link-hover-text-background-color,
        var(
          --site-link-current-text-background-color-rgb,
          var(
            --site-link-current-text-background-color,
            var(
              --site-link-text-background-color-rgb,
              var(--site-link-text-background-color, initial)
            )
          )
        )
      )
    );
    -webkit-text-decoration-color: var(
      --site-link-hover-text-decoration-color-rgb,
      var(
        --site-link-hover-text-decoration-color,
        var(
          --site-link-current-text-decoration-color-rgb,
          var(
            --site-link-current-text-decoration-color,
            var(
              --site-link-text-decoration-color-rgb,
              var(
                --site-link-text-decoration-color,
                var(
                  --site-text-decoration-color-rgb,
                  var(--site-text-decoration-color, currentcolor)
                )
              )
            )
          )
        )
      )
    );
    text-decoration-color: var(
      --site-link-hover-text-decoration-color-rgb,
      var(
        --site-link-hover-text-decoration-color,
        var(
          --site-link-current-text-decoration-color-rgb,
          var(
            --site-link-current-text-decoration-color,
            var(
              --site-link-text-decoration-color-rgb,
              var(
                --site-link-text-decoration-color,
                var(
                  --site-text-decoration-color-rgb,
                  var(--site-text-decoration-color, currentcolor)
                )
              )
            )
          )
        )
      )
    );
  }
}
code.site-text a.site-text[data-site-page-link-current]:hover,
code.site-text span.site-text[data-site-page-link-current]:hover {
  color: var(
    --site-link-hover-text-color,
    var(
      --site-link-current-text-color,
      var(
        --site-link-text-color,
        var(--site-code-text-color, var(--site-text-color, #000))
      )
    )
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  code.site-text a.site-text[data-site-page-link-current]:hover,
  code.site-text
    a.site-text[data-site-page-link-current]:hover
    span.site-text:not([data-text-fill]),
  code.site-text span.site-text[data-site-page-link-current]:hover,
  code.site-text
    span.site-text[data-site-page-link-current]:hover
    span.site-text:not([data-text-fill]) {
    color: var(
      --site-link-hover-text-color-rgb,
      var(
        --site-link-hover-text-color,
        var(
          --site-link-current-text-color-rgb,
          var(
            --site-link-current-text-color,
            var(
              --site-link-text-color-rgb,
              var(
                --site-link-text-color,
                var(
                  --site-code-text-color-rgb,
                  var(
                    --site-code-text-color,
                    var(--site-text-color-rgb, var(--site-text-color, #000))
                  )
                )
              )
            )
          )
        )
      )
    );
    background-color: var(
      --site-link-hover-text-background-color-rgb,
      var(
        --site-link-hover-text-background-color,
        var(
          --site-link-current-text-background-color-rgb,
          var(
            --site-link-current-text-background-color,
            var(
              --site-link-text-background-color-rgb,
              var(--site-link-text-background-color, initial)
            )
          )
        )
      )
    );
  }
}
.site-image.site-text {
  max-width: 100%;
  height: auto;
  display: block;
}
a.site-image.site-text {
  box-shadow: none;
  border: none;
}
.text-styles-preset-reset.site-text {
  --site-font-family: Inter, Inter Placeholder, sans-serif;
  --site-font-style: normal;
  --site-font-weight: 500;
  --site-text-color: #000;
  --site-font-size: 16px;
  --site-letter-spacing: 0;
  --site-text-transform: none;
  --site-text-decoration: none;
  --site-text-decoration-style: none;
  --site-text-decoration-color: none;
  --site-text-decoration-thickness: none;
  --site-text-decoration-skip-ink: none;
  --site-text-decoration-offset: none;
  --site-line-height: 1.2em;
  --site-text-alignment: start;
  --site-font-open-type-features: normal;
  --site-text-background-color: initial;
  --site-text-background-radius: initial;
  --site-text-background-corner-shape: initial;
  --site-text-background-padding: initial;
}
ol.site-text {
  --list-style-type: decimal;
}
ul.site-text,
ol.site-text {
  padding-inline-start: 0;
  position: relative;
}
li.site-text {
  counter-increment: list-item;
  padding-inline-start: 2ch;
  list-style: "";
}
ol.site-text > li.site-text {
  padding-inline-start: calc(calc(var(--max-list-digits, 1) + 1) * 1ch);
}
ol.site-text > li.site-text:before {
  content: counter(list-item, var(--list-style-type)) ".";
  font-variant-numeric: tabular-nums;
  position: absolute;
  inset-inline-start: 0;
}
ul.site-text > li.site-text:before {
  content: "•";
  position: absolute;
  inset-inline-start: 0;
}
.site-table-wrapper {
  overflow-x: auto;
}
table.site-text,
.site-table-wrapper table.site-text {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: auto;
  word-break: normal;
  width: 100%;
}
td.site-text,
th.site-text {
  overflow-wrap: anywhere;
  vertical-align: top;
  min-width: 16ch;
}
.site-text-module[data-width="fill"] > :first-child,
.site-text-module[data-width="fill"] > .ssr-variant > :first-child {
  width: 100% !important;
}
[data-site-component-type="DeprecatedRichText"] {
  cursor: inherit;
}
[data-site-component-type="DeprecatedRichText"] .text-styles-preset-reset {
  --site-font-family: Inter, Inter Placeholder, sans-serif;
  --site-font-style: normal;
  --site-font-weight: 500;
  --site-text-color: #000;
  --site-font-size: 16px;
  --site-letter-spacing: 0;
  --site-text-transform: none;
  --site-text-decoration: none;
  --site-line-height: 1.2em;
  --site-text-alignment: start;
  --site-font-open-type-features: normal;
  --font-variation-settings: normal;
}
[data-site-component-type="DeprecatedRichText"] p,
[data-site-component-type="DeprecatedRichText"] div,
[data-site-component-type="DeprecatedRichText"] h1,
[data-site-component-type="DeprecatedRichText"] h2,
[data-site-component-type="DeprecatedRichText"] h3,
[data-site-component-type="DeprecatedRichText"] h4,
[data-site-component-type="DeprecatedRichText"] h5,
[data-site-component-type="DeprecatedRichText"] h6 {
  margin: 0;
  padding: 0;
}
[data-site-component-type="DeprecatedRichText"] p,
[data-site-component-type="DeprecatedRichText"] div,
[data-site-component-type="DeprecatedRichText"] h1,
[data-site-component-type="DeprecatedRichText"] h2,
[data-site-component-type="DeprecatedRichText"] h3,
[data-site-component-type="DeprecatedRichText"] h4,
[data-site-component-type="DeprecatedRichText"] h5,
[data-site-component-type="DeprecatedRichText"] h6,
[data-site-component-type="DeprecatedRichText"] li,
[data-site-component-type="DeprecatedRichText"] ol,
[data-site-component-type="DeprecatedRichText"] ul,
[data-site-component-type="DeprecatedRichText"] span:not([data-text-fill]) {
  font-family: var(--site-font-family, Inter, Inter Placeholder, sans-serif);
  font-style: var(--site-font-style, normal);
  font-weight: var(--site-font-weight, 400);
  color: var(--site-text-color, #000);
  font-size: var(--site-font-size, 16px);
  letter-spacing: var(--site-letter-spacing, 0);
  text-transform: var(--site-text-transform, none);
  -webkit-text-decoration: var(--site-text-decoration, none);
  text-decoration: var(--site-text-decoration, none);
  line-height: var(--site-line-height, 1.2em);
  text-align: var(--site-text-alignment, start);
}
[data-site-component-type="DeprecatedRichText"] p:not(:first-child),
[data-site-component-type="DeprecatedRichText"] div:not(:first-child),
[data-site-component-type="DeprecatedRichText"] h1:not(:first-child),
[data-site-component-type="DeprecatedRichText"] h2:not(:first-child),
[data-site-component-type="DeprecatedRichText"] h3:not(:first-child),
[data-site-component-type="DeprecatedRichText"] h4:not(:first-child),
[data-site-component-type="DeprecatedRichText"] h5:not(:first-child),
[data-site-component-type="DeprecatedRichText"] h6:not(:first-child),
[data-site-component-type="DeprecatedRichText"] ol:not(:first-child),
[data-site-component-type="DeprecatedRichText"] ul:not(:first-child),
[data-site-component-type="DeprecatedRichText"] .site-image:not(:first-child) {
  margin-top: var(--site-paragraph-spacing, 0);
}
[data-site-component-type="DeprecatedRichText"] span[data-text-fill] {
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}
[data-site-component-type="DeprecatedRichText"] a,
[data-site-component-type="DeprecatedRichText"] a span:not([data-text-fill]) {
  font-family: var(
    --site-link-font-family,
    var(--site-font-family, Inter, Inter Placeholder, sans-serif)
  );
  font-style: var(--site-link-font-style, var(--site-font-style, normal));
  font-weight: var(--site-link-font-weight, var(--site-font-weight, 400));
  color: var(--site-link-text-color, var(--site-text-color, #000));
  font-size: var(--site-link-font-size, var(--site-font-size, 16px));
  text-transform: var(
    --site-link-text-transform,
    var(--site-text-transform, none)
  );
  -webkit-text-decoration: var(
    --site-link-text-decoration,
    var(--site-text-decoration, none)
  );
  text-decoration: var(
    --site-link-text-decoration,
    var(--site-text-decoration, none)
  );
}
[data-site-component-type="DeprecatedRichText"] a:hover,
[data-site-component-type="DeprecatedRichText"]
  a:hover
  span:not([data-text-fill]) {
  font-family: var(
    --site-link-hover-font-family,
    var(
      --site-link-font-family,
      var(--site-font-family, Inter, Inter Placeholder, sans-serif)
    )
  );
  font-style: var(
    --site-link-hover-font-style,
    var(--site-link-font-style, var(--site-font-style, normal))
  );
  font-weight: var(
    --site-link-hover-font-weight,
    var(--site-link-font-weight, var(--site-font-weight, 400))
  );
  color: var(
    --site-link-hover-text-color,
    var(--site-link-text-color, var(--site-text-color, #000))
  );
  font-size: var(
    --site-link-hover-font-size,
    var(--site-link-font-size, var(--site-font-size, 16px))
  );
  text-transform: var(
    --site-link-hover-text-transform,
    var(--site-link-text-transform, var(--site-text-transform, none))
  );
  -webkit-text-decoration: var(
    --site-link-hover-text-decoration,
    var(--site-link-text-decoration, var(--site-text-decoration, none))
  );
  text-decoration: var(
    --site-link-hover-text-decoration,
    var(--site-link-text-decoration, var(--site-text-decoration, none))
  );
}
[data-site-component-type="DeprecatedRichText"] a[data-site-page-link-current],
[data-site-component-type="DeprecatedRichText"]
  a[data-site-page-link-current]
  span:not([data-text-fill]):not([data-nested-link]) {
  font-family: var(
    --site-link-current-font-family,
    var(
      --site-link-font-family,
      var(--site-font-family, Inter, Inter Placeholder, sans-serif)
    )
  );
  font-style: var(
    --site-link-current-font-style,
    var(--site-link-font-style, var(--site-font-style, normal))
  );
  font-weight: var(
    --site-link-current-font-weight,
    var(--site-link-font-weight, var(--site-font-weight, 400))
  );
  color: var(
    --site-link-current-text-color,
    var(--site-link-text-color, var(--site-text-color, #000))
  );
  font-size: var(
    --site-link-current-font-size,
    var(--site-link-font-size, var(--site-font-size, 16px))
  );
  text-transform: var(
    --site-link-current-text-transform,
    var(--site-link-text-transform, var(--site-text-transform, none))
  );
  -webkit-text-decoration: var(
    --site-link-current-text-decoration,
    var(--site-link-text-decoration, var(--site-text-decoration, none))
  );
  text-decoration: var(
    --site-link-current-text-decoration,
    var(--site-link-text-decoration, var(--site-text-decoration, none))
  );
}
[data-site-component-type="DeprecatedRichText"]
  a[data-site-page-link-current]:hover,
[data-site-component-type="DeprecatedRichText"]
  a[data-site-page-link-current]:hover
  span:not([data-text-fill]):not([data-nested-link]) {
  font-family: var(
    --site-link-hover-font-family,
    var(
      --site-link-current-font-family,
      var(
        --site-link-font-family,
        var(--site-font-family, Inter, Inter Placeholder, sans-serif)
      )
    )
  );
  font-style: var(
    --site-link-hover-font-style,
    var(
      --site-link-current-font-style,
      var(--site-link-font-style, var(--site-font-style, normal))
    )
  );
  font-weight: var(
    --site-link-hover-font-weight,
    var(
      --site-link-current-font-weight,
      var(--site-link-font-weight, var(--site-font-weight, 400))
    )
  );
  color: var(
    --site-link-hover-text-color,
    var(
      --site-link-current-text-color,
      var(--site-link-text-color, var(--site-text-color, #000))
    )
  );
  font-size: var(
    --site-link-hover-font-size,
    var(
      --site-link-current-font-size,
      var(--site-link-font-size, var(--site-font-size, 16px))
    )
  );
  text-transform: var(
    --site-link-hover-text-transform,
    var(
      --site-link-current-text-transform,
      var(--site-link-text-transform, var(--site-text-transform, none))
    )
  );
  -webkit-text-decoration: var(
    --site-link-hover-text-decoration,
    var(
      --site-link-current-text-decoration,
      var(--site-link-text-decoration, var(--site-text-decoration, none))
    )
  );
  text-decoration: var(
    --site-link-hover-text-decoration,
    var(
      --site-link-current-text-decoration,
      var(--site-link-text-decoration, var(--site-text-decoration, none))
    )
  );
}
[data-site-component-type="DeprecatedRichText"] strong {
  font-weight: bolder;
}
[data-site-component-type="DeprecatedRichText"] em {
  font-style: italic;
}
[data-site-component-type="DeprecatedRichText"] .site-image {
  max-width: 100%;
  height: auto;
  display: block;
}
[data-site-component-type="DeprecatedRichText"] ul,
[data-site-component-type="DeprecatedRichText"] ol {
  width: 100%;
  margin: 0;
  padding-left: 0;
  display: table;
}
[data-site-component-type="DeprecatedRichText"] li {
  counter-increment: list-item;
  list-style: none;
  display: table-row;
}
[data-site-component-type="DeprecatedRichText"] ol > li:before {
  box-sizing: border-box;
  content: counter(list-item) ".";
  white-space: nowrap;
  width: 2.25ch;
  padding-right: 0.75ch;
  display: table-cell;
}
[data-site-component-type="DeprecatedRichText"] ul > li:before {
  box-sizing: border-box;
  content: "•";
  width: 2.25ch;
  padding-right: 0.75ch;
  display: table-cell;
}
[data-site-component-type="Stack"]:not([data-site-generated]) > *,
[data-site-component-type="Stack"]:not([data-site-generated])
  > [data-site-component-type],
NavigationContainer [data-site-component-type="NavigationContainer"] > *,
[data-site-component-type="NavigationContainer"] > [data-site-component-type] {
  position: relative;
}
[data-site-component-type="Scroll"]::-webkit-scrollbar {
  display: none;
}
[data-site-component-type="ScrollContentWrapper"] > * {
  position: relative;
}
[data-site-component-type="NativeScroll"] {
  -webkit-overflow-scrolling: touch;
}
[data-site-component-type="NativeScroll"] > * {
  position: relative;
}
[data-site-component-type="NativeScroll"].direction-both {
  overflow: auto;
}
[data-site-component-type="NativeScroll"].direction-vertical {
  overflow: hidden auto;
}
[data-site-component-type="NativeScroll"].direction-horizontal {
  overflow: auto hidden;
}
[data-site-component-type="NativeScroll"].direction-vertical > * {
  width: 100% !important;
}
[data-site-component-type="NativeScroll"].direction-horizontal > * {
  height: 100% !important;
}
[data-site-component-type="NativeScroll"].scrollbar-hidden::-webkit-scrollbar {
  display: none;
}
[data-site-component-type="PageContentWrapper"] > *,
[data-site-component-type="PageContentWrapper"] > [data-site-component-type] {
  position: relative;
}
[data-site-component-type="DeviceComponent"].no-device > * {
  width: 100% !important;
  height: 100% !important;
}
[data-is-present="false"],
[data-is-present="false"] * {
  pointer-events: none !important;
}
[data-site-cursor="pointer"] {
  cursor: pointer;
}
[data-site-cursor="grab"] {
  cursor: grab;
}
[data-site-cursor="grab"]:active {
  cursor: grabbing;
}
[data-site-component-type="Frame"] *,
[data-site-component-type="Stack"] * {
  pointer-events: auto;
}
[data-site-generated] * {
  pointer-events: unset;
}
.svgContainer svg {
  display: block;
}
[data-reset="button"] {
  background: 0 0;
  border-width: 0;
  padding: 0;
}
[data-hide-scrollbars="true"]::-webkit-scrollbar {
  width: 0;
  height: 0;
}
[data-hide-scrollbars="true"]::-webkit-scrollbar-thumb {
  background: 0 0;
}
[data-hide-scrollbars="true"] {
  scrollbar-width: none;
}
@supports not (overflow: clip) {
  :root {
    --overflow-clip-fallback: hidden;
  }
}
.site-lightbox-container {
  opacity: 1 !important;
  pointer-events: auto !important;
}
@supports (background: -webkit-named-image(i)) and
  (not (contain-intrinsic-size: inherit)) {
  div.site-text,
  p.site-text,
  h1.site-text,
  h2.site-text,
  h3.site-text,
  h4.site-text,
  h5.site-text,
  h6.site-text,
  ol.site-text,
  ul.site-text,
  li.site-text,
  blockquote.site-text,
  .site-text.site-image {
    display: var(--text-truncation-display-inline-for-safari-16, revert);
  }
  div.site-text:after,
  p.site-text:after,
  h1.site-text:after,
  h2.site-text:after,
  h3.site-text:after,
  h4.site-text:after,
  h5.site-text:after,
  h6.site-text:after,
  ol.site-text:after,
  ul.site-text:after,
  li.site-text:after,
  blockquote.site-text:after,
  .site-text.site-image:after {
    content: var(--text-truncation-line-break-for-safari-16);
    white-space: pre;
  }
  .site-text.site-text-module,
  .site-text.site-table-wrapper {
    display: var(--text-truncation-display-none-for-safari-16, revert);
  }
  p.site-text[data-text-fill] {
    display: var(--text-truncation-display-inline-for-safari-16, inline-block);
  }
}
@supports (corner-shape: superellipse(2)) {
  :root {
    --one-if-corner-shape-supported: 1;
  }
}
.button[data-border="true"]:after,
.button [data-border="true"]:after {
  content: "";
  border-width: var(--border-top-width, 0) var(--border-right-width, 0)
    var(--border-bottom-width, 0) var(--border-left-width, 0);
  border-color: var(--border-color, none);
  border-style: var(--border-style, none);
  box-sizing: border-box;
  border-radius: inherit;
  corner-shape: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.footer .footer__book-a-call,
.footer .footer__contact {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
/* Authored: src/styles/components/back-link.css */.back-link.back-link__element-1,
.back-link .back-link__element-1 {
  display: block;
}
.back-link.back-link__state-123-layout {
  align-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  height: min-content;
  justify-content: flex-start;
  padding: 8px 0;
  min-height: 44px;
  position: relative;
  text-decoration: none;
  width: min-content;
}
.back-link .back-link__element-2 {
  flex: none;
  height: auto;
  position: relative;
  width: 16px;
}
.back-link .back-link__label {
  flex: none;
  height: auto;
  position: relative;
  white-space: pre;
  width: auto;
}
/* Authored: src/styles/components/before-after-card.css */.before-after-card.before-after-card__element-3,
.before-after-card .before-after-card__element-3 {
  display: block;
}
.before-after-card.before-after-card__default-layout {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 24px;
  height: min-content;
  justify-content: flex-start;
  padding: 28px;
  position: relative;
  width: 320px;
}
.before-after-card .before-after-card__topic {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.before-after-card .before-after-card__before-the-agent,
.before-after-card .before-after-card__with-the-agent {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  height: min-content;
  justify-content: flex-start;
  padding: 20px 22px 20px 22px;
  position: relative;
  width: 100%;
}
.before-after-card .before-after-card__label,
.before-after-card .before-after-card__label-2 {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: min-content;
}
.before-after-card .before-after-card__dot,
.before-after-card .before-after-card__dot-2 {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: 8px;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 8px;
}
.before-after-card .before-after-card__element-1,
.before-after-card .before-after-card__element-2 {
  flex: none;
  height: auto;
  position: relative;
  white-space: pre;
  width: auto;
}
.before-after-card .before-after-card__text,
.before-after-card .before-after-card__text-2 {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.before-after-card.before-after-card--in-a-row.before-after-card__default-layout {
  min-height: 360px;
}
/* Authored: src/styles/components/button.css */.button.button__element-1,
.button .button__element-1 {
  display: block;
}
.button.button__primary-layout {
  align-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--button-gap);
  height: min-content;
  min-height: var(--control-target-primary);
  justify-content: center;
  overflow: var(--overflow-clip-fallback, clip);
  padding: var(--button-padding-block) var(--button-padding-inline);
  position: relative;
  text-decoration: none;
  width: min-content;
  will-change: var(--site-will-change-override, transform);
}
.button .button__hover-fill {
  bottom: 0px;
  flex: none;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  z-index: 0;
}
.button .button__label {
  flex: none;
  height: auto;
  position: relative;
  white-space: pre;
  width: auto;
  z-index: 1;
}
.button.button--small.button__primary-layout {
  min-height: var(--control-target);
  padding: var(--button-padding-block-small) var(--button-padding-inline-small);
}
@media (max-width: 809.98px) {
  .button.button__primary-layout {
    min-height: var(--control-target-primary);
  }
  .button.button--small.button__primary-layout {
    min-height: var(--control-target);
  }
}
/* Authored: src/styles/components/character.css */.character.character__element-1,
.character .character__element-1 {
  display: block;
}
.character.character__state-26-layout {
  height: 240px;
  position: relative;
  width: 240px;
}
.character .character__rig-edit-the-look-here {
  bottom: 0px;
  flex: none;
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
}
/* Authored: src/styles/components/cta-band.css */.cta-band.cta-band__element-5,
.cta-band .cta-band__element-5 {
  display: block;
}
.cta-band.cta-band__desktop-layout {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
  height: min-content;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 56px 56px 0px 56px;
  position: relative;
  width: 1248px;
  will-change: var(--site-will-change-override, transform);
}
.cta-band .cta-band__glow {
  flex: none;
  height: 520px;
  position: absolute;
  right: -80px;
  top: -60px;
  width: 640px;
  z-index: 0;
}
.cta-band .cta-band__copy {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: 1.3 0 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 40px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px 0px 56px 0px;
  position: relative;
  width: 1px;
  min-width: 0;
  z-index: 1;
}
.cta-band .cta-band__header {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.cta-band .cta-band__headline {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.cta-band .cta-band__subline {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.cta-band .cta-band__buttons {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 12px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.cta-band .cta-band__component-slot-3,
.cta-band .cta-band__component-slot-4 {
  flex: none;
  height: auto;
  position: relative;
  width: auto;
}
.cta-band .cta-band__bloop-stage {
  align-content: center;
  align-items: center;
  display: flex;
  flex: 1 0 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: 340px;
  justify-content: flex-end;
  padding: 0px;
  position: relative;
  width: 1px;
  z-index: 1;
}
.cta-band .cta-band__character {
  flex: none;
  height: 300px;
  position: relative;
  width: 300px;
}
.cta-band.cta-band--tablet.cta-band__desktop-layout {
  padding: 40px 40px 0px 40px;
  width: 746px;
}
.cta-band.cta-band--tablet .cta-band__bloop-stage {
  height: 280px;
}
.cta-band.cta-band--phone.cta-band__desktop-layout {
  --cta-character-size: 210px;
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  padding: 24px 20px 0;
  width: 342px;
}
.cta-band.cta-band--phone .cta-band__glow {
  right: calc(50% - 320px);
  top: auto;
  bottom: calc((var(--cta-character-size) - 520px) / 2);
}
.cta-band.cta-band--phone .cta-band__copy {
  flex: none;
  gap: 28px;
  padding: 0px;
  width: 100%;
}
.cta-band.cta-band--phone .cta-band__bloop-stage {
  flex: none;
  height: var(--cta-character-size);
  width: 100%;
}
.cta-band.cta-band--phone .cta-band__character {
  height: var(--cta-character-size);
  width: var(--cta-character-size);
}

.cta-band.cta-band--phone .cta-band__header {
  gap: var(--space-heading-gap);
}

/* Authored: src/styles/components/flow-step.css */.flow-step.flow-step__element-1,
.flow-step .flow-step__element-1 {
  display: block;
}
.flow-step.flow-step__default-layout {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  height: min-content;
  justify-content: flex-start;
  padding: 24px;
  position: relative;
  width: 320px;
}
.flow-step .flow-step__title {
  flex: none;
  height: auto;
  position: relative;
  white-space: pre-wrap;
  width: 100%;
  word-break: break-word;
  word-wrap: break-word;
}
.flow-step .flow-step__text {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.flow-step.flow-step--in-a-row.flow-step__default-layout {
  min-height: 190px;
}
/* Authored: src/styles/components/footer.css */.footer.footer__element-5,
.footer .footer__element-5 {
  display: block;
}
.footer.footer__desktop-layout {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  padding: 40px 40px 0px 40px;
  position: relative;
  width: 1200px;
}
.footer .footer__panel {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 40px;
  height: min-content;
  justify-content: flex-start;
  max-width: 1248px;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 48px 48px 0px 48px;
  position: relative;
  width: 100%;
  will-change: var(--site-will-change-override, transform);
}
.footer .footer__top-row {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: min-content;
  justify-content: space-between;
  padding: 0px;
  position: relative;
  width: 100%;
}
.footer .footer__brand {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
  height: min-content;
  justify-content: flex-start;
  max-width: 100%;
  padding: 0px;
  position: relative;
  width: 440px;
}
.footer .footer__component-slot-1 {
  flex: none;
  height: auto;
  position: relative;
  width: auto;
}
.footer .footer__tagline {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.footer .footer__email {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
  height: min-content;
  justify-content: flex-start;
  padding: 6px 6px 6px 18px;
  position: relative;
  width: min-content;
}
.footer .footer__address,
.footer .footer__label,
.footer .footer__label-2,
.footer .footer__agents,
.footer .footer__work,
.footer .footer__pricing,
.footer .footer__about,
.footer .footer__label-3,
.footer .footer__label-4,
.footer .footer__terms,
.footer .footer__privacy,
.footer .footer__bloop,
.footer .footer__copyright,
.footer .footer__demo-note {
  flex: none;
  height: auto;
  position: relative;
  white-space: pre;
  width: auto;
}
.footer .footer__copy-chip {
  align-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6px;
  height: min-content;
  min-height: var(--control-target);
  justify-content: flex-start;
  padding: 9px 16px 9px 14px;
  position: relative;
  width: min-content;
}
.footer .footer__element-2 {
  flex: none;
  height: auto;
  position: relative;
  width: 14px;
}
.footer .footer__label-2,
.footer .footer__label-3,
.footer .footer__label-4 {
  --font-body-small: var(--font-caption);
}
.footer .footer__link-columns {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 64px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: min-content;
}
.footer .footer__studio,
.footer .footer__talk,
.footer .footer__legal {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 14px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: min-content;
}
.footer .footer__wordmark {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: center;
  padding: 0px 0px 6px 0px;
  position: relative;
  width: 100%;
}
.footer .footer__wordmark-text {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  overflow: visible;
  padding: 0px;
  position: relative;
  width: min-content;
}
/* Optical center and top of the second o in the eoochat wordmark.
   Percentages follow the existing responsive font size; the rig stays unchanged. */
.footer .footer__character {
  --footer-character-size: 64px;
  flex: none;
  height: var(--footer-character-size);
  position: absolute;
  left: calc(37.9% - var(--footer-character-size) / 2);
  top: calc(36.7% - var(--footer-character-size) - 3px);
  width: var(--footer-character-size);
}
.footer .footer__bottom-row {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  height: min-content;
  justify-content: space-between;
  padding: 0px 0px 28px 0px;
  position: relative;
  width: 100%;
}
.footer.footer--tablet.footer__desktop-layout {
  padding: 40px 32px 0px 32px;
  width: 810px;
}
.footer.footer--tablet .footer__panel {
  padding: 40px 40px 0px 40px;
}
.footer.footer--tablet .footer__brand {
  width: 320px;
}
.footer.footer--tablet .footer__link-columns {
  gap: 40px;
}
.footer.footer--tablet .footer__character {
  --footer-character-size: 40px;
}
.footer.footer--phone.footer__desktop-layout {
  padding: 20px var(--space-page-inline) 0;
  width: 390px;
}
.footer.footer--phone .footer__panel {
  gap: 28px;
  padding: 28px 20px 0;
}
.footer.footer--phone .footer__top-row {
  flex-direction: column;
  gap: var(--space-content-gap);
  justify-content: flex-start;
}
.footer.footer--phone .footer__brand {
  width: 100%;
}
.footer.footer--phone .footer__link-columns {
  align-content: unset;
  align-items: unset;
  display: grid;
  gap: 16px;
  grid-auto-rows: auto;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto;
  justify-content: start;
  width: 100%;
}
.footer.footer--phone .footer__studio,
.footer.footer--phone .footer__talk,
.footer.footer--phone .footer__legal {
  align-self: start;
  justify-self: start;
  width: 100%;
}
.footer.footer--phone .footer__character {
  --footer-character-size: 28px;
}
.footer.footer--phone .footer__bottom-row {
  align-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 6px;
  justify-content: flex-start;
}

.footer .footer__resource-link {
  font-family: var(--font-ui);
  font-size: var(--font-body-small);
  line-height: var(--line-height-compact);
  white-space: nowrap;
  color: var(--color-surface-white);
  text-decoration: none;
}
.footer .footer__resource-link:hover {
  color: var(--color-accent-lime);
}
.footer :is(.footer__studio, .footer__talk, .footer__legal) {
  gap: 6px;
}
.footer :is(.footer__studio, .footer__talk, .footer__legal) a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
/* Authored: src/styles/components/inbox-message.css */.inbox-message.inbox-message__element-2,
.inbox-message .inbox-message__element-2 {
  display: block;
}
.inbox-message.inbox-message__state-22-layout {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
  height: min-content;
  justify-content: flex-start;
  padding: 12px 16px 12px 16px;
  position: relative;
  width: 320px;
}
.inbox-message .inbox-message__dot-wrap {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: 20px;
  justify-content: center;
  padding: 0px;
  position: relative;
  width: 8px;
}
.inbox-message .inbox-message__dot-routine,
.inbox-message .inbox-message__dot-needs-person {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: 8px;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 8px;
}
.inbox-message .inbox-message__text {
  align-content: center;
  align-items: center;
  display: flex;
  flex: 1 0 0px;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 12px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 1px;
}
.inbox-message .inbox-message__sender,
.inbox-message .inbox-message__element-1 {
  flex: none;
  height: auto;
  position: relative;
  white-space: pre;
  width: auto;
}
.inbox-message .inbox-message__message {
  --text-truncation-display-inline-for-safari-16: inline;
  --text-truncation-display-none-for-safari-16: none;
  --text-truncation-line-break-for-safari-16: "\A";
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  flex: 1 0 0px;
  height: auto;
  overflow: var(--overflow-clip-fallback, clip);
  position: relative;
  white-space: pre-line;
  width: 1px;
  word-break: break-word;
  word-wrap: break-word;
}
.inbox-message .inbox-message__needs-tag {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  padding: 4px 10px 4px 10px;
  position: relative;
  width: min-content;
}
/* Authored: src/styles/components/logo.css */.logo.logo__element-1,
.logo .logo__element-1 {
  display: block;
}
.logo.logo__default-layout {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  text-decoration: none;
  width: min-content;
}
.logo .logo__mark {
  flex: none;
  height: 31px;
  position: relative;
  width: 20px;
}
.logo .logo__wordmark {
  --site-letter-spacing: 0px;
  flex: none;
  height: auto;
  letter-spacing: 0px;
  position: relative;
  white-space: pre;
  width: auto;
}
.logo .logo__wordmark .logo__chinese-name {
  color: inherit;
  font-family: var(--font-ui);
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0;
}
@media (max-width: 809px) {
  .logo .logo__wordmark .logo__chinese-name {
    font-size: 18px;
  }
}

.logo .logo__wordmark {
  --font-heading-four: 24px;
  --font-weight-heading: var(--font-weight-medium);
}
.logo .logo__wordmark .type-heading-four__text {
  --site-font-family: var(--font-brand);
  --site-letter-spacing: 0px;
  letter-spacing: 0px;
}
@media (max-width: 809.98px) {
  .logo .logo__wordmark {
    --font-heading-four: 22px;
  }
}
/* Authored: src/styles/components/navigation.css */.navigation.navigation__element-9,
.navigation .navigation__element-9 {
  display: block;
}
.navigation.navigation__desktop-layout {
  align-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 0px 40px 0px 40px;
  position: relative;
  width: 1200px;
}
.navigation .navigation__bar {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: min-content;
  justify-content: space-between;
  max-width: 1248px;
  padding: 18px 0px 18px 0px;
  position: relative;
  width: 100%;
}
.navigation .navigation__component-slot-1,
.navigation .navigation__component-slot-3,
.navigation .navigation__component-slot-8 {
  flex: none;
  height: auto;
  position: relative;
  width: auto;
}
.navigation .navigation__links {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 4px;
  height: min-content;
  justify-content: flex-start;
  padding: 5px;
  position: relative;
  width: min-content;
}
.navigation .navigation__agents {
  align-content: center;
  align-items: center;
  cursor: pointer;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 6px;
  height: min-content;
  justify-content: flex-start;
  padding: 9px 16px 9px 16px;
  position: relative;
  width: min-content;
}
.navigation .navigation__agents-2,
.navigation .navigation__work-2,
.navigation .navigation__pricing-2,
.navigation .navigation__about-2,
.navigation .navigation__home,
.navigation .navigation__agents-3,
.navigation .navigation__work-3,
.navigation .navigation__pricing-3,
.navigation .navigation__about-3,
.navigation .navigation__contact {
  flex: none;
  height: auto;
  position: relative;
  white-space: pre;
  width: auto;
}
.navigation .navigation__caret {
  flex: none;
  height: auto;
  position: relative;
  width: 14px;
}
.navigation .navigation__agents-menu {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  height: min-content;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 8px;
  position: relative;
  width: 380px;
  will-change: var(--site-will-change-override, transform);
}
.navigation .navigation__support-agent,
.navigation .navigation__sales-agent,
.navigation .navigation__ops-agent,
.navigation .navigation__component-slot-2,
.navigation .navigation__component-slot-5,
.navigation .navigation__component-slot-6,
.navigation .navigation__component-slot-7 {
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.navigation .navigation__work,
.navigation .navigation__pricing,
.navigation .navigation__about {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  padding: 9px 16px 9px 16px;
  position: relative;
  width: min-content;
}
.navigation .navigation__right {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 10px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: min-content;
}
.navigation .navigation__menu-button {
  cursor: pointer;
  flex: none;
  height: 44px;
  position: relative;
  width: 44px;
}
.navigation .navigation__bar-top {
  flex: none;
  height: 2px;
  left: 13px;
  position: absolute;
  top: 17px;
  width: 18px;
}
.navigation .navigation__bar-bottom {
  flex: none;
  height: 2px;
  left: 13px;
  position: absolute;
  top: 25px;
  width: 18px;
}
.navigation .navigation__drawer {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 40px;
  height: min-content;
  justify-content: flex-start;
  padding: 24px 0px 40px 0px;
  position: relative;
  width: 100%;
}
.navigation .navigation__menu-links {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.navigation .navigation__agent-links {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 2px;
  height: min-content;
  justify-content: flex-start;
  padding: 4px 0px 12px 0px;
  position: relative;
  width: 100%;
}
.navigation .navigation__menu-foot {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 14px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.navigation .navigation__character {
  bottom: 16px;
  flex: none;
  height: 140px;
  position: absolute;
  right: 0px;
  width: 140px;
}
.navigation.navigation--phone.navigation__desktop-layout {
  padding: 0px 24px 0px 24px;
  width: 390px;
}
.navigation.navigation--phone .navigation__bar,
.navigation.navigation--phone-open .navigation__bar,
.navigation.navigation--tablet .navigation__bar,
.navigation.navigation--tablet-open .navigation__bar {
  padding: 16px 0px 16px 0px;
}
.navigation.navigation--phone-open.navigation__desktop-layout {
  height: 844px;
  padding: 0px 24px 0px 24px;
  width: 390px;
}
.navigation.navigation--phone-open .navigation__bar-top,
.navigation.navigation--phone-open .navigation__bar-bottom,
.navigation.navigation--tablet-open .navigation__bar-top,
.navigation.navigation--tablet-open .navigation__bar-bottom {
  top: 21px;
}
.navigation.navigation--phone-open .navigation__drawer,
.navigation.navigation--tablet-open .navigation__drawer {
  flex: 1 0 0px;
  height: 1px;
}
.navigation.navigation--tablet.navigation__desktop-layout {
  padding: 0px 32px 0px 32px;
  width: 810px;
}
.navigation.navigation--tablet-open.navigation__desktop-layout {
  height: 1024px;
  padding: 0px 32px 0px 32px;
  width: 810px;
}
/* Authored: src/styles/components/problem-point.css */.problem-point.problem-point__element-1,
.problem-point .problem-point__element-1 {
  display: block;
}
.problem-point.problem-point__state-133-layout {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  height: min-content;
  justify-content: flex-start;
  padding: 28px 32px 28px 32px;
  position: relative;
  width: 320px;
}
.problem-point .problem-point__title {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.problem-point .problem-point__text {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
/* Authored: src/styles/components/site-layout.css */.site-layout.site-layout__element-1,
.site-layout .site-layout__element-1 {
  display: block;
}
.site-layout.site-layout__desktop-layout {
  align-content: center;
  align-items: center;
  background-color: var(--color-page-background);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 0px;
  position: relative;
  width: 100%;
}
.site-layout .site-layout__component-slot-2 {
  flex: none;
  height: auto;
  left: 0px;
  order: -1000;
  position: var(--site-canvas-fixed-position, fixed);
  right: 0px;
  top: 0px;
  z-index: 10;
}
.site-layout .site-layout__nav-spacer {
  flex: none;
  height: var(--site-header-height);
  order: -999;
  position: relative;
  width: 100%;
}
.site-layout .site-layout__element-3 {
  background: transparent;
  flex-grow: 1;
  height: 0px;
  margin: 0px;
  margin-bottom: -0px;
  position: relative;
  width: 0px;
}
.site-layout .site-layout__component-slot-4 {
  flex: none;
  height: auto;
  order: 1003;
  position: relative;
  width: 100%;
}
.site-layout .site-layout__site-scripts {
  flex: none;
  height: 1px;
  left: 0px;
  opacity: 0;
  order: 1004;
  position: absolute;
  top: 0px;
  width: 1px;
  z-index: 0;
}
[data-layout-template="true"] > #overlay {
  margin-bottom: -0px;
}
/* Authored: src/styles/icons/arrow-left-icon.css */.arrow-left-icon__element-1 {
  -webkit-mask: var(--site-icon-mask);
  aspect-ratio: 1;
  display: block;
  mask: var(--site-icon-mask);
  width: 24px;
}/* Authored: src/styles/icons/caret-down-icon.css */.caret-down-icon__element-1 {
  -webkit-mask: var(--site-icon-mask);
  aspect-ratio: 1;
  display: block;
  mask: var(--site-icon-mask);
  width: 24px;
}/* Authored: src/styles/icons/copy-icon.css */.copy-icon__element-1 {
  -webkit-mask: var(--site-icon-mask);
  aspect-ratio: 1;
  display: block;
  mask: var(--site-icon-mask);
  width: 24px;
}/* Authored: src/styles/views/case-study-page.css */.case-study-page.case-study-page__element-13,
.case-study-page .case-study-page__element-13 {
  display: block;
}
.case-study-page.case-study-page__desktop-layout {
  align-content: center;
  align-items: center;
  background-color: var(--color-page-background);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: 1080px;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 0px;
  position: relative;
  width: 1200px;
}
.case-study-page .case-study-page__hero {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 104px 40px 40px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__container {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 24px;
  height: min-content;
  justify-content: flex-start;
  max-width: 1248px;
  padding: 0px;
  position: relative;
  width: 100%;
  will-change: var(--site-will-change-effect-override, transform);
}
.case-study-page .case-study-page__back-link,
.case-study-page .case-study-page__read-the-story,
.case-study-page .case-study-page__read-the-story-2 {
  flex: none;
  height: auto;
  position: relative;
  width: auto;
}
.case-study-page .case-study-page__header {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
  height: min-content;
  justify-content: flex-start;
  max-width: 100%;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__title,
.case-study-page .case-study-page__element-1,
.case-study-page .case-study-page__element-5,
.case-study-page .case-study-page__element-6,
.case-study-page .case-study-page__element-8,
.case-study-page .case-study-page__element-11,
.case-study-page .case-study-page__title-2,
.case-study-page .case-study-page__title-3 {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__subtitle {
  margin: 0;
  max-width: 722px;
  width: 100%;
  color: var(--color-text-primary);
  font-family: var(--font-ui);
  font-size: var(--font-heading-three);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-heading);
  overflow-wrap: anywhere;
}
.case-study-page .case-study-page__related-subtitle {
  margin: 0;
  width: 100%;
  color: var(--color-text-primary);
  font-family: var(--font-ui);
  font-size: var(--font-lead);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-ui);
  overflow-wrap: anywhere;
}
.case-study-page .case-study-page__lead,
.case-study-page .case-study-page__lead-2,
.case-study-page .case-study-page__lead-3,
.case-study-page .case-study-page__element-7,
.case-study-page .case-study-page__element-9 {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  max-width: 722px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__facts {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__client,
.case-study-page .case-study-page__industry,
.case-study-page .case-study-page__agent,
.case-study-page .case-study-page__live-since {
  align-content: center;
  align-items: center;
  background-color: var(--color-surface-subtle);
  border-bottom-left-radius: 999px;
  border-bottom-right-radius: 999px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  padding: 9px 14px 9px 14px;
  position: relative;
  width: min-content;
}
.case-study-page .case-study-page__client-2,
.case-study-page .case-study-page__industry-2,
.case-study-page .case-study-page__agent-2,
.case-study-page .case-study-page__live-since-2,
.case-study-page .case-study-page__element-2,
.case-study-page .case-study-page__element-3,
.case-study-page .case-study-page__person,
.case-study-page .case-study-page__number,
.case-study-page .case-study-page__label,
.case-study-page .case-study-page__number-2,
.case-study-page .case-study-page__label-2,
.case-study-page .case-study-page__client-3,
.case-study-page .case-study-page__agent-3,
.case-study-page .case-study-page__client-4,
.case-study-page .case-study-page__agent-4 {
  flex: none;
  height: auto;
  position: relative;
  white-space: pre;
  width: auto;
}
.case-study-page .case-study-page__cover {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 40px 40px 120px 40px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__container-2,
.case-study-page .case-study-page__container-8 {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  max-width: 1248px;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__cover-image {
  align-content: flex-start;
  align-items: flex-start;
  aspect-ratio: 2 / 1;
  border-bottom-left-radius: 36px;
  border-bottom-right-radius: 36px;
  border-top-left-radius: 36px;
  border-top-right-radius: 36px;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: auto;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 0px;
  position: relative;
  width: 100%;
  will-change: var(--site-will-change-override, transform);
}
.case-study-page .case-study-page__problem,
.case-study-page .case-study-page__before-and-after {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: var(--space-section) 40px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__container-3,
.case-study-page .case-study-page__container-5,
.case-study-page .case-study-page__container-6,
.case-study-page .case-study-page__container-7 {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 60px;
  height: min-content;
  justify-content: flex-start;
  max-width: 1248px;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__header-2,
.case-study-page .case-study-page__header-3,
.case-study-page .case-study-page__header-4,
.case-study-page .case-study-page__header-5,
.case-study-page .case-study-page__header-6 {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
  height: min-content;
  justify-content: flex-start;
  max-width: 780px;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__problem-row {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 20px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__inbox-before {
  align-content: flex-start;
  align-items: flex-start;
  background-color: var(--color-surface-subtle);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  display: flex;
  flex: 1.1 0 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  height: min-content;
  justify-content: flex-start;
  padding: 24px;
  position: relative;
  width: 1px;
}
.case-study-page .case-study-page__inbox-header {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  height: min-content;
  justify-content: space-between;
  padding: 0px 4px 8px 4px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__messages {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 8px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__message {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__inbox-message,
.case-study-page .case-study-page__problem-point,
.case-study-page .case-study-page__flow-step,
.case-study-page .case-study-page__before-after-card,
.case-study-page .case-study-page__cta-band {
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__element-4,
.case-study-page .case-study-page__role {
  flex: none;
  height: auto;
  position: relative;
  white-space: pre-wrap;
  width: 100%;
  word-break: break-word;
  word-wrap: break-word;
}
.case-study-page .case-study-page__problem-points {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: 1 0 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 1px;
}
.case-study-page .case-study-page__point {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__what-we-built,
.case-study-page .case-study-page__voice-note {
  align-content: center;
  align-items: center;
  background-color: var(--color-surface-subtle);
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: var(--space-section) 40px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__container-4 {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 40px;
  height: min-content;
  justify-content: flex-start;
  max-width: 1248px;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__flow-stage {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__character {
  flex: none;
  height: 140px;
  position: relative;
  width: 140px;
}
.case-study-page .case-study-page__flow {
  display: grid;
  flex: none;
  gap: 14px;
  grid-auto-rows: minmax(0, 1fr);
  grid-template-columns: repeat(5, minmax(50px, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  height: min-content;
  justify-content: start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__step {
  align-content: flex-start;
  align-items: flex-start;
  align-self: start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 10px;
  height: 100%;
  justify-content: flex-start;
  justify-self: start;
  padding: 0px;
  position: relative;
  width: 1fr;
}
.case-study-page .case-study-page__cards {
  display: grid;
  flex: none;
  gap: 20px;
  grid-auto-rows: minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(50px, 1fr));
  grid-template-rows: repeat(1, minmax(0, 1fr));
  height: min-content;
  justify-content: start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__card {
  align-content: flex-start;
  align-items: flex-start;
  align-self: start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 12px;
  height: 100%;
  justify-content: flex-start;
  justify-self: start;
  padding: 0px;
  position: relative;
  width: 1fr;
}
.case-study-page .case-study-page__voice-note-row {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__photo {
  align-content: flex-start;
  align-items: flex-start;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: 650px;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 0px;
  position: relative;
  width: 489px;
  will-change: var(--site-will-change-override, transform);
}
.case-study-page .case-study-page__card-2 {
  align-content: flex-start;
  align-items: flex-start;
  background-color: var(--color-surface-white);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  display: flex;
  flex: 1 0 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 28px;
  height: 650px;
  justify-content: center;
  padding: 48px;
  position: relative;
  width: 1px;
}
.case-study-page .case-study-page__who {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__quote,
.case-study-page .case-study-page__element-12,
.case-study-page .case-study-page__summary,
.case-study-page .case-study-page__summary-2 {
  --site-text-wrap-override: wrap;
  flex: none;
  height: auto;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__stats {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__stat-1,
.case-study-page .case-study-page__stat-2 {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 4px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: min-content;
}
.case-study-page .case-study-page__next-story {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 120px 40px 60px 40px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__next-case,
.case-study-page .case-study-page__previous-case-fallback {
  align-content: center;
  align-items: center;
  background-color: var(--color-surface-subtle);
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 48px;
  height: min-content;
  justify-content: flex-start;
  padding: 24px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__cover-2,
.case-study-page .case-study-page__cover-3 {
  align-content: flex-start;
  align-items: flex-start;
  aspect-ratio: 1.3333 / 1;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  display: flex;
  flex: 1 0 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: auto;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 0px;
  position: relative;
  width: 1px;
  will-change: var(--site-will-change-override, transform);
}
.case-study-page .case-study-page__text,
.case-study-page .case-study-page__text-2 {
  align-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex: 1 0 0px;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 20px;
  height: min-content;
  justify-content: flex-start;
  padding: 32px 40px 32px 0px;
  position: relative;
  width: 1px;
}
.case-study-page .case-study-page__from,
.case-study-page .case-study-page__from-2 {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  padding: 0px;
  position: relative;
  width: 100%;
}
.case-study-page .case-study-page__cta {
  align-content: center;
  align-items: center;
  display: flex;
  flex: none;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 0px;
  height: min-content;
  justify-content: flex-start;
  overflow: var(--overflow-clip-fallback, clip);
  padding: 60px 40px 120px 40px;
  position: relative;
  width: 100%;
}
/* Authored: src/styles/views/case-study-page-overrides.css */.case-study-page .case-study-page__voice-note-row {
  align-items: stretch;
}
.case-study-page .solution-setup {
  background: linear-gradient(
    145deg,
    var(--solution-tint, var(--color-accent-lime-soft)),
    var(--color-surface-white)
  );
  border: 1px solid var(--color-border-subtle);
  padding: 32px;
  gap: 28px;
  height: auto;
  min-height: 0;
  justify-content: flex-start;
}
.solution-setup__eyebrow,
.solution-validation__eyebrow,
.solution-setup__links > span {
  color: var(--color-text-secondary);
  font-size: var(--font-body-small);
  line-height: 1.6;
}
.solution-setup__heading h3,
.solution-validation__heading h3 {
  margin: 12px 0 0;
  font-size: var(--font-heading-three);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-heading);
}
.solution-setup__list {
  display: grid;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.solution-setup__list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.solution-setup__number {
  display: grid;
  place-items: center;
  flex: 0 0 32px;
  height: 32px;
  border-radius: 50%;
  background: rgb(255 255 255 / 80%);
  border: 1px solid var(--color-border-subtle);
  color: var(--color-text-secondary);
  font-size: var(--font-caption);
  font-variant-numeric: tabular-nums;
}
.solution-setup__list h4 {
  margin: 0 0 5px;
  font-size: var(--font-heading-five);
  line-height: var(--line-height-heading);
}
.solution-setup__list p {
  margin: 0;
  color: var(--color-text-secondary);
  font-size: var(--font-body-small);
  line-height: 1.7;
}
.solution-setup__links {
  width: 100%;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid var(--color-border-subtle);
}
.solution-setup__links > div {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 12px;
}
.solution-setup__links a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 9px 13px;
  background: var(--color-surface-white);
  border: 1px solid var(--color-border-subtle);
  border-radius: 99px;
  color: var(--color-text-primary);
  font-size: var(--font-body-small);
  line-height: 1.5;
  text-decoration: none;
  transition: border-color 160ms ease;
}
.solution-setup__links a:hover {
  border-color: var(--color-text-secondary);
}
.solution-setup__links a:focus-visible {
  outline: 2px solid var(--color-brand-green, #467550);
  outline-offset: 3px;
}

.case-study-page .solution-validation {
  height: auto;
  min-height: 0;
  min-width: 0;
  padding: 32px;
  gap: 28px;
  justify-content: flex-start;
  border: 1px solid var(--color-border-subtle);
}
.solution-validation__list {
  width: 100%;
  display: grid;
  gap: 22px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.solution-validation__list > li {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 14px;
}
.solution-validation__list > li + li {
  padding-top: 22px;
  border-top: 1px solid var(--color-border-subtle);
}
.solution-validation__icon {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 10px;
  background: var(--solution-tint, var(--color-accent-lime-soft));
  color: var(--color-text-primary);
}
.solution-validation__icon svg {
  width: 18px;
  height: 18px;
}
.solution-validation__content h4 {
  margin: 3px 0 8px;
  color: var(--color-text-secondary);
  font-size: var(--font-body-small);
  font-weight: 500;
  line-height: var(--line-height-heading);
}
.solution-validation__question {
  margin: 0;
  color: var(--color-text-primary);
  font-size: var(--font-body-large);
  font-weight: 500;
  line-height: 1.6;
}
.solution-validation__expected {
  margin: 8px 0 0;
  color: var(--color-text-secondary);
  font-size: var(--font-body-small);
  line-height: 1.7;
  overflow-wrap: anywhere;
}
.solution-validation__expected > span {
  margin-right: 8px;
  font-weight: 500;
  color: var(--color-text-primary);
}
.solution-validation__observe {
  width: 100%;
  margin-top: auto;
  padding: 18px 20px;
  border-radius: 16px;
  background: var(--color-surface-subtle);
}
.solution-validation__observe > span {
  color: var(--color-text-primary);
  font-size: var(--font-body-small);
  font-weight: 500;
  line-height: 1.6;
}
.solution-validation__observe ul {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 8px 0 0;
  padding: 0;
  color: var(--color-text-secondary);
  font-size: var(--font-body-small);
  line-height: 1.6;
  list-style: none;
}
.solution-validation__observe li {
  display: flex;
  align-items: center;
  gap: 8px;
}
.solution-validation__observe li::before {
  content: "";
  width: 4px;
  height: 4px;
  flex: none;
  border-radius: 50%;
  background: currentColor;
  opacity: 0.55;
}

@media (min-width: 810px) and (max-width: 1199.98px) {
  .case-study-page.case-study-page__desktop-layout {
    width: 810px;
  }
  .case-study-page .case-study-page__hero {
    padding: 100px 32px 32px 32px;
  }
  .case-study-page .case-study-page__cover {
    padding: 32px 32px 100px 32px;
  }
  .case-study-page .case-study-page__problem,
  .case-study-page .case-study-page__what-we-built,
  .case-study-page .case-study-page__before-and-after,
  .case-study-page .case-study-page__voice-note {
    padding: var(--space-section) 32px;
  }
  .case-study-page .case-study-page__problem-row,
  .case-study-page .case-study-page__voice-note-row {
    flex-direction: column;
  }
  .case-study-page .case-study-page__inbox-before,
  .case-study-page .case-study-page__problem-points,
  .case-study-page .case-study-page__cover-2,
  .case-study-page .case-study-page__cover-3 {
    flex: none;
    width: 100%;
  }
  .case-study-page .case-study-page__flow,
  .case-study-page .case-study-page__cards {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .case-study-page .case-study-page__step {
    align-self: unset;
    height: min-content;
    min-width: 220px;
    width: 100%;
  }
  .case-study-page .case-study-page__card {
    align-self: unset;
    height: min-content;
    min-width: 300px;
    width: 100%;
  }
  .case-study-page .case-study-page__photo {
    height: 560px;
    width: 100%;
  }
  .case-study-page .solution-setup {
    height: auto;
    min-height: 0;
  }
  .case-study-page .case-study-page__card-2 {
    flex: none;
    height: min-content;
    min-height: 0;
    width: 100%;
  }
  .case-study-page .case-study-page__next-story {
    padding: 100px 32px 48px 32px;
  }
  .case-study-page .case-study-page__next-case,
  .case-study-page .case-study-page__previous-case-fallback {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
  .case-study-page .case-study-page__text,
  .case-study-page .case-study-page__text-2 {
    flex: none;
    padding: 24px 16px 16px 16px;
    width: 100%;
  }
  .case-study-page .case-study-page__cta {
    padding: 48px 32px 100px 32px;
  }
}
@media (max-width: 809.98px) {
  .case-study-page.case-study-page__desktop-layout {
    width: 390px;
  }
  .case-study-page .case-study-page__hero {
    padding: 40px var(--space-page-inline) 24px;
  }
  .case-study-page .case-study-page__header,
  .case-study-page .case-study-page__header-2,
  .case-study-page .case-study-page__header-3,
  .case-study-page .case-study-page__header-4,
  .case-study-page .case-study-page__header-5,
  .case-study-page .case-study-page__header-6 {
    gap: var(--space-heading-gap);
  }
  .case-study-page .case-study-page__cover {
    padding: 24px var(--space-page-inline) var(--space-section);
  }
  .case-study-page .case-study-page__cover-image {
    aspect-ratio: 1.25 / 1;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
  }
  .case-study-page .case-study-page__problem,
  .case-study-page .case-study-page__what-we-built,
  .case-study-page .case-study-page__before-and-after,
  .case-study-page .case-study-page__voice-note {
    padding: var(--space-section) var(--space-page-inline);
  }
  .case-study-page .case-study-page__container-3,
  .case-study-page .case-study-page__container-5,
  .case-study-page .case-study-page__container-6,
  .case-study-page .case-study-page__container-7 {
    gap: var(--space-content-gap);
  }
  .case-study-page .case-study-page__problem-row,
  .case-study-page .case-study-page__voice-note-row {
    flex-direction: column;
  }
  .case-study-page .case-study-page__inbox-before {
    flex: none;
    padding: 16px;
    width: 100%;
  }
  .case-study-page .case-study-page__message {
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .case-study-page .case-study-page__problem-points,
  .case-study-page .case-study-page__cover-2,
  .case-study-page .case-study-page__cover-3 {
    flex: none;
    width: 100%;
  }
  .case-study-page .case-study-page__flow,
  .case-study-page .case-study-page__cards {
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .case-study-page .case-study-page__step,
  .case-study-page .case-study-page__card {
    align-self: unset;
    height: min-content;
    width: 100%;
  }
  .case-study-page .case-study-page__photo {
    height: 420px;
    width: 100%;
  }
  .case-study-page .solution-setup {
    height: auto;
    min-height: 0;
    padding: 22px;
    gap: 24px;
  }
  .solution-setup__heading h3,
  .solution-validation__heading h3 {
    font-size: var(--font-heading-three);
  }
  .solution-setup__list {
    gap: 18px;
  }
  .solution-setup__list h4 {
    font-size: var(--font-heading-five);
  }
  .solution-setup__list p {
    font-size: var(--font-body-small);
  }
  .case-study-page .case-study-page__card-2 {
    flex: none;
    height: min-content;
    min-height: 0;
    padding: 20px;
    width: 100%;
  }
  .case-study-page .solution-validation {
    padding: 22px;
    gap: 24px;
  }
  .solution-validation__list {
    gap: 20px;
  }
  .solution-validation__list > li {
    grid-template-columns: 28px minmax(0, 1fr);
    gap: 12px;
  }
  .solution-validation__list > li + li {
    padding-top: 20px;
  }
  .solution-validation__icon {
    width: 28px;
    height: 28px;
    border-radius: 9px;
  }
  .solution-validation__content h4 {
    margin-top: 1px;
    font-size: var(--font-caption);
  }
  .solution-validation__question {
    font-size: var(--font-body);
  }
  .solution-validation__expected {
    font-size: var(--font-body-small);
  }
  .solution-validation__observe {
    padding: 16px;
  }
  .solution-validation__observe ul {
    gap: 6px 14px;
    font-size: var(--font-caption);
  }
  .case-study-page .case-study-page__next-story {
    padding: var(--space-section) var(--space-page-inline) 32px;
  }
  .case-study-page .case-study-page__next-case,
  .case-study-page .case-study-page__previous-case-fallback {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
  }
  .case-study-page .case-study-page__text,
  .case-study-page .case-study-page__text-2 {
    flex: none;
    gap: 14px;
    padding: 16px 12px 12px 12px;
    width: 100%;
  }
  .case-study-page .case-study-page__cta {
    padding: 32px var(--space-page-inline) var(--space-section);
  }
}
/* Authored: src/styles/typography/body-large.css */.type-body-large .type-body-large__text:not(.rich-text-wrapper),
.type-body-large .type-body-large__text.rich-text-wrapper p {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-body-large);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-body);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-body);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-secondary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/body-small.css */.type-body-small .type-body-small__text:not(.rich-text-wrapper),
.type-body-small .type-body-small__text.rich-text-wrapper p {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-body-small);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-body);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-body);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-secondary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/body.css */.type-body .type-body__text:not(.rich-text-wrapper),
.type-body .type-body__text.rich-text-wrapper p {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-body);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-body);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-body);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-secondary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/caption.css */.type-caption .type-caption__text:not(.rich-text-wrapper),
.type-caption .type-caption__text.rich-text-wrapper p {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-caption);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-body);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-compact);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-secondary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/footer-wordmark.css */.type-footer-wordmark .type-footer-wordmark__text:not(.rich-text-wrapper),
.type-footer-wordmark .type-footer-wordmark__text.rich-text-wrapper p {
  --site-font-family: var(--font-brand);
  --site-font-family-bold: var(--font-brand);
  --site-font-family-bold-italic: var(--font-brand);
  --site-font-family-italic: var(--font-brand);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-footer-wordmark);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-medium);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: -0.06em;
  --site-line-height: 1em;
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-surface-white);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/heading-four.css */.type-heading-four .type-heading-four__text:not(.rich-text-wrapper),
.type-heading-four .type-heading-four__text.rich-text-wrapper h4 {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-heading-four);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-heading);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-heading);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-primary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/heading-one.css */.type-heading-one .type-heading-one__text:not(.rich-text-wrapper),
.type-heading-one .type-heading-one__text.rich-text-wrapper h1 {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-heading-one);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-heading);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-heading);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-primary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/heading-three.css */.type-heading-three .type-heading-three__text:not(.rich-text-wrapper),
.type-heading-three .type-heading-three__text.rich-text-wrapper h3 {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-heading-three);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-heading);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-heading);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-primary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/heading-two.css */.type-heading-two .type-heading-two__text:not(.rich-text-wrapper),
.type-heading-two .type-heading-two__text.rich-text-wrapper h2 {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-heading-two);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-heading);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-heading);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-primary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/label.css */.type-label .type-label__text:not(.rich-text-wrapper),
.type-label .type-label__text.rich-text-wrapper p {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-label);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-body);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-compact);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-primary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/lead.css */.type-lead .type-lead__text:not(.rich-text-wrapper),
.type-lead .type-lead__text.rich-text-wrapper p {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-lead);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-body);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-body);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-secondary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/link-on-dark.css */.type-link-on-dark .type-link-on-dark__text:not(.rich-text-wrapper),
.type-link-on-dark .type-link-on-dark__text.rich-text-wrapper a {
  --site-link-current-text-color: var(--color-accent-lime);
  --site-link-hover-text-color: var(--color-accent-lime);
  --site-link-text-color: var(--color-surface-white);
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.44, 0, 0.56, 1);
}/* Authored: src/styles/typography/link-on-light.css */.type-link-on-light .type-link-on-light__text:not(.rich-text-wrapper),
.type-link-on-light .type-link-on-light__text.rich-text-wrapper a {
  --site-link-current-text-color: var(--color-text-primary);
  --site-link-hover-text-color: var(--color-text-primary);
  --site-link-text-color: var(--color-text-secondary);
  transition-delay: 0s;
  transition-duration: 0.2s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.44, 0, 0.56, 1);
}/* Authored: src/styles/typography/plan-price.css */.type-plan-price .type-plan-price__text:not(.rich-text-wrapper),
.type-plan-price .type-plan-price__text.rich-text-wrapper p {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-plan-price);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-medium);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: -0.055em;
  --site-line-height: 1.1em;
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-primary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/section-lead.css */.type-section-lead .type-section-lead__text:not(.rich-text-wrapper),
.type-section-lead .type-section-lead__text.rich-text-wrapper p {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-section-lead);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-medium);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: 0em;
  --site-line-height: var(--line-height-body);
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-primary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}/* Authored: src/styles/typography/stat-value.css */.type-stat-value .type-stat-value__text:not(.rich-text-wrapper),
.type-stat-value .type-stat-value__text.rich-text-wrapper p {
  --site-font-family: var(--font-ui);
  --site-font-family-bold: var(--font-ui);
  --site-font-family-bold-italic: var(--font-ui);
  --site-font-family-italic: var(--font-ui);
  --site-font-open-type-features:
    "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
  --site-font-size: var(--font-stat-value);
  --site-font-style: normal;
  --site-font-style-bold: normal;
  --site-font-style-bold-italic: italic;
  --site-font-style-italic: italic;
  --site-font-variation-axes: normal;
  --site-font-weight: var(--font-weight-medium);
  --site-font-weight-bold: var(--font-weight-strong);
  --site-font-weight-bold-italic: var(--font-weight-strong);
  --site-font-weight-italic: 400;
  --site-letter-spacing: -0.045em;
  --site-line-height: 1.2em;
  --site-paragraph-spacing: 0px;
  --site-text-alignment: start;
  --site-text-color: var(--color-text-primary);
  --site-text-decoration: none;
  --site-text-stroke-color: initial;
  --site-text-stroke-width: initial;
  --site-text-transform: none;
}