/* Fine-pointer hover craft: depth on selected marketing cards, crisp feedback elsewhere. */
.ref-principle,.ref-service-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px 12px;align-content:start;align-items:center}
.ref-principle>.ref-card-icon,.ref-service-card>.ref-card-icon{position:relative;inset:auto;width:40px;height:40px;margin:0;font-size:20px}
.ref-principle>h3,.ref-service-card>h3{margin:0;min-width:0;font-size:17px;line-height:1.4;align-self:center;max-width:none}
.ref-principle>p,.ref-service-card>p{grid-column:1/-1;margin:0;max-width:none;align-self:start}
@media(max-width:650px){.ref-principle{padding:21px 23px;min-height:0;grid-template-columns:39px minmax(0,1fr);gap:13px 12px}.ref-service-card{grid-template-columns:36px minmax(0,1fr);gap:14px 10px}.ref-principle>.ref-card-icon{position:relative;inset:auto;width:39px;height:39px;margin:0;font-size:19px}.ref-service-card>.ref-card-icon{width:36px;height:36px;margin:0;font-size:19px}.ref-principle>h3{font-size:17px}.ref-service-card>h3{font-size:14px;line-height:1.45}}
@media(hover:hover) and (pointer:fine){
  .ref-principle,.ref-service-card{transform:perspective(1000px) rotateX(0) rotateY(0) translateY(0);transform-origin:50% 70%;transition:transform 240ms var(--ease-out);backface-visibility:hidden}
  .ref-principle:hover{transform:perspective(1000px) rotateX(3deg) rotateY(-4deg) translateY(-6px);box-shadow:0 20px 30px -20px #245f4c65;border-color:#caead6}
  .ref-principle:nth-child(3):hover{transform:perspective(1000px) rotateX(3deg) rotateY(4deg) translateY(-6px)}
  .ref-service-card:hover{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg) translateY(-6px);box-shadow:0 21px 31px -19px #197e4b55;border-color:#c3e6d0}
  .ref-service-card:nth-child(even):hover{transform:perspective(1000px) rotateX(3deg) rotateY(3deg) translateY(-6px)}
  .ref-principle:before,.ref-service-card:before{content:'';position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(135deg,#ffffffc9,transparent 48%,#47dba416);opacity:0;transition:opacity 200ms var(--ease-out);pointer-events:none}
  .ref-principle:hover:before,.ref-service-card:hover:before{opacity:1}
  .ref-principle>h3,.ref-principle>p,.ref-service-card>h3,.ref-service-card>p,.ref-service-card>.ref-card-icon{position:relative;z-index:1}
  .ref-card-icon{transition:transform 220ms var(--ease-out)}
  .ref-principle:hover>.ref-card-icon,.ref-service-card:hover>.ref-card-icon{transform:perspective(500px) translateY(-2px) rotate(-4deg);box-shadow:0 9px 18px -11px #10965266}
  .ref-card-arrow{transition:transform 200ms var(--ease-out)}
  .ref-service-card:hover .ref-card-arrow{transform:translateX(3px);background:#14bc63;color:white}
  .siemens-family-grid>article,.equipment-card,.ref-partner-grid>a,.ref-contact-cards>a{transition:transform 200ms var(--ease-out)}
  .siemens-family-grid>article:hover{transform:translateY(-4px);box-shadow:0 15px 26px -18px #217e4c55}
  .equipment-card:hover{transform:translateY(-4px);box-shadow:0 16px 27px -20px #234f4266}
  .ref-partner-grid>a:hover{transform:perspective(800px) rotateX(3deg) rotateY(-2deg) translateY(-4px);box-shadow:0 16px 26px -18px #187a5155}
  .ref-contact-cards>a:hover{transform:translateY(-4px);border-color:#63d59599;box-shadow:0 15px 25px -20px #000b}
  .ref-expertise-grid>a img{transition:transform 250ms var(--ease-out)}
  .ref-expertise-grid>a:hover img{transform:scale(1.035)}
  .ref-expertise-grid>a:hover{border-color:#83d89d77}
  .ref-hero .catalog-button,.ref-contact .catalog-button,.ref-header .quote-button,.ref-light-button,.ref-outline-action{position:relative;overflow:hidden;isolation:isolate;transition:transform 160ms var(--ease-out)}
  .ref-hero .catalog-button:before,.ref-contact .catalog-button:before,.ref-header .quote-button:before,.ref-light-button:before,.ref-outline-action:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,#fff6 49%,transparent 80%);transform:translateX(-120%);opacity:0;transition:transform 280ms var(--ease-out),opacity 160ms var(--ease-out);pointer-events:none;z-index:-1}
  .ref-hero .catalog-button:hover,.ref-contact .catalog-button:hover,.ref-header .quote-button:hover{transform:translateY(-3px);box-shadow:0 10px 23px -14px #14d56b99}
  .ref-light-button:hover{transform:perspective(700px) rotateX(5deg) translateY(-3px);border-color:#a5d4b6;background:#fff;box-shadow:0 11px 20px -14px #23784b66}
  .ref-outline-action:hover{transform:translateY(-2px);border-color:#a1dfb4;background:#345a4155}
  .ref-hero .catalog-button:hover:before,.ref-contact .catalog-button:hover:before,.ref-header .quote-button:hover:before,.ref-light-button:hover:before,.ref-outline-action:hover:before{transform:translateX(120%);opacity:1}
  .catalog-button>i,.quote-button>i,.ref-light-button>i,.ref-outline-action>i{transition:transform 180ms var(--ease-out)}
  .catalog-button:hover>i,.quote-button:hover>i,.ref-light-button:hover>i{transform:translateX(3px)}
  .ref-outline-action:hover>i{transform:rotate(-7deg)}
  .ref-hero .catalog-button:hover:active,.ref-contact .catalog-button:hover:active,.ref-header .quote-button:hover:active,.ref-light-button:hover:active,.ref-outline-action:hover:active{transform:translateY(0) scale(.97);box-shadow:0 3px 9px -6px #153f2e55}
  .browser-choice-icon,.browser-brand-thumb,.siemens-item-symbol,.siemens-group-symbol{transition:transform 160ms var(--ease-out)}
  .browser-choice:hover .browser-choice-icon,.browser-choice:hover .browser-brand-thumb{transform:translateY(-1px)}
  .siemens-family-grid a:hover .siemens-item-symbol{transform:scale(1.06)}
  .siemens-family-grid>article:hover .siemens-group-symbol{transform:translateY(-2px)}
  .hybrid-scene .scene-brand,.hybrid-scene .scene-bottom{transition:transform 220ms var(--ease-out)}
  .hybrid-scene .scene-brand:hover{transform:rotateY(-7deg) rotateZ(5deg) translateY(-4px);border-color:#a0dcc16b}
  .hybrid-scene .scene-bottom:hover{transform:rotateY(-9deg) rotateZ(5deg) translateY(-3px)}
}
@media(prefers-reduced-motion:reduce){
  .ref-principle,.ref-service-card,.siemens-family-grid>article,.equipment-card,.ref-partner-grid>a,.ref-contact-cards>a,.ref-expertise-grid>a img,.ref-card-icon,.ref-card-arrow,.browser-choice-icon,.browser-brand-thumb,.siemens-item-symbol,.siemens-group-symbol{transition:none!important}
  .ref-principle:hover,.ref-principle:nth-child(3):hover,.ref-service-card:hover,.ref-service-card:nth-child(even):hover,.siemens-family-grid>article:hover,.equipment-card:hover,.ref-partner-grid>a:hover,.ref-contact-cards>a:hover,.ref-expertise-grid>a:hover img,.ref-principle:hover>.ref-card-icon,.ref-service-card:hover>.ref-card-icon,.ref-service-card:hover .ref-card-arrow,.browser-choice:hover .browser-choice-icon,.browser-choice:hover .browser-brand-thumb,.siemens-family-grid a:hover .siemens-item-symbol,.siemens-family-grid>article:hover .siemens-group-symbol{transform:none!important}
  .ref-hero .catalog-button,.ref-contact .catalog-button,.ref-header .quote-button,.ref-light-button,.ref-outline-action,.catalog-button>i,.quote-button>i,.ref-light-button>i,.ref-outline-action>i{transition:none!important}
  .ref-hero .catalog-button:hover,.ref-contact .catalog-button:hover,.ref-header .quote-button:hover,.ref-light-button:hover,.ref-outline-action:hover,.ref-hero .catalog-button:hover:active,.ref-contact .catalog-button:hover:active,.ref-header .quote-button:hover:active,.ref-light-button:hover:active,.ref-outline-action:hover:active,.catalog-button:hover>i,.quote-button:hover>i,.ref-light-button:hover>i,.ref-outline-action:hover>i{transform:none!important}
  .ref-hero .catalog-button:before,.ref-contact .catalog-button:before,.ref-header .quote-button:before,.ref-light-button:before,.ref-outline-action:before{display:none}
  .hybrid-scene .scene-brand:hover{transform:rotateY(-10deg) rotateZ(7deg)}
  .hybrid-scene .scene-bottom:hover{transform:rotateY(-13deg) rotateZ(7deg)}
}

/* Contact channels: consistent icon tiles and clear action affordances. */
.ref-contact-cards{gap:14px;align-items:stretch}
.ref-contact-cards>a:not(.contact-qr),.ref-contact-cards>div{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:44px auto;align-content:start;align-items:center;gap:21px 12px;padding:23px 20px;min-height:180px;overflow:hidden;border:1px solid #78b89a38;border-radius:19px;background:linear-gradient(145deg,#284c435c,#142f2d9c);box-shadow:inset 0 1px 0 #d9ffeb0a,0 12px 25px -22px #0009}
.ref-contact-cards>a:not(.contact-qr)>i,.ref-contact-cards>div>i{display:grid;place-items:center;width:44px;height:44px;margin:0;border:1px solid #6febad30;border-radius:14px;background:linear-gradient(145deg,#48e99327,#24ad7020);color:#5cf0a0;font-size:21px;box-shadow:inset 0 1px 0 #d0ffe41a}
.ref-contact-cards>a:not(.contact-qr)>span,.ref-contact-cards>div>span{font-size:12px;font-weight:500;color:#bad3ca;letter-spacing:.3px;padding-right:10px}
.ref-contact-cards>a:not(.contact-qr)>strong,.ref-contact-cards>div>strong{grid-column:1/-1;margin:0;font-size:13px;font-weight:600;line-height:1.7;color:#f0fff6;overflow-wrap:anywhere}
.ref-contact-cards>a:not(.contact-qr):after{content:'\2197';position:absolute;right:15px;top:12px;font-size:17px;color:#a3ceb9;transition:transform 200ms var(--ease-out)}
.ref-contact-cards>a:focus-visible{outline:2px solid #68f5aa;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.ref-contact-cards>a:not(.contact-qr):hover{transform:perspective(900px) rotateX(2deg) translateY(-5px);background:linear-gradient(145deg,#315c4c88,#183e33c9);border-color:#64e99a80}.ref-contact-cards>a:not(.contact-qr):hover:after{transform:translate(2px,-2px)}}
@media(max-width:650px){.ref-contact-cards>a:not(.contact-qr),.ref-contact-cards>div{padding:18px 15px;grid-template-columns:36px minmax(0,1fr);grid-template-rows:36px auto;gap:17px 9px;min-height:170px}.ref-contact-cards>a:not(.contact-qr)>i,.ref-contact-cards>div>i{width:36px;height:36px;font-size:18px;border-radius:11px}.ref-contact-cards>a:not(.contact-qr)>strong,.ref-contact-cards>div>strong{font-size:12px}.ref-contact-cards>a:not(.contact-qr)>span,.ref-contact-cards>div>span{font-size:11px}.ref-contact-cards>a:not(.contact-qr):after{right:10px;top:8px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.ref-contact-cards>a:not(.contact-qr):hover,.ref-contact-cards>a:not(.contact-qr):hover:after{transform:none}.ref-contact-cards>a:not(.contact-qr):after{transition:none}}

.catalog-header>a:first-of-type,.ref-footer>a:first-child{background:transparent;box-shadow:none;border:0;border-radius:0}
.catalog-header>a:first-of-type img,.ref-footer>a:first-child img{background:transparent;mix-blend-mode:normal;filter:none}
.website-header .website-logo,.website-logo{background:transparent;border:0;box-shadow:none;border-radius:0}.website-logo img{background:transparent;filter:none;mix-blend-mode:normal}

/* Editorial section headings, with one restrained brand accent. */
.ref-title{font-size:clamp(25px,2.35vw,33px);font-weight:750;letter-spacing:-.85px;line-height:1.18;gap:14px;align-items:flex-start;text-wrap:balance}
.ref-title .ref-heading-icon{width:40px;height:40px;min-width:40px;border-radius:13px;border:1px solid #3bc88324;background:linear-gradient(145deg,#e7fcf1,#cff2e2);box-shadow:inset 0 1px 0 #fff9,0 6px 14px -12px #12634480;font-size:18px;margin-top:2px}
.ref-title .section-title-accent{font-style:normal;color:#09834f;font-weight:750}
.ref-why .ref-title,.ref-partners .ref-title{font-size:clamp(26px,2.3vw,32px);line-height:1.2}
.ref-contact .ref-title .section-title-accent,.ref-expertise .ref-title .section-title-accent{color:#6be4a3}
.ref-contact .ref-title .ref-heading-icon,.ref-expertise .ref-title .ref-heading-icon{border-color:#6bdc9d30;background:linear-gradient(145deg,#315749,#183e33);color:#68e99d;box-shadow:inset 0 1px 0 #e2ffed12}
@media(max-width:650px){.ref-title,.ref-why .ref-title,.ref-partners .ref-title{font-size:25px;letter-spacing:-.6px;gap:12px}.ref-title .ref-heading-icon{width:35px;height:35px;min-width:35px;font-size:16px;border-radius:11px}.ref-contact .ref-title,.ref-expertise .ref-title{font-size:24px}}

/* A quieter hero: two aligned surfaces, one shared graphite/mint palette. */
.hybrid-scene .scene-source,.hybrid-scene .scene-bottom{display:none}
.hybrid-scene{left:56%;width:39%;top:9%;height:69%}
.hybrid-scene .scene-brand{right:0;top:0;width:201px;padding:16px 18px 16px 57px;border-radius:13px;transform:rotateZ(2deg);background:linear-gradient(130deg,#182e30f5,#132329f2);border-color:#8aafa63d;backdrop-filter:none;box-shadow:0 14px 26px -18px #000c}
.hybrid-scene .scene-brand>strong{font-size:18px;letter-spacing:1px;padding-top:0;color:#bde9d7}
.hybrid-scene .scene-brand>span:last-child{font-size:9px;color:#9db4af;margin-top:4px}
.hybrid-scene .scene-brand-symbol{left:15px;right:auto;top:19px;width:29px;height:29px;background:#294b40;color:#a0dfc0;border-radius:9px;font-size:14px}
.hybrid-scene .scene-catalog{right:0;top:48%;width:285px;padding:14px 17px 9px;background:linear-gradient(140deg,#1c2932f5,#122329f7);border-color:#9ab5ac38;backdrop-filter:none;border-radius:14px;box-shadow:0 20px 35px -20px #000d;transform:rotateY(-5deg) rotateZ(2deg)}
.hybrid-scene .scene-catalog-heading{font-size:9px;padding-bottom:10px;color:#acbfb9}
.hybrid-scene .scene-catalog-heading>i{background:#2b403e;color:#acccbd}
.hybrid-scene .scene-catalog>a{padding:10px 0;gap:11px;border-bottom-color:#8aaca01c}
.hybrid-scene .scene-catalog strong{font-size:11px;letter-spacing:.5px}
.hybrid-scene .scene-catalog a>div>span{font-size:9px;color:#a0b6af}
.hybrid-scene .scene-family-icon,.hybrid-scene .scene-catalog>a:nth-of-type(2) .scene-family-icon,.hybrid-scene .scene-catalog>a:nth-of-type(3) .scene-family-icon{width:29px;height:29px;min-width:29px;font-size:12px;background:#29433c;color:#a2d8bd;border-radius:9px}
.hybrid-scene .scene-catalog>a>i{background:transparent;color:#91b6a5;width:18px;height:18px}
@media(hover:hover) and (pointer:fine){.hybrid-scene .scene-catalog:hover{transform:rotateY(-3deg) rotateZ(1deg) translateY(-3px)}}
@media(min-width:1601px){.hybrid-scene{left:59%;width:36%;top:10%}.hybrid-scene .scene-catalog{width:305px;top:49%}}
@media(min-width:651px) and (max-width:1100px){.hybrid-scene{left:59%;width:37%;top:10%;height:68%}.hybrid-scene .scene-brand{width:174px;padding:14px 12px 14px 49px}.hybrid-scene .scene-brand-symbol{left:12px;top:16px;width:26px;height:26px}.hybrid-scene .scene-brand>strong{font-size:16px}.hybrid-scene .scene-brand>span:last-child{font-size:8px}.hybrid-scene .scene-catalog{width:232px;top:46%;padding:12px 13px 7px}.hybrid-scene .scene-catalog>a{padding:9px 0}}
@media(max-width:650px){.ref-industrial-art{height:385px}.hybrid-scene{inset:0;width:100%;height:100%}.hybrid-scene .scene-brand{right:5%;top:5%;width:185px;padding:13px 14px 13px 51px}.hybrid-scene .scene-brand-symbol{left:13px;top:16px;width:27px;height:27px}.hybrid-scene .scene-brand>strong{font-size:16px}.hybrid-scene .scene-brand>span:last-child{font-size:8px}.hybrid-scene .scene-catalog{right:5%;top:auto;bottom:6%;width:226px;padding:11px 13px 7px;transform:rotateZ(2deg)}.hybrid-scene .scene-catalog>a{padding:8px 0}.hybrid-scene .scene-catalog-heading{font-size:8px;padding-bottom:8px}.hybrid-scene .scene-family-icon{width:26px;height:26px;min-width:26px}}
@media(prefers-reduced-motion:reduce){.hybrid-scene .scene-catalog:hover{transform:rotateZ(2deg)}}

/* Siemens label sits in the clear space above the smaller equipment. */
@media(min-width:1101px){.hybrid-scene .scene-brand{right:auto;left:-24%;top:40%}}
@media(min-width:651px) and (max-width:1100px){.hybrid-scene .scene-brand{right:auto;left:-20%;top:32%}}

/* Decorative signal graph tucks beneath the product-family panel. */
.hybrid-scene .scene-graph{display:block;left:auto;right:22%;top:71%;bottom:auto;width:275px;min-height:124px;padding:19px 20px 14px;background:linear-gradient(135deg,#202632eb,#14262bea);border-color:#849b9c33;backdrop-filter:none;transform:rotateY(-7deg) rotateZ(5deg);z-index:2;border-radius:13px;box-shadow:0 19px 30px -20px #000c}
.hybrid-scene .scene-graph>span:first-child{font-size:9px;color:#b6c6bf;display:block;padding-top:18px}
.hybrid-scene .scene-graph>span:last-child{font-size:8px;color:#849d91}
.hybrid-scene .scene-graph .signal-bars{height:30px;gap:7px;margin:12px 0 9px}
.hybrid-scene .scene-graph .signal-bars>span{width:4px;background:#729b83}
.hybrid-scene .scene-graph .signal-bars>span:nth-child(3n){background:#8f83ac}
@media(min-width:1601px){.hybrid-scene .scene-graph{right:24%;top:74%;width:295px}}
@media(min-width:651px) and (max-width:1100px){.hybrid-scene .scene-graph{width:215px;right:20%;top:72%;padding:16px;min-height:112px}.hybrid-scene .scene-graph .signal-bars{gap:6px;height:25px}}
@media(max-width:650px){.hybrid-scene .scene-graph{right:auto;left:7%;top:auto;bottom:0;width:215px;min-height:107px;padding:14px 16px}.hybrid-scene .scene-graph>span:first-child{padding-top:17px;font-size:8px}.hybrid-scene .scene-graph .signal-bars{height:24px;gap:6px;margin:9px 0 7px}.hybrid-scene .scene-graph>span:last-child{font-size:7px}.ref-industrial-art{height:410px}.hybrid-scene .scene-catalog{bottom:13%}}

/* Light navigation surface restores the original green/charcoal brand colours. */
.website-header{background:#f3f7f5f7;color:#18352c;border-bottom:1px solid #d3e2da;box-shadow:0 5px 20px -17px #061f3280;backdrop-filter:blur(16px)}
.website-header .header-inner{min-height:86px;padding-block:10px;gap:22px}
.website-header .website-logo{width:137px;background:transparent;padding:0}
.website-header .site-navigation{gap:5px;background:#e6eeea;border:1px solid #dbe7df;border-radius:15px;padding:5px;font-size:12px}
.website-header .site-navigation>a,.website-header .products-menu>summary{display:flex;align-items:center;justify-content:center;min-height:39px;padding:0 15px;border-radius:10px;color:#354d43;white-space:nowrap;position:relative}
.website-header .site-navigation>a:after{display:none}
.website-header .site-navigation>a[aria-current],.website-header .site-navigation>a.active,.website-header .products-menu[open]>summary{background:#fff;color:#087b40;box-shadow:0 2px 6px #163b2510}
.website-header .header-actions{gap:12px}
.website-header .search-shortcut{width:39px;height:39px;border-radius:12px;background:#e1ede5;color:#286344;border:1px solid #d3e4d9}
.website-header .quote-button{background:#087f42;color:#fff;border-radius:12px;padding:12px 18px;box-shadow:0 7px 15px -11px #0a8245;gap:24px}
.website-header .mobile-nav-toggle{color:#285039;background:#e5eee7;border-color:#cdddce;border-radius:11px}
@media(hover:hover) and (pointer:fine){.website-header .site-navigation>a:hover,.website-header .products-menu>summary:hover{background:#f8fcf9;color:#087f42}.website-header .quote-button:hover{background:#096f3c}.website-header .search-shortcut:hover{background:#d4e7da}}
@media(min-width:801px) and (max-width:1100px){.website-header .header-inner{gap:13px}.website-header .site-navigation>a,.website-header .products-menu>summary{padding-inline:10px}.website-header .website-logo{width:115px}.website-header .quote-button{gap:14px;padding-inline:13px}}
@media(max-width:800px){.website-header .header-inner{min-height:76px;gap:12px}.website-header .website-logo{width:112px}.website-header .site-navigation{background:#f3f7f5;border:0;border-top:1px solid #d6e3da;border-radius:0;padding:13px 5%;gap:6px}.website-header .site-navigation>a,.website-header .products-menu>summary{justify-content:flex-start;padding:10px 13px;min-height:44px}.website-header .header-actions{gap:8px}.website-header .quote-button{padding:11px 13px;gap:12px}}
.website-header .quote-button i{color:#e0ffeb}.website-header .search-shortcut i{background:transparent;color:#286344;box-shadow:none}

/* Compact, connected hero cluster in the lower centre of the equipment scene. */
@media(min-width:1101px){
.hybrid-scene{left:54%;top:38%;width:34%;height:39%}
.hybrid-scene .scene-brand{left:0;right:auto;top:0;width:160px;padding:12px 12px 12px 45px;transform:rotateZ(3deg);border-radius:11px}
.hybrid-scene .scene-brand-symbol{left:11px;top:14px;width:25px;height:25px;font-size:12px;border-radius:8px}
.hybrid-scene .scene-brand>strong{font-size:15px;letter-spacing:.6px}
.hybrid-scene .scene-brand>span:last-child{font-size:8px}
.hybrid-scene .scene-catalog{width:235px;right:0;top:8%;padding:11px 13px 7px;transform:rotateY(-5deg) rotateZ(3deg);border-radius:12px}
.hybrid-scene .scene-catalog-heading{font-size:8px;padding-bottom:8px;gap:7px}
.hybrid-scene .scene-catalog-heading>i{width:20px;height:20px;font-size:9px}
.hybrid-scene .scene-catalog>a{padding:8px 0;gap:9px}
.hybrid-scene .scene-catalog strong{font-size:10px}
.hybrid-scene .scene-catalog a>div>span{font-size:8px}
.hybrid-scene .scene-family-icon,.hybrid-scene .scene-catalog>a:nth-of-type(2) .scene-family-icon,.hybrid-scene .scene-catalog>a:nth-of-type(3) .scene-family-icon{width:25px;height:25px;min-width:25px;font-size:10px;border-radius:8px}
.hybrid-scene .scene-graph{left:0;right:auto;top:37%;bottom:auto;width:245px;min-height:112px;padding:15px 17px 12px;transform:rotateY(-7deg) rotateZ(5deg)}
.hybrid-scene .scene-graph>span:first-child{padding-top:9px;font-size:8px}
.hybrid-scene .scene-graph .signal-bars{height:26px;gap:6px;margin:10px 0 7px}
.hybrid-scene .scene-graph>span:last-child{font-size:7px}
}
@media(min-width:1601px){.hybrid-scene{left:55%;width:29%;top:39%;height:36%}.hybrid-scene .scene-catalog{width:250px}.hybrid-scene .scene-graph{width:260px}}
@media(min-width:651px) and (max-width:1100px){.hybrid-scene{left:53%;top:38%;width:43%;height:40%}.hybrid-scene .scene-brand{left:0;right:auto;top:0;width:142px;padding:11px 10px 11px 42px}.hybrid-scene .scene-brand>strong{font-size:13px}.hybrid-scene .scene-brand>span:last-child{font-size:7px}.hybrid-scene .scene-brand-symbol{left:10px;top:13px;width:23px;height:23px;font-size:11px}.hybrid-scene .scene-catalog{width:200px;right:0;top:7%;padding:10px}.hybrid-scene .scene-catalog>a{padding:7px 0}.hybrid-scene .scene-catalog strong{font-size:10px}.hybrid-scene .scene-catalog a>div>span{font-size:8px}.hybrid-scene .scene-graph{left:0;right:auto;top:40%;width:205px;min-height:100px;padding:12px}.hybrid-scene .scene-graph>span:first-child{padding-top:9px}}
@media(max-width:650px){.hybrid-scene .scene-brand{left:5%;right:auto;top:37%;width:143px;padding:10px 10px 10px 41px}.hybrid-scene .scene-brand-symbol{left:10px;top:13px;width:23px;height:23px;font-size:11px}.hybrid-scene .scene-brand>strong{font-size:13px}.hybrid-scene .scene-brand>span:last-child{font-size:7px}.hybrid-scene .scene-catalog{right:4%;bottom:13%;width:196px;padding:10px 11px 6px}.hybrid-scene .scene-catalog>a{padding:7px 0;gap:7px}.hybrid-scene .scene-catalog strong{font-size:10px}.hybrid-scene .scene-catalog a>div>span{font-size:8px}.hybrid-scene .scene-graph{left:5%;bottom:6%;width:205px;min-height:100px;padding:12px 14px}.hybrid-scene .scene-graph>span:first-child{padding-top:7px}}

/* Tightly layered composition and the reference's shared perspective. */
.hybrid-scene .scene-brand{z-index:1;transform:rotateY(-12deg) rotateZ(8deg)}
.hybrid-scene .scene-catalog{transform:rotateY(-12deg) rotateX(5deg) rotateZ(8deg);z-index:4;background:linear-gradient(135deg,#232632f7,#17232af5)}
.hybrid-scene .scene-graph{z-index:2;transform:rotateY(-13deg) rotateX(6deg) rotateZ(8deg);background:linear-gradient(145deg,#193831f0,#12252bf2);border-color:#7ee8b94a;overflow:hidden}
.hybrid-scene .scene-graph>span:first-child{padding-top:0;font-size:8px;color:#c0e7d4}
.hero-growth-chart{display:block;width:100%;height:69px;margin-top:9px;overflow:visible}
@media(min-width:1101px){.hybrid-scene{left:57%;top:30%;width:27%;height:46%}.hybrid-scene .scene-brand{left:auto;right:8%;top:0;width:153px;padding:14px 12px 14px 44px}.hybrid-scene .scene-catalog{right:0;top:25%;width:265px}.hybrid-scene .scene-graph{left:0;right:auto;top:57%;width:242px;min-height:111px;padding:18px 17px 12px}}
@media(min-width:1601px){.hybrid-scene{left:57%;top:31%;width:24%;height:43%}.hybrid-scene .scene-catalog{width:285px}.hybrid-scene .scene-graph{width:260px;top:56%}.hybrid-scene .scene-brand{right:9%}}
@media(min-width:651px) and (max-width:1100px){.hybrid-scene{left:56%;top:29%;width:37%;height:47%}.hybrid-scene .scene-brand{left:auto;right:6%;top:0}.hybrid-scene .scene-catalog{right:0;top:24%;width:219px}.hybrid-scene .scene-graph{left:0;top:59%;width:205px;padding:16px 12px 10px}.hero-growth-chart{height:57px}}
@media(max-width:650px){.hybrid-scene .scene-brand{left:auto;right:12%;top:28%}.hybrid-scene .scene-catalog{right:7%;top:44%;bottom:auto;width:218px}.hybrid-scene .scene-graph{left:10%;top:66%;bottom:auto;width:212px;min-height:107px;padding:18px 14px 10px}.hero-growth-chart{height:60px}}
@media(hover:hover) and (pointer:fine){.hybrid-scene .scene-catalog:hover{transform:rotateY(-10deg) rotateX(4deg) rotateZ(7deg) translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.hybrid-scene .scene-catalog:hover{transform:rotateY(-12deg) rotateX(5deg) rotateZ(8deg)}}

.catalog-browser{transform-origin:50% 0}

/* Shared equipment perspective; all overlay cards drift together by only 2px. */
.hybrid-scene .scene-brand,.hybrid-scene .scene-catalog,.hybrid-scene .scene-graph{transform:rotateY(-16deg) rotateX(8deg) rotateZ(6deg);transform-origin:50% 70%}
@media(prefers-reduced-motion:no-preference){
.hybrid-scene .scene-brand,.hybrid-scene .scene-catalog,.hybrid-scene .scene-graph{animation:hero-card-drift 7s var(--ease-in-out) infinite;animation-play-state:paused}
.hybrid-scene.cards-visible .scene-brand,.hybrid-scene.cards-visible .scene-catalog,.hybrid-scene.cards-visible .scene-graph{animation-play-state:running}
.hybrid-scene.cards-paused .scene-brand,.hybrid-scene.cards-paused .scene-catalog,.hybrid-scene.cards-paused .scene-graph{animation-play-state:paused}
@keyframes hero-card-drift{0%,100%{translate:0 0}50%{translate:0 -2px}}
}
@media(hover:hover) and (pointer:fine){.hybrid-scene .scene-catalog:hover{transform:rotateY(-16deg) rotateX(8deg) rotateZ(6deg) translateY(-2px)}.hybrid-scene:has(a:hover) .scene-brand,.hybrid-scene:has(a:hover) .scene-catalog,.hybrid-scene:has(a:hover) .scene-graph{animation-play-state:paused}}
.hybrid-scene:focus-within .scene-brand,.hybrid-scene:focus-within .scene-catalog,.hybrid-scene:focus-within .scene-graph{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hybrid-scene .scene-brand,.hybrid-scene .scene-catalog,.hybrid-scene .scene-graph{animation:none;translate:none}.hybrid-scene .scene-catalog:hover{transform:rotateY(-16deg) rotateX(8deg) rotateZ(6deg)}}

/* Smaller floating cards and a sparse, low-contrast digital atmosphere. */
.hybrid-scene .scene-brand,.hybrid-scene .scene-catalog,.hybrid-scene .scene-graph{scale:.9}
.hybrid-scene .scene-brand{transform-origin:50% 100%}
.hybrid-scene .scene-catalog{transform-origin:30% 50%}
.hybrid-scene .scene-graph{transform-origin:85% 15%}
.hero-digital-dots{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 78%,transparent)}
.hero-digital-dots>span{position:absolute;display:block;width:2px;height:2px;background:#83ffc1;border-radius:1px;opacity:.17;box-shadow:0 0 5px #61ed9a35}
.hero-digital-dots>span:nth-child(4n){width:3px;height:3px;border:1px solid #7bdfb3;background:transparent}
@media(prefers-reduced-motion:no-preference){.hero-digital-dots>span{animation-name:hero-digital-drift;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}.ref-industrial-art:has(.cards-visible:not(.cards-paused)) .hero-digital-dots>span{animation-play-state:running}@keyframes hero-digital-drift{0%{opacity:0;transform:translateY(12px)}20%{opacity:.22}75%{opacity:.14}100%{opacity:0;transform:translateY(-18px)}}}
@media(prefers-reduced-motion:reduce){.hero-digital-dots{display:none}}
@media(max-width:650px){.hero-digital-dots>span:nth-child(2n){display:none}}

/* Mobile navigation uses the browser's modal layer, independent of the sticky header. */
.mobile-navigation-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(92vw,420px);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-radius:22px 0 0 22px;background:#f5f9f6;color:#17382b;box-shadow:-15px 0 55px #001c2638;overflow-y:auto;overscroll-behavior:contain}
.mobile-navigation-drawer:not([open]){display:none}
.mobile-navigation-drawer::backdrop{background:#021c24a8}
.mobile-drawer-open{overflow:hidden}
.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 20px 18px;padding-top:max(24px,env(safe-area-inset-top));border-bottom:1px solid #dfeae2;background:#f5f9f6;position:sticky;top:0;z-index:8}
.mobile-drawer-head .website-logo{width:125px}
.mobile-drawer-close{width:42px;height:42px;display:grid;place-items:center;background:#e5efe8;border:1px solid #d1e1d5;border-radius:13px;color:#24583a;font-size:20px}
.mobile-navigation-drawer .drawer-navigation{display:flex;position:static;width:100%;max-width:100%;flex-direction:column;align-items:stretch;gap:6px;padding:17px 15px;font-size:15px;font-weight:600}
.mobile-navigation-drawer .drawer-navigation>a,.mobile-navigation-drawer .products-menu>summary{display:flex;align-items:center;justify-content:space-between;min-height:49px;width:100%;padding:12px 15px;background:#edf4ef;border:1px solid #dfebe2;border-radius:12px;color:#254e3a;text-decoration:none}
.mobile-navigation-drawer .drawer-navigation>a:after{content:'\2197';font-size:15px;color:#79a18b;position:static;display:block;background:transparent;height:auto;box-shadow:none}
.mobile-navigation-drawer .drawer-navigation>a[aria-current=location],.mobile-navigation-drawer .products-menu[open]>summary{background:#dcf2e4;color:#087c41;border-color:#c4e6d0}
.mobile-navigation-drawer .products-menu{flex:none;min-width:0;width:100%;position:static}
.mobile-navigation-drawer .products-menu>summary i{font-size:11px}
.mobile-navigation-drawer .catalog-browser{position:relative;inset:auto;width:100%;margin-top:9px;max-height:none;overflow:visible;border-radius:13px;border:1px solid #d8e7dc;box-shadow:none;font-weight:400}
.mobile-navigation-drawer .browser-top{padding:12px 10px;gap:9px;flex-wrap:wrap}
.mobile-navigation-drawer .browser-top>a{font-size:10px;padding-left:5px}
.mobile-navigation-drawer .browser-mode-switch{width:100%;display:flex}
.mobile-navigation-drawer .browser-mode-switch button{flex:1;font-size:10px;padding:10px 7px;gap:7px;min-height:42px}
.mobile-navigation-drawer .browser-sidebar{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:7px;overflow:visible}
.mobile-navigation-drawer .browser-choice,.mobile-navigation-drawer .browser-layout[data-browser-view=product] .browser-choice{min-width:0;width:100%;min-height:61px;padding:9px 8px;gap:7px}
.mobile-navigation-drawer .browser-choice strong{white-space:normal;font-size:10px}
.mobile-navigation-drawer .browser-brand-thumb{width:30px;min-width:30px}
.mobile-navigation-drawer .browser-choice>i:last-child{display:none}
.mobile-navigation-drawer .browser-main{padding:17px 12px}
.mobile-navigation-drawer .browser-panel-heading{align-items:start;gap:12px;flex-wrap:wrap}
.mobile-navigation-drawer .browser-panel-heading h2{font-size:18px}
.mobile-navigation-drawer .browser-panel-heading p{font-size:11px}
.mobile-navigation-drawer .browser-group-grid{grid-template-columns:1fr}
.mobile-navigation-drawer .browser-product-link{min-height:44px;font-size:11px}
.mobile-navigation-drawer .browser-footer{padding:13px 12px;font-size:10px}
.mobile-drawer-contact{margin:0 15px 20px;padding:18px 15px 22px;padding-bottom:max(22px,env(safe-area-inset-bottom));border-top:1px solid #d8e7dc;display:grid;gap:10px;font-size:12px;color:#526f5d}
.mobile-drawer-contact>a:first-child{display:flex;align-items:center;justify-content:space-between;background:#087f42;color:white;padding:13px 15px;border-radius:12px;font-weight:600;margin-bottom:5px}
.mobile-drawer-close:active,.drawer-navigation>a:active{opacity:.72}
@media(max-width:650px){
.hero-hd-image{right:-14%}
.ref-capabilities{grid-template-columns:1fr 1fr;gap:9px;padding-top:14px;padding-bottom:17px}
.ref-capabilities>a{display:flex;align-items:center;gap:9px;min-height:50px;padding:10px 11px;border:1px solid #749c8e25;border-radius:12px;background:#25463b35;font-size:10px;line-height:1.4;border-right:1px solid #749c8e25}
.ref-capabilities>a i{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border-radius:9px;background:#315d4938;color:#8ce3b4;font-size:16px}
.ref-capabilities>a:last-child{grid-column:1/-1;justify-content:center;min-height:44px}
.ref-capabilities>a:active{background:#315c494f}
}

@media(max-width:650px){.hero-hd-image{right:-23%}.ref-capabilities>a{gap:14px;padding-inline:13px}.ref-capabilities{gap:11px}}

/* A compact dark introduction above the original light product catalogue. */
.ref-products .website-section-heading{display:grid;grid-template-columns:.8fr 1.7fr;align-items:center;gap:28px;background:linear-gradient(120deg,#122b2b,#1b3034);border:1px solid #aecfc318;border-radius:20px;padding:25px 28px;margin:0 0 22px;min-height:128px}
.ref-products h2.unified-title{margin:0;color:#f1faf5;font-size:27px;line-height:1.25}
.ref-products .website-section-heading .title-symbol{background:linear-gradient(140deg,#a6f4c824,#a6f4c80a);color:#7ce4a8;border:1px solid #a9f8c933;box-shadow:inset 0 1px 0 #dbffed16;backdrop-filter:blur(6px)}
.ref-products .website-section-heading>div{margin:0;display:grid;gap:9px}
.ref-products .website-section-heading p{color:#c4d8ce;font-size:13px;line-height:1.7;max-width:none;margin:0}
.ref-products .website-section-heading .text-action{color:#91e8b3;font-size:11px;justify-self:start;margin:0}
.ref-products .website-section-heading .text-action i{background:#c1f9d415;color:#b7e6ca}
.ref-products .siemens-group-symbol,.ref-products .siemens-item-symbol{background:linear-gradient(140deg,#c0f3d740,#d8f6e221);border:1px solid #4ca97822;box-shadow:inset 0 1px 0 #fff9;backdrop-filter:blur(4px)}
@media(max-width:800px){.ref-products .website-section-heading{grid-template-columns:1fr;gap:14px;padding:23px;min-height:0}.ref-products h2.unified-title{font-size:25px}}
@media(max-width:650px){.ref-products .website-section-heading{padding:21px 18px;border-radius:17px;gap:13px}.ref-products h2.unified-title{font-size:23px;margin:0}.ref-products .website-section-heading p{font-size:12px}}

/* Three current partner brands in the menu and partner cards. */
.ref-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(min-width:801px){.browser-layout[data-browser-view=brand] .browser-sidebar{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.ref-partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.ref-partner-grid>a{min-height:83px;padding:12px}}

.ref-partners{display:block}.ref-partners>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.ref-partners .ref-title{margin:0}.ref-partners p{max-width:65ch}
@media(max-width:650px){.ref-partners>div:first-child{grid-template-columns:1fr;gap:17px}}