/* Keep the original mark while setting the wordmark in the page language. */
.brand, .footer-brand {
  display: flex;
  align-items: center;
  gap: 2.5%;
  text-decoration: none;
}

.footer-brand {
  width: min(210px, 63vw);
  text-align: left;
}

.logo-emblem {
  flex: 0 0 20%;
  overflow: hidden;
}

.logo-emblem img {
  display: block;
  width: 500%;
  max-width: none;
}

.logo-copy {
  color: #20251f;
  font-size: clamp(11px, 1.65vw, 20px);
  font-weight: 900;
  line-height: 1.08;
}

:lang(en) .logo-copy {
  font-size: clamp(9px, 1.28vw, 15px);
  letter-spacing: -.02em;
}

.logo-copy b {
  color: #08783a;
  margin-inline-end: .25em;
}

.logo-copy small {
  display: block;
  color: #08783a;
  font-size: .55em;
  line-height: 1.25;
  margin: .35em 0 0;
}

.reason-heading h2 {
  white-space: normal;
}

.support-seal strong {
  max-width: 100%;
  text-align: center;
  overflow-wrap: anywhere;
}

:lang(en) .hero h1 span {
  font-size: clamp(13px, 2.65cqw, 33px);
}

:lang(en) .hero h1 strong {
  font-size: clamp(22px, 5cqw, 60px);
}

:lang(en) .pills li {
  padding-inline: clamp(4px, .9cqw, 11px);
  font-size: clamp(8px, 1.45cqw, 17px);
}

:lang(en) .reason-heading h2 {
  font-size: clamp(26px, 6vw, 63px);
}

:lang(en) .mini-steps b span {
  white-space: normal;
}

@media (max-width: 600px) {
  :lang(en) .hero h1 span {
    font-size: clamp(12px, 3.75cqw, 21px);
  }

  :lang(en) .hero h1 strong {
    font-size: clamp(22px, 7.3cqw, 40px);
  }

  :lang(en) .pills li {
    font-size: clamp(8px, 2.2cqw, 12px);
  }

  :lang(en) .request-keys li {
    display: grid;
    justify-items: center;
    gap: 2px;
    text-align: center;
  }

  :lang(en) .support-seal strong {
    font-size: 9px;
  }

  .cost-box h3, .ribbon {
    letter-spacing: 0;
  }
}