.pp-hero {
  max-width: 720px;
}

.pp-hero__lead {
  font-size: var(--fs-lg);
  color: var(--color-muted);
}

.pp-card {
  margin-bottom: var(--space-32);
}

.pp-list {
  list-style: disc;
  padding-left: 1.25rem;
  color: var(--color-text);
}

.pp-list li {
  margin-bottom: var(--space-8);
  font-size: var(--fs-sm);
}

@media (max-width: 768px) {
  .pp-hero__lead {
    font-size: var(--fs-base);
  }
}