/* TRX corporate preview layer */
:root{
  --trx-ink:#101410;
  --trx-muted:#59655e;
  --trx-line:#d9e1dc;
  --trx-soft:#f4f7f5;
  --trx-panel:#ffffff;
  --trx-green:#067a34;
  --trx-green-dark:#064b25;
  --trx-red:#e11d1d;
  --trx-steel:#1f2a35;
  --trx-shadow:0 18px 46px rgba(11,23,17,.1);
  --trx-shadow-strong:0 28px 76px rgba(8,18,13,.16);
}
*{letter-spacing:0!important}
html{scroll-behavior:smooth}
body{
  background:
    linear-gradient(180deg,rgba(255,255,255,.88),rgba(244,247,245,.94)),
    var(--trx-soft)!important;
  color:var(--trx-ink)!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
body::before{
  opacity:.85!important;
}
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) minmax(250px,340px)!important;
  align-items:center!important;
  gap:20px!important;
  border:0!important;
  border-bottom:1px solid rgba(9,28,18,.12)!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 12px 34px rgba(8,18,13,.08)!important;
  padding:12px clamp(18px,4vw,64px)!important;
  backdrop-filter:blur(18px)!important;
}
.site-header::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:3px!important;
  background:linear-gradient(90deg,var(--trx-red) 0 24%,var(--trx-ink) 24% 58%,var(--trx-green) 58% 100%)!important;
}
.brand{
  min-width:0!important;
  gap:14px!important;
  color:var(--trx-ink)!important;
  font-size:14px!important;
  font-weight:900!important;
  line-height:1.15!important;
}
.brand img{
  width:118px!important;
  height:74px!important;
  padding:4px!important;
  border:1px solid rgba(9,28,18,.08)!important;
  border-radius:4px!important;
  background:#fff!important;
  object-fit:contain!important;
  box-shadow:0 8px 18px rgba(8,18,13,.08)!important;
}
nav{
  justify-content:center!important;
  gap:8px!important;
  color:var(--trx-ink)!important;
  font-size:13px!important;
  font-weight:900!important;
}
nav a{
  min-width:0!important;
  min-height:40px!important;
  border:1px solid transparent!important;
  border-radius:4px!important;
  background:transparent!important;
  padding:0 12px!important;
  color:var(--trx-ink)!important;
  transition:background 160ms ease,border-color 160ms ease,color 160ms ease,transform 160ms ease!important;
}
nav a:hover{
  border-color:rgba(6,122,52,.24)!important;
  background:#eef7f1!important;
  color:var(--trx-green)!important;
  transform:translateY(-1px)!important;
}
.trx-search-inner{
  border-radius:4px!important;
  box-shadow:none!important;
  border-color:rgba(9,28,18,.16)!important;
}
.trx-search input,.trx-search button{
  height:42px!important;
}
.trx-search button{
  background:var(--trx-ink)!important;
  color:#fff!important;
  border-left:0!important;
}
.trx-search button:hover{
  background:var(--trx-green)!important;
}
.page-hero,.hero{
  position:relative!important;
  overflow:hidden!important;
  border-bottom:1px solid var(--trx-line)!important;
}
.page-hero{
  min-height:430px!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.86)),
    linear-gradient(135deg,rgba(6,122,52,.1),rgba(31,42,53,.08))!important;
  padding:clamp(58px,7vw,96px) clamp(18px,5vw,72px)!important;
}
.page-hero::after,.hero::after{
  content:""!important;
  position:absolute!important;
  left:clamp(18px,5vw,72px)!important;
  bottom:0!important;
  width:min(380px,42vw)!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--trx-red),var(--trx-ink),var(--trx-green))!important;
}
.eyebrow,.kicker{
  color:var(--trx-green)!important;
  font-size:12px!important;
  font-weight:900!important;
  text-transform:uppercase!important;
}
h1{
  color:var(--trx-ink)!important;
  font-size:clamp(40px,5.8vw,74px)!important;
  line-height:1!important;
}
.section-heading h2,.applications h2,.custom-section h2{
  color:var(--trx-ink)!important;
  font-size:clamp(30px,4.2vw,56px)!important;
  line-height:1.04!important;
}
.page-hero p:not(.eyebrow),.section-heading p,.hero p:not(.eyebrow),.lead{
  color:var(--trx-muted)!important;
  font-size:18px!important;
  line-height:1.7!important;
}
.hero{
  min-height:calc(100vh - 104px)!important;
  background:
    linear-gradient(90deg,rgba(10,16,12,.92),rgba(10,16,12,.74)),
    url("product-images/phaseeye/phaseeye-fmc64-cropped.png") center right/contain no-repeat,
    #0a100c!important;
  color:#fff!important;
}
.hero h1,.hero .intro-copy,.hero p,.hero .slogan span:nth-child(2){
  color:#fff!important;
}
.hero .intro-copy{
  max-width:760px!important;
  color:#dbe4de!important;
}
.hero .slogan span:nth-child(1){color:#ff2a2a!important}
.hero .slogan span:nth-child(3){color:#33a85c!important}
.hero-products a{
  border:1px solid rgba(255,255,255,.18)!important;
  border-radius:4px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 20px 56px rgba(0,0,0,.22)!important;
}
.hero-products a:hover{
  border-color:rgba(51,168,92,.7)!important;
}
.hero-products img{
  opacity:.28!important;
}
.hero-products div{
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.96))!important;
}
.quick-links{
  border-block:1px solid var(--trx-line)!important;
  background:#fff!important;
}
.quick-links a{
  border-right:1px solid var(--trx-line)!important;
  background:#fff!important;
}
.quick-links a:hover{
  background:var(--trx-ink)!important;
}
.section{
  padding:clamp(52px,7vw,90px) clamp(18px,5vw,72px)!important;
}
.section.white{
  background:#fff!important;
}
.grid,.series-grid,.model-grid,.product-showcase,.detail-grid,.contact-grid,.table-grid{
  gap:20px!important;
}
.card,.series-card,.model-card,.type-card,.detail-card,.spec-card,.contact-card,.app-card,.product-card{
  border:1px solid var(--trx-line)!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:0 10px 24px rgba(8,18,13,.04)!important;
  transition:border-color 160ms ease,box-shadow 160ms ease,transform 160ms ease!important;
}
.card:hover,.series-card:hover,.model-card:hover,.type-card:hover,.product-card:hover{
  border-color:rgba(6,122,52,.42)!important;
  box-shadow:var(--trx-shadow)!important;
  transform:translateY(-2px)!important;
}
.image-wrap,.model-image,.hero-image,.carousel-main{
  background:
    linear-gradient(180deg,#fbfcfb,#f1f5f2)!important;
  border-color:var(--trx-line)!important;
}
.hero-image{
  border-radius:4px!important;
  box-shadow:var(--trx-shadow-strong)!important;
}
.image-wrap img,.model-image img,.hero-image img{
  object-fit:contain!important;
}
.card-body,.body,.model-card,.spec-card,.detail-card{
  padding:24px!important;
}
.card h3,.series-card h3,.model-card h3,.body h3,.detail-card h2{
  color:var(--trx-ink)!important;
  line-height:1.14!important;
}
.card p,.card li,.series-card p,.series-card li,.model-card p,.model-card li,.detail-card p,.detail-card li,.body p,.body li{
  color:var(--trx-muted)!important;
  line-height:1.62!important;
}
.series-list li,.model-list li,.specs div,.specs li{
  border-top:1px solid #e4ebe6!important;
}
.button{
  min-height:46px!important;
  border-radius:4px!important;
  border:1px solid var(--trx-line)!important;
  background:#fff!important;
  color:var(--trx-ink)!important;
  font-size:13px!important;
  font-weight:900!important;
}
.button.primary{
  border-color:var(--trx-green)!important;
  background:var(--trx-green)!important;
  color:#fff!important;
}
.button:hover{
  border-color:var(--trx-green)!important;
  background:var(--trx-green)!important;
  color:#fff!important;
}
.actions{
  gap:10px!important;
}
.product-tabs a,.type-filter,.app-tags span,.connector-tags span{
  border-radius:4px!important;
}
.type-filter{
  min-height:104px!important;
  background:#fff!important;
}
.type-filter.active{
  border-color:var(--trx-green)!important;
  box-shadow:inset 0 3px 0 var(--trx-green),0 16px 34px rgba(8,18,13,.08)!important;
}
.model-card::after{
  color:var(--trx-green)!important;
}
.layout{
  grid-template-columns:minmax(380px,.95fr) minmax(0,1.05fr)!important;
  gap:28px!important;
}
.carousel{
  border:1px solid var(--trx-line)!important;
  border-radius:4px!important;
  background:#fff!important;
  box-shadow:var(--trx-shadow)!important;
}
.carousel-main{
  min-height:520px!important;
}
.carousel-main img{
  height:520px!important;
  padding:22px!important;
}
.thumbs{
  border-top:1px solid var(--trx-line)!important;
}
.thumbs button{
  border-radius:4px!important;
}
.detail-card{
  box-shadow:var(--trx-shadow)!important;
}
.specs li,.specs div{
  grid-template-columns:168px minmax(0,1fr)!important;
}
.stats-band{
  background:linear-gradient(90deg,#101410,#16221b)!important;
}
.stats-band div{
  border-color:rgba(255,255,255,.12)!important;
}
.site-footer{
  background:linear-gradient(90deg,#101410,#07120d)!important;
  border-top:4px solid var(--trx-green)!important;
}
.site-footer .footer-logo img{
  border-radius:4px!important;
}
.site-footer .footer-info{
  max-width:1100px!important;
}
.site-footer .footer-slogan .red{color:var(--trx-red)!important}
.site-footer .footer-slogan .green{color:#32a85b!important}
.corporate-proof{
  display:grid;
  grid-template-columns:1fr 1.25fr;
  gap:36px;
  align-items:start;
  border-block:1px solid var(--trx-line);
  background:#fff;
  padding:clamp(52px,7vw,88px) clamp(18px,5vw,72px);
}
.corporate-proof h2{
  margin:0;
  color:var(--trx-ink);
  font-size:clamp(30px,4.2vw,56px);
  line-height:1.04;
  font-weight:900;
}
.proof-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.proof-item{
  border:1px solid var(--trx-line);
  border-radius:4px;
  background:var(--trx-soft);
  padding:22px;
}
.proof-item strong{
  display:block;
  margin-bottom:10px;
  color:var(--trx-ink);
  font-size:18px;
}
.proof-item span{
  display:block;
  color:var(--trx-muted);
  font-size:14px;
  line-height:1.6;
}
.capability-band{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-block:1px solid var(--trx-line);
  background:#fff;
}
.capability-band a{
  min-height:220px;
  border-right:1px solid var(--trx-line);
  padding:28px;
  background:#fff;
}
.capability-band a:hover{
  background:var(--trx-ink);
  color:#fff;
}
.capability-band h3{
  margin:34px 0 12px;
  font-size:28px;
  line-height:1.06;
}
.capability-band p{
  margin:0;
  color:var(--trx-muted);
  font-size:15px;
  line-height:1.62;
}
.capability-band a:hover p{
  color:#dce5df;
}
.capability-band .kicker{
  color:var(--trx-green)!important;
}
@media(max-width:1500px){
  .site-header{
    grid-template-columns:1fr!important;
  }
  .trx-search{
    justify-self:stretch!important;
    max-width:620px!important;
  }
  nav{
    justify-content:flex-start!important;
  }
}
@media(max-width:1040px){
  .layout,.corporate-proof{
    grid-template-columns:1fr!important;
  }
  .capability-band{
    grid-template-columns:1fr!important;
  }
  .capability-band a{
    border-right:0!important;
    border-bottom:1px solid var(--trx-line)!important;
  }
}
@media(max-width:720px){
  .site-header{
    position:sticky!important;
    padding:12px 14px!important;
  }
  .brand img{
    width:88px!important;
    height:58px!important;
  }
  nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
  }
  nav a{
    width:100%!important;
    min-height:40px!important;
  }
  .hero{
    min-height:auto!important;
    background:
      linear-gradient(180deg,rgba(10,16,12,.94),rgba(10,16,12,.86)),
      url("product-images/phaseeye/phaseeye-fmc64-cropped.png") center top/contain no-repeat,
      #0a100c!important;
  }
  .page-hero,.hero,.section,.corporate-proof{
    padding:36px 16px!important;
  }
  .hero-products{
    grid-template-columns:1fr!important;
  }
  .grid,.series-grid,.model-grid,.product-showcase,.detail-grid,.proof-grid{
    grid-template-columns:1fr!important;
  }
  .image-wrap{
    height:210px!important;
  }
  .carousel-main{
    min-height:330px!important;
  }
  .carousel-main img{
    height:330px!important;
  }
  .specs li,.specs div{
    grid-template-columns:1fr!important;
  }
  .site-footer{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
}