.pp-main{}

.pp-hero{
  background:linear-gradient(180deg, rgba(81,225,232,0.08), rgba(162,89,255,0.08));
  border-radius:var(--radius-lg);
  margin:var(--space-6) auto;
}

.pp-hero-inner{
  max-width:720px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.pp-section{}

.pp-narrow{
  max-width:720px;
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.pp-list{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
  padding-left:1.2em;
}

@media (max-width:768px){
  .pp-hero{
    margin:var(--space-5) auto;
    border-radius:var(--radius-md);
  }
}