:root{--mobile-bottom:0px}
body{overflow-wrap:break-word}
.skip:focus{position:fixed;z-index:1000}
button{font:inherit}
button:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
footer nav a,footer nav button{min-height:44px;display:inline-flex;align-items:center;font-size:14px}
.cards p,.hero .intro{font-size:16px}
.cards ul{font-size:16px}
.cards .note,.service-foot,.local{font-size:14px}
.eyebrow,.cards .eyebrow,.hero-foot,.scroll-logo,.report-preview>span{font-size:12px}
.hero-timeline{font-size:12px;letter-spacing:.05em}
footer p{font-size:12px}
.nav-book{white-space:nowrap}
.privacy-page h1{line-height:1.15}
@media(max-width:760px){
 header{gap:12px;padding:16px 20px;min-height:78px}
 .brand>span{font-size:16px}
 .brand small{letter-spacing:.25em}
 .nav-symbol{width:32px;height:32px}
 .nav-book{font-size:12px;padding:10px 12px}
 .hero-scroll .hero{top:var(--mobile-header)}
 .product-intro>.hero-copy{display:block}
 .hero-scroll .hero .mobile-hero-copy .button{font-size:14px}
 .mobile-skip{font-size:14px}
 .report-preview>span{letter-spacing:.06em}
 .brand{flex-shrink:0}
}
@media(max-width:360px){header{padding:14px 12px;gap:8px}.brand>span{font-size:14px}.brand small{font-size:7px}.nav-book{padding:9px;font-size:12px}.nav-symbol{width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Phone navigation and touch-friendly content, including the pricing update. */
@media(max-width:760px){
 :root{--mobile-header:126px;--mobile-bottom:env(safe-area-inset-bottom,0px)}
 html{scroll-padding-top:142px}
 header{height:126px;min-height:126px;padding:12px 20px;flex-direction:column;align-items:stretch;justify-content:center;gap:8px;position:sticky;top:0;z-index:30;background:var(--bg)}
 header .brand{align-self:flex-start}
 header nav{width:100%;justify-content:space-between;gap:12px}
 header nav>a:first-child{display:inline-flex}
 header nav a{min-height:44px;align-items:center;font-size:14px}
 .nav-book{padding:9px 15px}
 .hero-scroll .hero{top:var(--mobile-header)}
 .cards article{min-width:0;padding:24px}
 .cards .note{margin-top:0;margin-bottom:16px}
 .cards .note:last-child{margin-bottom:0}
 .cards .note a,.service-foot a,.report .text-link,.back{display:inline-flex;align-items:center;min-height:44px}
 .contact .button{width:100%;max-width:340px}
 .email{min-height:44px;display:flex;align-items:center;justify-content:center;overflow-wrap:anywhere}
 footer nav{display:grid;grid-template-columns:1fr;gap:4px}
 footer nav a{padding:5px 0}
 .details-page summary{min-height:44px;line-height:1.5;padding:8px 0}
 .details-page h1{font-size:clamp(30px,8vw,42px)}
 .mobile-hero-copy h2{line-height:1.15!important}
}
@media(max-width:760px) and (max-height:500px){
 .hero-scroll{height:auto}
 .hero-scroll .hero{position:relative;top:0;height:650px}
}