/* White hero and one consolidated benefits bar below the artwork. */
.hero.centered-hero { background: #fff; }
.hero.centered-hero::before { background-color: transparent; }
.pp-assurance-complete .assurance-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); max-width: 1180px; gap: 18px; }
.pp-assurance-complete .assurance-grid > div { flex-direction: column; justify-content: flex-start; text-align: center; gap: 9px; }
.pp-assurance-complete .assurance-grid > div strong { font-size: 11px; line-height: 1.4; }
.pp-assurance-complete .assurance-grid > div strong::after { content: none; }
@media (max-width: 700px) {
 .pp-assurance-complete .assurance-grid { width: calc(100% - 20px); gap: 6px; }
 .pp-assurance-complete .assurance-grid > div strong { font-size: 9px; letter-spacing: 0; }
 .pp-assurance-complete .assurance-grid i { font-size: 21px; }
}
@media (max-width: 600px) {
 .hero.centered-hero .hero-center { padding-bottom: calc(72vw + 40px); }
}

/* Short illustrated lawn and a contact shadow anchor the mascot. */
.hero.centered-hero::after { height: 220px; background: url('/assets/short-lawn-dog-waste-illustration.webp') center bottom / auto 220px repeat-x; mask-image: none; -webkit-mask-image: none; }
.pp-mascot-ground-shadow { position: absolute; z-index: 2; pointer-events: none; right: 5%; bottom: 27px; width: 280px; height: 28px; border-radius: 50%; background: radial-gradient(ellipse, rgba(25,53,10,.42) 0%, rgba(25,53,10,.18) 45%, transparent 72%); }
@media (max-width: 900px) {
 .pp-mascot-ground-shadow { right: 20px; width: 195px; bottom: 17px; height: 23px; }
}
@media (max-width: 600px) {
 .hero.centered-hero::after { height: 170px; background-size: auto 170px; }
 .pp-mascot-ground-shadow { right: 8px; width: 48%; bottom: 19px; height: 24px; }
}