/* One consistent technology treatment for SBG InfraCore. */
body .hero{
  background-color:#081426 !important;
  background-image:
    linear-gradient(90deg, rgba(6,19,37,.62) 0%, rgba(6,19,37,.32) 58%, rgba(6,19,37,.20) 100%),
    url('landing-tech-background.png') !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* Dark information panels use the same image, scale and contrast treatment. */
body .band,
body .calc,
body .tech-panel{
  background-color:#102544 !important;
  background-image:
    linear-gradient(90deg, rgba(6,19,37,.86) 0%, rgba(6,19,37,.73) 60%, rgba(6,19,37,.60) 100%),
    url('landing-tech-background.png') !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  color:#fff;
}

/* Keep all reading copy consistent on the dark technology panels. */
body .tech-panel h2,
body .tech-panel .head h2{color:#fff !important;}
body .tech-panel p,
body .tech-panel li{color:#dce8f4 !important;}
body .tech-panel .eyebrow{color:#b7ec68 !important;}
body .tech-panel .checks li{color:#e0eaf5 !important;border-color:#ffffff2d !important;}
body .assessment-panel .band-grid{color:#fff !important;}

/* Forms remain a clean, high-contrast white surface even when inside a dark panel. */
body .tech-panel form{
  color:#0b172a !important;
}
body .tech-panel form label{
  color:#0b172a !important;
}
body .tech-panel form .fine{
  color:#5c6b80 !important;
}
body .tech-panel form a{
  color:#087b86 !important;
}

/* Footers use the same visual, but darker for reliable link contrast. */
body footer,
body .footer{
  background-color:#081426 !important;
  background-image:
    linear-gradient(90deg, rgba(6,19,37,.93), rgba(6,19,37,.80)),
    url('landing-tech-background.png') !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
}

/* Keeps hero copy and controls above the background. */
.hero > .wrap,
.hero .hero-grid{
  position:relative;
  z-index:1;
}