/* Tipografia da landing: Manrope nos títulos, DM Sans na leitura e interface. */
body.landing-body {
  --landing-font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --landing-font-heading: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  font-family: var(--landing-font-body);
}

.landing-body :is(button, input, select, textarea),
.landing-body .sd-ui,
.landing-body #aion .aion-studio-tabs button {
  font-family: var(--landing-font-body);
}

.landing-body :is(h1, h2, h3, h4, h5, h6),
.landing-body #co-advantages-title,
.landing-body #aion h2,
.landing-body .t-planos {
  font-family: var(--landing-font-heading);
}

/* O CSS original dos planos usa !important nestas duas declarações. */
.landing-body .pricing-card-top h3,
.landing-body .pricing-price strong {
  font-family: var(--landing-font-heading) !important;
}

.landing-body h1,
.landing-body h2,
.landing-body #aion #aion-studio-title,
.landing-body #co-advantages-title,
.landing-body .t-planos {
  letter-spacing: -.035em;
  text-wrap: balance;
}

@media (max-width: 640px) {
  .landing-body h1,
  .landing-body h2,
  .landing-body #aion #aion-studio-title,
  .landing-body #co-advantages-title,
  .landing-body .t-planos {
    letter-spacing: -.025em;
  }
}