@-webkit-keyframes reveal_loading_indicator {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0; }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1; } }
@keyframes reveal_loading_indicator {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  8.3% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg); }
  16.7% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg); }
  25% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg); }
  33.3% {
    -webkit-transform: rotate(120deg);
    transform: rotate(120deg); }
  41.7% {
    -webkit-transform: rotate(150deg);
    transform: rotate(150deg); }
  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg); }
  58.3% {
    -webkit-transform: rotate(210deg);
    transform: rotate(210deg); }
  66.7% {
    -webkit-transform: rotate(240deg);
    transform: rotate(240deg); }
  75% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg); }
  83.3% {
    -webkit-transform: rotate(300deg);
    transform: rotate(300deg); }
  91.7% {
    -webkit-transform: rotate(330deg);
    transform: rotate(330deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotate {
  0% {
    transform: rotate(0deg); }
  8.3% {
    transform: rotate(30deg); }
  16.7% {
    transform: rotate(60deg); }
  25% {
    transform: rotate(90deg); }
  33.3% {
    transform: rotate(120deg); }
  41.7% {
    transform: rotate(150deg); }
  50% {
    transform: rotate(180deg); }
  58.3% {
    transform: rotate(210deg); }
  66.7% {
    transform: rotate(240deg); }
  75% {
    transform: rotate(270deg); }
  83.3% {
    transform: rotate(300deg); }
  91.7% {
    transform: rotate(330deg); }
  100% {
    transform: rotate(360deg); } }
.loading__indicator {
  vertical-align: middle;
  -webkit-animation-name: reveal_loading_indicator;
  animation-name: reveal_loading_indicator;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1; }

.loading__indicator.o__tiny {
  width: 15px;
  height: 15px;
  display: inline-block; }

.loading__indicator.o__tiny.o__inline {
  margin: 0 7px 0 0; }

.loading__indicator__graphic {
  width: 100%;
  height: 100%;
  -webkit-animation-name: rotate;
  animation-name: rotate;
  -webkit-animation-duration: 550ms;
  animation-duration: 550ms;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite; }

@font-face {
  font-family: 'TT Norms Pro';
  src: url("https://cdn.bfldr.com/YG8OFD14/at/7sq87ztc2zfn7sbsq4mcgmp6/tt_norms_pro_normal.otf"); }
@font-face {
  font-family: 'TT Norms Pro';
  src: url("https://cdn.bfldr.com/YG8OFD14/at/cm7xfpg465pzwtjj5rwgmgth/tt_norms_pro_bold.otf");
  font-weight: bold; }
@font-face {
  font-family: 'VC Honey';
  src: url(https://static.intercomassets.com/assets/vchoney/vchoney-regular-1743a190771a29a4f75e8a2091b243fe9a36da9125f507b40c67177c5c9e7f7c.woff) format("woff"), url(https://static.intercomassets.com/assets/vchoney/vchoney-regular-e15d79f013fe07d6c336f4601089f60e03cf459552f156715075343bed56b168.woff2) format("woff2"); }
@font-face {
  font-family: 'VC Nudge Normal';
  src: url(https://static.intercomassets.com/assets/vcnudge/vcnudgenormal-regular-8cab405554aa803f1cd3ae8dc66b411202ada9983102cfade93e766983a81112.woff) format("woff"), url(https://static.intercomassets.com/assets/vcnudge/vcnudgenormal-regular-748d0cb2dceaf77ef3111e0800d6dcc314e6e1a3dfc8f306254a9b31af5775ae.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: 'VC Nudge Normal';
  src: url(https://static.intercomassets.com/assets/vcnudge/vcnudgenormal-medium-790d07e97962efc8edf5c866a5d26acb0240be6bb9cdc61aa67d9d84806eaa84.woff) format("woff"), url(https://static.intercomassets.com/assets/vcnudge/vcnudgenormal-medium-d09ce31822eda25ee67e1ac0ba3c7c519b52d9420d59ef0a30004f6c02980257.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: 'VC Nudge Normal';
  src: url(https://static.intercomassets.com/assets/vcnudge/vcnudgenormal-semiBold-6e4d80a25f793685883841841a16824cc3ae146568af7c8b02af4238f16a05de.woff) format("woff"), url(https://static.intercomassets.com/assets/vcnudge/vcnudgenormal-semiBold-0540469e07d9098f48420163784f7c91296d7b9fdac79df3bb4182149bc75c7c.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: 'VC Nudge';
  src: url(https://static.intercomassets.com/assets/vcnudge/vcnudge-extraBold-6f38094683922a024cc02b1e40fa16f9be6eeff4b8e04732566a6371e0458a5f.woff) format("woff"), url(https://static.intercomassets.com/assets/vcnudge/vcnudge-extraBold-ae7930a9acf816f90b482e42675d47ba13a7caff8307d5e240f29a46adc921c4.woff2) format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: 'Ivory LL Web Light';
  src: url("https://fonts.intercomcdn.com/ll-ivory/IvoryLLWeb-Light.woff") format("woff"), url("https://fonts.intercomcdn.com/ll-ivory/IvoryLLWeb-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: light;
  font-display: block; }
@font-face {
  font-family: 'Medium LL Web Regular';
  src: url("https://fonts.intercomcdn.com/ll-medium/MediumLLWeb-Regular.woff") format("woff"), url("https://fonts.intercomcdn.com/ll-medium/MediumLLWeb-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: 'Medium LL Web Bold';
  src: url("https://fonts.intercomcdn.com/ll-medium/MediumLLWeb-Bold.woff") format("woff"), url("https://fonts.intercomcdn.com/ll-medium/MediumLLWeb-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: block; }
@font-face {
  font-family: 'Aeonik';
  src: url("https://fonts.intercomcdn.com/aeonik-fono/aeonik-fono-regular.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: block; }
.btn {
  --radius-button: 0.375rem;
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  display: inline-block;
  position: relative; }
  .btn--secondary, .btn--primary__foreground {
    position: relative;
    display: inline-flex;
    z-index: 1;
    border: 2px solid transparent;
    border-radius: var(--radius-button);
    -webkit-font-smoothing: antialiased;
    font-family: "Medium LL Web Bold", sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 0.75;
    letter-spacing: -0.025em;
    text-align: center;
    justify-content: center;
    text-wrap: nowrap;
    transition: transform 0.33s var(--ease-out-expo);
    padding: 0.875rem 1.5rem; }
    @media (min-width: 1024px) {
      .btn--secondary, .btn--primary__foreground {
        padding: 0.625rem 1rem; } }
  .btn--primary__foreground {
    background: #17100E;
    color: #fff;
    display: block; }
  .btn--with-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5rem 1.5rem; }
    @media (min-width: 1024px) {
      .btn--with-icon {
        padding: 0.375rem 1rem; } }
    .btn--with-icon svg {
      width: 1.25rem;
      height: 1.25rem; }
  .btn:hover {
    text-decoration: none; }
  .btn:focus-visible {
    outline: 2px solid #334BFA;
    outline-offset: 2px;
    border-radius: var(--radius-button); }
  .btn:disabled {
    opacity: 0.5;
    cursor: not-allowed; }
  .btn--primary__background_wrapper {
    position: absolute;
    inset: 0;
    display: block;
    overflow: hidden;
    border-radius: var(--radius-button); }
  @media (min-width: 1024px) {
    .btn--primary__background {
      position: absolute;
      inset: 0;
      width: 100%;
      z-index: 0;
      background: linear-gradient(114deg, #fe318d 5%, #ff3973 18%, #ef7976 31%, #fd9454 47%, #d5877e 67%, #9bd91a 83%, #09f200 100%, #3ed20d 100%);
      filter: contrast(135%);
      transform-origin: center center;
      animation: buttonBackdropAnimation 5s linear infinite; } }
  @media (min-width: 1024px) and (prefers-reduced-motion) {
    .btn--primary__background {
      animation: none; } }

  @media (min-width: 1024px) {
    .btn--primary:not(:disabled):hover, .btn--primary:focus-visible {
      outline: none; }
      .btn--primary:not(:disabled):hover .btn--primary__foreground, .btn--primary:focus-visible .btn--primary__foreground {
        transform: translateX(4px) translateY(-4px); }
    .btn--primary:active {
      transition: transform 0s; }
      .btn--primary:active .btn--primary__foreground {
        transform: translateX(1px) translateY(-1px); } }
  .btn--secondary {
    transition: background-color var(--ease-out-expo) 0.33s, color var(--ease-out-expo) 0.33s;
    color: #17100E;
    border: 2px solid #17100E; }
    @media (min-width: 1024px) {
      .btn--secondary:hover {
        background: #17100E;
        color: #fff; } }

@keyframes buttonBackdropAnimation {
  0% {
    transform: scale(1); }
  50% {
    transform: scaleX(2); }
  100% {
    transform: scale(1); } }
body {
  background-color: #ffffff;
  color: #000000; }

.google-tag-manager__iframe {
  display: none; }

.signup__teams__error-banner {
  color: #c63337;
  background-color: rgba(198, 51, 55, 0.15);
  border-radius: 6px;
  font-family: "TT Norms Pro", "Graphik", "Helvetica", "Arial", sans-serif;
  padding: 13px 15px;
  width: 100%;
  text-align: center;
  display: none; }

.multi__signup__teams__form__placeholder {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.01em;
  color: #737376; }

.multi__signup__teams__form__placeholder.smaller__text {
  font-size: 15px; }

.multi__signup__teams__form__placeholder.o__error {
  color: #fd3a57; }

.multi__signup__teams__form__placeholder__rebrand {
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
  letter-spacing: 0.01em;
  text-align: left; }

.multi__signup__teams__form__placeholder__rebrand.smaller__text {
  font-size: 15px; }

.multi__signup__teams__form__placeholder__rebrand.o__error {
  color: #B41D34; }

.multi__signup__teams__password__icon {
  position: absolute;
  top: 30%;
  display: block;
  right: 24px;
  height: 24px;
  width: 24px; }

.multi__signup__teams__password__icon.hidden {
  background-image: url(https://static.intercomassets.com/assets/signup/hidden-d724559219ec11c9c73c9ccd6ea6d027cb55872ee8d52bcdc17de2a63801bcff.svg);
  background-repeat: no-repeat; }

.multi__signup__teams__password__icon.visible {
  background-image: url(https://static.intercomassets.com/assets/signup/visible-929bc22bf097cda954020268088934f73d9330ba6317a72cf1de9a1a2ed9a1ac.svg);
  background-repeat: no-repeat; }

.multi__signup__work__email-divider {
  font-size: 20px;
  font-style: normal;
  text-align: center;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.1px;
  color: #667080; }

.multi__signup__work__email-divider::before, .multi__signup__work__email-divider::after {
  content: "";
  display: inline-block;
  width: 43%;
  margin: 0 .5em 0 -55%;
  vertical-align: middle;
  border-bottom: 2px solid;
  color: #667080; }

.multi__signup__work__email-divider::after {
  margin: 0 -55% 0 .5em; }

.multi__signup__work__email-divider__rebrand {
  font-family: "Medium LL Web Regular", sans-serif;
  letter-spacing: -0.5px;
  margin-bottom: 12px;
  color: #17100E;
  opacity: 50%;
  font-weight: 700;
  line-height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px 0 !important; }
  .multi__signup__work__email-divider__rebrand span {
    padding: 0 16px; }
  .multi__signup__work__email-divider__rebrand::before, .multi__signup__work__email-divider__rebrand::after {
    content: "";
    flex: 1;
    background: #000000;
    height: 1px; }

.multi__signup__work__email__button {
  width: 100%;
  min-width: 313px;
  height: 47px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 10px;
  border: 1.5px solid #0057FF;
  background: #FFF;
  text-decoration: none;
  cursor: pointer; }
  .multi__signup__work__email__button img {
    width: 20px;
    height: 20px; }

.multi__signup__work__email__button__rebrand {
  width: 100%;
  min-width: 313px;
  height: 47px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  border-radius: 8px;
  background: #E8E8E8;
  text-decoration: none;
  cursor: pointer; }
  .multi__signup__work__email__button__rebrand img {
    width: 20px;
    height: 20px; }
  .multi__signup__work__email__button__rebrand:hover, .multi__signup__work__email__button__rebrand:disabled {
    border: 2px solid #0000004D; }
  .multi__signup__work__email__button__rebrand:active {
    border: 2px solid #0000004D; }
  .multi__signup__work__email__button__rebrand:focus-visible {
    box-shadow: 0.001px 0.001px 0px 2px #334BFA; }

.multi__signup__work__email__button__text {
  color: #0057FF;
  font-family: TT Norms Pro;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  /* 30px */
  letter-spacing: 0.1px;
  margin: auto; }
  .multi__signup__work__email__button__text span {
    text-decoration: none; }

.multi__signup__work__email__button__text__rebrand {
  font-family: "Medium LL Web Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #222222;
  line-height: 20px;
  text-align: left;
  margin: auto; }
  .multi__signup__work__email__button__text__rebrand span {
    text-decoration: none; }

.multi__signup__work__email__tooltip {
  display: none;
  border-radius: 7px;
  background: #222222;
  color: #fff;
  text-align: center;
  margin-top: -28px;
  padding: 8px; }

.multi__signup__work__email__tooltip.with__fin {
  background: #0057FF; }

.multi__signup__work__email__tooltip::before {
  content: "";
  border-width: 6px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  display: block;
  bottom: -12px;
  margin-left: 12px; }

.multi__signup__work__email__tooltip.with__fin::before {
  border-color: #0057FF transparent transparent transparent; }

.multi__signup__work__email__tooltip__content__icon {
  width: 16px;
  fill: #fff; }

.multi__signup__work__email__tooltip__content__text {
  font-size: 16px;
  font-style: normal;
  line-height: 120%;
  letter-spacing: 0.16px;
  margin-left: 8px;
  text-align: left; }

.multi__signup__work__email__tooltip__content__text__rebrand {
  font-family: "Medium LL Web Regular", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 19.2px;
  letter-spacing: 0.01em;
  text-align: left;
  margin-left: 8px; }

.leadr-signup {
  --container-width: 393px;
  --container-padding: 0.75rem;
  -webkit-font-smoothing: antialiased;
  font-family: "Medium LL Web Regular", sans-serif; }
  @media (min-width: 1024px) {
    .leadr-signup {
      --container-padding: 2rem; } }

/* Page Header
----------------------------------------------- */
.leadr-signup__header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  padding: 0; }
  .leadr-signup__header .leadr-signup__header__buttons {
    padding: 0.75rem; }
    @media (min-width: 1024px) {
      .leadr-signup__header .leadr-signup__header__buttons {
        padding: 1rem; } }
  .leadr-signup__header__signin-btn {
    padding: 0.75rem 0.75rem; }
    @media (min-width: 1024px) {
      .leadr-signup__header__signin-btn {
        padding: 0.625rem 1rem; } }
  @media (max-width: 1023px) {
    .leadr-signup__header__logo__icon {
      padding: 0.25rem;
      border: 1px solid rgba(23, 16, 14, 0.2);
      border-radius: 0.5rem; } }
  .leadr-signup__header__logo__icon svg {
    width: 32px;
    height: 32px; }
    @media (min-width: 1024px) {
      .leadr-signup__header__logo__icon svg {
        width: 36px;
        height: 36px; } }
  .leadr-signup__header__logo__icon svg.o__fin-logo {
    width: 64px;
    height: 26px; }
  .leadr-signup__header__logo__text {
    display: none;
    margin-left: 5px; }
    @media (min-width: 1024px) {
      .leadr-signup__header__logo__text {
        display: block; } }
  .leadr-signup__header__logo__text svg {
    width: 120px;
    height: 24px; }

/* Page Container
----------------------------------------------- */
.leadr-signup__step-container {
  padding: 0 var(--container-padding);
  width: 100%;
  max-width: calc(var(--container-width) + (var(--container-padding) * 2));
  margin: 0 auto;
  height: 100vh;
  position: relative;
  display: grid;
  grid-template-rows: 20vh 1fr 20vh; }
  .leadr-signup__step-container.o__wider {
    --container-width: 640px; }

.leadr-signup__form {
  grid-row: 2; }

/* Above Button Content Section
----------------------------------------------- */
.leadr-signup__above-button {
  min-height: 265px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end; }

.leadr-signup__h1 {
  font-family: "Medium LL Web Bold", sans-serif;
  font-size: 2rem;
  line-height: 2rem;
  margin-bottom: 2rem;
  letter-spacing: -1.6px;
  color: #17100E;
  text-align: center;
  display: block; }
  .leadr-signup__h1.o__primary {
    font-weight: 600;
    line-height: 2.2rem;
    letter-spacing: -1.6px;
    margin-bottom: 0; }

.leadr-signup__subtitle {
  color: rgba(23, 16, 14, 0.8);
  text-align: center;
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0px; }
  .leadr-signup__subtitle.o__small-font {
    font-variant-numeric: lining-nums proportional-nums;
    font-size: 16px;
    line-height: 120%;
    /* 19.2px */
    letter-spacing: -0.8px; }

.leadr-signup__h3 {
  font-family: "Ivory LL Web Light", serif;
  font-size: 2.5rem;
  letter-spacing: -2px;
  font-weight: 300;
  color: #17100E;
  line-height: 2.5rem;
  margin-bottom: 2.25rem;
  text-wrap: balance; }
  .leadr-signup__h3.o__new {
    font-family: "Medium LL Web Bold", sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.2rem;
    letter-spacing: -1px;
    margin-bottom: 0.5rem; }

.leadr-signup__text {
  color: rgba(23, 16, 14, 0.8);
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 135%;
  letter-spacing: -0.9px;
  text-align: center; }
  .leadr-signup__text.o__small {
    font-size: 1rem; }
  .leadr-signup__text.o__left {
    text-align: left; }
  .leadr-signup__text.o__mb-2 {
    margin-bottom: 0.5rem; }

.leadr-signup__trial-link svg {
  display: inline-block;
  margin-left: 0.25rem; }

.leadr-signup__product-preview {
  overflow: hidden; }
  .leadr-signup__product-preview.o__left-rounded-corners {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px; }
  .leadr-signup__product-preview .leadr-signup__product-image {
    width: 100%;
    height: 100%;
    object-fit: cover; }

.leadr-signup__form-field {
  position: relative; }
  .leadr-signup__form-field__label {
    font-family: "Medium LL Web Bold", sans-serif;
    font-size: 1rem;
    line-height: 100%;
    letter-spacing: -0.16px; }
  .leadr-signup__form-field__input {
    border: none;
    border-bottom: 1px solid #17100E;
    display: block;
    width: 100%;
    font-size: 1rem;
    line-height: 135%;
    padding: 0.625rem 0 1rem;
    color: #17100E;
    box-shadow: none; }
    .leadr-signup__form-field__input:focus, .leadr-signup__form-field__input:active {
      outline: none;
      border-color: #17100E;
      color: #17100E;
      box-shadow: none; }
    .leadr-signup__form-field__input.hidden {
      display: none; }
    .leadr-signup__form-field__input.o__other-platform-input {
      margin-top: 24px;
      font-size: 1rem;
      display: none; }
      .leadr-signup__form-field__input.o__other-platform-input.visible {
        display: block; }
    @media (min-width: 1024px) {
      .leadr-signup__form-field__input {
        font-size: 1.125rem;
        padding: 0.5rem 0 0.75rem; } }
  .leadr-signup__form-field__input:placeholder-shown:not(:focus):not(:active) {
    border-color: rgba(23, 16, 14, 0.4);
    color: rgba(23, 16, 14, 0.6); }
    .leadr-signup__form-field__input:placeholder-shown:not(:focus):not(:active).o__error {
      border-color: #B41D34; }
  .leadr-signup__form-field__label.o__error {
    color: #B41D34; }
  .leadr-signup__form-field__input.o__error {
    border-color: #B41D34; }
  .leadr-signup__form-field__validation-msg {
    visibility: hidden;
    line-height: 125%;
    font-size: 1rem;
    padding: 0.25rem 0;
    min-height: 2rem; }
  .leadr-signup__form-field__validation-msg.o__error {
    color: #B41D34;
    visibility: visible; }
  .leadr-signup__form-field__password-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    right: 0;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    cursor: pointer;
    filter: brightness(0); }

.leadr-signup__benefits {
  color: rgba(23, 16, 14, 0.8);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: -0.8px; }

.leadr-signup__checkbox-group {
  margin-top: 24px;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  vertical-align: top;
  line-height: 120%;
  /* 19.2px */ }

.leadr-signup__checkbox-group__input {
  width: 14px;
  height: 14px;
  margin: 0px 0px 0px 2px;
  flex-shrink: 0;
  border-radius: 2px;
  border: 1px solid var(--Primary-Gray, #757575);
  background: var(--Primary-White, #fff); }
  .leadr-signup__checkbox-group__input:checked {
    background-color: #17100E !important; }
  .leadr-signup__checkbox-group__input:focus {
    --tw-ring-shadow: none !important; }

.leadr-signup__checkbox-group__label {
  color: rgba(23, 16, 14, 0.8);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: -0.8px; }

.leadr-signup__radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 1.25rem;
  text-align: center; }
  .leadr-signup__radio-group--left {
    text-align: left; }
  .leadr-signup__radio-group--two-col {
    flex-direction: row;
    flex-wrap: wrap; }
  .leadr-signup__radio-group--two-col label {
    width: calc(50% - 0.25rem); }
  .leadr-signup__radio-group input {
    position: absolute;
    opacity: 0;
    pointer-events: none; }
  .leadr-signup__radio-group label {
    padding: 1rem;
    border-radius: 0.375rem;
    border: 1px solid rgba(23, 16, 14, 0.2);
    color: rgba(23, 16, 14, 0.6);
    line-height: 125%;
    cursor: pointer;
    transition: 0.2s; }
    .leadr-signup__radio-group label:hover {
      background-color: #F4F3EC;
      color: #17100E; }
  .leadr-signup__radio-group label b {
    display: block;
    font-family: "Medium LL Web Bold", sans-serif; }
  .leadr-signup__radio-group input:checked + label {
    background-color: #F4F3EC;
    border-color: #17100E;
    color: #17100E; }
  .leadr-signup__radio-group input:focus-visible + label {
    outline-offset: 2px;
    outline: 2px solid #334BFA; }

.create_account_btn__loading:not(.hidden) {
  display: flex;
  justify-content: center;
  align-items: center; }

[data-request-trial-btn-text].hidden,
[data-request-trial-btn-submitting-text].hidden {
  display: none; }

.leadr-signup__radio-group__show-radio {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 32px;
  text-align: left;
  cursor: pointer; }
  .leadr-signup__radio-group__show-radio--two-col {
    flex-direction: row;
    flex-wrap: wrap; }
  .leadr-signup__radio-group__show-radio--two-col .leadr-signup__radio-group__wrapper {
    width: calc(50% - 0.25rem);
    height: 52px; }

.leadr-signup__radio-group__wrapper {
  display: flex;
  padding: 16px;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Border-emphasis, #c2c4bb);
  transition: 0.2s;
  cursor: pointer; }
  .leadr-signup__radio-group__wrapper:hover {
    background-color: #F4F3EC; }
  .leadr-signup__radio-group__wrapper input[type="radio"] {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    cursor: pointer;
    stroke-width: 1px;
    stroke: var(--Neutral-Border-emphasis, #c2c4bb) !important;
    color: transparent !important; }
    .leadr-signup__radio-group__wrapper input[type="radio"]:checked, .leadr-signup__radio-group__wrapper input[type="radio"]:checked:focus, .leadr-signup__radio-group__wrapper input[type="radio"]:active, .leadr-signup__radio-group__wrapper input[type="radio"]:focus {
      border: 1px solid #17100E;
      --tw-ring-color: $color-black !important;
      --tw-ring-offset-width: 0px !important;
      --tw-ring-shadow: none !important;
      background-color: transparent;
      background-image: none;
      position: relative; }
      .leadr-signup__radio-group__wrapper input[type="radio"]:checked::after, .leadr-signup__radio-group__wrapper input[type="radio"]:checked:focus::after, .leadr-signup__radio-group__wrapper input[type="radio"]:active::after, .leadr-signup__radio-group__wrapper input[type="radio"]:focus::after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #17100E;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  .leadr-signup__radio-group__wrapper .leadr-signup__radio-group__wrapper__text {
    cursor: pointer;
    font-family: "Medium LL Web Regular", sans-serif;
    font-size: 14px;
    line-height: 125%;
    color: #17100E;
    letter-spacing: -0.7px;
    align-self: stretch;
    flex-basis: 100%;
    margin-left: 2px; }
    .leadr-signup__radio-group__wrapper .leadr-signup__radio-group__wrapper__text b {
      display: block;
      font-size: 16px;
      letter-spacing: -0.5px;
      line-height: 120%;
      font-weight: 800;
      font-variant-numeric: lining-nums proportional-nums;
      margin-bottom: 4px; }
    .leadr-signup__radio-group__wrapper .leadr-signup__radio-group__wrapper__text b.o__waitlist-platform-name {
      font-weight: 600;
      margin-bottom: 0; }
    .leadr-signup__radio-group__wrapper .leadr-signup__radio-group__wrapper__text hr {
      width: 100%;
      height: 1px;
      border: none;
      margin: 0;
      opacity: 0;
      transition: opacity 0.2s ease-in-out;
      background-image: repeating-linear-gradient(90deg, rgba(23, 16, 14, 0.2), rgba(23, 16, 14, 0.2) 2px, transparent 2px, transparent 4px, rgba(23, 16, 14, 0.2) 4px);
      background-size: 100% 1px;
      background-position: top left;
      background-repeat: repeat-x; }
    .leadr-signup__radio-group__wrapper .leadr-signup__radio-group__wrapper__text ul {
      opacity: 0;
      height: 0;
      overflow: hidden;
      transition: all 0.2s ease-in-out;
      gap: 8px;
      display: grid; }
    .leadr-signup__radio-group__wrapper .leadr-signup__radio-group__wrapper__text li {
      overflow: hidden;
      transition: all 0.2s ease-in-out; }
  .leadr-signup__radio-group__wrapper:has(input[type="radio"]:checked) {
    background-color: #F4F3EC;
    border-color: #17100E; }
    .leadr-signup__radio-group__wrapper:has(input[type="radio"]:checked) .leadr-signup__radio-group__wrapper__text hr {
      opacity: 1;
      margin: 16px 0; }
    .leadr-signup__radio-group__wrapper:has(input[type="radio"]:checked) .leadr-signup__radio-group__wrapper__text ul {
      opacity: 1;
      height: auto; }

/* Progress Bar
----------------------------------------------- */
.leadr-signup__progress-bar {
  width: 100%;
  background-color: rgba(23, 16, 14, 0.4);
  height: 2px;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  position: relative;
  --progress-steps-previous: calc(var(--progress-steps-current) - 1);
  height: 1px;
  background-color: transparent;
  margin-top: 0;
  margin-bottom: 0; }
  .leadr-signup__progress-bar__active {
    background-color: #17100E;
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 1;
    animation: progress 0.5s ease-out forwards; }

@keyframes progress {
  from {
    width: calc( (var(--progress-steps-previous) / var(--progress-steps-total)) * 100% ); }
  to {
    width: calc( (var(--progress-steps-current) / var(--progress-steps-total)) * 100% ); } }
.leadr-signup__image-container {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-bottom: 32px; }

/* Or Divider
----------------------------------------------- */
.leadr-signup__divider {
  font-family: "Medium LL Web Regular", sans-serif;
  letter-spacing: -0.5px;
  color: rgba(23, 16, 14, 0.6);
  opacity: 50%;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
  font-weight: 400; }
  .leadr-signup__divider span {
    padding: 0 1rem; }
  .leadr-signup__divider::before, .leadr-signup__divider::after {
    content: "";
    flex: 1;
    background: #000000;
    opacity: 100%;
    height: 1px; }

/* Tooltip
----------------------------------------------- */
.leadr-signup__work-email-tooltip {
  display: none;
  border-radius: 0.375rem;
  background: #17100E;
  color: #fff;
  text-align: center;
  padding: 8px;
  bottom: 100%;
  left: 0;
  margin-bottom: -20px; }

.leadr-signup__work-email-tooltip::before {
  content: "";
  border-width: 6px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  position: absolute;
  display: block;
  bottom: -12px;
  margin-left: 12px; }

.leadr-signup__work-email-tooltip__text {
  font-family: "Medium LL Web Regular", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 19.2px;
  letter-spacing: 0.01em;
  text-align: left; }

/* Marketing Opt In
----------------------------------------------- */
.leadr-signup__marketing-opt-in {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.5rem; }
  @media (min-width: 1024px) {
    .leadr-signup__marketing-opt-in {
      gap: 0.75rem; } }
  .leadr-signup__marketing-opt-in label {
    line-height: 125%;
    margin-top: -3px;
    cursor: pointer;
    font-size: 0.95rem; }
    @media (min-width: 1024px) {
      .leadr-signup__marketing-opt-in label {
        font-size: 1rem; } }
  .leadr-signup__marketing-opt-in input {
    width: 1rem;
    height: 1rem; }
  .leadr-signup__marketing-opt-in input:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none; }

/* Terms of Servide
----------------------------------------------- */
.leadr-signup__terms-of-service {
  margin-top: 2.5rem;
  padding-bottom: 1.5rem;
  font-size: 0.875rem;
  line-height: 125%;
  color: rgba(23, 16, 14, 0.6);
  grid-row: 3; }
  @media (min-width: 1024px) {
    .leadr-signup__terms-of-service {
      font-size: 1rem;
      margin-top: auto; } }
  .leadr-signup__terms-of-service a {
    color: #17100E;
    text-decoration: underline; }

/* Referral Code Content
----------------------------------------------- */
.leadr-signup__referral_content {
  display: flex;
  align-items: center;
  background-color: #f7f7f7;
  border-radius: 15px; }
  .leadr-signup__referral_content span {
    padding-left: 0.5rem; }
    .leadr-signup__referral_content span img {
      height: 64px; }
  .leadr-signup__referral_content p {
    padding: 0.5rem 1em;
    font-size: 14px; }

.leadr-signup__google-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  justify-content: center;
  margin: 32px auto; }
  .leadr-signup__google-success svg {
    width: 100px;
    height: 100px; }
    .leadr-signup__google-success svg path {
      fill: #00a300; }

/* Verify Screen
----------------------------------------------- */
.leadr-signup__verify {
  grid-row: 2; }
  .leadr-signup__verify__heading {
    font-size: 2.5rem;
    font-family: "Ivory LL Web Light", serif;
    line-height: 100%;
    letter-spacing: -0.125rem;
    margin-bottom: 1rem; }
    .leadr-signup__verify__heading:last-child {
      margin-bottom: 0; }
    @media (min-width: 1024px) {
      .leadr-signup__verify__heading {
        margin-bottom: 1.5rem; } }
  .leadr-signup__verify__email-text {
    font-size: 1rem;
    line-height: 135%;
    color: rgba(23, 16, 14, 0.6); }
    @media (min-width: 1024px) {
      .leadr-signup__verify__email-text {
        font-size: 1.125rem; } }
    .leadr-signup__verify__email-text b {
      font-family: "Medium LL Web Bold", sans-serif;
      line-height: 100%;
      display: block;
      color: #17100E;
      margin-top: 0.25rem; }
    .leadr-signup__verify__email-text a {
      color: #17100E;
      text-decoration: underline; }
  .leadr-signup__verify__btns {
    margin-bottom: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%; }
    @media (min-width: 1024px) {
      .leadr-signup__verify__btns {
        gap: 0.75rem; } }
  .leadr-signup__verify__btns .btn {
    width: calc(50% - 0.5rem); }
    @media (min-width: 1024px) {
      .leadr-signup__verify__btns .btn {
        width: calc(50% - 0.75rem); } }

/* Form Footer
----------------------------------------------- */
.leadr-signup__form-footer {
  margin-top: 24px;
  color: rgba(23, 16, 14, 0.8);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 19.2px */
  letter-spacing: -0.8px; }
  .leadr-signup__form-footer a {
    color: #17100E;
    font-variant-numeric: lining-nums proportional-nums;
    font-family: "Medium LL Web Regular", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: -0.8px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font; }

.signup_sfo {
  --container-width: 420px;
  --container-padding: 0.75rem;
  -webkit-font-smoothing: antialiased;
  font-family: "Medium LL Web Regular", sans-serif; }
  @media (min-width: 1024px) {
    .signup_sfo {
      --container-padding: 1rem; } }
  .signup_sfo .leadr__container,
  .signup_sfo .leadr-signup__main {
    height: 100%; }

/* Step
----------------------------------------------- */
.signup_sfo__step-title {
  font-family: "Ivory LL Web Light", serif;
  font-size: 2rem;
  line-height: 2.5rem;
  margin-bottom: 2rem;
  letter-spacing: -1.5px;
  color: #17100E;
  text-align: center;
  display: block; }
  .signup_sfo__step-title.with-subtitle {
    margin-bottom: 1rem; }
  .signup_sfo__step-title.text-left {
    text-align: left; }
  .signup_sfo__step-title.no-margin-bottom {
    margin-bottom: 0; }

.signup_sfo__step-subtitle {
  color: #313130;
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 2.5rem; }
  .signup_sfo__step-subtitle p {
    text-align: center; }
  .signup_sfo__step-subtitle.text-left p {
    text-align: left; }
  .signup_sfo__step-subtitle.text-small {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px; }
  .signup_sfo__step-subtitle.no-margin-bottom {
    margin-bottom: 0; }

.signup_sfo__secondary-title {
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.5px; }

/* Divider
----------------------------------------------- */
.signup_sfo__divider {
  font-family: "Medium LL Web Regular", sans-serif;
  letter-spacing: -0.5px;
  color: #626260;
  opacity: 50%;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem 0;
  font-weight: 400; }
  .signup_sfo__divider span {
    padding: 0 1rem; }
  .signup_sfo__divider::before, .signup_sfo__divider::after {
    content: "";
    flex: 1;
    background: #DDDDD8;
    opacity: 100%;
    height: 1px; }

/* Marketing Opt In
----------------------------------------------- */
.signup_sfo__marketing-opt-in {
  color: #313130;
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.5px;
  display: inline-flex;
  gap: 0.5rem; }
  .signup_sfo__marketing-opt-in label {
    line-height: 125%;
    margin-top: -3px;
    cursor: pointer;
    font-size: 14px; }
  .signup_sfo__marketing-opt-in input {
    width: 12px;
    height: 12px;
    border-width: 1px;
    border-color: rgba(23, 16, 14, 0.6);
    border-radius: 2px; }
  .signup_sfo__marketing-opt-in input:focus:not(:focus-visible) {
    outline: none;
    box-shadow: none; }

/* Terms of Service
----------------------------------------------- */
.signup_sfo__terms-of-service {
  margin-top: 2.5rem;
  padding-bottom: 1.5rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-size: 14px;
  line-height: 125%;
  color: #626260;
  grid-row: 3; }
  @media (min-width: 1024px) {
    .signup_sfo__terms-of-service {
      margin-top: auto; } }
  .signup_sfo__terms-of-service a {
    color: #17100E;
    text-decoration: underline; }

.signup_sfo__form-field {
  position: relative; }
  .signup_sfo__form-field__label {
    font-family: "Aeonik", "ui-monospace", "monospace";
    font-size: 11px;
    font-weight: 300;
    line-height: 14px;
    text-transform: uppercase;
    letter-spacing: 1.5px; }
  .signup_sfo__form-field__input {
    display: block;
    border: 1px solid var(--Border-Neutral, #7B7B78);
    border-radius: 4px;
    width: 100%;
    font-size: 18px;
    padding: 16px;
    color: #626260;
    background-color: #F4F3EC;
    font-family: "Medium LL Web Regular", sans-serif;
    letter-spacing: 0;
    font-weight: 400;
    line-height: 24px;
    box-shadow: none;
    font-style: normal; }
    .signup_sfo__form-field__input:focus, .signup_sfo__form-field__input:active {
      outline: none;
      border-color: #17100E;
      color: #17100E;
      box-shadow: none; }
    .signup_sfo__form-field__input.hidden {
      display: none; }
    .signup_sfo__form-field__input.o__other-platform-input {
      margin-top: 24px;
      font-size: 1rem;
      display: none; }
      .signup_sfo__form-field__input.o__other-platform-input.visible {
        display: block; }
  .signup_sfo__form-field__input:placeholder-shown:not(:focus):not(:active) {
    border-color: rgba(23, 16, 14, 0.4);
    color: rgba(23, 16, 14, 0.6); }
    .signup_sfo__form-field__input:placeholder-shown:not(:focus):not(:active).o__error {
      border-color: #B41D34; }
  .signup_sfo__form-field__label.o__error {
    color: #B41D34; }
  .signup_sfo__form-field__input.o__error {
    border-color: #B41D34; }
  .signup_sfo__form-field__validation-msg {
    visibility: hidden;
    line-height: 125%;
    font-size: 1rem;
    min-height: 2rem;
    padding: 0.25rem 0; }
  .signup_sfo__form-field__validation-msg.o__error {
    color: #B41D34;
    visibility: visible; }
  .signup_sfo__form-field__password-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    right: 16px;
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    cursor: pointer;
    filter: brightness(0); }

.signup_sfo__radio-group,
.signup_sfo__radio-group__show-radio {
  display: flex;
  flex-direction: column;
  gap: .5rem;
  margin-top: 2rem;
  text-align: left;
  cursor: pointer; }
  .signup_sfo__radio-group.no-top-margin,
  .signup_sfo__radio-group__show-radio.no-top-margin {
    margin-top: 0; }
  .signup_sfo__radio-group.two-col,
  .signup_sfo__radio-group__show-radio.two-col {
    flex-direction: row;
    flex-wrap: wrap; }
  .signup_sfo__radio-group.two-col .signup_sfo__radio-group__wrapper,
  .signup_sfo__radio-group__show-radio.two-col .signup_sfo__radio-group__wrapper {
    width: calc(50% - 0.25rem);
    height: 60px; }
  @media (max-width: 768px) {
    .signup_sfo__radio-group.two-col .signup_sfo__radio-group__wrapper,
    .signup_sfo__radio-group__show-radio.two-col .signup_sfo__radio-group__wrapper {
      height: 52px; } }

.signup_sfo__radio-group__wrapper {
  display: flex;
  padding: 16px;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--Neutral-Border-emphasis, #c2c4bb);
  transition: 0.2s;
  cursor: pointer; }
  .signup_sfo__radio-group__wrapper.centered {
    align-items: center;
    align-self: center; }
  .signup_sfo__radio-group__wrapper:hover {
    background-color: #F4F3EC; }
  .signup_sfo__radio-group__wrapper input[type="radio"] {
    margin-top: 2px;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    cursor: pointer;
    stroke-width: 1px;
    stroke: var(--Neutral-Border-emphasis, #c2c4bb) !important;
    color: transparent !important; }
    .signup_sfo__radio-group__wrapper input[type="radio"]:checked, .signup_sfo__radio-group__wrapper input[type="radio"]:checked:focus, .signup_sfo__radio-group__wrapper input[type="radio"]:active, .signup_sfo__radio-group__wrapper input[type="radio"]:focus {
      border: 1px solid #17100E;
      --tw-ring-color: $color-black !important;
      --tw-ring-offset-width: 0px !important;
      --tw-ring-shadow: none !important;
      background-color: transparent;
      background-image: none;
      position: relative; }
      .signup_sfo__radio-group__wrapper input[type="radio"]:checked::after, .signup_sfo__radio-group__wrapper input[type="radio"]:checked:focus::after, .signup_sfo__radio-group__wrapper input[type="radio"]:active::after, .signup_sfo__radio-group__wrapper input[type="radio"]:focus::after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #17100E;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
  .signup_sfo__radio-group__wrapper--label {
    display: inline-flex;
    align-items: center;
    gap: 16px; }
    .signup_sfo__radio-group__wrapper--label .text {
      cursor: pointer;
      font-family: "Medium LL Web Regular", sans-serif;
      font-size: 14px;
      line-height: 125%;
      color: #17100E;
      letter-spacing: -0.7px;
      align-self: stretch;
      flex-basis: 100%;
      margin-left: 2px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
      .signup_sfo__radio-group__wrapper--label .text b {
        display: block;
        font-size: 16px;
        letter-spacing: -0.5px;
        line-height: 120%;
        font-weight: 800;
        font-variant-numeric: lining-nums proportional-nums;
        margin-bottom: 4px; }
      .signup_sfo__radio-group__wrapper--label .text b.radio-button-label,
      .signup_sfo__radio-group__wrapper--label .text b.o__waitlist-platform-name {
        font-weight: 600;
        margin-bottom: 0; }
      .signup_sfo__radio-group__wrapper--label .text hr {
        width: 100%;
        height: 1px;
        border: none;
        margin: 0;
        opacity: 0;
        transition: opacity 0.2s ease-in-out;
        background-image: repeating-linear-gradient(90deg, rgba(23, 16, 14, 0.2), rgba(23, 16, 14, 0.2) 2px, transparent 2px, transparent 4px, rgba(23, 16, 14, 0.2) 4px);
        background-size: 100% 1px;
        background-position: top left;
        background-repeat: repeat-x; }
      .signup_sfo__radio-group__wrapper--label .text ul {
        opacity: 0;
        height: 0;
        overflow: hidden;
        transition: all 0.2s ease-in-out;
        gap: 8px;
        display: grid; }
      .signup_sfo__radio-group__wrapper--label .text li {
        overflow: hidden;
        transition: all 0.2s ease-in-out; }
    .signup_sfo__radio-group__wrapper--label .text.centered {
      align-self: center; }
    .signup_sfo__radio-group__wrapper--label .icon {
      display: block; }
  @media (max-width: 768px) {
    .signup_sfo__radio-group__wrapper--label .icon {
      display: none;
      width: 0;
      height: 0; } }
  .signup_sfo__radio-group__wrapper:has(input[type="radio"]:checked) {
    background-color: #F4F3EC;
    border-color: #17100E; }
    .signup_sfo__radio-group__wrapper:has(input[type="radio"]:checked) .leadr-signup__radio-group__wrapper__text hr {
      opacity: 1;
      margin: 16px 0; }
    .signup_sfo__radio-group__wrapper:has(input[type="radio"]:checked) .leadr-signup__radio-group__wrapper__text ul {
      opacity: 1;
      height: auto; }

.signup_sfo__product-preview {
  overflow: hidden; }
  .signup_sfo__product-preview.o__left-rounded-corners {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px; }
  .signup_sfo__product-preview .product-image,
  .signup_sfo__product-preview .signup_sfo__product-image {
    width: 100%;
    height: 180px;
    object-fit: cover; }

/* Request Fin */
.signup_sfo__request-fin-for-logos {
  width: 36px;
  height: 36px; }

/* Page Container
----------------------------------------------- */
.signup_sfo__step-container {
  padding: 0 var(--container-padding);
  width: 100%;
  max-width: calc(var(--container-width) + (var(--container-padding) * 2));
  margin: 0 auto;
  height: 100vh;
  position: relative;
  display: grid;
  grid-template-rows: 20vh 1fr 20vh; }
  .signup_sfo__step-container.o__wider {
    --container-width: 516px; }
  .signup_sfo__step-container.content-height {
    height: max-content; }

.signup_sfo__confirmation-step-redirect-container {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: 4px;
  border: 1px solid #DDDDD8;
  margin-bottom: 1.5rem;
  text-align: center;
  align-items: center; }
  .signup_sfo__confirmation-step-redirect-container .title {
    font-family: "Ivory LL Web Light", serif;
    font-size: 1.5rem;
    line-height: 2.5rem;
    letter-spacing: -1.5px; }
  .signup_sfo__confirmation-step-redirect-container .subtitle {
    font-family: "Medium LL Web Regular", sans-serif;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.5px;
    color: #313130; }

.signup_sfo__deflection-step-product-image {
  width: 420px;
  min-width: 420px;
  height: 420px;
  object-fit: cover; }

.signup_sfo__deflection-step-container {
  width: 420px;
  min-width: 420px; }

/* Verify Screen
----------------------------------------------- */
.signup-sfo__verify {
  grid-row: 2; }
  .signup-sfo__verify__heading {
    font-size: 2.25rem;
    font-family: "Ivory LL Web Light", serif;
    line-height: 2.5rem;
    letter-spacing: -1.5px;
    margin-bottom: 1rem;
    color: #17100E; }
    .signup-sfo__verify__heading:last-child {
      margin-bottom: 0; }
    @media (min-width: 1024px) {
      .signup-sfo__verify__heading {
        margin-bottom: 1.5rem; } }
  .signup-sfo__verify__email-text {
    font-size: 1.125rem;
    line-height: 24px;
    letter-spacing: 0;
    color: #17100E; }
    .signup-sfo__verify__email-text b {
      font-family: "Medium LL Web Bold", sans-serif;
      line-height: 100%;
      color: #17100E;
      margin-top: 0.25rem; }
    .signup-sfo__verify__email-text a {
      color: #17100E;
      text-decoration: underline; }
    .signup-sfo__verify__email-text.small {
      font-size: 14px;
      line-height: 18px;
      letter-spacing: 0.5px;
      color: #313130; }
  .signup-sfo__verify__btns {
    margin-bottom: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    width: 100%; }
    @media (min-width: 1024px) {
      .signup-sfo__verify__btns {
        gap: 0.75rem; } }
  .signup-sfo__verify__btns .btn {
    width: calc(50% - 0.5rem); }
    @media (min-width: 1024px) {
      .signup-sfo__verify__btns .btn {
        width: calc(50% - 0.75rem); } }

.signup__teams__verify {
  width: 100%;
  max-width: 535px;
  margin: 86px auto 48px;
  box-sizing: border-box; }
  @media only screen and (max-width: 480px) {
    .signup__teams__verify {
      margin: 160px auto;
      padding: 0 8px; } }
  @media screen and (min-width: 481px) and (max-width: 1024px) {
    .signup__teams__verify {
      margin: 200px auto; } }

.signup__teams__verify__email-text {
  font-family: "TT Norms Pro", "Graphik", "Helvetica", "Arial", sans-serif;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0.28px; }
  @media only screen and (max-width: 480px) {
    .signup__teams__verify__email-text {
      font-size: 18px;
      line-height: 120%; } }

.signup__teams__verify__email-text__rebrand {
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 0px;
  color: #17100E;
  letter-spacing: -0.5px;
  line-height: 24px; }
  .signup__teams__verify__email-text__rebrand b {
    font-family: "Medium LL Web Bold", sans-serif; }

.signup__teams__verify__text {
  font-family: "TT Norms Pro", "Graphik", "Helvetica", "Arial", sans-serif;
  max-width: 428px;
  width: 100%;
  font-size: 20px;
  font-weight: 500;
  line-height: 150%;
  color: #000000;
  letter-spacing: 0.1px; }
  .signup__teams__verify__text p a {
    cursor: pointer; }
    .signup__teams__verify__text p a:hover {
      color: #222222; }
  @media only screen and (max-width: 480px) {
    .signup__teams__verify__text {
      font-size: 16px;
      line-height: 150%; } }

.signup__teams__verify__text__rebrand {
  max-width: 445px;
  font-family: "Medium LL Web Bold", sans-serif;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #17100E;
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0;
  width: 100%;
  color: #000000; }
  .signup__teams__verify__text__rebrand a {
    text-decoration: underline;
    cursor: pointer; }
  .signup__teams__verify__text__rebrand p a {
    text-underline-offset: 5px; }
    .signup__teams__verify__text__rebrand p a:hover {
      color: #222222; }
  @media only screen and (max-width: 480px) {
    .signup__teams__verify__text__rebrand {
      font-size: 16px;
      line-height: 150%; } }

.signup__teams__verify-buttons {
  display: grid;
  grid-template-areas: 'one two' 'three four';
  gap: 16px;
  grid-template-columns: 192px 192px; }
  @media only screen and (max-width: 480px) {
    .signup__teams__verify-buttons {
      display: flex;
      flex-direction: column; } }

.signup__teams__verify-buttons a {
  text-decoration: none !important;
  cursor: pointer; }
  .signup__teams__verify-buttons a:hover {
    opacity: 1; }

.signup__teams__verify-buttons__rebrand {
  display: grid;
  grid-template-areas: 'one two' 'three four';
  gap: 8px;
  grid-template-columns: 192px 192px; }
  @media only screen and (max-width: 480px) {
    .signup__teams__verify-buttons__rebrand {
      display: flex;
      flex-direction: column; } }

.signup__teams__verify-buttons__rebrand a {
  text-decoration: none !important;
  cursor: pointer; }
  .signup__teams__verify-buttons__rebrand a:hover {
    opacity: 1; }

.signup__teams__verify-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px;
  width: 100%;
  height: 50px;
  background: #ffffff;
  box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  color: #000000; }

.signup__teams__verify-button:hover {
  background: #eaeaea; }

.signup__teams__verify-button:active {
  background: #d7d7d7;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1); }

.signup__teams__verify__heading {
  font-family: "Ivory LL Web Light", serif;
  font-size: 40px;
  letter-spacing: -2px;
  font-weight: 300;
  color: #17100E;
  line-height: 46px;
  padding-bottom: 24px; }

.rebrand.multi__signup__verify__container {
  min-height: 100vh;
  align-items: center; }

.rebrand .signup__teams__verify-button {
  font-family: "Medium LL Web Regular", sans-serif;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.5px;
  text-align: center;
  box-shadow: unset;
  border: unset;
  background: #E8E8E8; }
  .rebrand .signup__teams__verify-button:hover, .rebrand .signup__teams__verify-button:disabled {
    background: rgba(0, 0, 0, 0.2); }
  .rebrand .signup__teams__verify-button:active {
    border: 2px solid #17100E; }
  .rebrand .signup__teams__verify-button:focus-visible {
    box-shadow: 0.001px 0.001px 0px 2px #334BFA; }
.rebrand .signup__teams__verify {
  width: auto; }

/* Referral Page Styles */
.referral-container {
  max-width: 1080px;
  width: 100%;
  margin: 0 auto;
  height: 100vh;
  position: relative;
  display: grid;
  grid-template-rows: 20vh 1fr 20vh; }

.referral-two-column {
  grid-row: 2;
  height: 500px; }

.referral-image-column {
  max-width: 500px;
  width: 100%; }

.referral-divider-image {
  height: 500px; }

.referral-text-column {
  max-width: 420px;
  width: 100%; }

.referral-reward-pill {
  background: #ccf8cb;
  width: fit-content; }
  .referral-reward-pill span {
    color: #17100E;
    font-family: "Medium LL Web Regular", sans-serif;
    letter-spacing: -0.7px; }

.referral-heading {
  color: #17100E;
  font-family: "Medium LL Web Regular", sans-serif;
  line-height: 100%; }

.referral-subheading {
  padding-top: 18px;
  color: rgba(23, 16, 14, 0.8);
  font-family: "Medium LL Web Regular", sans-serif;
  letter-spacing: -0.9px;
  line-height: 150%; }

.referral-reward-heading {
  color: #17100E;
  font-family: "Medium LL Web Regular", sans-serif;
  letter-spacing: -1px;
  line-height: 150%; }

.referral-reward-list {
  color: rgba(23, 16, 14, 0.8);
  font-family: "Medium LL Web Regular", sans-serif;
  line-height: 150%;
  letter-spacing: -0.9px;
  padding-left: 22px; }
  .referral-reward-list li {
    margin-bottom: 0px;
    padding-left: 6px; }