@media (min-width: 64em) {
  .layout--single .page {
    float: none;
    width: 90%;
    max-width: 1152px;
    margin-inline: auto;
    padding-inline-end: 0;
  }

  .page__hero--overlay .wrapper {
    max-width: 1280px;
  }

  .page__hero--overlay .page__lead {
    max-width: 1280px;
  }
}

.highlight-cloud {
  color: #4f46e5;
  font-weight: 700;
}

.highlight-encryption {
  color: #0891b2;
  font-weight: 700;
}

.highlight-ai {
  color: #7c3aed;
  font-weight: 700;
}

.hero-description-gap {
  display: block;
  height: 0.5em;
}

@media (min-width: 80em) {
  .layout--single .page {
    width: 90%;
    max-width: 1152px;
    padding-inline-end: 0;
  }

  .page__hero--overlay .wrapper,
  .page__hero--overlay .page__lead {
    max-width: 1280px;
  }
}