/* Never Miss Leads AI — corrected visual-only override
   Keeps original React layout, original hero and original AI agent code. */

html{
  background:#050810;
}

body{
  background:
    linear-gradient(180deg,rgba(5,8,16,.54),rgba(5,8,16,.76) 48%,rgba(5,8,16,.90)),
    url('/images/nml-tech-page-background.jpg') center top/cover fixed no-repeat,
    #050810 !important;
}

/* The React app originally paints a solid #050810 over the body.
   Make that outer shell transparent so the NEW background can show behind the site. */
#root > div{
  background:transparent !important;
}

/* Preserve the site's existing grid overlay, but make it less dominant over the artwork. */
.grid-bg{
  opacity:.52 !important;
}

/* Typography refresh only. */
html, body, #root,
p, li, a, button, input, textarea, select{
  font-family:"Inter",Arial,sans-serif !important;
}

h1,h2,h3,h4,h5,h6,
.font-display,
.btn-primary,.btn-secondary,.btn-cta-pulse,
.desktop-pricing-pill,
.mobile-sticky,
.mobile-dreams-ribbon{
  font-family:"Manrope","Inter",Arial,sans-serif !important;
  letter-spacing:-.015em !important;
}

h1,h2{font-weight:800 !important;}
h3,h4,h5,h6,
.btn-primary,.btn-secondary,.btn-cta-pulse,
button{font-weight:700 !important;}

/* Keep content panels readable while still allowing a hint of the background through. */
.glass-card,.hw-card{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

/* Mobile: avoid fixed-background rendering problems on phones. */
@media(max-width:768px){
  body{
    background-attachment:scroll !important;
    background-position:62% top !important;
  }
}