/* V74 — keep the approved hero artwork fully intact; blend only BELOW it into the site background. */

/* Never wash/mask the hero itself. The logo, car and reflections stay at full strength to the last pixel. */
.techtrim-home .tt-hero{
  position:relative!important;
  background:#000817!important;
  overflow:hidden!important;
}
.techtrim-home .tt-hero>img{
  -webkit-mask-image:none!important;
  mask-image:none!important;
  opacity:1!important;
  filter:none!important;
}

/* Remove V73's white veil that was climbing into the hero. */
@media (min-width:981px){
  .techtrim-home #services::before{display:none!important;content:none!important}
}

/* The blend now lives in the page BELOW the hero: hero navy -> steel blue -> ice -> pure white.
   The rest of the lower-page palette stays as before. */
.techtrim-home .tt-light-zone{
  margin-top:0!important;
  background:
    radial-gradient(ellipse 58% 31% at 50% 43%,
      #fff 0%,#fff 37%,rgba(255,255,255,.99) 51%,rgba(247,252,255,.92) 61%,
      rgba(196,224,247,.70) 70%,rgba(64,122,180,.42) 79%,rgba(0,58,134,.62) 87%,
      rgba(0,29,73,.90) 94%,#000b18 100%),
    linear-gradient(180deg,
      #000817 0%,
      #00152f 1.8%,
      #123b62 4.2%,
      #6f9fc4 7.0%,
      #c7dfef 9.6%,
      #edf6fc 12.0%,
      #ffffff 15.5%,
      #ffffff 49%,
      #f8fcff 58%,
      #cce9ff 67%,
      #70b5ea 75%,
      #0b61b7 84%,
      #001d49 92%,
      #000b18 100%)!important;
}

/* Keep the side walls, but soften them right at the top so the vertical blend is seamless. */
.techtrim-home .tt-light-zone::before{
  background:
    linear-gradient(90deg,
      #000008 0%,#000b18 4%,#00122d 9%,rgba(0,29,73,.96) 15%,
      rgba(0,58,134,.68) 22%,rgba(0,110,218,.26) 31%,transparent 42%,
      transparent 58%,rgba(0,110,218,.26) 69%,rgba(0,58,134,.68) 78%,
      rgba(0,29,73,.96) 85%,#00122d 91%,#000b18 96%,#000008 100%),
    linear-gradient(180deg,
      rgba(0,8,23,.95) 0%,
      rgba(0,18,45,.45) 5%,
      rgba(255,255,255,0) 14%,
      rgba(255,255,255,0) 47%,
      rgba(0,58,134,.10) 62%,rgba(0,29,73,.56) 78%,#000b18 100%)!important;
}

/* Start the white core only after the top blend, so it cannot climb into the hero. */
.techtrim-home .tt-light-zone::after{
  top:13%!important;
  height:53%!important;
}

/* Preserve the agreed overlap: service cards sit partly on the lower edge of the hero. */
@media (min-width:981px){
  .techtrim-home #services{
    margin-top:-58px!important;
    padding-top:0!important;
    position:relative!important;
    z-index:4!important;
  }
  .techtrim-home #services .tt-service-cards{
    transform:translateY(-26px)!important;
    position:relative!important;
    z-index:5!important;
  }
}