.sa-beta-badge {
  display: inline-flex;
  align-items: center;
  min-height: 20px;
  margin-left: 9px;
  padding: 2px 8px 3px;
  border: 1px solid rgba(122, 37, 40, .18);
  border-radius: 999px;
  background: rgba(122, 37, 40, .055);
  color: #7A2528;
  font-family: "Manrope", Arial, sans-serif;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: .08em;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}

.tutor-site-nav,
.site-nav,
.tutor-site-header {
  background: rgba(255, 253, 251, .995) !important;
  border-bottom-color: rgba(30, 28, 26, .22) !important;
  box-shadow: 0 7px 24px rgba(30, 28, 26, .075) !important;
}

.tutor-site-nav__logo,
.site-nav__logo,
.tutor-site-header__logo {
  color: #141210 !important;
  font-weight: 800 !important;
}

.tutor-site-nav__link,
.site-nav__links a,
.tutor-site-header__link {
  color: #5A514B !important;
  font-weight: 750 !important;
}

.tutor-site-nav__link:hover,
.tutor-site-nav__link[aria-current="page"],
.site-nav__links a:hover,
.site-nav__links a[aria-current="page"],
.tutor-site-header__link:hover,
.tutor-site-header__link.is-active {
  color: #161311 !important;
}

.tutor-site-nav__link[aria-current="page"]::after,
.tutor-site-header__link.is-active::after {
  height: 3px !important;
  background: #7A2528 !important;
}

.tutor-site-nav__trial,
.site-nav__trial,
.tutor-site-header__trial {
  background: #7A2528 !important;
  color: #fff !important;
  font-weight: 800 !important;
  box-shadow: 0 10px 24px rgba(122, 37, 40, .18) !important;
}

.tutor-site-nav__trial:hover,
.site-nav__trial:hover,
.tutor-site-header__trial:hover {
  background: #5F1D20 !important;
}

.tutor-site-nav__burger,
.burger,
.tutor-site-header__toggle {
  border-color: rgba(30, 28, 26, .32) !important;
  background: #fff !important;
}

.tutor-site-nav__panel,
.mobile-panel,
.tutor-site-header__mobile {
  background: #FFFDFB !important;
}

/* Readability pass: make fine print and helper text easier to read site-wide. */
.kicker,
.tag,
.period,
.section-label,
.summary-row strong,
.summary-row span,
.summary-note,
.form-copy,
.field label,
.mode-help,
.trial-point,
.trial-point b,
.consent span,
.form-error,
.note,
.billing-period-button small,
.tutor-site-nav__link,
.site-nav__links a,
.tutor-site-header__link,
.tutor-site-header__trial,
.tutor-site-header__mobile-kicker,
.tutor-site-header__mobile-trial,
.demo-role-option small,
.feature-card p,
.pricing-card p,
.tariff-card p,
.review-card p,
.seo-card p,
.legal-footer,
.footer,
.footer a {
  font-size: max(13px, 1em) !important;
  line-height: 1.55 !important;
}

.lead,
.summary-note,
.trial-point,
.mode-help,
.form-copy,
.consent span,
.note {
  color: #625C56 !important;
}

.field input,
.select-wrap select,
.submit {
  min-height: 54px !important;
  font-size: 15px !important;
}

.submit {
  font-weight: 800 !important;
}

.trial-point {
  padding: 16px 18px !important;
}

.trial-point b,
.summary-row strong,
.field label {
  font-size: 14px !important;
  line-height: 1.35 !important;
}

.summary-row span,
.summary-note,
.form-copy,
.mode-help,
.consent span,
.note,
.billing-period-button small {
  font-size: 14px !important;
}

.tag,
.kicker,
.section-label {
  font-size: 12px !important;
}

.period {
  font-size: 13px !important;
}

@media (max-width: 520px) {
  .sa-beta-badge {
    margin-left: 7px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 10px;
    letter-spacing: .04em;
  }

  .kicker,
  .tag,
  .period,
  .section-label,
  .summary-row strong,
  .summary-row span,
  .summary-note,
  .form-copy,
  .field label,
  .mode-help,
  .trial-point,
  .trial-point b,
  .consent span,
  .form-error,
  .note,
  .billing-period-button small {
    font-size: 13px !important;
  }
}