/* Drake's Pricing Desk — single-source production estate hero.
   Loaded after all legacy landing styles. Do not add a second hero renderer. */

#landingPage {
  position: relative !important;
  isolation: isolate !important;
  overflow: hidden !important;
  background: #041523 !important;
}

#landingEstateHero {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  min-height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: 50% 54% !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

#landingEstateOverlay {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  background:
    linear-gradient(90deg,
      rgba(4,20,36,.92) 0%,
      rgba(4,20,36,.84) 18%,
      rgba(4,20,36,.62) 36%,
      rgba(4,20,36,.31) 54%,
      rgba(4,20,36,.11) 72%,
      rgba(4,20,36,.03) 100%),
    linear-gradient(180deg,
      rgba(4,20,36,.10) 0%,
      rgba(4,20,36,0) 46%,
      rgba(4,20,36,.28) 100%) !important;
}

/* The production hero is a real server-rendered image. Disable all legacy hero renderers. */
#landingPage #mobileLandingPhoto,
#landingPage .landing-photo-final {
  display: none !important;
}

#landingPage .public-header,
#landingPage .landing-hero,
#landingPage .landing-hero-final,
#landingPage .trust-pillars-bar,
#landingPage .public-footer,
#landingPage #timeSavedBanner {
  position: relative !important;
}

#landingPage .public-header { z-index: 20 !important; }
#landingPage .landing-hero,
#landingPage .landing-hero-final { z-index: 2 !important; }
#landingPage .trust-pillars-bar,
#landingPage .public-footer,
#landingPage #timeSavedBanner { z-index: 8 !important; }

@media (max-width: 1050px) {
  #landingEstateHero { object-position: 56% 52% !important; }
}

@media (max-width: 820px) {
  #landingEstateHero { object-position: 59% center !important; }
  #landingEstateOverlay {
    background:
      linear-gradient(180deg,
        rgba(4,20,36,.76) 0%,
        rgba(4,20,36,.48) 30%,
        rgba(4,20,36,.25) 58%,
        rgba(4,20,36,.58) 100%) !important;
  }
}