/* Techtrim V47 — hero-matched 4-way gradient + aligned lower data cards */

/* The page field uses the same near-black / deep navy family as the hero.
   Light is concentrated in the middle; top/bottom and both side edges dissolve into it. */
.techtrim-home .tt-light-zone{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:
    radial-gradient(ellipse 68% 43% at 50% 27%,
      #ffffff 0%,
      rgba(255,255,255,.995) 26%,
      rgba(247,251,254,.98) 42%,
      rgba(220,234,244,.90) 56%,
      rgba(126,154,176,.68) 69%,
      rgba(35,67,94,.72) 82%,
      rgba(5,22,39,.92) 100%),
    linear-gradient(180deg,
      #dceaf3 0%,
      #f8fbfd 18%,
      #ffffff 32%,
      #eaf2f7 45%,
      #67839a 61%,
      #183c59 73%,
      #081f36 86%,
      #020b16 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,
      rgba(1,8,17,.95) 0%,
      rgba(3,20,37,.80) 6%,
      rgba(10,43,68,.54) 14%,
      rgba(70,104,130,.26) 24%,
      rgba(255,255,255,0) 39%,
      rgba(255,255,255,0) 61%,
      rgba(70,104,130,.26) 76%,
      rgba(10,43,68,.54) 86%,
      rgba(3,20,37,.80) 94%,
      rgba(1,8,17,.95) 100%),
    linear-gradient(180deg,
      rgba(0,6,14,.12) 0%,
      rgba(255,255,255,0) 28%,
      rgba(255,255,255,0) 48%,
      rgba(8,32,52,.22) 64%,
      rgba(1,10,20,.76) 100%)!important;
}
.techtrim-home .tt-light-zone::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:15%!important;
  right:15%!important;
  top:2%!important;
  height:55%!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,.94) 34%,
    rgba(243,249,253,.76) 53%,
    rgba(255,255,255,0) 78%)!important;
  filter:blur(22px)!important;
}

/* Keep the lower title system legible against the navy field. */
.techtrim-home .tt-cars h2,
.techtrim-home .tt-visit h2{
  color:#63e4ee!important;
  background:none!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 0 18px rgba(65,219,234,.16)!important;
}

/* Lower info area: all three columns share the exact same bottom edge. */
.techtrim-home .tt-visit{padding-bottom:34px!important}
.techtrim-home .tt-visit-grid{
  grid-template-columns:minmax(250px,.78fr) minmax(270px,.82fr) minmax(660px,2.40fr)!important;
  gap:14px!important;
  align-items:stretch!important;
  grid-auto-rows:318px!important;
}
.techtrim-home .tt-visit-card,
.techtrim-home .tt-map-card{
  height:318px!important;
  min-height:318px!important;
  max-height:318px!important;
  box-sizing:border-box!important;
  align-self:stretch!important;
}

/* Shells and controls use the same blue-black family sampled from the hero. */
.techtrim-home .tt-visit-card{
  background:linear-gradient(180deg,rgba(9,38,61,.90) 0%,rgba(3,20,37,.97) 100%)!important;
  border:1px solid rgba(69,137,176,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
  border-radius:14px!important;
  color:#fff!important;
}
.techtrim-home .tt-visit-contacts{
  display:flex!important;
  flex-direction:column!important;
  padding:12px 14px!important;
  overflow:hidden!important;
}
.techtrim-home .tt-visit-card h3{
  flex:0 0 auto!important;
  margin:0 0 9px!important;
  line-height:1.15!important;
  font-size:18px!important;
}
.techtrim-home .tt-contact-buttons{
  flex:1 1 auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
}
.techtrim-home .tt-contact-buttons a{
  min-height:0!important;
  height:auto!important;
  padding:0 15px!important;
  display:flex!important;
  align-items:center!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#0d3656 0%,#082943 100%)!important;
  border:1px solid rgba(76,154,196,.46)!important;
  color:#fff!important;
  box-shadow:none!important;
}
.techtrim-home .tt-info-stack{
  padding:12px!important;
  display:grid!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
  overflow:hidden!important;
}
.techtrim-home .tt-info-button{
  min-height:0!important;
  height:auto!important;
  padding:9px 14px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#0d3656 0%,#082943 100%)!important;
  border:1px solid rgba(76,154,196,.46)!important;
  color:#fff!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
.techtrim-home .tt-contact-buttons a:hover,
.techtrim-home .tt-info-button:hover{
  background:linear-gradient(180deg,#124768 0%,#0b3551 100%)!important;
  border-color:rgba(99,228,238,.70)!important;
}

.techtrim-home .tt-map-card{
  overflow:hidden!important;
  border-radius:14px!important;
  border:1px solid rgba(69,137,176,.48)!important;
  background:#bfe1f4!important;
  box-shadow:none!important;
}
.techtrim-home .tt-map-card iframe{
  display:block!important;
  width:100%!important;
  height:318px!important;
  min-height:318px!important;
  border:0!important;
}

/* Footer continues the same hero navy instead of introducing another blue. */
.techtrim-home .tt-footer{
  background:linear-gradient(180deg,#031426 0%,#010912 100%)!important;
  border-top:1px solid rgba(67,128,161,.28)!important;
}

@media(max-width:1100px){
  .techtrim-home .tt-visit-grid{
    grid-template-columns:1fr 1fr!important;
    grid-auto-rows:auto!important;
  }
  .techtrim-home .tt-visit-card{height:auto!important;min-height:300px!important;max-height:none!important}
  .techtrim-home .tt-map-card{grid-column:1/-1!important;height:320px!important;min-height:320px!important;max-height:none!important}
  .techtrim-home .tt-map-card iframe{height:320px!important;min-height:320px!important}
}
@media(max-width:720px){
  .techtrim-home .tt-visit-grid{grid-template-columns:1fr!important}
  .techtrim-home .tt-map-card{grid-column:auto!important}
  .techtrim-home .tt-light-zone{
    background:linear-gradient(180deg,#eef5f9 0%,#ffffff 26%,#e7f0f6 43%,#254a66 70%,#020b16 100%)!important;
  }
  .techtrim-home .tt-light-zone::before{
    background:linear-gradient(90deg,rgba(1,8,17,.62) 0%,rgba(255,255,255,0) 17%,rgba(255,255,255,0) 83%,rgba(1,8,17,.62) 100%)!important;
  }
}