/* Drake's Pricing Desk — production full-bleed landing hero override.
   This file intentionally loads LAST so older landing styles cannot re-box the hero. */

html, body, #app {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
}

#landingPage {
  position: relative !important;
  width: 100vw !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background:
    linear-gradient(90deg,
      rgba(4, 20, 36, .90) 0%,
      rgba(4, 20, 36, .82) 19%,
      rgba(4, 20, 36, .60) 36%,
      rgba(4, 20, 36, .28) 54%,
      rgba(4, 20, 36, .10) 72%,
      rgba(4, 20, 36, .03) 100%),
    linear-gradient(180deg,
      rgba(4,20,36,.10) 0%,
      rgba(4,20,36,0) 45%,
      rgba(4,20,36,.28) 100%),
    url('/static/drakes-estate-hero.webp?v=20260916-fullbleed') center 54% / cover no-repeat !important;
  background-color: #041523 !important;
}

#landingPage #mobileLandingPhoto,
#landingPage .landing-photo-final {
  display: none !important;
}

#landingPage .top-market-pulse-strip {
  display: none !important;
}

#landingPage .public-header {
  position: relative !important;
  z-index: 20 !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 24px 58px 14px !important;
  background: linear-gradient(180deg, rgba(3,18,30,.62) 0%, rgba(3,18,30,.14) 70%, transparent 100%) !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

#landingPage .landing-hero,
#landingPage .landing-hero-final {
  position: relative !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.25fr) minmax(420px, .75fr) !important;
  align-items: center !important;
  gap: 64px !important;
  width: 100vw !important;
  max-width: none !important;
  min-height: 620px !important;
  margin: 0 !important;
  padding: 28px 58px 42px !important;
  box-sizing: border-box !important;
  background: transparent !important;
}

#landingPage .landing-left-final {
  width: 100% !important;
  max-width: 700px !important;
  margin: 0 !important;
  padding: 0 !important;
}

#landingPage .hero-display-title {
  max-width: 700px !important;
  font-size: clamp(54px, 5.2vw, 82px) !important;
  line-height: .98 !important;
  color: #fff !important;
  text-shadow: 0 2px 16px rgba(0,0,0,.42) !important;
}

#landingPage .hero-gold-tagline,
#landingPage .hero-caps-tagline {
  color: #f3c86e !important;
  text-shadow: 0 1px 7px rgba(0,0,0,.42) !important;
}

#landingPage .landing-right-final {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}

#landingPage #loginForm,
#landingPage #loginForm.auth-card-floating,
#landingPage .auth-card-floating {
  width: min(470px, 100%) !important;
  max-width: 470px !important;
  margin: 0 0 0 auto !important;
  background: rgba(255,255,255,.975) !important;
  box-shadow: 0 24px 64px rgba(0,0,0,.30) !important;
}

#landingPage .trust-pillars-bar {
  position: relative !important;
  z-index: 8 !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
  background: rgba(5,26,44,.90) !important;
  border-top: 1px solid rgba(243,200,110,.24) !important;
}

#landingPage .public-footer {
  position: relative !important;
  z-index: 8 !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 !important;
}

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

  #landingPage .landing-hero,
  #landingPage .landing-hero-final {
    grid-template-columns: minmax(0, 1fr) minmax(370px, .85fr) !important;
    gap: 34px !important;
    padding-left: 34px !important;
    padding-right: 34px !important;
  }

  #landingPage .public-header {
    padding-left: 34px !important;
    padding-right: 34px !important;
  }
}

@media (max-width: 820px) {
  #landingPage {
    background-position: 57% center !important;
  }

  #landingPage .public-header {
    padding: 18px 22px 10px !important;
  }

  #landingPage .landing-hero,
  #landingPage .landing-hero-final {
    display: block !important;
    min-height: auto !important;
    padding: 30px 22px 42px !important;
  }

  #landingPage .landing-left-final {
    max-width: 620px !important;
    margin-bottom: 28px !important;
  }

  #landingPage .hero-display-title {
    font-size: clamp(42px, 10vw, 60px) !important;
  }

  #landingPage .landing-right-final {
    justify-content: center !important;
  }

  #landingPage #loginForm,
  #landingPage #loginForm.auth-card-floating,
  #landingPage .auth-card-floating {
    width: min(520px, 100%) !important;
    max-width: 520px !important;
    margin: 0 auto !important;
  }
}