/* LaserWeldFit v5.1 visual reliability + catalog imagery */
:root{--v51-glass:rgba(19,21,25,.72);--v51-line:rgba(255,255,255,.11)}
/* Decision paths: preserve the orbital idea without allowing center collisions. */
.intent-map{min-height:700px}
.intent-map:before{width:500px;height:500px}.intent-map:after{width:340px;height:340px}
.node-size{left:calc(50% - 112.5px);top:5%}
.node-sheet{left:calc(50% - 112.5px);right:auto;bottom:5%}
.node-material{left:5%;top:15%}.node-hvac{right:5%;top:15%}.node-mobile{left:4%;bottom:11%}.node-sign{right:4%;bottom:11%}
.intent-core{width:198px;height:198px}
.intent-node{background:linear-gradient(145deg,rgba(28,30,35,.86),rgba(15,17,20,.74));border-color:rgba(255,255,255,.13);box-shadow:0 22px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)}
@media(max-width:1180px) and (min-width:981px){.intent-map{min-height:760px}.node-material{left:3%}.node-hvac{right:3%}.node-mobile{left:3%}.node-sign{right:3%}.node-size{top:4%}.node-sheet{bottom:4%}.intent-core{width:185px;height:185px}}
/* Database becomes a visual catalog, while retaining crawlable table data. */
.data-table td:first-child{min-width:240px}.machine-link{display:flex!important;align-items:center;gap:12px;color:var(--cyan)!important;font-weight:850;text-decoration:none}.machine-thumb{flex:0 0 64px;width:64px;height:52px;border-radius:13px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.14),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.04)}.machine-thumb img{width:100%;height:100%;object-fit:contain;filter:saturate(1.03) contrast(1.02);transition:transform .3s ease}.machine-link:hover .machine-thumb img{transform:scale(1.08)}.machine-thumb.is-fallback img{opacity:.7;padding:8px}.data-table tbody tr{transition:background .25s ease,transform .2s ease}.data-table tbody tr:hover{background:rgba(255,117,64,.035)}
/* Give new brand cards the same product-first visual language as the flagship cards. */
.v5-brand-expansion .brand-hub-card{position:relative;overflow:hidden;min-height:340px;padding-top:18px}.brand-card-visual{height:150px;margin:-2px -2px 14px;border-radius:18px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.12),rgba(255,255,255,.025) 62%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));border:1px solid rgba(255,255,255,.085);position:relative}.brand-card-visual:before{content:"";position:absolute;inset:-50%;background:linear-gradient(110deg,transparent 43%,rgba(255,255,255,.09) 50%,transparent 57%);transform:translateX(-55%) rotate(4deg);transition:transform .8s ease}.brand-hub-card:hover .brand-card-visual:before{transform:translateX(55%) rotate(4deg)}.brand-card-visual img{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(0,0,0,.28));transition:transform .4s cubic-bezier(.2,.7,.2,1)}.brand-hub-card:hover .brand-card-visual img{transform:scale(1.045) translateY(-3px)}.brand-card-visual.is-fallback img{width:64%;height:64%;opacity:.65}
/* Product theater fallbacks should still look intentional, never blank. */
.product-theater img[src$="machine.svg"],.showcase-stage img[src$="machine.svg"]{opacity:.72;filter:drop-shadow(0 24px 34px rgba(0,0,0,.3))}
@media(max-width:980px){.intent-map{min-height:auto}.data-table td:first-child{min-width:220px}.machine-thumb{width:54px;height:46px;flex-basis:54px}.v5-brand-expansion .brand-hub-card{min-height:310px}}
@media(max-width:680px){.machine-link{gap:9px}.machine-thumb{width:46px;height:40px;flex-basis:46px;border-radius:10px}.brand-card-visual{height:130px}}