/* Industrial presentation and accessible navigation. Scoped to changed surfaces. */
.submenu-toggle{position:absolute;right:0;top:7px;border:0;background:transparent;color:#52687c;width:28px;height:36px;cursor:pointer;font:20px/1 sans-serif}
.nav>li.has-sub>a{padding-right:28px}
.nav .sub.open-sub{opacity:1;visibility:visible;transform:none}
.submenu-toggle[aria-expanded="true"] span{display:inline-block;transform:rotate(180deg)}
button:focus-visible,a:focus-visible{outline:3px solid #3074af;outline-offset:3px}
.hero-txt{max-width:100%;width:100%;container-type:inline-size}
.hero-txt h1{font-size:clamp(26px,3.5vw,48px);line-height:1.5;letter-spacing:0}
.hero-txt h1 em{display:inline-block;white-space:nowrap;font-size:clamp(13px,3.8vw,36px);font-size:clamp(12px,4.65cqi,36px);font-weight:500;letter-spacing:0;color:#accbea}
html[lang="en"] .hero-txt h1 em{font-size:clamp(9px,2.9cqi,29px)}
.hero-links{position:absolute;inset:0;pointer-events:none;z-index:1;width:100%;height:100%;opacity:.35}
.hero-links path{fill:none;stroke:#8fb8ce;stroke-width:1}
.hero-links .signal{stroke:#b8d6e4;stroke-width:2;stroke-dasharray:12 800;animation:pipe-flow 22s linear infinite}
@keyframes pipe-flow{to{stroke-dashoffset:-812}}
.engineering-block{margin:52px 0;padding:32px;border:1px solid #dce3e8;background:#f6f8fa;border-radius:8px}
.engineering-block h2{font-size:clamp(23px,2.4vw,30px);margin:8px 0 22px;line-height:1.4}
.engineering-kicker{font-size:11px;letter-spacing:2px;color:#52738e;font-weight:600}
.engineering-lead{max-width:900px;color:#4a5b69;line-height:1.9;margin-bottom:24px}
.engineering-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.engineering-grid article{padding:24px;background:#fff;border:1px solid #dfe6ea;border-radius:4px}
.engineering-grid h3{font-size:18px;margin:0 0 12px;color:#203647}
.engineering-grid p{font-size:14px;line-height:1.9;color:#566774;margin:0}
.engineering-grid small{display:block;color:#366b93;margin-top:16px;font-size:12px;line-height:1.8}
.engineering-note{font-size:13px;line-height:1.8;color:#667887;margin:20px 0 0}
.signal-panel{padding:32px;background:#182c3b;color:#e1ebf0;border-radius:8px;min-height:370px;display:flex;flex-direction:column;justify-content:center}
.signal-panel .engineering-kicker{color:#89aabd}.signal-panel h3{font-size:25px;color:#fff;margin:16px 0 24px}
.signal-point{display:flex;justify-content:space-between;gap:12px;padding:17px 0;border-top:1px solid #ffffff20;font-size:14px}
.signal-point span:last-child{color:#98b6c7;font-size:12px}
.signal-panel .engineering-note{color:#9bb0bd}
.process-flow{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;margin:24px 0}
.process-flow li{position:relative;padding:24px 18px;background:#fff;border:1px solid #d9e2e8;border-top:3px solid #527d9c}
.process-flow li:not(:last-child):after{content:'→';position:absolute;right:-18px;top:42%;color:#527d9c}
.process-flow li:not(:last-child):before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#6a989f;right:-6px;top:64%;animation:link-transfer 6s ease-in-out infinite}
.process-flow li:nth-child(2):before{animation-delay:1.5s}.process-flow li:nth-child(3):before{animation-delay:3s}
@keyframes link-transfer{0%,20%{opacity:0;transform:translateX(0)}40%,60%{opacity:.7}80%,100%{opacity:0;transform:translateX(14px)}}
.process-flow b{display:block;font-size:16px;margin:10px 0}.process-flow p{font-size:13px;color:#536979;line-height:1.8}
.process-flow small{font:12px monospace;color:#7993a6}
.flow-status{display:inline-block;width:6px;height:6px;border-radius:50%;background:#518c86;margin-right:8px;animation:status-breathe 5s ease-in-out infinite}
@keyframes status-breathe{50%{opacity:.35}}
.platform-showcase{margin:40px 0;background:#142532;border:1px solid #2d4556;color:#dbe7ef;border-radius:8px;overflow:hidden}
.platform-top{padding:20px 26px;border-bottom:1px solid #ffffff20;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.platform-top b{font-size:18px}.platform-top span{font-size:12px;color:#abc0cf}
.platform-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:18px 26px;border-bottom:1px solid #ffffff12}
.platform-tabs button{min-height:44px;padding:9px 18px;border:1px solid #496273;background:transparent;color:#cadbe6;border-radius:3px;cursor:pointer;font:inherit;font-size:14px}
.platform-tabs button[aria-pressed="true"]{background:#dbe8f0;color:#193344;border-color:#dbe8f0}
.platform-content{padding:28px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:24px}
.platform-visual{min-width:0;background:#10202b;border:1px solid #304958;padding:22px;border-radius:4px}
.platform-visual svg{width:100%;height:auto;display:block}
.platform-visual img{width:100%;height:auto;display:block}
.sol-media .signal-panel{width:100%}
.platform-visual h3{color:#dce9f0;font-size:15px;margin:0 0 20px}
.platform-aside h3{font-size:22px;color:#fff;margin:6px 0 16px}.platform-aside p{font-size:14px;line-height:1.9;color:#b8cbd8}
.platform-aside ul{margin:20px 0;list-style:none;padding:0}.platform-aside li{font-size:14px;padding:12px 0;border-top:1px solid #ffffff20;color:#b8cbd8}
.platform-showcase .engineering-note{padding:0 28px 22px;margin:0;color:#9cb5c5}
.platform-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}
.platform-metrics div{padding:18px 12px;background:#203744;border-top:2px solid #628f9b;font-size:12px;color:#b5c8d4}
.platform-metrics b{display:block;margin-top:8px;font:22px monospace;color:#e8f3f8}
.demo-table{width:100%;border-collapse:collapse;font-size:13px}.demo-table th,.demo-table td{text-align:left;padding:15px 8px;border-bottom:1px solid #ffffff20;font-weight:400;white-space:normal}.demo-table th{color:#91b0c3}.demo-table .warning{color:#e0bd7f}
.work-orders{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-orders article{border:1px solid #3b5567;padding:18px 12px;border-top:3px solid #7aa6a2}.work-orders b{font-size:14px}.work-orders p{font-size:12px;color:#a9bfcc;margin:15px 0}.work-orders small{color:#84a9b5}
@media(min-width:821px){.nav>li:focus-within .sub{visibility:visible;opacity:1;transform:none}}
@media(max-width:820px){
 .header{position:relative;top:auto;backdrop-filter:none!important;background:#fff!important}
 .header .container{height:auto;min-height:var(--nav-h);flex-wrap:wrap;align-content:center}
 .header .logo{min-height:var(--nav-h);max-width:calc(100% - 54px)}
 .header .logo img{max-width:100%;height:auto;max-height:44px}
 .menu-toggle{order:1}.nav{order:2;position:static;flex-basis:100%;width:100%;padding:0 0 16px;align-items:stretch;border:0;box-shadow:none!important;backdrop-filter:none!important;background:#fff!important}
 .nav.open{display:flex;max-height:none;overflow:visible}
 .nav>li{width:100%}.nav>li>a{padding:14px 12px;min-height:48px;font-size:16px}
 .nav>li.has-sub>a{margin-right:52px;padding-right:12px}.nav>li.has-sub>a:before{display:none}
 .submenu-toggle{top:2px;right:0;width:48px;height:44px;background:#f0f4f7;border-radius:4px}
 .nav .sub,.nav>li:hover .sub{display:none;opacity:0;visibility:hidden;position:static;min-width:0;transform:none;padding:4px 0 8px 16px;box-shadow:none;border:0;background:#f5f7f9}
 .nav>li .sub.open-sub{display:block;opacity:1;visibility:visible}.nav .sub a{min-height:48px;padding:13px 16px;white-space:normal}
 .nav .lang{padding:16px 12px 0;margin-top:8px}.nav .lang-btn{height:44px}
 .hero-txt h1{font-size:clamp(21px,5.8vw,36px)}
 .hero-links .signal,.flow-status{animation:none}.process-flow li:before{display:none}
 .engineering-block{padding:22px 18px;margin:32px 0}.engineering-grid{grid-template-columns:1fr}
 .process-flow{grid-template-columns:1fr;gap:20px}.process-flow li:not(:last-child):after{content:'↓';top:auto;bottom:-22px;right:50%}
 .signal-panel{padding:24px;min-height:0}.platform-content{grid-template-columns:1fr;padding:16px}.platform-visual{padding:16px}
 .platform-top,.platform-tabs{padding:16px}.platform-tabs button{flex:1 1 42%;padding:8px}.platform-metrics{gap:6px}.platform-metrics div{padding:12px 8px}.platform-metrics b{font-size:18px}
 .work-orders{grid-template-columns:1fr}.platform-showcase .engineering-note{padding:0 16px 20px}
}
@media(prefers-reduced-motion:reduce){.hero-links .signal,.flow-status{animation:none}.process-flow li:before{display:none}}