.solution-families { padding-top:88px; padding-bottom:88px; background:#edf2f7; }
.solution-families .customization-programs-heading { margin-bottom:36px; }
.solution-families .customization-programs-heading h2 { font-size:min(var(--heading-max-size), clamp(36px,3.5vw,64px)); }
.solution-families .customization-programs-heading > p { font-size:16px; }
.solution-family-layout { display:block; }
.solution-family-tabs { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-bottom:24px; }
.solution-family-tab { appearance:none; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:10px; width:100%; min-height:132px; padding:18px 12px; border:1px solid #cbd5e3; background:transparent; color:#26364b; text-align:center; font:inherit; font-size:17px; line-height:1.3; cursor:pointer; transition:background .22s,color .22s; }
.solution-family-tab > span { display:flex; align-items:center; justify-content:center; max-width:100%; min-height:2.6em; }
.solution-family-tab .solution-family-icon { display:block; flex:none; width:36px; height:36px; background:currentColor; mask:var(--family-icon) center / contain no-repeat; -webkit-mask:var(--family-icon) center / contain no-repeat; }
.solution-icon-automated-loading { --family-icon:url('/icons/solution-loading.svg'); }
.solution-icon-truck-scales { --family-icon:url('/icons/solution-truck-scale.svg'); }
.solution-icon-load-cells { --family-icon:url('/icons/solution-load-cell.svg'); }
.solution-icon-industrial-scales { --family-icon:url('/icons/solution-platform-scale.svg'); }
.solution-icon-explosion-proof { --family-icon:url('/icons/solution-explosion-proof.svg'); }
.solution-icon-steel-silos { --family-icon:url('/icons/solution-silos.svg'); }
.solution-family-tab:hover { background:#e2eaf4; color:#24427e; }
.solution-family-tab[aria-selected="true"] { background:#24427e; color:white; }
.solution-family-tab:focus-visible,.solution-family-panel:focus-visible { outline:3px solid #dc1b18; outline-offset:4px; }
.solution-family-display { min-width:0; }
.solution-family-panel { background:white; }
.solution-family-panel[hidden] { display:none; }
.solution-family-panel:not([hidden]) { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; animation:solution-family-enter .28s ease-out; }
.solution-family-image { display:block; width:100%; height:auto; aspect-ratio:1672/941; object-fit:cover; }
.solution-family-copy { min-width:0; padding:26px 32px; }
.solution-family-copy h3 { margin:0 0 12px; color:#101722; font-size:min(var(--heading-max-size), clamp(26px,1.7vw,32px)); line-height:1.15; letter-spacing:-.035em; font-weight:500; }
.solution-family-copy > p { margin:0; color:#4e6077; font-size:16px; line-height:1.7; max-width:68ch; }
.solution-family-details { display:grid; grid-template-columns:1fr 1fr; gap:22px; margin:18px 0 20px; padding-top:16px; border-top:1px solid #e0e6ee; }
.solution-family-details dt { color:#24427e; font-size:14px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; margin-bottom:8px; }
.solution-family-details dd { margin:0; color:#4e6077; font-size:14px; line-height:1.65; }
.solution-family-inquiry { min-height:50px; font-size:14px; letter-spacing:.04em; line-height:1.4; max-width:100%; }
.solution-family-noscript { margin:28px 0 0; color:#24427e; }
.solution-family-noscript a { text-decoration:underline; }
@keyframes solution-family-enter { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:1100px) {
  .solution-family-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .solution-family-tab { min-height:132px; }
  .solution-family-copy { padding:24px; }
  .solution-family-details { grid-template-columns:1fr; gap:14px; }
}
@media(max-width:900px) {
  .solution-family-tabs { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .solution-family-panel:not([hidden]) { grid-template-columns:1fr; }
  .solution-family-details { grid-template-columns:1fr 1fr; }
  .solution-families .customization-programs-heading { margin-bottom:32px; }
}
@media(max-width:620px) {
  .solution-families { padding-top:64px; padding-bottom:64px; }
  .solution-families .customization-programs-heading h2 { font-size:min(var(--heading-max-size), 36px); }
  .solution-family-tabs { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .solution-family-tab { font-size:16px; min-height:132px; padding:14px 12px; gap:10px; }
  .solution-family-tab .solution-family-icon { width:32px; height:32px; }
  .solution-family-copy { padding:24px 22px; }
  .solution-family-copy h3 { font-size:min(var(--heading-max-size), 28px); }
  .solution-family-details { grid-template-columns:1fr; gap:16px; }
  .solution-family-inquiry { width:100%; padding-inline:16px; text-align:left; }
}
@media(prefers-reduced-motion:reduce) {
  .solution-family-panel:not([hidden]) { animation:none; }
  .solution-family-tab,.solution-family-tab .icon { transition:none; }
}