@media (min-width: 1200px) {
  .hidden-desktop {
    display: none !important;
  }
}
@media (min-width: 810px) and (max-width: 1199.98px) {
  .hidden-tablet {
    display: none !important;
  }
}
@media (max-width: 809.98px) {
  .hidden-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,
p {
  margin: 0;
}
body {
  font-family: sans-serif;
  font-size: 12px;
}
@supports (background: -webkit-named-image(i)) and
  (not (grid-template-rows: subgrid)) {
  body {
    --will-change-override: transform;
  }
}
@supports (background: -webkit-named-image(i)) and
  (not (position-area: top right)) {
  body {
    --will-change-filter-override: filter;
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  p.text,
  div.text,
  h1.text,
  li.text,
  ul.text,
  span.text:not([data-text-fill]) {
    color: var(
      --blockquote-text-color-rgb,
      var(
        --blockquote-text-color,
        var(--text-color-rgb, var(--text-color, #000))
      )
    );
    -webkit-text-stroke-color: var(
      --text-stroke-color-rgb,
      var(--text-stroke-color, initial)
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  a.text {
    color: var(
      --blockquote-text-color-rgb,
      var(
        --blockquote-text-color,
        var(
          --link-text-color-rgb,
          var(
            --link-text-color,
            var(--text-color-rgb, var(--text-color, #000))
          )
        )
      )
    );
    background-color: var(
      --link-text-background-color-rgb,
      var(--link-text-background-color, initial)
    );
    -webkit-text-decoration-color: var(
      --link-text-decoration-color-rgb,
      var(
        --link-text-decoration-color,
        var(
          --text-decoration-color-rgb,
          var(--text-decoration-color, currentcolor)
        )
      )
    );
    text-decoration-color: var(
      --link-text-decoration-color-rgb,
      var(
        --link-text-decoration-color,
        var(
          --text-decoration-color-rgb,
          var(--text-decoration-color, currentcolor)
        )
      )
    );
  }
}
@supports not (color: color(display-p3 1 1 1)) {
  a.text:hover {
    color: var(
      --link-hover-text-color-rgb,
      var(
        --link-hover-text-color,
        var(
          --blockquote-text-color-rgb,
          var(
            --blockquote-text-color,
            var(
              --link-text-color-rgb,
              var(
                --link-text-color,
                var(--text-color-rgb, var(--text-color, #000))
              )
            )
          )
        )
      )
    );
    background-color: var(
      --link-hover-text-background-color-rgb,
      var(
        --link-hover-text-background-color,
        var(
          --link-text-background-color-rgb,
          var(
            --link-text-background-color,
            var(
              --text-background-color-rgb,
              var(--text-background-color, initial)
            )
          )
        )
      )
    );
    -webkit-text-decoration-color: var(
      --link-hover-text-decoration-color-rgb,
      var(
        --link-hover-text-decoration-color,
        var(
          --link-text-decoration-color-rgb,
          var(
            --link-text-decoration-color,
            var(
              --text-decoration-color-rgb,
              var(--text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
    text-decoration-color: var(
      --link-hover-text-decoration-color-rgb,
      var(
        --link-hover-text-decoration-color,
        var(
          --link-text-decoration-color-rgb,
          var(
            --link-text-decoration-color,
            var(
              --text-decoration-color-rgb,
              var(--text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
  }
}
@supports not (overflow: clip) {
  :root {
    --overflow-clip-fallback: hidden;
  }
}
@supports (background: -webkit-named-image(i)) and
  (not (contain-intrinsic-size: inherit)) {
  div.text,
  p.text,
  h1.text,
  ul.text,
  li.text {
    display: var(--text-truncation-display-inline-for-safari-16, revert);
  }
  div.text:after,
  p.text:after,
  h1.text:after,
  ul.text:after,
  li.text:after {
    content: var(--text-truncation-line-break-for-safari-16);
    white-space: pre;
  }
  p.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;
  }
}
@supports (aspect-ratio: 1) {
  body {
    --aspect-ratio-supported: auto;
  }
}
.home.store-link,
.home .store-link {
  display: block;
}
.home.desktop {
  background-color: #fafafa;
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  gap: 10px;
  width: 1200px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.home .wrapper {
  flex-flow: row;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 64px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.home .mobile-header {
  flex-flow: row;
  flex: 1 0 0;
  place-content: center space-between;
  align-items: center;
  width: 1px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.home .mobile-brand,
.home .brand {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 16px;
  width: min-content;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.home .mobile-brand-icon {
  filter: drop-shadow(0 4px 14px #0000000d);
  aspect-ratio: 1;
  height: var(--aspect-ratio-supported, 55px);
  flex: none;
  width: 56px;
  position: relative;
  overflow: visible;
}
.home .mobile-brand-name,
.home .brand-name {
  --link-text-color: #09f;
  --link-text-decoration: underline;
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
.home .mobile-store-link,
.home .desktop-store-link {
  height: min-content;
  overflow: var(--overflow-clip-fallback, clip);
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}
.home .mobile-store-badge,
.home .desktop-store-badge {
  width: 131px;
  height: 44px;
  position: relative;
}
.home .mobile-title {
  flex-flow: column;
  flex: 1 0 0;
  place-content: center;
  align-items: center;
  gap: 0;
  width: 1px;
  height: min-content;
  padding: 48px 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.home .mobile-title-point {
  --link-text-color: #09f;
  --link-text-decoration: underline;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 100%;
  max-width: 720px;
  height: auto;
  position: relative;
}
.home .mobile-title-rest {
  --link-text-color: #09f;
  --link-text-decoration: underline;
  --text-wrap-override: balance;
  flex: none;
  width: 100%;
  max-width: 720px;
  height: auto;
  position: relative;
}
.home .hero {
  z-index: 1;
  flex-flow: column;
  flex: 1 0 0;
  place-content: flex-end center;
  align-items: flex-end;
  gap: 10px;
  width: 1px;
  height: 100vh;
  padding: 96px 0 0;
  display: flex;
  position: sticky;
  top: 0;
  overflow: visible;
}
.home .hero-screen {
  filter: drop-shadow(0 32px 27px #00000040);
  aspect-ratio: 0.52375;
  height: 1px;
  width: var(--aspect-ratio-supported, 369px);
  flex: 1 0 0;
  position: relative;
  overflow: visible;
}
.home .content {
  flex-flow: column;
  flex: 1 0 0;
  place-content: flex-start;
  align-self: stretch;
  align-items: flex-start;
  gap: 64px;
  width: 1px;
  height: auto;
  padding: 192px 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.home .header {
  flex-flow: row;
  flex: none;
  place-content: center space-between;
  align-items: center;
  width: 75%;
  max-width: 720px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.home .brand-icon {
  filter: drop-shadow(0 4px 14px #0000000d);
  aspect-ratio: 1;
  height: var(--aspect-ratio-supported, 56px);
  flex: none;
  width: 56px;
  position: relative;
  overflow: visible;
}
.home .title {
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.home .title-point,
.home .intro,
.home .features,
.home .privacy-note,
.home .pricing {
  --link-text-color: #09f;
  --link-text-decoration: underline;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 75%;
  max-width: 720px;
  height: auto;
  position: relative;
}
.home .title-rest {
  --link-text-color: #09f;
  --link-text-decoration: underline;
  --text-wrap-override: balance;
  flex: none;
  width: 75%;
  max-width: 720px;
  height: auto;
  position: relative;
}
.home .body {
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 24px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.home .smallprint {
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 0;
  width: min-content;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}
.home .credit {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}
.scope-app-name .preset-app-name:not(.rich-text-wrapper) {
  --font-family:
    "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif, "System Default", sans-serif;
  --font-open-type-features: normal;
  --font-size: calc(var(--root-font-size, 1rem) * 1.2);
  --font-style: normal;
  --font-variation-axes: normal;
  --font-weight: 600;
  --letter-spacing: 0em;
  --line-height: 1.2em;
  --paragraph-spacing: 20px;
  --text-alignment: start;
  --text-color: #000;
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}
.scope-display .preset-display:not(.rich-text-wrapper) {
  --font-family:
    "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif, "System Default", sans-serif;
  --font-open-type-features: normal;
  --font-size: calc(var(--root-font-size, 1rem) * 5.6);
  --font-style: normal;
  --font-variation-axes: normal;
  --font-weight: 600;
  --letter-spacing: -0.01em;
  --line-height: 0.9em;
  --paragraph-spacing: 0px;
  --text-alignment: start;
  --text-color: #000;
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}
@media (max-width: 1199px) and (min-width: 810px) {
  .scope-display .preset-display:not(.rich-text-wrapper) {
    --font-family:
      "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
      "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
      "Helvetica Neue", sans-serif, "System Default", sans-serif;
    --font-open-type-features: normal;
    --font-size: calc(var(--root-font-size, 1rem) * 5);
    --font-style: normal;
    --font-variation-axes: normal;
    --font-weight: 600;
    --letter-spacing: -0.01em;
    --line-height: 0.9em;
    --paragraph-spacing: 0px;
    --text-alignment: start;
    --text-color: #000;
    --text-decoration: none;
    --text-stroke-color: initial;
    --text-stroke-width: initial;
    --text-transform: none;
  }
}
@media (max-width: 809px) and (min-width: 0) {
  .scope-display .preset-display:not(.rich-text-wrapper) {
    --font-family:
      "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
      "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
      "Helvetica Neue", sans-serif, "System Default", sans-serif;
    --font-open-type-features: normal;
    --font-size: calc(var(--root-font-size, 1rem) * 4);
    --font-style: normal;
    --font-variation-axes: normal;
    --font-weight: 600;
    --letter-spacing: -0.01em;
    --line-height: 0.9em;
    --paragraph-spacing: 0px;
    --text-alignment: start;
    --text-color: #000;
    --text-decoration: none;
    --text-stroke-color: initial;
    --text-stroke-width: initial;
    --text-transform: none;
  }
}
.scope-body .preset-body:not(.rich-text-wrapper) {
  --font-family:
    "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif, "System Default", sans-serif;
  --font-family-bold:
    "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif, "System Default", sans-serif;
  --font-family-bold-italic:
    "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif, "System Default", sans-serif;
  --font-family-italic:
    "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif, "System Default", sans-serif;
  --font-open-type-features: normal;
  --font-size: calc(var(--root-font-size, 1rem) * 1.4);
  --font-style: normal;
  --font-style-bold: normal;
  --font-style-bold-italic: italic;
  --font-style-italic: italic;
  --font-variation-axes: normal;
  --font-weight: 300;
  --font-weight-bold: 600;
  --font-weight-bold-italic: 600;
  --font-weight-italic: 300;
  --letter-spacing: 0em;
  --line-height: 1.4em;
  --paragraph-spacing: 8px;
  --text-alignment: start;
  --text-color: #000;
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}
.scope-smallprint .preset-smallprint:not(.rich-text-wrapper) {
  --font-family:
    "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto",
    "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue", sans-serif, "System Default", sans-serif;
  --font-open-type-features: normal;
  --font-size: calc(var(--root-font-size, 1rem) * 0.9);
  --font-style: normal;
  --font-variation-axes: normal;
  --font-weight: 400;
  --letter-spacing: 0em;
  --line-height: 1.4em;
  --paragraph-spacing: 20px;
  --text-alignment: start;
  --text-color: #000;
  --text-decoration: none;
  --text-stroke-color: initial;
  --text-stroke-width: initial;
  --text-transform: none;
}
.scope-link .preset-link:not(.rich-text-wrapper) {
  --link-hover-text-color: #09f;
  --link-text-color: #000;
  --link-text-decoration: underline;
  --link-text-decoration-color: #0000000d;
  --link-text-decoration-offset: 4px;
  --link-text-decoration-style: solid;
  --link-text-decoration-thickness: 1px;
  transition:
    color 0.4s cubic-bezier(0.44, 0, 0.56, 1),
    text-decoration-color 0.4s cubic-bezier(0.44, 0, 0.56, 1),
    text-decoration-thickness 0.4s cubic-bezier(0.44, 0, 0.56, 1),
    text-underline-offset 0.4s cubic-bezier(0.44, 0, 0.56, 1);
}
@media (min-width: 810px) and (max-width: 1199.98px) {
  .home.desktop {
    width: 810px;
  }
  .home .wrapper {
    flex-direction: column;
    align-content: center;
    align-items: center;
    gap: 0;
    padding: 48px 48px 0;
  }
  .home .mobile-header,
  .home .mobile-title {
    flex: none;
    width: 100%;
  }
  .home .mobile-brand-icon {
    height: var(--aspect-ratio-supported, 48px);
    width: 48px;
  }
  .home .mobile-store-badge {
    width: 119px;
    height: 40px;
  }
  .home .hero {
    height: min-content;
    top: unset;
    flex: none;
    align-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
  }
  .home .hero-screen {
    aspect-ratio: unset;
    flex: none;
    width: 60%;
    height: auto;
  }
  .home .content {
    align-content: center;
    align-items: center;
    align-self: unset;
    flex: none;
    width: 100%;
    height: min-content;
    padding: 96px 0 192px;
  }
  .home .body {
    align-content: center;
    align-items: center;
    width: 75%;
  }
  .home .intro,
  .home .features,
  .home .privacy-note,
  .home .pricing {
    width: 100%;
    max-width: 600px;
  }
  .home .smallprint {
    align-content: center;
    align-items: center;
    gap: 16px;
    width: 75%;
    max-width: 600px;
  }
  .home .credit {
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    width: 100%;
  }
}
@media (max-width: 809.98px) {
  .home.desktop {
    width: 390px;
  }
  .home .wrapper {
    flex-direction: column;
    gap: 32px;
    padding: 32px 0 0;
  }
  .home .mobile-header {
    flex: none;
    width: 100%;
    padding: 0 32px;
  }
  .home .mobile-brand-icon {
    height: var(--aspect-ratio-supported, 45px);
    width: 44px;
  }
  .home .mobile-store-badge {
    width: 108px;
    height: 36px;
  }
  .home .mobile-title {
    flex: none;
    width: 100%;
    padding: 48px 32px 24px;
  }
  .home .mobile-title-point {
    max-width: unset;
    min-width: 320px;
  }
  .home .mobile-title-rest {
    max-width: unset;
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    min-width: 320px;
  }
  .home .hero {
    height: min-content;
    top: unset;
    flex: none;
    align-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    position: relative;
    overflow: hidden;
  }
  .home .hero-screen {
    aspect-ratio: unset;
    flex: none;
    width: 80%;
    height: auto;
  }
  .home .content {
    align-self: unset;
    flex: none;
    width: 100%;
    height: min-content;
    padding: 0 32px 128px;
  }
  .home .intro,
  .home .features,
  .home .privacy-note,
  .home .pricing,
  .home .smallprint {
    width: 100%;
  }
}
.variant {
  display: contents;
}
body {
  --will-change-override: none;
}
@supports (background: -webkit-named-image(i)) and
  (not (grid-template-rows: subgrid)) {
  body {
    --will-change-override: transform;
  }
}
body {
  --will-change-filter-override: none;
}
@supports (background: -webkit-named-image(i)) and
  (not (position-area: top right)) {
  body {
    --will-change-filter-override: filter;
  }
}
[data-component] {
  position: absolute;
}
[data-component="RichTextContainer"] {
  outline: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: flex-start;
  display: flex;
}
p.text,
div.text,
h1.text,
ul.text {
  margin: 0;
  padding: 0;
}
p.text,
div.text,
h1.text,
li.text,
ul.text,
span.text:not([data-text-fill]) {
  font-family: var(
    --font-family-preview,
    var(
      --blockquote-font-family,
      var(
        --font-family,
        -apple-system,
        BlinkMacSystemFont,
        system-ui,
        sans-serif
      )
    )
  );
  font-style: var(
    --font-style-preview,
    var(--blockquote-font-style, var(--font-style, normal))
  );
  font-weight: var(
    --font-weight-preview,
    var(--blockquote-font-weight, var(--font-weight, 400))
  );
  color: var(--blockquote-text-color, var(--text-color, #000));
  font-size: calc(
    var(--blockquote-font-size, var(--font-size, 16px)) *
      var(--font-size-scale, 1)
  );
  letter-spacing: var(
    --blockquote-letter-spacing,
    var(--letter-spacing, 0)
  );
  text-transform: var(
    --blockquote-text-transform,
    var(--text-transform, none)
  );
  -webkit-text-decoration-line: var(
    --blockquote-text-decoration,
    var(--text-decoration, initial)
  );
  text-decoration-line: var(
    --blockquote-text-decoration,
    var(--text-decoration, initial)
  );
  -webkit-text-decoration-style: var(
    --blockquote-text-decoration-style,
    var(--text-decoration-style, initial)
  );
  text-decoration-style: var(
    --blockquote-text-decoration-style,
    var(--text-decoration-style, initial)
  );
  -webkit-text-decoration-color: var(
    --blockquote-text-decoration-color,
    var(--text-decoration-color, initial)
  );
  text-decoration-color: var(
    --blockquote-text-decoration-color,
    var(--text-decoration-color, initial)
  );
  text-decoration-thickness: var(
    --blockquote-text-decoration-thickness,
    var(--text-decoration-thickness, initial)
  );
  text-decoration-skip-ink: var(
    --blockquote-text-decoration-skip-ink,
    var(--text-decoration-skip-ink, initial)
  );
  text-underline-offset: var(
    --blockquote-text-decoration-offset,
    var(--text-decoration-offset, initial)
  );
  line-height: var(
    --blockquote-line-height,
    var(--line-height, 1.2em)
  );
  text-align: var(
    --blockquote-text-alignment,
    var(--text-alignment, start)
  );
  -webkit-text-stroke-width: var(--text-stroke-width, initial);
  -webkit-text-stroke-color: var(--text-stroke-color, initial);
  -moz-font-feature-settings: var(--font-open-type-features, initial);
  -webkit-font-feature-settings: var(--font-open-type-features, initial);
  font-feature-settings: var(--font-open-type-features, initial);
  font-variation-settings: var(
    --font-variation-axes-preview,
    var(--font-variation-axes, normal)
  );
  text-wrap: var(--text-wrap-override, var(--text-wrap));
}
p.text,
div.text,
h1.text,
li.text,
ul.text {
  background-color: var(
    --blockquote-text-background-color,
    var(--text-background-color, initial)
  );
  border-radius: var(
    --blockquote-text-background-radius,
    var(--text-background-radius, initial)
  );
  corner-shape: var(
    --blockquote-text-background-corner-shape,
    var(--text-background-corner-shape, initial)
  );
  padding: var(
    --blockquote-text-background-padding,
    var(--text-background-padding, initial)
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  p.text,
  div.text,
  h1.text,
  li.text,
  ul.text,
  span.text:not([data-text-fill]) {
    color: var(
      --blockquote-text-color-rgb,
      var(
        --blockquote-text-color,
        var(--text-color-rgb, var(--text-color, #000))
      )
    );
    -webkit-text-stroke-color: var(
      --text-stroke-color-rgb,
      var(--text-stroke-color, initial)
    );
  }
}
strong.text {
  font-family: var(
    --blockquote-font-family-bold,
    var(--font-family-bold)
  );
  font-style: var(
    --blockquote-font-style-bold,
    var(--font-style-bold)
  );
  font-weight: var(
    --blockquote-font-weight-bold,
    var(--font-weight-bold, bolder)
  );
  font-variation-settings: var(
    --blockquote-font-variation-axes-bold,
    var(--font-variation-axes-bold)
  );
}
p.text:not(:first-child),
div.text:not(:first-child),
h1.text:not(:first-child),
ul.text:not(:first-child) {
  margin-top: var(
    --blockquote-paragraph-spacing,
    var(--paragraph-spacing, 0)
  );
}
li.text > ul.text:nth-child(2) {
  margin-top: 0;
}
.text[data-text-fill] {
  -webkit-text-fill-color: transparent;
  padding: max(
    0em,
    calc(
      calc(
          1.3em -
            var(
              --blockquote-line-height,
              var(--line-height, 1.3em)
            )
        ) /
        2
    )
  );
  margin: min(
    0em,
    calc(
      calc(
          1.3em -
            var(
              --blockquote-line-height,
              var(--line-height, 1.3em)
            )
        ) /
        -2
    )
  );
  -webkit-background-clip: text;
  background-clip: text;
  display: inline-block;
}
a.text,
a.text span.text:not([data-text-fill]) {
  color: inherit;
  font-family: var(
    --font-family-preview,
    var(
      --blockquote-font-family,
      var(
        --link-font-family,
        var(
          --font-family,
          -apple-system,
          BlinkMacSystemFont,
          system-ui,
          sans-serif
        )
      )
    )
  );
  font-style: var(
    --font-style-preview,
    var(
      --blockquote-font-style,
      var(--link-font-style, var(--font-style, normal))
    )
  );
  font-weight: var(
    --font-weight-preview,
    var(
      --blockquote-font-weight,
      var(--link-font-weight, var(--font-weight, 400))
    )
  );
  font-size: calc(
    var(--blockquote-font-size, var(--font-size, 16px)) *
      var(--font-size-scale, 1)
  );
  text-transform: var(
    --blockquote-text-transform,
    var(--link-text-transform, var(--text-transform, none))
  );
  cursor: var(--custom-cursors, pointer);
  background-color: initial;
  border-radius: var(--link-text-background-radius, initial);
  corner-shape: var(--link-text-background-corner-shape, initial);
  padding: var(--link-text-background-padding, initial);
}
a.text {
  color: var(
    --blockquote-text-color,
    var(--link-text-color, var(--text-color, #000))
  );
  -webkit-text-decoration-line: var(
    --blockquote-text-decoration,
    var(--link-text-decoration, var(--text-decoration, initial))
  );
  text-decoration-line: var(
    --blockquote-text-decoration,
    var(--link-text-decoration, var(--text-decoration, initial))
  );
  -webkit-text-decoration-style: var(
    --blockquote-text-decoration-style,
    var(
      --link-text-decoration-style,
      var(--text-decoration-style, initial)
    )
  );
  text-decoration-style: var(
    --blockquote-text-decoration-style,
    var(
      --link-text-decoration-style,
      var(--text-decoration-style, initial)
    )
  );
  -webkit-text-decoration-color: var(
    --blockquote-text-decoration-color,
    var(
      --link-text-decoration-color,
      var(--text-decoration-color, initial)
    )
  );
  text-decoration-color: var(
    --blockquote-text-decoration-color,
    var(
      --link-text-decoration-color,
      var(--text-decoration-color, initial)
    )
  );
  text-decoration-thickness: var(
    --blockquote-text-decoration-thickness,
    var(
      --link-text-decoration-thickness,
      var(--text-decoration-thickness, initial)
    )
  );
  text-decoration-skip-ink: var(
    --blockquote-text-decoration-skip-ink,
    var(
      --link-text-decoration-skip-ink,
      var(--text-decoration-skip-ink, initial)
    )
  );
  text-underline-offset: var(
    --blockquote-text-decoration-offset,
    var(
      --link-text-decoration-offset,
      var(--text-decoration-offset, initial)
    )
  );
  background-color: var(--link-text-background-color, initial);
}
@supports not (color: color(display-p3 1 1 1)) {
  a.text {
    color: var(
      --blockquote-text-color-rgb,
      var(
        --blockquote-text-color,
        var(
          --link-text-color-rgb,
          var(
            --link-text-color,
            var(--text-color-rgb, var(--text-color, #000))
          )
        )
      )
    );
    background-color: var(
      --link-text-background-color-rgb,
      var(--link-text-background-color, initial)
    );
    -webkit-text-decoration-color: var(
      --link-text-decoration-color-rgb,
      var(
        --link-text-decoration-color,
        var(
          --text-decoration-color-rgb,
          var(--text-decoration-color, currentcolor)
        )
      )
    );
    text-decoration-color: var(
      --link-text-decoration-color-rgb,
      var(
        --link-text-decoration-color,
        var(
          --text-decoration-color-rgb,
          var(--text-decoration-color, currentcolor)
        )
      )
    );
  }
}
a.text:hover,
a.text:hover span.text:not([data-text-fill]) {
  font-family: var(
    --font-family-preview,
    var(
      --link-hover-font-family,
      var(
        --blockquote-font-family,
        var(
          --link-font-family,
          var(
            --font-family,
            -apple-system,
            BlinkMacSystemFont,
            system-ui,
            sans-serif
          )
        )
      )
    )
  );
  font-style: var(
    --font-style-preview,
    var(
      --link-hover-font-style,
      var(
        --blockquote-font-style,
        var(--link-font-style, var(--font-style, normal))
      )
    )
  );
  font-weight: var(
    --font-weight-preview,
    var(
      --link-hover-font-weight,
      var(
        --blockquote-font-weight,
        var(--link-font-weight, var(--font-weight, 400))
      )
    )
  );
  font-size: calc(
    var(
        --link-hover-font-size,
        var(--blockquote-font-size, var(--font-size, 16px))
      ) *
      var(--font-size-scale, 1)
  );
  text-transform: var(
    --link-hover-text-transform,
    var(
      --blockquote-text-transform,
      var(--link-text-transform, var(--text-transform, none))
    )
  );
  border-radius: var(
    --link-hover-text-background-radius,
    var(
      --link-text-background-radius,
      var(--text-background-radius, initial)
    )
  );
  corner-shape: var(
    --link-hover-text-background-corner-shape,
    var(
      --link-text-background-corner-shape,
      var(--text-background-corner-shape, initial)
    )
  );
  padding: var(
    --link-hover-text-background-padding,
    var(
      --link-text-background-padding,
      var(--text-background-padding, initial)
    )
  );
}
a.text:hover {
  color: var(
    --link-hover-text-color,
    var(
      --blockquote-text-color,
      var(--link-text-color, var(--text-color, #000))
    )
  );
  -webkit-text-decoration-line: var(
    --link-hover-text-decoration,
    var(
      --blockquote-text-decoration,
      var(--link-text-decoration, var(--text-decoration, initial))
    )
  );
  text-decoration-line: var(
    --link-hover-text-decoration,
    var(
      --blockquote-text-decoration,
      var(--link-text-decoration, var(--text-decoration, initial))
    )
  );
  -webkit-text-decoration-style: var(
    --link-hover-text-decoration-style,
    var(
      --blockquote-text-decoration-style,
      var(
        --link-text-decoration-style,
        var(--text-decoration-style, initial)
      )
    )
  );
  text-decoration-style: var(
    --link-hover-text-decoration-style,
    var(
      --blockquote-text-decoration-style,
      var(
        --link-text-decoration-style,
        var(--text-decoration-style, initial)
      )
    )
  );
  -webkit-text-decoration-color: var(
    --link-hover-text-decoration-color,
    var(
      --blockquote-text-decoration-color,
      var(
        --link-text-decoration-color,
        var(--text-decoration-color, initial)
      )
    )
  );
  text-decoration-color: var(
    --link-hover-text-decoration-color,
    var(
      --blockquote-text-decoration-color,
      var(
        --link-text-decoration-color,
        var(--text-decoration-color, initial)
      )
    )
  );
  text-decoration-thickness: var(
    --link-hover-text-decoration-thickness,
    var(
      --blockquote-text-decoration-thickness,
      var(
        --link-text-decoration-thickness,
        var(--text-decoration-thickness, initial)
      )
    )
  );
  text-decoration-skip-ink: var(
    --link-hover-text-decoration-skip-ink,
    var(
      --blockquote-text-decoration-skip-ink,
      var(
        --link-text-decoration-skip-ink,
        var(--text-decoration-skip-ink, initial)
      )
    )
  );
  text-underline-offset: var(
    --link-hover-text-decoration-offset,
    var(
      --blockquote-text-decoration-offset,
      var(
        --link-text-decoration-offset,
        var(--text-decoration-offset, initial)
      )
    )
  );
  background-color: var(
    --link-hover-text-background-color,
    var(
      --link-text-background-color,
      var(--text-background-color, initial)
    )
  );
}
@supports not (color: color(display-p3 1 1 1)) {
  a.text:hover {
    color: var(
      --link-hover-text-color-rgb,
      var(
        --link-hover-text-color,
        var(
          --blockquote-text-color-rgb,
          var(
            --blockquote-text-color,
            var(
              --link-text-color-rgb,
              var(
                --link-text-color,
                var(--text-color-rgb, var(--text-color, #000))
              )
            )
          )
        )
      )
    );
    background-color: var(
      --link-hover-text-background-color-rgb,
      var(
        --link-hover-text-background-color,
        var(
          --link-text-background-color-rgb,
          var(
            --link-text-background-color,
            var(
              --text-background-color-rgb,
              var(--text-background-color, initial)
            )
          )
        )
      )
    );
    -webkit-text-decoration-color: var(
      --link-hover-text-decoration-color-rgb,
      var(
        --link-hover-text-decoration-color,
        var(
          --link-text-decoration-color-rgb,
          var(
            --link-text-decoration-color,
            var(
              --text-decoration-color-rgb,
              var(--text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
    text-decoration-color: var(
      --link-hover-text-decoration-color-rgb,
      var(
        --link-hover-text-decoration-color,
        var(
          --link-text-decoration-color-rgb,
          var(
            --link-text-decoration-color,
            var(
              --text-decoration-color-rgb,
              var(--text-decoration-color, currentcolor)
            )
          )
        )
      )
    );
  }
}
ul.text {
  padding-inline-start: 0;
  position: relative;
}
li.text {
  counter-increment: list-item;
  padding-inline-start: 2ch;
  list-style: none;
}
ul.text > li.text:before {
  content: "•";
  position: absolute;
  inset-inline-start: 0;
}
@supports not (overflow: clip) {
  :root {
    --overflow-clip-fallback: hidden;
  }
}
@supports (background: -webkit-named-image(i)) and
  (not (contain-intrinsic-size: inherit)) {
  div.text,
  p.text,
  h1.text,
  ul.text,
  li.text {
    display: var(--text-truncation-display-inline-for-safari-16, revert);
  }
  div.text:after,
  p.text:after,
  h1.text:after,
  ul.text:after,
  li.text:after {
    content: var(--text-truncation-line-break-for-safari-16);
    white-space: pre;
  }
  p.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;
  }
}
html body {
  background: rgb(250, 250, 250);
}
@media (min-width: 810px) and (max-width: 1199.98px) {
  html {
    font-size: 100%;
  }
}
@media (max-width: 809.98px) {
  html {
    font-size: 93.75%;
  }
}

/* Desktop: the page itself never scrolls (so it can't bounce); #main scrolls instead.
   The phone is fixed to the viewport, outside anything that scrolls or bounces. */
@media (min-width: 1200px) {
  html,
  body {
    height: 100%;
    overflow: hidden;
    overscroll-behavior: none;
  }
  #main {
    position: fixed;
    inset: 0;
    overflow-y: auto;
  }
  .home .hero .hero-screen {
    position: fixed;
    top: 96px;
    bottom: 0;
    height: auto;
    flex: none;
    /* Let wheel/trackpad scrolling over the phone reach #main. */
    pointer-events: none;
  }
}