/* Shared hero background: Midnight Analytics Command Center (served from this site) */
.hero-photo{
  position:relative;
  background-color:#0a0f24;
  background-image:
    linear-gradient(90deg,rgba(8,12,32,.92) 0%,rgba(8,12,32,.72) 45%,rgba(8,12,32,.4) 100%),
    url("/hero-bg.jpg");
  background-image:
    linear-gradient(90deg,rgba(8,12,32,.92) 0%,rgba(8,12,32,.72) 45%,rgba(8,12,32,.4) 100%),
    image-set(url("/hero-bg.webp") type("image/webp"),url("/hero-bg.jpg") type("image/jpeg"));
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.hero-photo h1,.hero-photo h2{color:#fff !important}
.hero-photo p{color:#d5dcf5 !important}
.hero-photo .text-gray-900,.hero-photo .text-gray-600{color:#fff !important}
.hero-photo .btn-outline,
.hero-photo a.border-gray-900{
  color:#fff !important;border-color:rgba(255,255,255,.85) !important;background:transparent;
}
.hero-photo .btn-outline:hover,
.hero-photo a.border-gray-900:hover{background:#fff !important;color:#0a0f24 !important}
/* keep text inside the white cards dark */
.hero-photo .bg-white p,.hero-photo .bg-white .text-gray-900,.hero-photo .bg-white h3,.hero-photo .bg-white h4{color:#111827 !important}
.hero-photo .bg-white .text-gray-600{color:#4b5563 !important}
@media (max-width:768px){
  .hero-photo{background-image:linear-gradient(180deg,rgba(8,12,32,.88),rgba(8,12,32,.78)),url("/hero-bg.jpg")}
}