/* Techtrim V17 — approved homepage: smooth hero-to-white fade + compact layout + logo-only light sweep. */

/* Header stays directly on the hero. Glass strip appears only after scrolling. */
.techtrim-home .approved-header{
  position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:1200!important;
  height:66px!important;min-height:66px!important;background:transparent!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.techtrim-home .approved-header.is-scrolled{
  background:linear-gradient(180deg,rgba(4,15,26,.94),rgba(7,25,39,.88))!important;
  border-bottom:1px solid rgba(102,188,244,.12)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(14px) saturate(128%)!important;-webkit-backdrop-filter:blur(14px) saturate(128%)!important;
}
.techtrim-home .approved-header .approved-nav{
  width:min(100%,1470px)!important;max-width:1470px!important;height:66px!important;min-height:66px!important;
  padding:0 26px!important;margin:0 auto!important;grid-template-columns:230px minmax(500px,1fr) auto!important;column-gap:17px!important;
}
.techtrim-home .approved-header .approved-brand{width:230px!important;min-width:230px!important;max-width:230px!important;height:58px!important;background:transparent!important;box-shadow:none!important;border:0!important;overflow:visible!important}
.techtrim-home .approved-header .approved-brand img{content:normal!important;width:224px!important;height:58px!important;object-fit:contain!important;object-position:left center!important;background:transparent!important;mix-blend-mode:normal!important;filter:none!important}
.techtrim-home .approved-header .approved-links{gap:8px!important}
.techtrim-home .approved-header .approved-links>a,.techtrim-home .approved-header .tt-services-trigger{
  height:36px!important;min-height:36px!important;padding:0 14px!important;border-radius:6px!important;font-size:11.5px!important;font-weight:650!important;
  background:rgba(2,7,12,.60)!important;border:1px solid rgba(164,188,207,.34)!important;
}
.techtrim-home .tt-top-actions{gap:8px!important}
.techtrim-home .tt-top-actions .tt-action{
  height:36px!important;min-height:36px!important;padding:0 10px!important;border-radius:6px!important;font-size:10.5px!important;
  background:rgba(2,7,12,.60)!important;border:1px solid rgba(164,188,207,.34)!important;
}
.techtrim-home .tt-top-actions .tt-phone{min-width:150px!important}.techtrim-home .tt-top-actions .tt-telegram{min-width:96px!important}.techtrim-home .tt-top-actions .tt-max{min-width:66px!important}.techtrim-home .tt-top-actions .tt-avito{min-width:74px!important}

/* Hero: use the approved 3D/perspective source unmodified. Shift it slightly upward so the mirrored wordmark remains visible. */
.techtrim-home .tt-hero{
  position:relative!important;isolation:isolate!important;width:100%!important;height:455px!important;max-height:455px!important;overflow:hidden!important;
  background:#fff!important;
}
.techtrim-home .tt-hero>img{
  position:absolute!important;left:0!important;top:-52px!important;width:100%!important;height:auto!important;max-height:none!important;display:block!important;
  object-fit:initial!important;object-position:initial!important;transform:none!important;filter:none!important;background:#02060b!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 66%,rgba(0,0,0,.995) 70%,rgba(0,0,0,.97) 74%,rgba(0,0,0,.90) 78%,rgba(0,0,0,.78) 82%,rgba(0,0,0,.62) 86%,rgba(0,0,0,.44) 90%,rgba(0,0,0,.27) 94%,rgba(0,0,0,.12) 97%,transparent 100%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 66%,rgba(0,0,0,.995) 70%,rgba(0,0,0,.97) 74%,rgba(0,0,0,.90) 78%,rgba(0,0,0,.78) 82%,rgba(0,0,0,.62) 86%,rgba(0,0,0,.44) 90%,rgba(0,0,0,.27) 94%,rgba(0,0,0,.12) 97%,transparent 100%)!important;
}
.techtrim-home .tt-hero::after{
  content:""!important;display:block!important;position:absolute!important;z-index:4!important;left:0!important;right:0!important;bottom:-1px!important;height:122px!important;pointer-events:none!important;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.015) 18%,rgba(255,255,255,.05) 34%,rgba(255,255,255,.13) 48%,rgba(255,255,255,.28) 63%,rgba(255,255,255,.48) 76%,rgba(255,255,255,.70) 86%,rgba(255,255,255,.88) 94%,#fff 100%)!important;
}

/* Headlight-like sweep travels only across the shield and the Techtrim letters via the approved mask. */
.techtrim-home .tt-logo-sheen{
  display:block!important;position:absolute!important;z-index:6!important;pointer-events:none!important;overflow:hidden!important;
  left:3.1%!important;top:72px!important;width:59.8%!important;height:284px!important;mix-blend-mode:screen!important;
  mask:url('techtrim-sheen-mask.png') center/100% 100% no-repeat!important;-webkit-mask:url('techtrim-sheen-mask.png') center/100% 100% no-repeat!important;
}
.techtrim-home .tt-logo-sheen::before{
  content:""!important;position:absolute!important;top:-10%!important;left:-14%!important;width:8.5%!important;height:120%!important;
  background:linear-gradient(90deg,transparent 0%,rgba(136,205,250,.06) 18%,rgba(225,244,255,.34) 35%,rgba(255,255,255,.98) 50%,rgba(147,216,255,.27) 66%,transparent 100%)!important;
  filter:blur(1.1px)!important;transform:translateX(0) skewX(-14deg)!important;opacity:0!important;
  animation:ttV17LogoSweep 7.8s cubic-bezier(.44,.03,.42,.97) infinite!important;
}
.techtrim-home .tt-logo-sheen::after{display:none!important}
@keyframes ttV17LogoSweep{
  0%,58%{transform:translateX(0) skewX(-14deg);opacity:0}
  61%{opacity:.94}
  84%{transform:translateX(1360%) skewX(-14deg);opacity:.92}
  88%,100%{transform:translateX(1410%) skewX(-14deg);opacity:0}
}

/* White section begins under the reflection with no blue band or hard seam. */
.techtrim-home .tt-light-zone{position:relative!important;margin-top:-1px!important;padding:0 0 16px!important;background:#fff!important}
.techtrim-home .tt-light-zone::before{display:none!important}

/* Info cards: low enough to leave visible mirror reflection, but still compact. */
.techtrim-home .tt-info-grid{position:relative!important;z-index:8!important;margin-top:-18px!important;margin-bottom:0!important;gap:10px!important}
.techtrim-home .tt-info-grid article{height:84px!important;min-height:84px!important;padding:11px 13px!important;border-radius:10px!important}
.techtrim-home .tt-info-icon{font-size:22px!important}.techtrim-home .tt-info-grid b{font-size:12.7px!important}.techtrim-home .tt-info-grid p{font-size:10.6px!important;line-height:1.34!important;margin-top:4px!important}

/* Sections are intentionally tight to reduce scrolling. */
.techtrim-home .tt-section{padding-top:8px!important}
.techtrim-home .tt-section h2{font-size:20px!important;line-height:1.05!important;margin:0!important}
.techtrim-home .tt-title-line{margin:3px auto 7px!important;width:145px!important}
.techtrim-home .tt-service-cards.three{max-width:1360px!important;gap:10px!important;margin-top:0!important}
.techtrim-home .tt-service-card{height:164px!important;min-height:164px!important;display:grid!important;grid-template-columns:40% 60%!important;border-radius:10px!important}
.techtrim-home .tt-service-visual{height:164px!important;min-height:164px!important}.techtrim-home .tt-service-visual img{width:100%!important;height:100%!important;object-fit:contain!important}
.techtrim-home .tt-service-copy{padding:9px 10px!important}.techtrim-home .tt-service-copy h3{font-size:12.2px!important;line-height:1.2!important;margin:0 0 4px!important}
.techtrim-home .tt-service-copy p,.techtrim-home .tt-service-copy li{font-size:9.1px!important;line-height:1.31!important}.techtrim-home .tt-service-copy li{margin:2px 0!important;padding-left:13px!important}
.techtrim-home .tt-card-foot{padding-top:3px!important}.techtrim-home .tt-card-foot b{font-size:8.9px!important}.techtrim-home .tt-card-foot a{font-size:8.8px!important;padding:5px 8px!important;border-radius:5px!important}

.techtrim-home .tt-cars{padding-top:9px!important}.techtrim-home .tt-cars .tt-title-line{margin-bottom:6px!important}
.techtrim-home .tt-car-grid{gap:7px!important;margin-top:0!important}.techtrim-home .tt-car-grid a.tt-approved-car{height:98px!important;min-height:98px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
.techtrim-home .tt-car-grid a.tt-approved-car>img{width:100%!important;height:100%!important;object-fit:fill!important;display:block!important;margin:0!important;filter:none!important}
.techtrim-home .tt-all-cars{margin-top:5px!important;padding:4px 8px!important;font-size:9px!important}

.techtrim-home .tt-trust{padding-top:8px!important;gap:7px!important}.techtrim-home .tt-trust article{min-height:58px!important;padding:7px 9px!important;border-radius:9px!important}.techtrim-home .tt-trust article>b{font-size:18px!important}.techtrim-home .tt-trust strong{font-size:9.2px!important}.techtrim-home .tt-trust small{font-size:8.6px!important;margin-top:1px!important}
.techtrim-home .tt-contact-strip{padding-top:10px!important;padding-bottom:12px!important}.techtrim-home .tt-contact-strip h2{font-size:17px!important;margin-bottom:4px!important}.techtrim-home .tt-contact-strip p{font-size:10.5px!important}.techtrim-home .tt-contact-buttons a{font-size:10px!important;padding:7px 10px!important}

@media (min-width:981px) and (max-width:1360px){
  .techtrim-home .approved-header .approved-nav{grid-template-columns:205px minmax(455px,1fr) auto!important;padding:0 18px!important;column-gap:12px!important}
  .techtrim-home .approved-header .approved-brand{width:205px!important;min-width:205px!important;max-width:205px!important;height:54px!important}.techtrim-home .approved-header .approved-brand img{width:198px!important;height:54px!important}
  .techtrim-home .approved-header .approved-links{gap:5px!important}.techtrim-home .approved-header .approved-links>a,.techtrim-home .approved-header .tt-services-trigger{padding:0 10px!important;font-size:11px!important}
  .techtrim-home .tt-top-actions{gap:5px!important}.techtrim-home .tt-top-actions .tt-action{padding:0 7px!important;font-size:10px!important}.techtrim-home .tt-top-actions .tt-phone{min-width:136px!important}.techtrim-home .tt-top-actions .tt-telegram{min-width:86px!important}.techtrim-home .tt-top-actions .tt-max{min-width:58px!important}.techtrim-home .tt-top-actions .tt-avito{min-width:66px!important}
  .techtrim-home .tt-hero{height:425px!important}.techtrim-home .tt-hero>img{top:-46px!important}.techtrim-home .tt-logo-sheen{top:67px!important;height:264px!important}
}
@media(max-width:980px){
  .techtrim-home .tt-hero{height:360px!important}.techtrim-home .tt-hero>img{top:-20px!important;width:auto!important;height:420px!important;left:50%!important;transform:translateX(-50%)!important;max-width:none!important}
  .techtrim-home .tt-logo-sheen{display:none!important}.techtrim-home .tt-info-grid{margin-top:-8px!important}.techtrim-home .tt-service-card{height:auto!important;min-height:172px!important}.techtrim-home .tt-service-visual{height:auto!important;min-height:172px!important}
}
@media(max-width:640px){
  .techtrim-home .tt-hero{height:300px!important}.techtrim-home .tt-hero>img{height:340px!important;top:-10px!important}.techtrim-home .tt-info-grid{grid-template-columns:1fr!important;margin-top:0!important}.techtrim-home .tt-info-grid article{height:auto!important;min-height:72px!important}
  .techtrim-home .tt-service-cards.three{grid-template-columns:1fr!important}.techtrim-home .tt-service-card{height:160px!important;min-height:160px!important}.techtrim-home .tt-service-visual{height:160px!important;min-height:160px!important}
  .techtrim-home .tt-car-grid{grid-template-columns:repeat(2,1fr)!important}
}
@media(prefers-reduced-motion:reduce){.techtrim-home .tt-logo-sheen::before{animation:none!important}}