@media(min-width: 1600px) {
  .hidden-1juzcf9 {
    display: none !important;
  }
}

@media(min-width: 1200px) and (max-width: 1599.98px) {
  .hide-tablet {
    display: none !important;
  }
}

@media(min-width: 767px) and (max-width: 1199.98px) {
  .hide-tablet {
    display: none !important;
  }
}

@media(max-width: 766.98px) {
  .hidden-1hg7ynr {
    display: none !important;
  }
}

html body {
  background: rgb(255, 255, 255);
}

.page-div-19.page-div-20 {
  background-color: #fff;
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  gap: 0;
  width: 1200px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div-19 .page-div-container-4 {
  z-index: 10;
  flex: none;
  width: 100%;
  height: auto;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.page-div-19 .wrapper-3 {
  z-index: 1;
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.page-div-19 .header-6 {
  background-color: var(--token-56294ad1-4474-4411-9bfd-e62cf16bd1d0,#10bd91);
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 120px 15px 70px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div-19 .content-11 {
  z-index: 1;
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 30px;
  width: 750px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
}

.page-div-19 .content-div-5 {
  --framer-link-text-color: #09f;
  --framer-link-text-decoration: underline;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
  overflow: visible;
}

.page-div-19 .main-3 {
  background-color: var(--token-19105e6c-170c-480c-a225-bbfc8913fa12,#f0fffb);
  flex-flow: column;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 50px 15px;
  display: flex;
  position: relative;
  overflow: auto;
}

.page-div-19 .content-12 {
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 20px;
  width: 750px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: auto;
}

.page-div-19 .section-14 {
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 15px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div-19 .section-div-26 {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
  overflow: visible;
}

.page-div-11 .text-style-4:not(.rich-text-wrapper),
.page-div-11 .text-style-4.rich-text-wrapper h1 {
  --framer-font-family: "Inter","Inter Placeholder",sans-serif;
  --framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
  --framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
  --framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
  --framer-font-open-type-features: normal;
  --framer-font-size: 53px;
  --framer-font-style: normal;
  --framer-font-style-bold: normal;
  --framer-font-style-bold-italic: italic;
  --framer-font-style-italic: italic;
  --framer-font-variation-axes: normal;
  --framer-font-weight: 600;
  --framer-font-weight-bold: 700;
  --framer-font-weight-bold-italic: 700;
  --framer-font-weight-italic: 600;
  --framer-letter-spacing: -.6px;
  --framer-line-height: 1em;
  --framer-paragraph-spacing: 0px;
  --framer-text-alignment: center;
  --framer-text-color: #fff;
  --framer-text-decoration: none;
  --framer-text-stroke-color: initial;
  --framer-text-stroke-width: initial;
  --framer-text-transform: none;
}

@media (max-width:1199px) and (min-width:810px) {
  .page-div-11 .text-style-4:not(.rich-text-wrapper),
  .page-div-11 .text-style-4.rich-text-wrapper h1 {
    --framer-font-family: "Inter","Inter Placeholder",sans-serif;
    --framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
    --framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
    --framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
    --framer-font-open-type-features: normal;
    --framer-font-size: 68px;
    --framer-font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: italic;
    --framer-font-style-italic: italic;
    --framer-font-variation-axes: normal;
    --framer-font-weight: 600;
    --framer-font-weight-bold: 700;
    --framer-font-weight-bold-italic: 700;
    --framer-font-weight-italic: 600;
    --framer-letter-spacing: -.6px;
    --framer-line-height: 1em;
    --framer-paragraph-spacing: 0px;
    --framer-text-alignment: center;
    --framer-text-color: #fff;
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none;
  }
}

@media (max-width:809px) and (min-width:0) {
  .page-div-11 .text-style-4:not(.rich-text-wrapper),
  .page-div-11 .text-style-4.rich-text-wrapper h1 {
    --framer-font-family: "Inter","Inter Placeholder",sans-serif;
    --framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
    --framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
    --framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
    --framer-font-open-type-features: normal;
    --framer-font-size: 52px;
    --framer-font-style: normal;
    --framer-font-style-bold: normal;
    --framer-font-style-bold-italic: italic;
    --framer-font-style-italic: italic;
    --framer-font-variation-axes: normal;
    --framer-font-weight: 600;
    --framer-font-weight-bold: 700;
    --framer-font-weight-bold-italic: 700;
    --framer-font-weight-italic: 600;
    --framer-letter-spacing: -.6px;
    --framer-line-height: 1em;
    --framer-paragraph-spacing: 0px;
    --framer-text-alignment: center;
    --framer-text-color: #fff;
    --framer-text-decoration: none;
    --framer-text-stroke-color: initial;
    --framer-text-stroke-width: initial;
    --framer-text-transform: none;
  }
}

.page-div-12 .text-style-5:not(.rich-text-wrapper),
.page-div-12 .text-style-5.rich-text-wrapper p {
  --framer-font-family: "Inter",sans-serif;
  --framer-font-family-bold: "Inter","Inter Placeholder",sans-serif;
  --framer-font-family-bold-italic: "Inter","Inter Placeholder",sans-serif;
  --framer-font-family-italic: "Inter","Inter Placeholder",sans-serif;
  --framer-font-open-type-features: normal;
  --framer-font-size: 18px;
  --framer-font-style: normal;
  --framer-font-style-bold: normal;
  --framer-font-style-bold-italic: italic;
  --framer-font-style-italic: italic;
  --framer-font-variation-axes: normal;
  --framer-font-weight: 400;
  --framer-font-weight-bold: 700;
  --framer-font-weight-bold-italic: 700;
  --framer-font-weight-italic: 400;
  --framer-letter-spacing: 0em;
  --framer-line-height: 1.5em;
  --framer-paragraph-spacing: 20px;
  --framer-text-alignment: start;
  --framer-text-color: #000;
  --framer-text-decoration: none;
  --framer-text-stroke-color: initial;
  --framer-text-stroke-width: initial;
  --framer-text-transform: none;
}

@media (min-width:1600px) {
  .page-div-19.page-div-20 {
    width: 1600px;
  }
}

@media (max-width:766.98px) {
  .page-div-19.page-div-20 {
    width: 375px;
  }
  .page-div-19 .content-11,
  .page-div-19 .content-12 {
    width: 100%;
  }
}

@media (min-width:767px) and (max-width:1199.98px) {
  .page-div-19.page-div-20 {
    width: 767px;
  }
  .page-div-19 .content-12 {
    width: 90%;
    max-width: 750px;
  }
}

.logo-tile.desktop-color-a-2,
.logo-tile .desktop-color-a-2 {
  display: block;
}

.logo-tile.logo-tile-base {
  flex-flow: row;
  place-content: center space-between;
  align-items: center;
  width: 1200px;
  height: 70px;
  padding: 20px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-tile .desktop-color-a {
  flex-flow: row;
  flex: none;
  place-content: flex-end flex-start;
  align-items: flex-end;
  gap: 11px;
  width: min-content;
  height: min-content;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo-tile .desktop-color-div {
  flex: none;
  width: 62px;
  height: 47px;
  position: relative;
}

.logo-tile .desktop-color-div-2 {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
  overflow: visible;
}

.logo-tile .desktop-color-nav {
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 35px;
  width: min-content;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.logo-tile .reffie-sign-in-button-container,
.logo-tile .desktop-color-div-container,
.logo-tile .desktop-color-div-container-2 {
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
  .logo-tile .desktop-color-a,
  .logo-tile .desktop-color-nav {
    gap: 0;
  }
  .logo-tile .desktop-color-a>* {
    margin: 0;
    margin-left: 5.5px;
    margin-right: 5.5px;
  }
  .logo-tile .desktop-color-a>:first-child,
  .logo-tile .desktop-color-nav>:first-child {
    margin-left: 0;
  }
  .logo-tile .desktop-color-a>:last-child,
  .logo-tile .desktop-color-nav>:last-child {
    margin-right: 0;
  }
  .logo-tile .desktop-color-nav>* {
    margin: 0 17.5px;
  }
}

.logo-tile.is-phone-color.logo-tile-base {
  width: 390px;
  padding: 4px;
}

.logo-tile.is-phone-color .desktop-color-a {
  gap: 0;
}

.logo-tile.is-phone-color .desktop-color-nav {
  gap: 9px;
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
  .logo-tile.is-phone-color .desktop-color-a,
  .logo-tile.is-phone-color .desktop-color-nav {
    gap: 0;
  }
  .logo-tile.is-phone-color .desktop-color-a>* {
    margin: 0;
  }
  .logo-tile.is-phone-color .desktop-color-a>:first-child,
  .logo-tile.is-phone-color .desktop-color-nav>:first-child {
    margin-left: 0;
  }
  .logo-tile.is-phone-color .desktop-color-a>:last-child,
  .logo-tile.is-phone-color .desktop-color-nav>:last-child {
    margin-right: 0;
  }
  .logo-tile.is-phone-color .desktop-color-nav>* {
    margin: 0 4.5px;
  }
}

.logo-tile-styles .text-style-3:not(.rich-text-wrapper),
.logo-tile-styles .text-style-3.rich-text-wrapper h1 {
  --framer-font-family: "Exo 2",sans-serif;
  --framer-font-size: 53px;
  --framer-font-style: normal;
  --framer-font-weight: 600;
  --framer-letter-spacing: 0em;
  --framer-line-height: 1em;
  --framer-paragraph-spacing: 40px;
  --framer-text-alignment: left;
  --framer-text-color: var(--token-56294ad1-4474-4411-9bfd-e62cf16bd1d0,#10bd91);
  --framer-text-decoration: none;
  --framer-text-transform: none;
}

.reffie-sign-in-button.reffie-sign-in-button-3,
.reffie-sign-in-button .reffie-sign-in-button-3 {
  display: block;
}

.reffie-sign-in-button.reffie-sign-in-button-2 {
  cursor: pointer;
  flex-flow: row;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  height: min-content;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.reffie-sign-in-button .sign-in {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
  overflow: visible;
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
  .reffie-sign-in-button.reffie-sign-in-button-2 {
    gap: 0;
  }
  .reffie-sign-in-button.reffie-sign-in-button-2>* {
    margin: 0;
    margin-left: 5px;
    margin-right: 5px;
  }
  .reffie-sign-in-button.reffie-sign-in-button-2>:first-child {
    margin-left: 0;
  }
  .reffie-sign-in-button.reffie-sign-in-button-2>:last-child {
    margin-right: 0;
  }
}

.desktop-color-div-3 [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;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop-color-div-3 .button-base {
  display: block;
}

.desktop-color-div-3 .button-20 {
  flex-flow: row;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  height: min-content;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.desktop-color-div-3 .sign-in-2 {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
  overflow: visible;
}

.desktop-color-div-3 .desktop-color-div-4 .button-20,
.desktop-color-div-3 .page-div-27 .button-20 {
  cursor: pointer;
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
  .desktop-color-div-3 .button-20 {
    gap: 0;
  }
  .desktop-color-div-3 .button-20>* {
    margin: 0 5px;
  }
  .desktop-color-div-3 .button-20>:first-child {
    margin-left: 0;
  }
  .desktop-color-div-3 .button-20>:last-child {
    margin-right: 0;
  }
}

.desktop-color-div-3.page-div-27 .button-20 {
  padding: 10px 20px;
}

.desktop-color-div-5 [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;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop-color-div-5 .button-22 {
  display: block;
}

.desktop-color-div-5 .button-21 {
  flex-flow: row;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  height: min-content;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.desktop-color-div-5 .sign-in-3 {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
  overflow: visible;
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
  .desktop-color-div-5 .button-21 {
    gap: 0;
  }
  .desktop-color-div-5 .button-21>* {
    margin: 0 5px;
  }
  .desktop-color-div-5 .button-21>:first-child {
    margin-left: 0;
  }
  .desktop-color-div-5 .button-21>:last-child {
    margin-right: 0;
  }
}
