/* v73 — Mobile homepage: dark sections are charcoal (not near-black) with a soft top-to-bottom gradient,
   and the gold is a bit brighter on those dark sections. Phones only (<=768px). Desktop and other pages unchanged. */
@media (max-width:768px){
  /* Hero: photo fades into charcoal, then the text area eases slightly darker toward the bottom */
  .page-home .hero{background:linear-gradient(to bottom,#232528 0,#232528 clamp(420px,110vw,640px),#1a1c1e 100%)}
  .page-home .hero-photo::after{background:linear-gradient(to bottom,rgba(35,37,40,.82) 0%,rgba(35,37,40,.2) 20%,rgba(35,37,40,.04) 35%,rgba(35,37,40,.03) 50%,rgba(35,37,40,.04) 62%,rgba(35,37,40,.12) 72%,rgba(35,37,40,.45) 84%,rgba(35,37,40,.85) 94%,#232528 100%)}

  /* Rating/credentials strip right under the hero continues the same charcoal */
  .page-home .trust-strip-bar{background:#1a1c1e;box-shadow:none}

  /* Sticky call / request bar at the bottom of the screen */
  .page-home .sticky-mobile-cta{background:linear-gradient(to bottom,#232528,#1c1e20);box-shadow:0 -1px 0 rgba(255,255,255,.06)}

  /* "Request a free roof inspection" section */
  .page-home .final-cta{background:linear-gradient(to bottom,#27292c 0%,#1c1e20 100%)}
  .page-home .final-cta::before{background:radial-gradient(ellipse 70% 80% at 50% 50%,rgba(28,30,32,.62) 0%,rgba(28,30,32,.4) 45%,rgba(28,30,32,.15) 75%,rgba(28,30,32,.08) 100%)}

  /* Footer */
  .page-home .footer{background:linear-gradient(to bottom,#1c1e20 0%,#161719 100%)}

  /* Brighter gold on the dark sections only (gold on the white sections stays as it was) */
  .page-home .hero,.page-home .trust-strip-bar,.page-home .sticky-mobile-cta,.page-home .final-cta,.page-home .footer{--amber-400:#e2a94e;--amber-300:#ecbd6e}
  .page-home .hero h1 .accent{color:#e2a94e}
  .page-home .hero .btn-amber,.page-home .final-cta .btn-amber,.page-home .sticky-cta-form{background:linear-gradient(180deg,#ecb65c 0%,#d99c3f 100%);color:#17181a;box-shadow:var(--shadow-amber)}
}

/* v77 — "What we do" on tablet/desktop: charcoal gradient instead of flat near-black (phones keep the white section) */
@media (min-width:769px){
  .page-home .services{background:linear-gradient(to bottom,#222427 0%,#1b1c1f 50%,#141517 100%)}
}