:root{--page-title-display:none;}/* Start custom CSS *//* My ProScan only. Everything else comes from the shared pf.css. */

/* Hero photo is a background on the original (no <img> in the source), so it stays one here. */
.pf.pf .mps-hero { background-image: url("https://pairfection.us/wp-content/uploads/2026/09/myproscan-hero-image.webp"); background-size: cover; background-position: center center; }
@media (max-width: 1024px) { .pf.pf .mps-hero { background-position: 65% center; } }

/* My ProScan Behavioral AI logo on a white plate at the top of the hero. */
.pf.pf .mps-brand { max-width: 430px; margin-bottom: 34px; padding: 12px 16px; border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 14px 34px rgba(0,0,0,.16); }

/* The hero's key line sits on the dark photo: white text, peach rule. */
.pf.pf .pf-hero .pf-callout { color: #fff; border-left-color: var(--pf-peach); }

/* Space between the sample-report caption and the button in the price cards. */
.pf.pf .mps-visual-note { margin-bottom: 24px; }

/* Bookstore photo of the book, centred in its white frame (same as the Teens page). */
.pf.pf .mps-book { max-width: 440px; margin: 0 auto; }/* End custom CSS */