/* A quieter editorial hierarchy for the public-facing pages. */
body:not(.admin-mode) #app h1,
body:not(.admin-mode) #app h2{font-family:Inter,Arial,sans-serif;font-weight:600;letter-spacing:-.022em;line-height:1.13;text-transform:none}
body:not(.admin-mode) #app h1 em,
body:not(.admin-mode) #app h2 em{font-family:Inter,Arial,sans-serif;font-weight:500;font-style:italic;letter-spacing:-.015em;text-transform:none;background:none;box-shadow:none;text-decoration:none;color:var(--headline-accent,#3d3d3a)}
body:not(.admin-mode) #app{--headline-accent:#3d3d3a}
body:not(.admin-mode) #app :is(.page-hero,.sp-hero,.sp-contact-hero,.sp-article-hero,.pp-hero,.tech-section,.cta-section,.cf-intro,.booking-scale,.sp-related){--headline-accent:#ffd600}
body:not(.admin-mode) #app .sp-hero h1 em{width:auto;max-width:100%;overflow-wrap:normal;hyphens:auto}
body:not(.admin-mode) #app .hs-copy h1{font-size:clamp(40px,3.9vw,56px);font-weight:600;line-height:1.11}
body:not(.admin-mode) #app .hs-reference-copy h2{font-size:clamp(34px,3.8vw,58px);line-height:1.11}
@media(max-width:720px){body:not(.admin-mode) #app .hs-copy h1{font-size:clamp(40px,7.4vw,57px)}}
@media(max-width:520px){body:not(.admin-mode) #app .hs-copy h1{font-size:42px}}
@media(max-width:520px){.site-header{gap:12px;padding:0 16px}.header-cta{white-space:nowrap;font-size:10px;padding:10px 12px}.brand-word strong{font-size:20px}}
@media(max-width:360px){.header-cta{font-size:0;gap:0;padding:10px}.header-cta span{font-size:18px}}