:root {
  --content-max: 1260px;
  --content-gutter: 28px;
}

/* Mantém o conteúdo no mesmo eixo do cabeçalho em telas comuns e ultrawide. */
.page-hero-v2 {
  display: grid;
  align-items: center;
  min-height: 430px;
  padding: 88px 0;
}

.page-hero-v2 > div,
.page-section {
  width: min(var(--content-max), calc(100% - (2 * var(--content-gutter))));
  max-width: none;
  margin-right: auto;
  margin-left: auto;
}

.page-section {
  padding-right: 0;
  padding-left: 0;
}

.plan-profiles,
.comparison,
.pilar-usage,
.faq {
  justify-self: center;
}

.usage-explainer {
  margin-top: 24px;
  padding: 18px 20px;
  border-left: 3px solid var(--gold);
  background: #fff;
  color: var(--ink);
}

.usage-explainer strong,
.usage-explainer span {
  display: block;
}

.usage-explainer span {
  margin-top: 5px;
  color: var(--muted);
  font-size: 13px;
}

.usage-grid small {
  line-height: 1.35;
}

@media (max-width: 850px) {
  :root {
    --content-gutter: 24px;
  }

  .page-hero-v2 {
    min-height: 0;
    padding: 72px 0;
  }

  .page-section {
    padding-top: 76px;
    padding-bottom: 76px;
  }
}