.landing-page [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);
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 0;
  border-radius: inherit;
  pointer-events: none;
}
.landing-page .landing-stage {
  position: relative;
  width: 1200px;
  height: 1677px;
  background-color: #000;
}
.landing-page .landing-logo {
  position: absolute;
  overflow: visible;
  width: 11%;
  height: 49px;
  left: 80px;
  top: 56px;
  flex: none;
}
.landing-page .landing-phone {
  position: absolute;
  overflow: visible;
  width: 367px;
  height: var(--site-aspect-ratio-supported, 710px);
  left: calc(50.00000000000002% - 367px / 2);
  top: 693px;
  flex: none;
  aspect-ratio: 0.5168377164849263/1;
}
.landing-page .landing-hero-title,
.landing-page .landing-product-hunt-spotlight {
  position: absolute;
  left: 50%;
  flex: none;
  transform: translateX(-50%);
}
.landing-page .landing-hero-title {
  width: 56%;
  height: auto;
  top: 162px;
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-word;
  --site-font-family: ".SFNSDisplay-Black", "SFProDisplay-Black",
    ".SFUIDisplay-Black", "SF Pro Display", "-apple-system",
    "BlinkMacSystemFont", sans-serif;
  --site-font-style: normal;
  --site-font-weight: 899;
  --site-text-color: var(--token-f9e75624-c0a9-4495-98b1-d7d0684d1693, #e5e5e5);
  --site-font-size: 80px;
  --site-letter-spacing: 0px;
  --site-text-transform: none;
  --site-text-decoration: none;
  --site-line-height: 1em;
  --site-text-alignment: center;
  --site-link-text-color: #0099ff;
  --site-link-text-decoration: underline;
}
.landing-page .landing-product-hunt-spotlight {
  overflow: visible;
  width: 199px;
  height: min-content;
  top: 726px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 24px;
  padding: 0;
}
.landing-page .landing-product-hunt-spotlight-link,
.landing-page .landing-legacy-badge-link {
  position: relative;
  overflow: hidden;
  width: 184px;
  height: 89px;
  flex: none;
  display: block;
  text-decoration: none;
}
.landing-page .landing-legacy-badge-link {
  width: 138px;
  height: 67px;
}
.landing-page .landing-layout-strip-desktop {
  position: absolute;
  overflow: visible;
  z-index: 1;
  width: 304px;
  height: 161px;
  left: calc(19.75000000000002% - 304px / 2);
  top: 747px;
  flex: none;
}
.landing-page .landing-collage-left-desktop,
.landing-page .landing-collage-right-desktop {
  position: absolute;
  overflow: visible;
  z-index: 1;
  width: 284px;
  height: 263px;
  left: calc(78.75000000000001% - 284px / 2);
  top: 705px;
  flex: none;
}
.landing-page .landing-collage-left-desktop {
  width: 222px;
  height: 206px;
  left: calc(20.75000000000002% - 222px / 2);
  top: 973px;
  transform: rotate(-15deg);
}
.landing-page .landing-story-card-blue-desktop {
  position: absolute;
  overflow: visible;
  z-index: 1;
  width: 192px;
  height: 152px;
  left: calc(79.66666666666669% - 192px / 2);
  top: 1080px;
  flex: none;
}
.landing-page .landing-story-card-wide-desktop,
.landing-page .landing-story-card-small-desktop {
  position: absolute;
  overflow: visible;
  z-index: 1;
  width: 238px;
  height: 188px;
  left: calc(14.16666666666669% - 238px / 2);
  top: 1224px;
  flex: none;
}
.landing-page .landing-story-card-small-desktop {
  width: 135px;
  height: 137px;
  left: calc(90.50000000000003% - 135px / 2);
  top: 1270px;
}
.landing-page .landing-store-buttons {
  position: absolute;
  overflow: visible;
  width: 573px;
  height: min-content;
  left: 50%;
  top: 458px;
  flex: none;
  transform: translateX(-50%);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: nowrap;
  gap: 45px;
  padding: 0;
}
.landing-page .landing-app-store-link,
.landing-page .landing-product-hunt-link {
  position: relative;
  overflow: hidden;
  width: 202px;
  height: 95px;
  flex: none;
  display: block;
  text-decoration: none;
}
.landing-page .landing-product-hunt-link {
  width: 241px;
  height: 117px;
}
.landing-page .landing-footer-slot {
  position: absolute;
  width: 100%;
  height: auto;
  bottom: 0;
  left: 50%;
  flex: none;
  transform: translateX(-50%);
}
.landing-page .landing-layout-strip-mobile {
  position: absolute;
  overflow: visible;
  z-index: 1;
  width: 170px;
  height: 90px;
  left: 9px;
  top: 561px;
  flex: none;
}
.landing-page .landing-collage-right-mobile {
  position: absolute;
  overflow: visible;
  z-index: 1;
  width: 194px;
  height: 180px;
  right: -9px;
  top: 516px;
  flex: none;
}
.landing-page .landing-collage-left-mobile {
  position: absolute;
  overflow: visible;
  z-index: 1;
  width: 138px;
  height: 128px;
  left: 40px;
  top: 712px;
  flex: none;
  transform: rotate(-15deg);
}
.landing-page .landing-story-card-blue-mobile {
  position: absolute;
  overflow: visible;
  z-index: 1;
  width: 131px;
  height: 111px;
  left: 486px;
  top: 744px;
  flex: none;
}
.landing-page .landing-story-card-wide-mobile,
.landing-page .landing-story-card-small-mobile {
  position: absolute;
  overflow: visible;
  z-index: 1;
  width: 146px;
  height: 115px;
  left: 24px;
  top: 893px;
  flex: none;
}
.landing-page .landing-story-card-small-mobile {
  width: 108px;
  height: 110px;
  left: 509px;
  top: 923px;
}
@supports (background: -webkit-named-image(i)) and (not (scale: 1)) {
  .landing-page .landing-product-hunt-spotlight > * {
    margin: 0;
    margin-left: calc(24px / 2);
    margin-right: calc(24px / 2);
  }
  .landing-page .landing-product-hunt-spotlight > :first-child,
  .landing-page .landing-store-buttons > :first-child {
    margin-left: 0;
  }
  .landing-page .landing-product-hunt-spotlight > :last-child,
  .landing-page .landing-store-buttons > :last-child {
    margin-right: 0;
  }
  .landing-page .landing-store-buttons > * {
    margin: 0;
    margin-left: calc(45px / 2);
    margin-right: calc(45px / 2);
  }
}
@media (min-width: 1200px) {
  .landing-page .hide-landing-desktop {
    display: none !important;
  }
}
@media (min-width: 810px) and (max-width: 1199px) {
  .landing-page .hide-landing-tablet {
    display: none !important;
  }
  .landing-page .landing-stage {
    width: 810px;
    height: 1309px;
  }
  .landing-page .landing-logo {
    width: 15%;
    height: 49px;
    right: auto;
    bottom: auto;
    left: 40px;
    top: 40px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-phone {
    width: 35%;
    height: var(--site-aspect-ratio-supported, 554px);
    right: auto;
    bottom: auto;
    left: calc(50.00000000000002% - 35.30864197530864% / 2);
    top: 592px;
    flex: none;
    transform: none;
    aspect-ratio: 0.5168377164849263/1;
  }
  .landing-page .landing-hero-title {
    width: 70%;
    height: auto;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 162px;
    flex: none;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    --site-font-size: 64px;
  }
  .landing-page .landing-collage-right-desktop,
  .landing-page .landing-layout-strip-desktop {
    width: 206px;
    height: 109px;
    right: auto;
    bottom: auto;
    left: 39px;
    top: 652px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-collage-right-desktop {
    width: 235px;
    height: 218px;
    right: 0;
    left: auto;
    top: 624px;
  }
  .landing-page .landing-collage-left-desktop {
    width: 158px;
    height: 147px;
    right: auto;
    bottom: auto;
    left: 76px;
    top: 821px;
    flex: none;
    transform: rotate(-15deg);
    aspect-ratio: unset;
  }
  .landing-page .landing-story-card-blue-desktop {
    width: 181px;
    height: 153px;
    right: 37px;
    bottom: auto;
    left: auto;
    top: 881px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-story-card-wide-desktop,
  .landing-page .landing-story-card-small-desktop {
    width: 146px;
    height: 115px;
    right: auto;
    bottom: auto;
    left: 48px;
    top: 1019px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-story-card-small-desktop {
    width: 108px;
    height: 110px;
    left: 635px;
    top: 1067px;
  }
  .landing-page .landing-store-buttons {
    width: 573px;
    height: min-content;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 394px;
    flex: none;
    transform: translateX(-50%);
    aspect-ratio: unset;
  }
}
@media (min-width: 640px) and (max-width: 809px) {
  .landing-page .hide-landing-phablet {
    display: none !important;
  }
  .landing-page .landing-stage {
    width: 640px;
    height: 1094px;
  }
  .landing-page .landing-logo {
    width: 20%;
    height: 37px;
    right: auto;
    bottom: auto;
    left: 24px;
    top: 24px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-phone {
    width: 40%;
    height: var(--site-aspect-ratio-supported, 496px);
    right: auto;
    bottom: auto;
    left: calc(50.00000000000002% - 40% / 2);
    top: 447px;
    flex: none;
    transform: none;
    aspect-ratio: 0.5168377164849263/1;
  }
  .landing-page .landing-hero-title {
    width: 85%;
    height: auto;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 122px;
    flex: none;
    transform: translateX(-50%);
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    --site-font-size: 42px;
  }
  .landing-page .landing-collage-left-desktop {
    width: 222px;
    height: 206px;
    right: auto;
    bottom: auto;
    left: calc(50.76923076923079% - 222px / 2);
    top: 1191px;
    flex: none;
    transform: rotate(-15deg);
    aspect-ratio: unset;
  }
  .landing-page .landing-story-card-wide-desktop {
    width: 238px;
    height: 188px;
    right: auto;
    bottom: auto;
    left: calc(50.00000000000002% - 238px / 2);
    top: 1552px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-store-buttons {
    width: 293px;
    height: min-content;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 280px;
    flex: none;
    transform: translateX(-50%);
    aspect-ratio: unset;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 32px;
  }
  .landing-page .landing-app-store-link,
  .landing-page .landing-product-hunt-link {
    width: 123px;
    height: 58px;
    right: auto;
    bottom: auto;
    left: auto;
    top: auto;
    flex: none;
    transform: none;
    align-self: auto;
    aspect-ratio: unset;
  }
  .landing-page .landing-product-hunt-link {
    width: 138px;
    height: 67px;
  }
  .landing-page .landing-collage-right-mobile,
  .landing-page .landing-layout-strip-mobile {
    width: 153px;
    height: 90px;
    right: auto;
    bottom: auto;
    left: 26px;
    top: 471px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-collage-right-mobile {
    width: 162px;
    height: 180px;
    left: 455px;
    top: 426px;
  }
  .landing-page .landing-collage-left-mobile {
    width: 138px;
    height: 128px;
    right: auto;
    bottom: auto;
    left: 40px;
    top: 622px;
    flex: none;
    transform: rotate(-15deg);
    aspect-ratio: unset;
  }
  .landing-page .landing-story-card-wide-mobile,
  .landing-page .landing-story-card-blue-mobile,
  .landing-page .landing-story-card-small-mobile {
    width: 131px;
    height: 111px;
    right: auto;
    bottom: auto;
    left: 486px;
    top: 654px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-story-card-wide-mobile,
  .landing-page .landing-story-card-small-mobile {
    width: 146px;
    height: 115px;
    left: 24px;
    top: 803px;
  }
  .landing-page .landing-story-card-small-mobile {
    width: 108px;
    height: 110px;
    left: 509px;
    top: 833px;
  }
  @supports (background: -webkit-named-image(i)) and (not (scale: 1)) {
    .landing-page .landing-store-buttons > * {
      margin: 0;
      margin-left: calc(32px / 2);
      margin-right: calc(32px / 2);
    }
    .landing-page .landing-store-buttons > :first-child {
      margin-left: 0;
    }
    .landing-page .landing-store-buttons > :last-child {
      margin-right: 0;
    }
  }
}
@media (max-width: 639px) {
  .landing-page .hide-landing-phone {
    display: none !important;
  }
  .landing-page .landing-stage {
    width: 390px;
    height: 962px;
  }
  .landing-page .landing-logo {
    width: 22%;
    height: 26px;
    right: auto;
    bottom: auto;
    left: 24px;
    top: 24px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-phone {
    width: 47%;
    height: var(--site-aspect-ratio-supported, 358px);
    right: auto;
    bottom: auto;
    left: calc(50.00000000000002% - 47.43589743589743% / 2);
    top: 336px;
    flex: none;
    transform: none;
    aspect-ratio: 0.5168377164849263/1;
  }
  .landing-page .landing-hero-title {
    width: 85%;
    height: auto;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 98px;
    flex: none;
    transform: translateX(-50%);
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-word;
    --site-font-size: 32px;
  }
  .landing-page .landing-product-hunt-spotlight-link {
    order: 0;
  }
  .landing-page .landing-legacy-badge-link {
    order: 1;
  }
  .landing-page .landing-layout-strip-desktop {
    width: 304px;
    height: 161px;
    right: auto;
    bottom: auto;
    left: calc(19.743589743589766% - 304px / 2);
    top: 747px;
    flex: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-collage-left-desktop,
  .landing-page .landing-collage-right-desktop {
    width: 284px;
    height: 263px;
    right: auto;
    bottom: auto;
    left: calc(78.71794871794874% - 284px / 2);
    top: 705px;
    flex: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-collage-left-desktop {
    width: 222px;
    height: 206px;
    left: calc(50.76923076923079% - 222px / 2);
    top: 1191px;
    transform: rotate(-15deg);
  }
  .landing-page .landing-story-card-blue-desktop,
  .landing-page .landing-story-card-wide-desktop {
    width: 192px;
    height: 152px;
    right: auto;
    bottom: auto;
    left: calc(79.74358974358977% - 192px / 2);
    top: 1080px;
    flex: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-story-card-wide-desktop {
    width: 238px;
    height: 188px;
    left: calc(50.00000000000002% - 238px / 2);
    top: 1552px;
    transform: none;
  }
  .landing-page .landing-story-card-small-desktop {
    width: 135px;
    height: 137px;
    right: auto;
    bottom: auto;
    left: calc(90.25641025641028% - 135px / 2);
    top: 1270px;
    flex: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-store-buttons {
    width: 167px;
    height: min-content;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 232px;
    flex: none;
    transform: translateX(-50%);
    aspect-ratio: unset;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
    flex-wrap: nowrap;
    gap: 24px;
  }
  .landing-page .landing-app-store-link,
  .landing-page .landing-product-hunt-link {
    width: 169px;
    height: 52px;
    right: auto;
    bottom: auto;
    left: auto;
    top: auto;
    flex: none;
    transform: none;
    align-self: auto;
    aspect-ratio: unset;
    order: 1;
  }
  .landing-page .landing-product-hunt-link {
    width: 138px;
    height: 67px;
    order: 0;
  }
  .landing-page .landing-footer-slot {
    width: 100%;
    height: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    top: auto;
    flex: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-layout-strip-mobile {
    width: 78px;
    height: 42px;
    left: 21px;
    top: 301px;
    transform: none;
  }
  .landing-page .landing-collage-right-mobile,
  .landing-page .landing-layout-strip-mobile,
  .landing-page .landing-collage-left-mobile {
    right: auto;
    bottom: auto;
    flex: none;
    aspect-ratio: unset;
    position: absolute;
  }
  .landing-page .landing-collage-right-mobile {
    width: 86px;
    height: 98px;
    left: 288px;
    top: 331px;
    transform: none;
  }
  .landing-page .landing-collage-left-mobile {
    width: 71px;
    height: 66px;
    left: 25px;
    top: 403px;
    transform: rotate(-15deg);
  }
  .landing-page .landing-story-card-blue-mobile {
    width: 64px;
    height: 54px;
    right: 20px;
    bottom: auto;
    left: auto;
    top: 500px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
    position: absolute;
  }
  .landing-page .landing-story-card-wide-mobile,
  .landing-page .landing-story-card-small-mobile {
    width: 66px;
    height: 53px;
    right: auto;
    bottom: auto;
    left: 28px;
    top: 573px;
    flex: none;
    transform: none;
    aspect-ratio: unset;
  }
  .landing-page .landing-story-card-small-mobile {
    width: 58px;
    height: 59px;
    right: 30px;
    left: auto;
    top: 640px;
    position: absolute;
  }
  @supports (background: -webkit-named-image(i)) and (not (scale: 1)) {
    .landing-page .landing-store-buttons > * {
      margin: 0;
      margin-left: calc(24px / 2);
      margin-right: calc(24px / 2);
    }
    .landing-page .landing-store-buttons > :first-child {
      margin-left: 0;
    }
    .landing-page .landing-store-buttons > :last-child {
      margin-right: 0;
    }
  }
}
.site-footer [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);
  width: 100%;
  height: 100%;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  top: 0;
  border-radius: inherit;
  pointer-events: none;
}
.site-footer * {
  box-sizing: border-box;
}
.type-link-scope .text-link a,
.type-link-scope a.text-link {
  --site-link-text-color: var(
    --token-f9e75624-c0a9-4495-98b1-d7d0684d1693,
    #e5e5e5
  );
  --site-link-text-decoration: none;
  --site-link-hover-text-color: var(
      --token-4accdc29-d8b1-4b3e-be3d-4dc478e9b67d,
      #ffffff
    )
    /* {"name":"White"} */;
  --site-link-hover-text-decoration: underline;
}
.site-footer .site-footer-shell {
  position: relative;
  overflow: visible;
  width: 1200px;
  height: min-content;
}
.site-footer .footer-privacy,
.site-footer .footer-terms,
.site-footer .footer-brand {
  position: relative;
  overflow: visible;
  width: auto;
  height: auto;
  flex: none;
  white-space: pre;
}
.site-footer.footer-phone .site-footer-shell {
  width: 390px;
  height: min-content;
}
.site-footer.footer-tablet .footer-privacy,
.site-footer.footer-tablet .footer-terms,
.site-footer.footer-tablet .footer-brand,
.site-footer.footer-phone .footer-privacy,
.site-footer.footer-phone .footer-terms,
.site-footer.footer-phone .footer-brand {
  width: auto;
  height: auto;
  right: auto;
  bottom: auto;
  left: auto;
  top: auto;
  flex: none;
  white-space: pre;
  aspect-ratio: unset;
}
.site-footer.footer-tablet .site-footer-shell {
  width: 810px;
  height: min-content;
}
