#hero-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-3;opacity:0;transition:opacity 1.5s;pointer-events:none}.webgl-ready #hero-canvas{opacity:1}.webgl-ready .hero-image{opacity:0;animation:none}.hero-image{transition:opacity 1.5s}.webgl-ready{background:radial-gradient(ellipse at 80% 40%,#19394c 0%,#0b2434 40%,#071c29 75%)}.webgl-ready .hero-shade{background:linear-gradient(90deg,#071c29f2 0%,#071c29bd 28%,#071c2933 60%,transparent 100%),linear-gradient(0deg,#071c29aa,transparent 30%)}
.product-row{grid-template-columns:22px 57px 1fr 26px;gap:13px;padding:12px 6px 12px 0;min-height:87px}.row-thumb{width:57px;height:57px;object-fit:cover;background:#e6e6de;mix-blend-mode:multiply;transition:transform .4s var(--ease)}.product-row:hover .row-thumb{transform:scale(1.08)}.product-row h3{font-size:18px}.product-row.previewing{background:#dce2dc;padding-left:12px}.product-visual>img{transition:opacity .25s,transform 1.6s var(--ease)}.visual-bottom{background:linear-gradient(0deg,#edede5ed,transparent);left:0;right:0;bottom:0;padding:45px 25px 25px}.visual-bottom>span{max-width:75%;font-size:28px}.product-dialog-image>img{object-fit:contain}.product-dialog-image{background:#eeede7}.product-facts div>span:first-child{color:var(--muted)}
.industry-layout{grid-template-columns:.65fr 1.35fr;gap:8%;align-items:start}.industry-nav{position:sticky;top:105px}.industry-detail{padding-top:0}.industry-detail h3{max-width:580px;font-size:38px}.industry-detail>p:not(.eyebrow){max-width:570px}.industry-landscape{opacity:.45;transition:opacity .6s}.industry-overlay{background:linear-gradient(90deg,#061b29f5,#071c29c9 65%,#071c29aa),linear-gradient(0deg,#071c29f9,transparent 80%)}.application-scene{position:relative;aspect-ratio:1.9;background:#183746;overflow:hidden;margin:24px 0 0;border:1px solid #d5a27c33}.application-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .5s}.application-scene-shade{position:absolute;inset:0;background:linear-gradient(0deg,#03141ef5,transparent 95%)}.map-label{position:absolute;top:14px;left:17px;right:17px;font-size:7px;letter-spacing:.13em;color:#ecdfce;font-weight:500}.cable-route{position:absolute;inset:0;width:100%;height:100%}.cable-route path{fill:none;stroke-linecap:round}.route-base{stroke:#d1a17a;stroke-width:3;opacity:.45}.route-flow{stroke:#ffdcaf;stroke-width:3;stroke-dasharray:55 860;filter:drop-shadow(0 0 5px #f8b977);animation:signal-flow 4s linear infinite}.route-stops{position:absolute;inset:0}.route-stop{position:absolute;top:61%;left:17.8%;transform:translate(-50%,-10px);width:30%;display:flex;align-items:center;flex-direction:column;text-align:center}.route-stop:nth-child(2){left:50%;top:38.6%}.route-stop:nth-child(3){left:82.2%}.route-stop>b{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#d5a27c;color:#082332;font-size:8px;border:1px solid #f7d4ae;box-shadow:0 0 0 5px #d5a27c15}.route-stop>span{background:#071c29df;padding:4px 7px;font-size:9px;margin-top:12px;line-height:1.4;max-width:140px}.application-caption{border-bottom:1px solid #ffffff20;border-left:2px solid var(--copper);padding:13px 0 14px 15px;display:flex;gap:20px;align-items:baseline;margin-bottom:21px}.application-caption>span{font-size:7px;letter-spacing:.08em;color:var(--copper);white-space:nowrap}.application-caption>p{font-size:11px;color:#c0cdd4;line-height:1.7}.industry-detail .tags{margin-top:19px;margin-bottom:22px}.tags button{border:1px solid #ffffff38;padding:5px 10px;border-radius:20px;background:transparent;color:inherit;font:inherit;transition:background .25s,color .25s}.tags button:hover{background:var(--copper);color:var(--navy)}
@keyframes signal-flow{to{stroke-dashoffset:-915}}
@media(max-width:1100px){.industry-layout{gap:6%;grid-template-columns:.7fr 1.3fr}.industry-nav button span{font-size:14px}.application-caption{display:block}.application-caption>p{margin-top:5px}.product-row{grid-template-columns:17px 49px 1fr 20px;gap:10px}.row-thumb{width:49px;height:49px}.product-row h3{font-size:16px}}
@media(max-width:800px){.product-row{grid-template-columns:15px 40px 1fr 17px;gap:8px;min-height:80px}.row-thumb{width:40px;height:46px}.product-row h3{font-size:14px}.industry-layout{grid-template-columns:.62fr 1.38fr;gap:5%}.industry-nav button span{font-size:12px;margin-left:11px}.industry-detail h3{font-size:30px}.route-stop>span{font-size:8px;padding:3px}.route-stop>b{width:18px;height:18px;font-size:7px}.map-label{font-size:6px}.application-caption>p{font-size:10px}}
@media(max-width:560px){.webgl-ready .hero-shade{background:linear-gradient(90deg,#071c29de,#071c29a0 50%,#071c2930),linear-gradient(0deg,#071c29eb,transparent 40%)}.product-row{grid-template-columns:15px 51px 1fr 18px;gap:11px;min-height:87px}.row-thumb{width:51px;height:57px}.product-row h3{font-size:17px;line-height:1.2}.product-row p{font-size:9px}.product-row.previewing{padding-left:6px}.visual-bottom>span{font-size:28px}.industry-layout{display:flex;gap:27px}.industry-nav{position:relative;top:0}.industry-detail h3{font-size:33px}.application-scene{aspect-ratio:1.6}.application-caption>p{font-size:11px}.industry-nav button span{font-size:11px}.route-stop>span{font-size:8px;margin-top:10px}.route-stop:nth-child(2){top:39%}.route-stop{top:61%}.cable-route{height:100%;object-fit:fill}.map-label{font-size:6px;top:13px;left:13px}.product-dialog-image{height:250px;min-height:250px}.product-dialog-image img{object-fit:cover}}
@media(prefers-reduced-motion:reduce){.route-flow{animation:none;stroke-dasharray:none;opacity:.6}}

.application-scene{background:#eeede7}.application-scene>img{object-fit:contain}.application-scene-shade{background:linear-gradient(0deg,#071c2925,transparent 65%)}.map-label{color:#112b3a;text-shadow:0 1px 7px #eeede7}.route-base{opacity:.25}

.application-scene.loading>img,.application-scene.loading .route-stops,.application-scene.loading .cable-route{opacity:0}.route-stops,.cable-route{transition:opacity .25s}