.pp-main{}

.pp-hero{
  display:flex;
  justify-content:center;
}

.pp-hero-inner{
  max-width:720px;
  margin-inline:auto;
}

.pp-hero-text{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.pp-hero h1{
  margin-bottom:var(--space-4);
}

.pp-section{
  display:flex;
  justify-content:center;
}

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

.pp-medium{
  max-width:760px;
}

.pp-section h2{
  margin-bottom:var(--space-4);
}

.pp-section h3{
  margin-top:var(--space-4);
}

.pp-alt{
  background:var(--color-surface-secondary);
  border-top:1px solid var(--color-border);
  border-bottom:1px solid var(--color-border);
}

@media(max-width:768px){
  .pp-hero-inner,
  .pp-narrow,
  .pp-medium{
    padding-inline:var(--space-2);
  }
}