/*
 * Ladder introduction typography cleanup.
 * Removes inherited glitch/chromatic text effects.
 */

.fbb-ladder-clean-scope {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;

  font-kerning: normal !important;
  text-rendering: optimizeLegibility !important;
}

/*
 * Remove the cyan/red duplicated text effect.
 */
.fbb-ladder-clean-heading,
.fbb-ladder-clean-heading *,
.fbb-ladder-action-panel,
.fbb-ladder-action-panel *,
.fbb-ladder-clean-description,
.fbb-ladder-clean-description * {
  text-shadow: none !important;
  filter: none !important;

  -webkit-text-stroke: 0 transparent !important;
  text-stroke: 0 transparent !important;

  mix-blend-mode: normal !important;
  font-style: normal !important;
}

.fbb-ladder-clean-heading::before,
.fbb-ladder-clean-heading::after,
.fbb-ladder-action-panel *::before,
.fbb-ladder-action-panel *::after {
  text-shadow: none !important;
  filter: none !important;

  -webkit-text-stroke: 0 transparent !important;
  text-stroke: 0 transparent !important;

  mix-blend-mode: normal !important;
}

/*
 * Main introduction heading.
 */
.fbb-ladder-hero-heading {
  max-width: 760px !important;

  margin: 18px 0 24px !important;

  color: #ffffff !important;

  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;

  font-size: clamp(2rem, 3.2vw, 3.15rem) !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em !important;

  text-wrap: balance;
}

/*
 * Explainer heading.
 */
.fbb-ladder-explainer-heading {
  width: 100% !important;

  margin: 26px auto 22px !important;
  padding: 0 16px !important;

  color: #ffffff !important;

  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;

  font-size: clamp(1.7rem, 2.6vw, 2.55rem) !important;
  font-weight: 850 !important;
  line-height: 1.14 !important;
  letter-spacing: -0.025em !important;

  text-align: center !important;
  text-wrap: balance;
}

/*
 * Text immediately below the explainer heading.
 */
.fbb-ladder-clean-description {
  max-width: 900px !important;

  margin: 0 auto 24px !important;
  padding: 0 18px !important;

  color: #d8edf4 !important;

  font-size: 0.98rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;

  text-align: center !important;
  text-wrap: pretty;
}

/*
 * Top navigation/action panel.
 */
.fbb-ladder-action-panel {
  font-family:
    Inter,
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif !important;
}

.fbb-ladder-action-link,
.fbb-ladder-action-link * {
  font-family: inherit !important;
  text-decoration: none !important;
}

.fbb-ladder-action-link {
  color: #00dcff !important;

  font-size: 0.94rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.01em !important;

  transition:
    color 160ms ease,
    transform 160ms ease !important;
}

.fbb-ladder-action-link:hover,
.fbb-ladder-action-link:focus-visible {
  color: #00ff9d !important;
  transform: translateY(-1px);
}

.fbb-ladder-action-link + p,
.fbb-ladder-action-link ~ p,
.fbb-ladder-action-item p {
  margin-top: 7px !important;

  color: #d5e9ef !important;

  font-size: 0.86rem !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;

  text-shadow: none !important;
  filter: none !important;
}

/*
 * Ensure action blocks align cleanly.
 */
.fbb-ladder-action-item {
  min-width: 0 !important;

  padding-top: 4px !important;
  padding-bottom: 15px !important;
}

/*
 * Protect gradient tagline beneath the banner.
 */
.fbb-ladder-banner-tagline {
  text-shadow: none !important;
  -webkit-text-stroke: 0 transparent !important;
  text-stroke: 0 transparent !important;
}

@media (max-width: 768px) {
  .fbb-ladder-hero-heading {
    margin: 14px 0 20px !important;

    font-size: clamp(2rem, 9vw, 2.65rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -0.03em !important;
  }

  .fbb-ladder-explainer-heading {
    margin: 22px auto 17px !important;
    padding: 0 8px !important;

    font-size: clamp(1.55rem, 7vw, 2rem) !important;
    line-height: 1.16 !important;
  }

  .fbb-ladder-clean-description {
    margin-bottom: 20px !important;
    padding: 0 8px !important;

    font-size: 0.9rem !important;
    line-height: 1.58 !important;
  }

  .fbb-ladder-action-link {
    font-size: 0.88rem !important;
    line-height: 1.3 !important;
  }

  .fbb-ladder-action-link + p,
  .fbb-ladder-action-link ~ p,
  .fbb-ladder-action-item p {
    font-size: 0.8rem !important;
    line-height: 1.45 !important;
  }
}

@media (max-width: 430px) {
  .fbb-ladder-hero-heading {
    font-size: 2rem !important;
  }

  .fbb-ladder-explainer-heading {
    font-size: 1.55rem !important;
  }
}