/* TRX bounded UX and content refinement — local candidate, 2026-10-27 R1.
   Keep after corporate, mobile navigation and contact protection styles.
   Header, navigation, consent and inquiry protection rules are deliberately untouched. */

.trx-home .trx-home-hero{
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  align-items:center!important;
  gap:clamp(28px,4vw,64px)!important;
  min-height:0!important;
  padding:clamp(38px,4.5vw,64px) clamp(18px,5vw,72px)!important;
  background:
    linear-gradient(90deg,rgba(9,24,17,.97),rgba(9,24,17,.92)),
    url("product-images/optimized/phaseeye-fmc64-cropped-480.webp") right center/520px auto no-repeat,
    #091811!important;
}

.trx-home .trx-hero-copy{min-width:0;max-width:650px}
.trx-home .trx-home-hero .eyebrow{
  margin:0 0 14px!important;
  color:#8cddb0!important;
  font-size:12px!important;
  line-height:1.4!important;
}
.trx-home .trx-home-hero h1{
  max-width:650px;
  margin:0!important;
  color:#fff!important;
  font-size:clamp(40px,4.25vw,62px)!important;
  line-height:1.04!important;
  overflow-wrap:normal;
}
.trx-home .trx-home-hero .slogan{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:6px 13px!important;
  margin:19px 0 0!important;
  font-size:clamp(15px,1.35vw,19px)!important;
  line-height:1.4!important;
}
.trx-home .trx-home-hero .slogan span{
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
.trx-home .trx-home-hero .slogan span:nth-child(1){color:#ff8585!important}
.trx-home .trx-home-hero .slogan span:nth-child(2){color:#fff!important}
.trx-home .trx-home-hero .slogan span:nth-child(3){color:#8cddb0!important}
.trx-home .trx-home-hero p.trx-hero-intro{
  max-width:570px!important;
  margin:19px 0 0!important;
  color:#e3eee7!important;
  font-size:18px!important;
  line-height:1.6!important;
  opacity:1!important;
  transform:none!important;
  animation:none!important;
}
.trx-home .trx-home-hero .actions{margin-top:25px!important;gap:12px!important}
.trx-home .trx-home-hero .button{
  min-height:48px!important;
  padding:0 22px!important;
  font-size:14px!important;
}
.trx-home .trx-home-hero .button.primary{
  background:#07813a!important;
  border-color:#07813a!important;
}
.trx-home .trx-home-hero .trx-quote-secondary{
  border-color:#dce7df!important;
  background:#fff!important;
  color:#10271a!important;
}
.trx-home .trx-home-hero .button:hover,
.trx-home .trx-home-hero .button:focus-visible{
  border-color:#8cddb0!important;
  background:#064b25!important;
  color:#fff!important;
}
.trx-home .trx-hero-feature{
  min-width:0;
  overflow:hidden;
  border:1px solid #d8e4dc;
  border-radius:6px;
  background:#f2f6f3;
  box-shadow:0 18px 48px rgba(0,0,0,.18);
}
.trx-home .trx-hero-feature>a{display:block}
.trx-home .trx-hero-feature img{
  width:100%;
  height:clamp(245px,24vw,350px);
  padding:16px 20px 6px;
  object-fit:contain;
}
.trx-home .trx-hero-feature-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 14px;
  min-height:68px;
  border-top:1px solid #d8e4dc;
  background:#fff;
  padding:17px 20px;
  color:#10271a;
  font-size:15px;
  line-height:1.4;
}
.trx-home .trx-hero-feature-caption>span{font-weight:900}
.trx-home .trx-hero-feature-caption strong{color:#06642e;font-size:13px}
.trx-home .trx-hero-feature>a:hover strong{text-decoration:underline;text-underline-offset:3px}
.trx-home .trx-home-categories{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px 12px;
  border-bottom:1px solid #d9e1dc;
  background:#fff;
  padding:15px clamp(18px,5vw,72px);
}
.trx-home .trx-home-categories>span{
  margin-right:8px;
  color:#526057;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
}
.trx-home .trx-home-categories>a,
.trx-product-jumps>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border:1px solid #d1ded5;
  border-radius:4px;
  background:#f5f8f6;
  padding:8px 14px;
  color:#12321f;
  font-size:13px;
  font-weight:800;
  line-height:1.3;
  text-align:center;
}
.trx-home .trx-home-categories>a:hover,
.trx-product-jumps>a:hover{
  border-color:#067a34;
  background:#e9f5ed;
  color:#064b25;
}
.trx-home .trx-home-hero a:focus-visible,
.trx-home .trx-home-categories>a:focus-visible,
.trx-product-jumps>a:focus-visible,
a.trx-secure-quote:focus-visible{
  outline:3px solid #87ce9f;
  outline-offset:4px;
}

/* Optional shared classes for directory, archive and source-evidence content. */
.trx-skip-link{
  position:fixed!important;
  top:10px;
  left:12px;
  z-index:2000!important;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  border:2px solid #fff;
  border-radius:4px;
  background:#064b25;
  padding:10px 16px;
  color:#fff!important;
  font-size:14px;
  font-weight:900;
  line-height:1.4;
  transform:translateY(-200%);
}
.trx-skip-link:focus{transform:translateY(0);outline:3px solid #87ce9f;outline-offset:2px}
.trx-product-jumps{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px;
  margin:20px 0 0;
}
nav.trx-product-jumps{
  display:flex!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  width:100%!important;
  gap:8px!important;
  margin:20px 0 0!important;
}
nav.trx-product-jumps>a{
  min-width:0!important;
  min-height:44px!important;
  border:1px solid #d1ded5!important;
  border-radius:4px!important;
  background:#f5f8f6!important;
  padding:8px 14px!important;
  color:#12321f!important;
  white-space:normal!important;
}
nav.trx-product-jumps>a:hover{border-color:#067a34!important;background:#e9f5ed!important;color:#064b25!important}
main[id],main [id],[id^="product-"]{scroll-margin-top:88px}
.trx-archive-note{
  max-width:1100px;
  border:1px solid #c8d9ce;
  border-left:4px solid #067a34;
  border-radius:4px;
  background:#edf5ef!important;
  padding:16px 20px;
  color:#213b2a!important;
  font-size:15px!important;
  line-height:1.65!important;
}
.trx-archive-note p{margin:0;color:#213b2a!important}
.trx-archive-note a{color:#064b25!important;text-decoration:underline;text-underline-offset:3px}
.trx-spec-source{
  display:block;
  margin:14px 0 0;
  color:#40564a!important;
  font-size:13px!important;
  line-height:1.6!important;
}
.trx-spec-source a{color:#065e2c!important;text-decoration:underline;text-underline-offset:3px}
a.trx-secure-quote{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  max-width:100%;
  border:1px solid #067a34!important;
  border-radius:4px!important;
  background:#067a34!important;
  padding:10px 17px!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1.35!important;
  text-align:center;
  text-decoration:none!important;
  overflow-wrap:anywhere;
}
a.trx-secure-quote:hover{border-color:#064b25!important;background:#064b25!important;color:#fff!important}

.trx-product-top-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:18px 0 24px}
.trx-product-top-actions>span{color:#526059;font-size:14px;line-height:1.5}
.site-header nav a[aria-current="page"]{color:#067a34!important;background:#edf6f0!important;border-color:#c4ddcd!important}

@media(max-width:1040px){
  .trx-home .trx-home-hero{grid-template-columns:1fr!important;gap:32px!important}
  .trx-home .trx-hero-copy{max-width:690px}
  .trx-home .trx-home-hero h1{max-width:690px;font-size:clamp(38px,6vw,58px)!important}
  .trx-home .trx-home-hero p.trx-hero-intro{max-width:630px!important}
  .trx-home .trx-hero-feature{max-width:600px;width:100%}
  .trx-home .trx-hero-feature img{height:300px}
}
@media(max-width:720px){
  .trx-home .trx-home-hero{
    gap:28px!important;
    padding:28px 16px 32px!important;
    background:
      linear-gradient(180deg,rgba(9,24,17,.98),rgba(9,24,17,.95)),
      url("product-images/optimized/phaseeye-fmc64-cropped-480.webp") right top/320px auto no-repeat,
      #091811!important;
  }
  .trx-home .trx-home-hero .eyebrow{margin-bottom:12px!important;font-size:11px!important}
  .trx-home .trx-home-hero h1{font-size:clamp(32px,7.4vw,44px)!important;line-height:1.06!important}
  .trx-home .trx-home-hero .slogan{gap:4px 11px!important;margin-top:15px!important;font-size:14px!important}
  .trx-home .trx-home-hero p.trx-hero-intro{margin-top:16px!important;font-size:16px!important;line-height:1.55!important}
  .trx-home .trx-home-hero .actions{margin-top:20px!important;gap:10px!important}
  .trx-home .trx-home-hero .button{width:auto;flex:1 1 145px;padding:0 14px!important}
  .trx-home .trx-hero-feature img{height:clamp(205px,54vw,300px);padding:12px 14px 5px}
  .trx-home .trx-hero-feature-caption{padding:14px 16px;min-height:64px}
  .trx-home .trx-home-categories{justify-content:flex-start;padding:16px;gap:8px}
  .trx-home .trx-home-categories>span{flex-basis:100%;margin:0 0 3px}
  .trx-home .trx-home-categories>a{flex:1 1 28%;padding:8px 10px;font-size:12px}
  .trx-product-jumps>a{flex:1 1 130px;min-width:0;padding-inline:10px}
  .trx-archive-note{padding:14px 16px;font-size:14px!important}
}
@media(prefers-reduced-motion:reduce){
  .trx-home .trx-home-hero *{animation:none!important;transition:none!important}
}