/* Techtrim V50 — exact lower palette family mirrored from hero + compact footer */
:root{
  --tt50-black:#000008;
  --tt50-deep:#000818;
  --tt50-navy:#001028;
  --tt50-blue:#001840;
  --tt50-blue2:#002048;
  --tt50-electric:#168cff;
  --tt50-ice:#f7fbff;
}

/* One continuous atmosphere: hero palette at outer edges and bottom, pure white core. */
.techtrim-home .tt-light-zone{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse 56% 36% at 50% 39%,
      #fff 0%,
      #fff 42%,
      rgba(252,254,255,.99) 54%,
      rgba(238,247,255,.93) 64%,
      rgba(177,204,229,.72) 72%,
      rgba(61,102,149,.46) 80%,
      rgba(0,32,72,.76) 89%,
      rgba(0,16,40,.96) 96%,
      #000008 100%),
    linear-gradient(180deg,
      #dcecf8 0%,
      #f4faff 12%,
      #ffffff 27%,
      #ffffff 46%,
      #f8fcff 56%,
      #d6e8f7 65%,
      #7aa3c9 73%,
      #244f80 81%,
      #001840 89%,
      #001028 95%,
      #000008 100%)!important;
}

/* Side walls use the same hero navy/electric-blue family and dissolve toward center. */
.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,
      #000008 0%,
      #000818 4%,
      #001028 9%,
      rgba(0,32,72,.92) 15%,
      rgba(12,58,108,.62) 23%,
      rgba(64,123,176,.28) 31%,
      rgba(255,255,255,0) 42%,
      rgba(255,255,255,0) 58%,
      rgba(64,123,176,.28) 69%,
      rgba(12,58,108,.62) 77%,
      rgba(0,32,72,.92) 85%,
      #001028 91%,
      #000818 96%,
      #000008 100%),
    linear-gradient(180deg,
      rgba(0,8,24,.04) 0%,
      rgba(255,255,255,0) 38%,
      rgba(255,255,255,0) 51%,
      rgba(0,32,72,.18) 65%,
      rgba(0,24,64,.48) 76%,
      rgba(0,16,40,.80) 88%,
      rgba(0,0,8,.98) 100%)!important;
}

/* Keep the center unmistakably white. */
.techtrim-home .tt-light-zone::after{
  content:""!important;
  position:absolute!important;
  left:17%!important;
  right:17%!important;
  top:10%!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,.99) 43%,
    rgba(250,253,255,.84) 61%,
    rgba(255,255,255,0) 84%)!important;
  filter:blur(22px)!important;
}

/* Headings use only the electric-blue highlight from the hero, no teal/green cast. */
.techtrim-home .tt-cars h2,
.techtrim-home .tt-visit h2{
  color:#2aa7ff!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  text-shadow:0 0 16px rgba(22,140,255,.20)!important;
}

/* Lower panels and buttons are from exactly the same navy ladder as the hero. */
.techtrim-home .tt-visit-card{
  background:linear-gradient(180deg,
    rgba(0,32,72,.96) 0%,
    rgba(0,24,64,.985) 45%,
    rgba(0,16,40,.995) 74%,
    rgba(0,8,24,.998) 100%)!important;
  border:1px solid rgba(22,140,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 10px 28px rgba(0,8,24,.16)!important;
}
.techtrim-home .tt-contact-buttons a,
.techtrim-home .tt-info-button{
  background:linear-gradient(180deg,
    #002048 0%,
    #001840 48%,
    #001028 100%)!important;
  border:1px solid rgba(22,140,255,.40)!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,#06306a 0%,#00255a 48%,#00183d 100%)!important;
  border-color:rgba(66,176,255,.78)!important;
}
.techtrim-home .tt-map-card{
  border:1px solid rgba(22,140,255,.32)!important;
  box-shadow:0 8px 26px rgba(0,8,24,.14)!important;
}

/* Slim footer: just copy + developer line, no oversized dark band. */
.techtrim-home .tt-footer{
  background:linear-gradient(180deg,#001028 0%,#000818 58%,#000008 100%)!important;
  border-top:1px solid rgba(22,140,255,.22)!important;
  padding:0!important;
  min-height:0!important;
}
.techtrim-home .tt-footer-inner{
  max-width:1480px!important;
  min-height:42px!important;
  height:42px!important;
  margin:0 auto!important;
  padding:0 24px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
}
.techtrim-home .tt-footer-copy,
.techtrim-home .tt-footer-dev{
  margin:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:12px!important;
  line-height:1!important;
}
.techtrim-home .tt-footer-dev a{color:#2aa7ff!important;text-decoration:none!important;font-weight:700!important}
.techtrim-home .tt-footer-dev a:hover{color:#72c8ff!important}

@media(max-width:720px){
  .techtrim-home .tt-light-zone{
    background:linear-gradient(180deg,#e8f4fd 0%,#fff 24%,#fff 48%,#dcecf8 60%,#315f8c 74%,#001840 88%,#000008 100%)!important;
  }
  .techtrim-home .tt-light-zone::before{
    background:linear-gradient(90deg,rgba(0,8,24,.82) 0%,transparent 16%,transparent 84%,rgba(0,8,24,.82) 100%)!important;
  }
  .techtrim-home .tt-footer-inner{height:auto!important;min-height:46px!important;padding:9px 14px!important;flex-direction:column!important;justify-content:center!important;gap:5px!important;text-align:center!important}
}