/* Homepage-only technical fixes (contrast + tap targets). Colors darkened minimally to meet WCAG AA. */
html:not([data-theme="dark"]) .audit-url-label > span,
html:not([data-theme="dark"]) .audit-group-heading p,
html:not([data-theme="dark"]) .audit-disclaimer,
html:not([data-theme="dark"]) .home-work-v5 > .wrap > p{color:#5d6b76!important}
.us-based-head h2 span.blue{color:#4d8fd6!important}
/* Tap targets on small screens only */
@media (max-width:480px){
 footer a{display:inline-block;min-height:24px;padding:3px 0;line-height:1.4}
 footer li{margin:2px 0}
 .micro a,.trustbar a,.lead-audit-layout label a{display:inline-block;min-height:24px;padding:2px 0}
 .lead-audit-layout input[type=checkbox],.lead-audit-layout input[type=radio]{min-width:24px;min-height:24px}
}

/* Hero v4: full-width photo hero. Photo layer sits right (monitor + phone clear of text); navy gradient on left for copy. */
html body section.hero{position:relative !important;overflow:hidden !important;background:#071521 !important;background-image:none !important;
 min-height:clamp(600px,44vw,820px) !important;height:auto !important;aspect-ratio:auto !important;padding:0 !important;display:flex !important;align-items:center !important}
html body section.hero::before{content:"" !important;display:block !important;position:absolute !important;z-index:0 !important;
 top:0 !important;bottom:0 !important;left:29% !important;right:auto !important;width:92% !important;height:auto !important;opacity:1 !important;transform:none !important;
 background:url("/assets/bcc-hero-full-v3.webp") center 42%/cover no-repeat !important}
html body section.hero::after{content:"" !important;display:block !important;position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none !important;
 background:linear-gradient(90deg,#071521 0%,#071521 29%,rgba(7,21,33,.85) 34%,rgba(7,21,33,.4) 40%,rgba(7,21,33,0) 45%) !important}
html body section.hero .hero-grid{position:relative !important;z-index:2 !important;display:block !important;width:100% !important;max-width:1440px !important;margin:0 auto !important;
 padding:64px clamp(24px,4vw,64px) !important;min-height:0 !important;box-sizing:border-box !important}
html body section.hero .hero-grid>div:first-child{max-width:min(600px,40vw) !important;width:100% !important;padding:0 !important}
html body section.hero .hero-grid h1{font-size:clamp(40px,3.5vw,64px) !important;max-width:none !important;text-shadow:0 2px 18px rgba(0,0,0,.35)}
html body section.hero .hero-grid p{font-size:18px !important;max-width:none !important}
html body section.hero .hero-art{display:none !important}
html body section.hero .actions .btn{white-space:nowrap !important}
@media (min-width:1700px){html body section.hero::before{left:33% !important;width:82% !important}
 html body section.hero .hero-grid{max-width:1680px !important}
 html body section.hero::after{background:linear-gradient(90deg,#071521 0%,#071521 32%,rgba(7,21,33,.85) 37%,rgba(7,21,33,.4) 42%,rgba(7,21,33,0) 47%) !important}}
@media (max-width:760px){
 html body section.hero{display:block !important;min-height:0 !important}
 html body section.hero::before{position:relative !important;left:auto !important;width:100% !important;aspect-ratio:2400/1350 !important;
  background:url("/assets/bcc-hero-full-v3.webp") center/cover no-repeat !important}
 html body section.hero::after{inset:auto !important;top:calc(100vw * 1350 / 2400 - 60px) !important;left:0 !important;right:0 !important;height:60px !important;
  background:linear-gradient(180deg,rgba(7,21,33,0),#071521) !important}
 html body section.hero .hero-grid{padding:20px 18px 44px !important}
 html body section.hero .hero-grid>div:first-child{max-width:none !important}
 html body section.hero .hero-grid h1{font-size:clamp(34px,9vw,46px) !important}
 html body section.hero .hero-grid p{font-size:17px !important}
 html body section.hero .actions .btn{white-space:normal !important}}