.pp-page{min-width:0;}

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

.pp-lead{
text-align:left;
}

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

.pp-wide{
max-width:900px;
}

.pp-small{
max-width:640px;
}

.pp-section h2{
border-bottom:4px solid var(--color-accent-yellow);
display:inline-block;
padding-bottom:0.25rem;
margin-bottom:var(--space-md);
}

.pp-block{
display:flex;
flex-direction:column;
gap:var(--space-sm);
padding:var(--space-md);
border:var(--border);
border-radius:var(--radius-md);
background:var(--color-surface);
box-shadow:var(--shadow);
margin-bottom:var(--space-md);
}

.pp-highlight{
background:var(--color-primary);
color:#fff;
}

.pp-highlight h2{
border-color:var(--color-accent-yellow);
}

.pp-cta-box{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
gap:var(--space-sm);
padding:var(--space-md);
background:var(--color-primary);
border-radius:var(--radius-md);
border:2px solid var(--color-primary);
}

@media (max-width:640px){
.pp-hero-container{padding-inline:var(--space-sm);}
.pp-cta-box{flex-direction:column;align-items:stretch;}
.pp-cta-box .button{width:100%;}
}