/* Responsive Pricing hero — image composition only; retain accessible HTML content and real CTA. */
body:has(a[href="pricing.html"][aria-current="page"]) main > .hero {
  background-color:#051f39;
  background-image:url("hero-pricing.webp");
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
  min-height:clamp(485px,41.6vw,625px)!important;
  display:flex;align-items:center;
  padding:56px 0;
}
body:has(a[href="pricing.html"][aria-current="page"]) main > .hero .wrap{width:100%;}
body:has(a[href="pricing.html"][aria-current="page"]) main > .hero h1{max-width:490px!important;}
body:has(a[href="pricing.html"][aria-current="page"]) main > .hero p{max-width:470px!important;}
@media (max-width:1200px){
 body:has(a[href="pricing.html"][aria-current="page"]) main > .hero{background-image:url("hero-pricing-1200.webp");background-position:center;}
}
@media (max-width:760px){
 body:has(a[href="pricing.html"][aria-current="page"]) main > .hero{
   background-image:url("hero-pricing-mobile.webp");background-position:center bottom;
   min-height:720px!important;align-items:flex-start;padding:44px 0 290px;
 }
 body:has(a[href="pricing.html"][aria-current="page"]) main > .hero h1{font-size:clamp(35px,9vw,48px);}
 body:has(a[href="pricing.html"][aria-current="page"]) main > .hero p{max-width:370px!important;font-size:16px;}
}