.visual-stories{background:#eef3f1;padding:110px 0}.visual-head{justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px;display:flex}.visual-head h2{font-size:clamp(38px,5vw,62px)}.story-grid{grid-template-rows:310px 310px;grid-template-columns:1.25fr .75fr;gap:14px;display:grid}.story{color:#fff;background-position:50%;background-size:cover;border-radius:7px;position:relative;overflow:hidden}.story:after{content:"";background:linear-gradient(#04121d0d 30%,#04121ded);position:absolute;inset:0}.story>div{z-index:2;position:absolute;bottom:25px;left:30px;right:30px}.story small{color:#55e6ba;text-transform:uppercase;letter-spacing:1.4px;font-weight:800}.story h3{margin:8px 0;font:600 27px/1.15 Space Grotesk}.story p{color:#c3d3d9;max-width:600px;font-size:12px}.story.retail{background-image:url(/images/blemeshscanner-retail.png);grid-row:span 2}.story.logistics{background-image:url(/images/blemeshscanner-warehouse-hero.png)}.story.facilities{background-image:url(/images/blemeshscanner-field-installation.png)}.sector-list{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.sector-list span{color:#536c65;background:#fff;border:1px solid #cad8d4;border-radius:18px;padding:7px 12px;font-size:10px}.connection-section{color:#fff;background:#092031;padding:100px 0}.connection-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;display:grid}.connection-grid h2{font-size:clamp(42px,5vw,64px)}.connection-grid>div>p{color:#9eb0ba}.labor-message{border-left:2px solid #55e6ba;margin-top:38px;padding:10px 0 10px 20px}.labor-message strong,.labor-message span{display:block}.labor-message span{color:#94aab4;margin-top:6px;font-size:12px}.connection-diagram{background:#0e293a;border:1px solid #254253;padding:25px}.connection-diagram>article{color:#0b2233;background:#fff;grid-template-columns:60px 1fr auto;align-items:center;gap:15px;padding:20px;display:grid}.connection-diagram>i{text-align:center;color:#55e6ba;text-transform:uppercase;letter-spacing:2px;margin:10px;font-size:10px;font-style:normal;display:block}.connection-diagram article strong{font:600 17px Space Grotesk}.connection-diagram article p{color:#657981;margin:2px 0;font-size:11px}.connection-diagram article small{color:#71858c;text-align:right;font-size:9px}.port{color:#087558;background:#dff9f1;border-radius:50%;place-items:center;width:50px;height:50px;font-size:9px;font-weight:800;display:grid}.port.uart{color:#17689c;background:#dceeff;border-radius:5px}.diagram-output{border-top:1px solid #254253;justify-content:space-between;align-items:center;gap:8px;margin-top:24px;padding-top:20px;display:flex}.diagram-output span{color:#c7d7de;font-size:10px}.diagram-output b{color:#55e6ba}.contact-detail a{color:#55e6ba;text-decoration:none}@media (width<=900px){.visual-head{display:block}.story-grid{grid-template-rows:430px 300px;grid-template-columns:1fr 1fr}.story.retail{grid-area:auto/span 2}.connection-grid{grid-template-columns:1fr}.connection-section{padding:75px 0}}@media (width<=600px){.visual-stories{padding:75px 0}.story-grid{display:block}.story{height:330px;margin-bottom:12px}.story.retail{height:420px}.story h3{font-size:23px}.connection-diagram>article{grid-template-columns:50px 1fr}.connection-diagram article small{display:none}.diagram-output{flex-wrap:wrap}.visual-head h2{font-size:38px}}