/* Techtrim V48 — lower palette matched to the approved hero */
:root{
  --tt-hero-black:#030a17;
  --tt-hero-navy:#06172f;
  --tt-hero-blue:#0a2457;
  --tt-hero-mid:#123b67;
  --tt-hero-line:#1e5c8a;
  --tt-cyan:#59dce9;
}

/* One continuous field: hero navy at the edges/bottom, clean white in the visual center. */
.techtrim-home .tt-light-zone{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse 74% 42% at 50% 31%,
      #ffffff 0%,
      #ffffff 35%,
      rgba(250,252,255,.99) 48%,
      rgba(225,235,246,.93) 61%,
      rgba(91,126,164,.66) 76%,
      rgba(14,44,82,.90) 90%,
      var(--tt-hero-black) 100%),
    linear-gradient(180deg,
      #f2f7fb 0%,
      #ffffff 25%,
      #ffffff 45%,
      #dbe7f2 58%,
      #31577b 72%,
      #0a2457 84%,
      #030a17 100%)!important;
}
.techtrim-home .tt-light-zone::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  pointer-events:none!important;
  background:
    linear-gradient(90deg,
      var(--tt-hero-black) 0%,
      rgba(6,23,47,.96) 5%,
      rgba(10,36,87,.78) 12%,
      rgba(31,77,120,.40) 23%,
      rgba(255,255,255,0) 39%,
      rgba(255,255,255,0) 61%,
      rgba(31,77,120,.40) 77%,
      rgba(10,36,87,.78) 88%,
      rgba(6,23,47,.96) 95%,
      var(--tt-hero-black) 100%),
    linear-gradient(180deg,
      rgba(3,10,23,.10) 0%,
      rgba(255,255,255,0) 34%,
      rgba(255,255,255,0) 50%,
      rgba(10,36,87,.28) 68%,
      rgba(3,10,23,.92) 100%)!important;
}
.techtrim-home .tt-light-zone::after{
  content:""!important;
  position:absolute!important;
  left:13%!important;
  right:13%!important;
  top:5%!important;
  height:54%!important;
  z-index:-1!important;
  pointer-events:none!important;
  background:radial-gradient(ellipse at center,
    rgba(255,255,255,1) 0%,
    rgba(255,255,255,.98) 38%,
    rgba(245,250,255,.82) 58%,
    rgba(255,255,255,0) 82%)!important;
  filter:blur(20px)!important;
}

/* Headings: the same cyan-blue light found in the hero, not green/teal. */
.techtrim-home .tt-cars h2,
.techtrim-home .tt-visit h2{
  color:#59dce9!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 18px rgba(45,184,232,.16)!important;
}

/* Lower data area uses the exact hero navy family. */
.techtrim-home .tt-visit-card{
  background:linear-gradient(180deg,rgba(10,36,87,.94) 0%,rgba(6,23,47,.98) 58%,rgba(3,10,23,.99) 100%)!important;
  border:1px solid rgba(43,113,171,.58)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}
.techtrim-home .tt-contact-buttons a,
.techtrim-home .tt-info-button{
  background:linear-gradient(180deg,#123b67 0%,#0a2a4d 48%,#071d38 100%)!important;
  border:1px solid rgba(50,137,195,.58)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.techtrim-home .tt-contact-buttons a:hover,
.techtrim-home .tt-info-button:hover{
  background:linear-gradient(180deg,#174d7e 0%,#0d3760 52%,#082541 100%)!important;
  border-color:rgba(89,220,233,.78)!important;
}
.techtrim-home .tt-map-card{
  border-color:rgba(43,113,171,.58)!important;
  box-shadow:0 0 0 1px rgba(3,10,23,.12)!important;
}
.techtrim-home .tt-footer{
  background:linear-gradient(180deg,#06172f 0%,#030a17 70%,#020710 100%)!important;
  border-top:1px solid rgba(43,113,171,.34)!important;
}

@media(max-width:720px){
  .techtrim-home .tt-light-zone{
    background:linear-gradient(180deg,#f2f7fb 0%,#fff 29%,#f8fbff 48%,#244e7c 75%,#030a17 100%)!important;
  }
  .techtrim-home .tt-light-zone::before{
    background:linear-gradient(90deg,rgba(3,10,23,.72) 0%,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 82%,rgba(3,10,23,.72) 100%)!important;
  }
}

/* V49 palette lock — sampled from the actual hero artwork. No turquoise/green cast. */
:root{--tt-ink:#000917;--tt-deep:#010f27;--tt-navy:#021536;--tt-blue:#04204c;--tt-blue2:#0c2c64;--tt-electric:#168cff;--tt-ice:#eef8ff}
.techtrim-home .tt-light-zone{
 background:
  radial-gradient(ellipse 57% 37% at 50% 35%,#fff 0%,#fff 47%,rgba(246,251,255,.97) 59%,rgba(214,231,246,.82) 70%,rgba(63,94,133,.52) 82%,rgba(4,32,76,.90) 94%,#000917 100%),
  linear-gradient(180deg,#dcebf7 0%,#f8fcff 17%,#fff 37%,#f8fcff 53%,#9db8d1 67%,#163c69 80%,#021536 91%,#000917 100%)!important;
}
.techtrim-home .tt-light-zone::before{background:linear-gradient(90deg,#000917 0%,#021536 7%,rgba(4,32,76,.88) 14%,rgba(18,55,94,.48) 24%,transparent 38%,transparent 62%,rgba(18,55,94,.48) 76%,rgba(4,32,76,.88) 86%,#021536 93%,#000917 100%)!important}
.techtrim-home .tt-cars h2,.techtrim-home .tt-visit h2{color:#48c8ff!important;text-shadow:0 0 14px rgba(22,140,255,.22)!important}
.techtrim-home .tt-visit-card{background:linear-gradient(180deg,rgba(4,32,76,.96),rgba(2,21,54,.985) 58%,rgba(0,9,23,.995))!important;border-color:rgba(36,126,196,.52)!important}
.techtrim-home .tt-contact-buttons a,.techtrim-home .tt-info-button{background:linear-gradient(180deg,#0c2c64,#06234f 52%,#021536)!important;border-color:rgba(40,133,205,.58)!important}
.techtrim-home .tt-contact-buttons a:hover,.techtrim-home .tt-info-button:hover{background:linear-gradient(180deg,#123a79,#082b60 52%,#031b42)!important;border-color:#168cff!important}
.techtrim-home .tt-footer{background:linear-gradient(180deg,#021536,#010f27 58%,#000917)!important;border-top-color:rgba(36,126,196,.32)!important}