@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Unbounded:wght@500;600;700;800&display=swap");

:root {
  --ml-font-display: "Unbounded", "Manrope", system-ui, sans-serif;
  --ml-font-text: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
}

html,
body,
button,
input,
textarea,
select {
  font-family: var(--ml-font-text) !important;
  font-synthesis: none;
  text-rendering: geometricPrecision;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
.h1,
.h2,
.brand__name,
.logo span,
.cardTitle,
.stepTitle,
.ml-player-cta-title,
.ml-open-player,
.ml-top-action,
.linkBtn .name {
  font-family: var(--ml-font-display) !important;
  letter-spacing: 0 !important;
}

.h1,
h1 {
  font-weight: 800 !important;
}

.h2,
h2,
h3,
.brand__name,
.cardTitle,
.stepTitle {
  font-weight: 700 !important;
}

p,
li,
.lead,
.p,
.small,
.brand__sub,
.nav__link,
.linkBtn .hint,
.tagline {
  font-family: var(--ml-font-text) !important;
  letter-spacing: 0 !important;
}

.ml-open-player,
.ml-player-cta-btn,
.ml-top-action,
.hero__actions .ml-open-removed,
.hero__actions .ml-open-admin {
  font-weight: 800 !important;
}

.ml-player-root,
.ml-player-root *,
[data-ml-player-root="1"],
[data-ml-player-root="1"] * {
  font-family: var(--ml-font-text) !important;
}

.ml-player-root h1,
.ml-player-root h2,
.ml-player-root h3,
.ml-player-root [class*="title" i],
[data-ml-player-root="1"] h1,
[data-ml-player-root="1"] h2,
[data-ml-player-root="1"] h3,
[data-ml-player-root="1"] [class*="title" i] {
  font-family: var(--ml-font-display) !important;
  letter-spacing: 0 !important;
}

.ml-ipad-lite-player,
.ml-ipad-lite-player * {
  font-family: var(--ml-font-text) !important;
}

.ml-ipad-lite-player__title,
.ml-ipad-lite-player__track-title,
.ml-ipad-lite-player__row-title {
  font-family: var(--ml-font-display) !important;
  letter-spacing: 0 !important;
}

.seo-brand,
.seo-kicker,
.seo-btn,
.faq summary,
.contact-box strong {
  font-family: var(--ml-font-display) !important;
  letter-spacing: 0 !important;
}

.seo-brand,
.seo-btn,
.faq summary {
  font-weight: 800 !important;
}

#request .demo-form label,
#request .demo-form label span,
#request .form-note {
  font-family: var(--ml-font-display) !important;
  letter-spacing: 0 !important;
}

#request .demo-form label {
  font-weight: 700 !important;
}

#request .demo-form label span {
  font-weight: 800 !important;
}

#request .demo-form input,
#request .demo-form select,
#request .demo-form textarea {
  font-family: var(--ml-font-text) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}

#request .demo-form input::placeholder,
#request .demo-form textarea::placeholder {
  font-family: var(--ml-font-text) !important;
  font-weight: 500 !important;
}

.ml-demo-check-home__kicker,
.ml-demo-check-home h2,
.ml-demo-check-home__steps span,
.ml-demo-check-home__btn {
  font-family: var(--ml-font-display) !important;
  letter-spacing: 0 !important;
}

.ml-demo-check-home__kicker,
.ml-demo-check-home__steps span,
.ml-demo-check-home__btn {
  font-weight: 800 !important;
}

.ml-demo-check-home h2 {
  font-weight: 800 !important;
}

.ml-demo-check-home p {
  font-family: var(--ml-font-text) !important;
  font-weight: 600 !important;
}

.ml-demo-check-home p.ml-demo-check-home__kicker {
  font-family: var(--ml-font-display) !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}