@-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-9844157ff7647cce9b022fab8901ab2f2cfe1a07c92ab05229aa09c325e405b1.woff) format("woff"), url(https://static.intercomassets.com/assets/vchoney/vchoney-regular-51ba79d9e1aceab87bb2291c8dfb0f097d9bf342acd7927d708bfe71a565e6db.woff2) format("woff2");
}

@font-face {
  font-family: 'VC Nudge Normal';
  src: url(https://static.intercomassets.com/assets/vcnudge/vcnudgenormal-regular-c28716478c33917ac934940f5c43af4fa80629120822e613eba1e8f0e0b50900.woff) format("woff"), url(https://static.intercomassets.com/assets/vcnudge/vcnudgenormal-regular-68ab99997a0527801c7c4d339ddd64654c3581a9d5c9586e37f0d4819867ba91.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-63302d7970013437b36f4666093f8460debfadec5616aeead70ea5a676a8db27.woff) format("woff"), url(https://static.intercomassets.com/assets/vcnudge/vcnudgenormal-medium-8155213471b12da6a0fc8c3b620027bc776bc4ace75e5a612670d412e9597a50.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-8b41f2a2490858c4b2b5f03c48e7a2c4819c10229b390d4b7c2d3c1f1a59e95b.woff) format("woff"), url(https://static.intercomassets.com/assets/vcnudge/vcnudgenormal-semiBold-de4d13236ca9a6becee30ec73eda877abf094138f411253cd38cc7f80fff2704.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-0930fff077225764894bc2acf5e101599f9f6f48e2f765391e766a9563935c2e.woff) format("woff"), url(https://static.intercomassets.com/assets/vcnudge/vcnudge-extraBold-7ca5d4257c2c50dfa20b3cec1bbef26a08d54f5a8c0e39c53711a82fa47c2721.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);
  }
}

.signup_sfo .btn {
  display: flex;
  height: 42px;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  position: relative;
}

.signup_sfo .btn--secondary, .signup_sfo .btn--primary {
  position: relative;
  display: inline-flex;
  border: 1px solid transparent;
  border-radius: 4px;
  font-family: "Medium LL Web Regular", sans-serif;
  color: #17100E;
  line-height: 15px;
  letter-spacing: -0.1px;
  font-size: 1rem;
  text-align: center;
  justify-content: center;
  text-wrap: nowrap;
  transition: background-color var(--ease-out-expo) 0.33s, color var(--ease-out-expo) 0.33s;
  padding: 8px 16px;
}

.signup_sfo .btn--primary {
  background: #17100E;
  color: #FFFFFF;
  display: block;
}

.signup_sfo .btn--primary:focus-visible {
  border-radius: 4px;
  border: 2px solid #F6F6F1;
  background: #17100E;
  box-shadow: 0 0 0 2px #000CE1;
}

.signup_sfo .btn--primary:hover {
  background: #626260;
  transition: background-color var(--ease-out-expo) 0.33s, color var(--ease-out-expo) 0.33s;
}

.signup_sfo .btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.signup_sfo .btn--secondary {
  transition: background-color var(--ease-out-expo) 0.33s, color var(--ease-out-expo) 0.33s;
  color: #17100E;
  border: 1px solid #17100E;
}

.signup_sfo .btn--secondary:hover {
  background: #17100E;
  color: #FFFFFF;
}

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-6eea0c98cfe8c9147357b17aef9422e7f3ca21fdfbaef911c5eb69d84f16eb8f.svg);
  background-repeat: no-repeat;
}

.multi__signup__teams__password__icon.visible {
  background-image: url(https://static.intercomassets.com/assets/signup/visible-914433e7c18e83e3909f101ec4018cf93391abde7ed95c7af7db89915fe808ca.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;
  }
}

.leadr-signup__header__signin-link {
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  line-height: 15px;
  letter-spacing: -0.1px;
  color: #17100E;
  text-decoration: underline;
  text-underline-offset: 4px;
  cursor: pointer;
  padding: 0.75rem;
}

@media (min-width: 1024px) {
  .leadr-signup__header__signin-link {
    padding: 0.625rem 1rem;
  }
}

.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.o__error:placeholder-shown:not(:focus):not(:active) {
  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;
}

.hidden[data-request-trial-btn-text],
.hidden[data-request-trial-btn-submitting-text] {
  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;
}

.leadr-signup__progress-bar__full-width {
  background-color: rgba(23, 16, 14, 0.2);
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 1;
  width: 100%;
}

@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%;
}

.signup_developer {
  --container-width: 516px;
}

/* Step
----------------------------------------------- */
.signup_sfo__step-title {
  font-family: "Ivory LL Web Light", serif;
  font-size: 1.5rem;
  line-height: 1.75rem;
  margin-bottom: 1.5rem;
  letter-spacing: -1.5px;
  color: #17100E;
  text-align: center;
}

@media (min-width: 767px) {
  .signup_sfo__step-title {
    font-size: 2.25rem;
    line-height: 2.5rem;
    margin-bottom: 2rem;
  }
}

.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-title.with-max-width {
  max-width: 420px;
}

.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;
  padding: 0 0.25rem;
}

.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;
  accent-color: #17100E;
}

.signup_sfo__marketing-opt-in input[type="checkbox"]:checked {
  background-color: #17100E;
}

.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;
  display: block;
  margin-bottom: 8px;
  color: #17100E;
}

.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: #000000;
  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.o__error:placeholder-shown:not(:focus):not(:active) {
  border-color: #C41C1C;
}

.signup_sfo__form-field__label.o__error {
  color: #17100E;
}

.signup_sfo__form-field__input.o__error {
  border-color: #C41C1C;
}

.signup_sfo__form-field__validation-msg {
  position: absolute;
  visibility: hidden;
  line-height: 18px;
  letter-spacing: 0.5px;
  font-size: 14px;
  display: none;
}

.signup_sfo__form-field__validation-msg.multi-step-validation-msg {
  position: relative;
}

.signup_sfo__form-field__validation-msg.o__error {
  color: #C41C1C;
  visibility: visible;
  display: block;
  margin-top: 8px;
}

.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: 0.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: 4px;
  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 .text {
  cursor: pointer;
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 14px;
  line-height: 125%;
  color: #17100E;
  letter-spacing: -0.7px;
}

.signup_sfo__radio-group__wrapper .text b.radio-button-label {
  font-size: 14px;
  letter-spacing: 0.5px;
  line-height: 18px;
  font-weight: 600;
}

.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: 14px;
  letter-spacing: 0.5px;
  line-height: 18px;
  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: 320px;
  height: 180px;
  object-fit: cover;
}

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

.signup_sfo__request-fin-for-logos.logo-28 {
  width: 28px;
  height: 28px;
}

/* 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: 15vh 1fr 15vh;
}

.signup_sfo__step-container.signup_developer {
  grid-template-rows: 10vh 1fr 15vh;
}

@media (min-width: 767px) {
  .signup_sfo__step-container {
    grid-template-rows: 20vh 1fr 20vh;
  }
  .signup_sfo__step-container.signup_developer {
    grid-template-rows: 10vh 1fr 15vh;
  }
}

.signup_sfo__step-container.o__wider {
  --container-width: 516px;
}

.signup_sfo__step-container.content-height {
  height: max-content;
}

.signup_sfo__step-container.short {
  grid-template-rows: 12vh 1fr 12vh;
}

.signup_sfo__step-container.o__wider-triage {
  --container-width: 800px;
}

.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__confirmation-step-redirect-container .plus {
  color: #626260;
}

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

.signup_sfo__deflection-step-container {
  max-width: 420px;
  padding: 0.75em;
}

@media (min-width: 767px) {
  .signup_sfo__deflection-step-container {
    padding: 0;
    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_sfo__text-gray {
  color: #626260;
}

/* Triage Step Option Container
----------------------------------------------- */
.signup_sfo__triage-step-main-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: repeat(4, auto);
  gap: 0 1rem;
}

@media (max-width: 856px) {
  .signup_sfo__triage-step-main-container {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 1rem;
  }
}

.signup_sfo__triage-step-option-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px;
  align-items: start;
  border-radius: 8px;
  border: 1px solid #17100E;
  background: #F6F6F1;
  backdrop-filter: blur(8px);
  max-width: 392px;
}

@supports (grid-template-rows: subgrid) {
  .signup_sfo__triage-step-option-container {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 4;
  }
}

@media (min-width: 767px) {
  .signup_sfo__triage-step-option-container {
    min-height: 362px;
  }
}

@media (max-width: 856px) {
  .signup_sfo__triage-step-option-container {
    grid-row: span 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}

.signup_sfo__triage-step-option-container > div:first-child {
  display: contents;
}

.signup_sfo__triage-step-option-container .feature-item {
  display: flex;
  align-items: center;
  gap: 8px;
}

.signup_sfo__triage-step-option-container .feature-item .cost {
  color: #17100E;
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  letter-spacing: -1px;
}

.signup_sfo__triage-step-option-container .feature-item .feature-item-text {
  color: #17100E;
  font-variant-numeric: lining-nums tabular-nums;
  font-family: "Aeonik", "ui-monospace", "monospace";
  font-size: 11px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}

.signup_sfo__triage-step-option-container .feature-item .plus {
  color: #626260;
}

.signup_sfo__triage-step-option-container .title {
  color: #17100E;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.5px;
}

.signup_sfo__triage-step-option-container .description {
  color: #313130;
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.5px;
}

.signup_sfo__triage-step-option-container .logos-container {
  width: 100%;
  height: 1.75em;
  overflow: hidden;
  position: relative;
}

.signup_sfo__triage-step-option-container .logos-container.max-content {
  width: max-content;
}

.signup_sfo__triage-step-option-container .logos-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 40%;
  width: 60%;
  height: 100%;
  background: linear-gradient(90deg, rgba(246, 246, 241, 0) 0%, #F6F6F1 100%);
}

.signup_sfo__triage-step-option-container .footer {
  margin-top: 8px;
  align-self: end;
}

.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;
}

.signup__split-layout {
  display: flex;
  min-height: 100vh;
  padding-top: 74px;
}

.signup__split-left {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px 24px;
}

.signup__split-left-inner {
  display: flex;
  flex-direction: column;
  max-width: 522px;
  width: 100%;
}

.signup__split-title {
  font-family: "Ivory LL Web Light", serif;
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -1px;
  color: #17100E;
  margin-bottom: 14px;
}

.signup__split-subtitle {
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #626260;
  margin-bottom: 28px;
}

.signup__split-right {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FBFBF9;
  border-radius: 20px 0 0 20px;
  padding: 40px 24px;
}

.signup__split-right-inner {
  max-width: 500px;
  width: 100%;
}

@media (max-width: 1024px) {
  .signup__split-layout {
    flex-direction: column;
  }
  .signup__split-left {
    align-items: initial;
    padding: 60px var(--container-padding) 40px;
  }
  .signup__split-right {
    display: none;
  }
}

.signup__form-card {
  background-color: #FFFFFF;
  border: 1px solid #c6c9c0;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.signup__form-input {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.signup__form-input--disabled {
  opacity: 0.5;
  pointer-events: none;
}

.signup__form-input--error .signup__form-input__field,
.signup__form-input--error .signup__form-input__field:focus,
.signup__form-input--error .signup__form-input__field:active, .signup__form-input:has(.o__error) .signup__form-input__field,
.signup__form-input:has(.o__error) .signup__form-input__field:focus,
.signup__form-input:has(.o__error) .signup__form-input__field:active {
  border-color: #C41C1C;
}

.signup__form-input--error .signup__form-input__hint, .signup__form-input:has(.o__error) .signup__form-input__hint {
  color: #C41C1C;
}

.signup__form-input__label {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
  color: #626260;
}

.signup__form-input__field {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 16px;
  border: 1px solid var(--neutral-border, #e9eae6);
  border-radius: 16px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  color: #17100E;
  background-color: #FFFFFF;
  box-shadow: none;
}

.signup__form-input__field::placeholder {
  color: rgba(23, 16, 14, 0.4);
}

.signup__form-input__field:focus, .signup__form-input__field:active {
  outline: none;
  border-color: #17100E;
  box-shadow: none;
}

.signup__form-input__field:disabled {
  cursor: not-allowed;
}

@media (max-width: 1024px) {
  .signup__form-input__field {
    height: 36px;
    padding: 8px 16px;
    border-radius: 18px;
  }
}

.signup__form-input__hint {
  display: none;
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  color: #81817e;
}

.signup__form-input__hint--visible {
  display: block;
}

.signup__form-input__hint[data-validation-msg]:not(.signup__form-input__hint--visible) {
  display: block !important;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  margin-top: -8px;
  transition: max-height 200ms ease-out, opacity 200ms ease-out, margin-top 200ms ease-out;
}

.signup__form-input__hint.o__error[data-validation-msg] {
  max-height: 40px;
  opacity: 1;
  margin-top: 0;
}

.signup__password-input__row {
  display: flex;
  align-items: center;
  gap: 8px;
}

.signup__password-input .signup__form-input {
  flex: 1;
  min-width: 0;
}

.signup__password-input__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}

.signup__password-input__icon {
  display: block;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  filter: brightness(0);
}

.signup__form-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  padding: 8px 16px;
  border: none;
  border-radius: 18px;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  -webkit-font-smoothing: antialiased;
}

@media screen and (min-width: 1025px) {
  .signup__form-button {
    height: 32px;
    padding: 6px 16px;
    border-radius: 16px;
  }
}

.signup__form-button--primary {
  background-color: #222;
  color: #fafaf7;
}

.signup__form-button--primary:disabled {
  background-color: #F6F6F1;
  color: #626260;
  cursor: not-allowed;
}

.signup__form-button--primary:hover:not(:disabled) {
  background-color: #525251;
}

.signup__form-button--primary:focus-visible {
  outline: 2px solid #334BFA;
  outline-offset: 2px;
}

.signup__form-button--google {
  background-color: #FFFFFF;
  color: #17100E;
  border: 1px solid #e9eae6;
  gap: 8px;
}

.signup__form-button--google:hover:not(:disabled) {
  background-color: #17100E;
  color: #FFFFFF;
  border-color: #17100E;
}

.signup__form-button--google:focus-visible {
  outline: 2px solid #334BFA;
  outline-offset: 2px;
}

.signup__form-button__google-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.signup__form-button--disabled {
  background-color: #F6F6F1;
  color: #626260;
  cursor: not-allowed;
  border: none;
  pointer-events: none;
}

.signup__form-radio {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  border: 1px solid #e9eae6;
  border-radius: 16px;
  background-color: #FFFFFF;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

@media screen and (min-width: 1025px) {
  .signup__form-radio {
    height: 32px;
  }
}

.signup__form-radio:hover {
  border-color: #17100E;
}

.signup__form-radio:has(.signup__form-radio__input:checked) {
  border-color: #17100E;
}

.signup__form-radio__input {
  appearance: none;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  min-width: 20px;
  border: 1px solid #c6c9c0;
  border-radius: 50%;
  background-color: #FFFFFF;
  cursor: pointer;
  position: relative;
  margin: 0;
}

.signup__form-radio__input:checked {
  border-color: #17100E;
}

.signup__form-radio__input:checked::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #17100E;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.signup__form-radio__input:focus-visible {
  outline: 2px solid #334BFA;
  outline-offset: 2px;
}

.signup__form-radio__label {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  color: #17100E;
  white-space: nowrap;
}

#multi_signup_form_step_company_size .signup__radio-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

#multi_signup_form_step_company_size .signup__split-left {
  position: relative;
  padding-bottom: 80px;
}

#multi_signup_form_step_company_size .signup__terms-footer {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  text-align: center;
}

#multi_signup_form_step_company_size .signup__teams__error-banner,
#multi_signup_form_step_name_and_password .signup__teams__error-banner,
#multi_signup_form_step_email .signup__teams__error-banner,
#multi_signup_form_step_verify .signup__teams__error-banner {
  order: -1;
  margin-bottom: 20px;
}

.signup__divider {
  display: flex;
  align-items: center;
  gap: 16px;
}

.signup__divider__line {
  flex: 1;
  height: 1px;
  background-color: #ddddd8;
  border-radius: 2px;
}

.signup__divider__text {
  font-family: 'Inter', sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #acaca8;
}

.signup__email-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.signup__escape-hatch {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #17100E;
}

.signup__escape-hatch a {
  text-decoration: underline;
}

.signup__marketing-opt-in {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.signup__marketing-opt-in__input {
  margin-top: 4px;
  width: 12px;
  height: 12px;
  border: 1px solid #c6c9c0;
  border-radius: 2px;
  cursor: pointer;
}

.signup__marketing-opt-in__label {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #626260;
  cursor: pointer;
}

.signup__verify-email-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 38px;
  padding: 8px 12px;
  border: 1px solid #e9eae6;
  border-radius: 9999px;
  background-color: white;
  font-family: 'Inter', sans-serif;
  font-size: 16px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  line-height: 24px;
  color: #17100E;
  text-decoration: none;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.signup__verify-email-button:hover {
  border-color: #17100E;
}

.signup__verify-email-button__icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

@media screen and (min-width: 1025px) {
  .signup__verify-email-button {
    height: 48px;
    padding: 12px;
  }
}

.signup__verify-email-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

@media screen and (min-width: 1025px) {
  .signup__verify-email-grid {
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }
}

.signup__verify-description {
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  color: #626260;
  -webkit-font-smoothing: antialiased;
}

.signup__verify-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.signup__verify-resend {
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.5px;
  color: #17100E;
}

.signup__verify-resend a {
  text-decoration: underline;
}

.signup__step-indicator {
  display: none;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #626260;
  text-align: right;
  padding: 12px var(--container-padding, 16px);
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 1024px) {
  .signup__step-indicator {
    display: block;
  }
}

.signup__right-panel-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.signup__right-panel-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #17100E;
}

.signup__right-panel-title {
  font-family: "Ivory LL Web Light", serif;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: -0.5px;
}

.signup__right-panel-subtitle {
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.signup__right-panel-label {
  font-family: "Medium LL Web Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #17100E;
}

.signup__logo-grid {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  justify-content: space-between;
  justify-items: center;
  row-gap: 32px;
  align-items: center;
  width: 100%;
}

.signup__logo-grid__logo {
  height: 24px;
  width: auto;
}

.signup__right-panel-heading {
  font-family: "Medium LL Web Bold", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #17100E;
  -webkit-font-smoothing: antialiased;
}

.signup__right-panel-video {
  width: 100%;
  border-radius: 8px;
}

.signup__right-panel-video--shadowed {
  box-shadow: 0 4px 8px rgba(20, 20, 20, 0.15);
}

.signup__verify-image {
  display: block;
  max-height: 70vh;
  width: auto;
  max-width: 100%;
  margin: 0 auto;
  border-radius: 8px;
}