main#main-content {
  max-width: 72rem;
  margin: 0 auto;
  padding: 0 1.25rem 3rem;
}

section.primary-section {
  max-width: 48rem;
  padding: 4rem 0 2rem;

  h1 {
    margin: 0.75rem 0 0;
  }

  p {
    max-width: 36rem;
  }

  @predict mobile max-width max-height transform;
}

section .card {
  border-radius: concentric 0.75rem;
}

.hero-blob {
  background-image: freeform-gradient(#7c3aed 10% 50%, #f00 70% 40%);
}