/* Full-bleed supplied artwork, horizontal catalogue controls and a finished footer. */
.ref-hero{max-width:none;width:100%;border-radius:0 0 34px 0;background:#0b1c23;min-height:0}.ref-hero:before{display:none}.ref-hero-layout{max-width:1520px;min-height:clamp(445px,31vw,610px);padding:46px 6% 25px;grid-template-columns:1fr 1.1fr;gap:30px;position:relative;z-index:2;animation:none}.ref-header .header-inner{max-width:1520px}.ref-hero-copy{max-width:525px}.ref-hero-copy h1{font-size:clamp(35px,3.2vw,49px);line-height:1.15;margin-bottom:23px}.ref-hero-copy>p{font-size:15px;max-width:45ch;line-height:1.85;margin-bottom:26px}.ref-industrial-art{position:static;height:auto;min-height:365px;pointer-events:none}.hero-hd-image{position:absolute;inset:0;z-index:-1;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%;transform-origin:65% 50%;pointer-events:none}.ref-hero-layout{position:static}.ref-hero-copy{position:relative;z-index:3}.hero-image-label{position:absolute;z-index:4;display:flex;flex-direction:column;line-height:1.5;color:#e4fff0;text-shadow:0 2px 8px #041b12c9;pointer-events:auto;padding:8px 10px;border-radius:7px}.hero-image-label strong{font-size:clamp(12px,1vw,17px);font-weight:650;letter-spacing:.3px}.hero-image-label span{font-size:clamp(9px,.7vw,12px);color:#c0ead3}.label-sirius{left:46%;top:34%;transform:rotate(-7deg)}.label-automation{right:10%;top:16%;transform:rotate(-7deg)}.label-protection{right:6%;top:70%;transform:rotate(-4deg)}.ref-capabilities{max-width:1520px;padding-top:13px;padding-bottom:20px;position:relative;z-index:3}.ref-hero .partner-marquee{max-width:1320px;padding-inline:30px;background:#0a1b1f38;position:relative;z-index:3}.ref-capabilities>a{font-size:12px}.ref-siemens-link{position:relative;z-index:3}
.why-reference-art{width:128%;max-width:none;height:310px;display:block;border-radius:45px 14px 40px 15px;background:#dae8e5;overflow:hidden;box-shadow:0 13px 30px -22px #1a434754}.ref-why-visual{grid-template-columns:1.25fr 1fr}.ref-facts{padding:5px 22px;border-radius:23px;background:linear-gradient(130deg,#edf8f5d9,#e7f1f3bd);box-shadow:0 14px 30px -22px #26493655}.ref-facts>div{padding:12px 0}.ref-facts strong{font-size:27px}.ref-facts i{width:34px;height:34px;border-radius:11px;background:#ddf4e9;color:#0b8b44}.ref-facts span{font-size:11px;line-height:1.6}.ref-why{padding-top:48px;padding-bottom:48px}
.browser-layout{display:block;min-height:0}.browser-sidebar{display:grid;flex-direction:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 22px;background:#f2f6f2;border-right:0;border-bottom:1px solid #e2eae1}.browser-layout[data-browser-view=product] .browser-sidebar{grid-template-columns:repeat(5,minmax(0,1fr))}.browser-choice{padding:12px 14px;min-height:61px;border:1px solid #e3ebe1;background:#f9fcf7;border-radius:12px;gap:11px;box-shadow:0 3px 8px -8px #224d292e;white-space:nowrap}.browser-choice strong{font-size:12px;line-height:1.5;white-space:nowrap}.browser-choice small{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.browser-choice[aria-pressed=true]{border-color:#b9dac5;background:#fff;color:#086d3a;box-shadow:0 5px 13px -9px #1e8d4655}.browser-choice>i:last-child{display:none}.browser-choice-icon{width:32px;height:32px;border-radius:10px;background:#e4f3e8;box-shadow:0 3px 8px -7px #14753b55}.browser-brand-thumb{width:44px;height:31px;padding:4px;background:white;border-radius:7px}.browser-main{padding:24px 27px}.browser-panel-heading{margin-bottom:20px}.browser-by-product{gap:30px}.browser-footer{font-size:11px}.browser-footer>a{font-size:11px}
.ref-contact{max-width:none;margin:0;border-radius:38px 38px 0 0;grid-template-columns:.95fr 2.35fr;padding:36px max(6vw,calc((100vw - 1320px)/2));gap:32px;background:radial-gradient(ellipse at 24% 110%,#075132aa,transparent 48%),linear-gradient(110deg,#0d2922,#0e2026)}.ref-contact:after{display:none}.ref-contact-intro{position:relative;z-index:2}.ref-contact .ref-title{font-size:26px}.ref-contact p{font-size:13px;max-width:38ch}.ref-contact-cards{grid-template-columns:1fr 1fr 1.25fr .95fr;gap:13px;position:relative;z-index:2}.ref-contact-cards>a,.ref-contact-cards>div{min-height:160px;padding:21px 16px;background:linear-gradient(135deg,#4f74652c,#293f3a20);border:1px solid #99c2aa44;box-shadow:0 12px 27px -18px #0007;border-radius:16px;display:flex;grid-column:auto;flex-direction:column;gap:9px}.ref-contact-cards>div i{margin:0 0 6px;grid-row:auto}.ref-contact-cards>div strong{grid-column:auto}.ref-contact-cards i{color:#3cdb82;font-size:23px}.ref-contact-cards strong{font-size:11px;line-height:1.7}.ref-contact-cards>div strong{font-size:11px}.ref-contact-cards .contact-qr{padding:14px 12px 12px;align-items:center;justify-content:center;border-color:#3cc67966;background:linear-gradient(130deg,#173c2c80,#132e2b6b);box-shadow:0 0 20px -11px #21c26d55;text-align:center;gap:9px}.qr-frame{display:grid;place-items:center;background:#eef8f0;padding:3px;border-radius:5px;width:94px;height:94px;position:relative}.qr-frame:after{content:'';position:absolute;inset:-5px;border-radius:8px;border:1px solid #42dc8977;pointer-events:none}.qr-frame img{width:88px;height:88px;max-width:100%}.contact-qr strong{font-size:10px;line-height:1.5;color:#e1f6e6;font-weight:500}.contact-energy-wave{position:absolute;width:100%;height:140px;left:0;bottom:-37px;pointer-events:none;opacity:.85;z-index:0}.ref-footer{max-width:none;margin:0;padding:20px max(6vw,calc((100vw - 1320px)/2));background:#102126;border-top-color:#96baa137;position:relative;gap:25px}.ref-footer nav{font-size:12px;gap:28px;justify-content:center}.footer-contact-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.footer-contact-actions a{display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:#243b30;color:#bad1c1;font-size:13px}.ref-footer>a:first-child{background:#f2f7f0;border-radius:9px;width:132px;flex-shrink:0}.ref-footer>a:last-child{margin-left:0}.ref-quote-details{margin:0 auto 24px;border-radius:14px;overflow:hidden;background:#e6efea;max-width:1190px}.ref-quote-details:has(+.ref-contact){margin-bottom:25px}.ref-quote-details[open]{margin-top:6px}.ref-quote-details .enquiry-section{background:#e9f1eb;border-radius:0}.ref-contact .ref-heading-icon{background:#17482d;box-shadow:none}
@media(hover:hover) and (pointer:fine){.browser-choice:hover{border-color:#b7d3bc;background:#f2f9ee}.browser-choice[aria-pressed=true]:hover{background:#fff}.hero-image-label:hover{background:#071e1466}.footer-contact-actions a:hover{color:white;background:#236c42}.ref-contact-cards>a:hover{border-color:#61d28c7a}.ref-hero .catalog-button{transition:transform 160ms var(--ease-out)}.ref-hero .catalog-button:hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:no-preference){.hero-ready .ref-hero-copy h1{animation:polish-copy-in 650ms var(--ease-out) both}.hero-ready .ref-hero-copy>p{animation:polish-copy-in 650ms 60ms var(--ease-out) both}.hero-ready .ref-hero-actions{animation:polish-copy-in 650ms 120ms var(--ease-out) both}.hero-ready .ref-siemens-link{animation:polish-copy-in 650ms 180ms var(--ease-out) both}.hero-ready .hero-hd-image{animation:polish-art-in 1200ms var(--ease-out) both}.hero-ready .hero-image-label{animation:polish-label-in 700ms 160ms var(--ease-out) both}@keyframes polish-copy-in{from{opacity:.55;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes polish-art-in{from{opacity:.7;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@keyframes polish-label-in{from{opacity:.4;translate:0 8px}to{opacity:1;translate:0 0}}}
@media(min-width:1800px){.ref-hero-layout{min-height:615px;padding-top:62px}.ref-hero-copy{max-width:570px}.ref-hero-copy h1{font-size:51px}.ref-hero-copy>p{font-size:16px}.label-sirius{top:35%;left:46%}.label-protection{right:8%;top:72%}}
@media(max-width:1100px){.ref-hero-layout{min-height:430px;max-width:100%;padding-top:35px;gap:20px}.ref-hero-copy h1{font-size:37px}.ref-hero-copy>p{font-size:14px}.hero-hd-image{object-position:52% 50%}.ref-industrial-art{min-height:340px}.ref-capabilities>a{font-size:11px}.hero-image-label strong{font-size:12px}.hero-image-label span{font-size:9px}.label-automation{right:7%;top:18%}.label-protection{right:5%;top:69%}.label-sirius{left:47%;top:37%}.browser-sidebar{padding:14px 18px;gap:9px}.browser-choice{padding:11px 10px;min-height:58px;gap:9px}.browser-choice strong{font-size:11px}.browser-choice small{font-size:9px}.browser-brand-thumb{width:37px;height:29px}.browser-choice-icon{width:28px;height:28px;font-size:12px}.browser-layout[data-browser-view=product] .browser-choice{gap:8px}.browser-main{padding:22px}.ref-contact{grid-template-columns:1fr;padding:31px 6%;gap:25px}.ref-contact-intro{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;align-items:start}.ref-contact-intro .ref-title{grid-row:1/span 2;margin:0}.ref-contact-intro p{font-size:13px;max-width:none;margin:0}.ref-contact-intro .catalog-button{justify-self:start}.ref-contact-cards{grid-template-columns:1fr 1fr 1.3fr 1fr;gap:14px}.ref-contact-cards>a,.ref-contact-cards>div{min-height:155px}.why-reference-art{height:295px}.ref-facts{padding:6px 16px}.ref-facts>div{padding:11px 0}.ref-facts span{font-size:10px}.ref-facts strong{font-size:24px}.ref-footer nav{gap:20px;font-size:11px}.footer-contact-actions{gap:8px}}
@media(max-width:800px){.ref-hero-layout{grid-template-columns:1fr 1fr;padding-top:31px;min-height:410px;gap:20px}.ref-hero-copy h1{font-size:31px}.ref-hero-copy>p{font-size:13px;line-height:1.8;max-width:39ch}.ref-industrial-art{min-height:320px}.hero-hd-image{object-position:55% 50%}.label-sirius{display:none}.label-automation{right:7%;top:20%}.label-protection{right:6%;top:59%}.ref-hero .partner-marquee{padding-inline:0;max-width:none;margin-inline:6%}.browser-sidebar{padding:12px;gap:7px}.browser-choice{min-height:54px;padding:10px 9px;gap:8px}.browser-brand-thumb{width:30px;height:26px}.browser-choice strong{font-size:10px}.browser-choice small{display:none}.browser-choice-icon{width:25px;height:25px;min-width:25px;font-size:11px}.browser-layout[data-browser-view=product] .browser-sidebar{display:flex;overflow-x:auto;scrollbar-width:thin;gap:8px}.browser-layout[data-browser-view=product] .browser-choice{width:auto;flex:0 0 auto;padding:10px 13px;min-width:145px}.browser-layout[data-browser-view=product] .browser-choice strong{font-size:11px}.browser-main{padding:20px}.ref-contact-cards{gap:12px;grid-template-columns:1fr 1fr}.ref-contact-cards>a,.ref-contact-cards>div{min-height:145px;padding:22px;grid-column:auto}.ref-contact-cards .contact-qr{min-height:145px;padding:16px}.ref-contact-cards>div strong{font-size:12px}.ref-contact-cards strong{font-size:12px}.ref-contact-cards>div i{margin:0 0 6px}.ref-contact-cards>div{display:flex}.ref-contact-intro .ref-title{font-size:24px}.contact-energy-wave{height:140px;bottom:-30px}.ref-footer{gap:22px;flex-wrap:wrap}.ref-footer nav{gap:20px}.ref-footer>a:first-child{width:115px}.footer-contact-actions{margin-left:auto}.ref-why-visual{display:grid;grid-template-columns:1.2fr 1fr}.why-reference-art{height:310px;width:130%;border-radius:34px 12px}.ref-facts{margin:0;padding:7px 13px}.ref-facts strong{font-size:22px}.ref-facts i{width:29px;height:29px;flex-shrink:0;font-size:15px}.ref-facts>div{gap:8px}.ref-facts span{font-size:9px}}
@media(max-width:650px){.ref-hero{border-radius:0 0 25px 0}.ref-hero-layout{display:flex;flex-direction:column;align-items:stretch;padding:29px 6% 0;gap:15px;min-height:0;position:relative}.ref-hero-copy{max-width:none}.ref-hero-copy h1{font-size:clamp(30px,8vw,43px);line-height:1.17;margin-bottom:21px}.ref-hero-copy>p{font-size:14px;line-height:1.8;margin-bottom:23px;max-width:none}.ref-hero-actions{gap:13px}.ref-hero-actions .catalog-button{padding:12px 15px;font-size:12px}.ref-siemens-link{font-size:10px;margin-top:22px;gap:10px}.ref-industrial-art{position:relative;height:305px;min-height:0;overflow:hidden;width:calc(100% + 12vw);margin-left:-6vw;margin-top:2px;pointer-events:auto}.hero-hd-image{position:absolute;inset:auto 0 0 auto;right:0;width:auto;max-width:none;height:100%;min-width:100%;object-fit:cover;object-position:100% 50%;z-index:0;transform-origin:75% 50%}.hero-image-label{padding:4px 6px;z-index:2}.hero-image-label strong{font-size:11px}.hero-image-label span{font-size:8px}.label-sirius{display:none}.label-automation{top:11%;right:6%;transform:rotate(-7deg)}.label-protection{top:auto;bottom:19%;right:3%;transform:rotate(-4deg)}.ref-capabilities{padding-top:16px;padding-bottom:18px;gap:15px}.ref-capabilities>a{font-size:10px}.ref-hero .partner-marquee{margin-inline:6%;padding-top:12px;padding-bottom:20px;gap:8px;background:transparent}.ref-hero .marquee-label{font-size:9px}.browser-sidebar,.browser-layout[data-browser-view=product] .browser-sidebar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:12px;scrollbar-width:thin}.browser-choice,.browser-layout[data-browser-view=product] .browser-choice{flex:0 0 auto;width:auto;min-width:151px;min-height:53px;padding:10px 12px;gap:9px;border-radius:10px}.browser-choice>span:nth-child(2){flex:0 1 auto}.browser-choice strong,.browser-layout[data-browser-view=product] .browser-choice strong{font-size:11px;white-space:nowrap}.browser-choice small{display:none}.browser-brand-thumb{width:35px;height:28px}.browser-main{padding:20px 17px}.browser-panel-heading{margin-bottom:20px}.browser-footer{font-size:11px}.why-reference-art{height:287px;width:132%;border-radius:36px 10px 30px 12px}.ref-why-visual{grid-template-columns:1.17fr 1fr}.ref-facts{padding:4px 12px;border-radius:20px;margin:0}.ref-facts>div{padding:11px 0;gap:8px}.ref-facts span{font-size:9px;line-height:1.5}.ref-facts strong{font-size:23px}.ref-facts i{width:28px;height:28px;min-width:28px;font-size:15px;border-radius:9px}.ref-why{padding-top:32px;padding-bottom:32px}.ref-contact{padding:28px 6%;gap:25px;border-radius:27px 27px 0 0}.ref-contact-intro{display:block}.ref-contact-intro .ref-title{font-size:24px;margin:0 0 17px}.ref-contact-intro p{font-size:14px;line-height:1.8;margin:0 0 20px}.ref-contact-cards{grid-template-columns:1fr 1fr;gap:13px}.ref-contact-cards>a,.ref-contact-cards>div{padding:20px 16px;border-radius:15px;min-height:164px;gap:9px}.ref-contact-cards strong,.ref-contact-cards>div strong{font-size:11px;line-height:1.7}.ref-contact-cards i{font-size:22px}.ref-contact-cards .contact-qr{min-height:164px;padding:15px 12px;gap:11px}.qr-frame{width:93px;height:93px}.qr-frame img{width:87px;height:87px}.contact-qr strong{font-size:10px}.contact-energy-wave{height:145px;bottom:-35px;opacity:.65}.ref-quote-details{margin-inline:5%;margin-bottom:24px;border-radius:12px}.ref-footer{padding:23px 6%;gap:22px}.ref-footer>a:first-child{width:118px}.footer-contact-actions{margin-left:auto;gap:9px}.footer-contact-actions a{width:30px;height:30px;border-radius:8px;font-size:12px}.ref-footer nav{order:3;flex-basis:100%;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid #506e5933;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-ready .ref-hero-copy h1,.hero-ready .ref-hero-copy>p,.hero-ready .ref-hero-actions,.hero-ready .ref-siemens-link,.hero-ready .hero-hd-image,.hero-ready .hero-image-label{animation:none!important}.ref-hero .catalog-button:hover{transform:none}}
.contact-energy-wave{height:160px;bottom:-5px;opacity:.95}.ref-footer nav{flex:1;justify-content:center}
@media(max-width:650px){.contact-energy-wave{height:145px;bottom:-7px}.ref-footer nav{flex-basis:100%;justify-content:space-between}}
@media(max-width:800px){.website-header .site-navigation{min-width:0;max-width:100%;width:100%}.products-menu{min-width:0;max-width:100%;width:100%;flex-basis:100%}.catalog-browser{min-width:0;max-width:100%;width:100%}.browser-layout,.browser-main,.browser-top,.browser-mode-switch{min-width:0;max-width:100%}.browser-sidebar{min-width:0;max-width:100%;width:100%;box-sizing:border-box}}

/* Interruptible selection pills; panel transitions run through native Web Animations. */
.browser-mode-switch,.browser-sidebar,.browser-main{position:relative;isolation:isolate}
.browser-main{overflow:hidden}
.browser-mode-switch>button,.browser-sidebar>.browser-choice{position:relative;z-index:1}
.navigation-selection-indicator{position:absolute;z-index:0;pointer-events:none;display:block;background:#fff;border:1px solid #c6dfcd;border-radius:11px;box-shadow:0 5px 14px -9px #24774738;transform-origin:0 0}
.browser-mode-switch>.navigation-selection-indicator{border-color:#e0ebe2;border-radius:8px;box-shadow:0 3px 9px #1e4c2e0b}
.browser-sidebar.has-navigation-indicator>.browser-choice{background:transparent}
.browser-sidebar.has-navigation-indicator>.browser-choice[aria-pressed=true],.browser-mode-switch.has-navigation-indicator>button[aria-pressed=true]{background:transparent;border-color:transparent;box-shadow:none}
.navigation-transition-ghost{position:absolute!important;z-index:3;pointer-events:none!important;user-select:none;overflow:hidden;contain:layout paint;background:#fff;margin:0!important;transform-origin:0 0}
.catalog-browser>.navigation-transition-ghost{z-index:4;background:#fff}
@media(hover:hover) and (pointer:fine){.browser-sidebar.has-navigation-indicator>.browser-choice:not([aria-pressed=true]):hover{background:#eaf3e577}}