/* Unified icon tiles and typography; dark connected-product hero. */
:root{--title-ink:#263c32;--tile-ink:#168269;--tile-ground:#e8f4ed;--tile-radius:11px}
body>main#main:has(.modern-hero){padding:0;min-height:0}
.website-section h2.unified-title,.catalog-section h2.unified-title,h2.unified-title{display:flex;align-items:center;gap:15px;font-family:'Segoe UI',Arial,sans-serif;font-size:29px;font-weight:650;line-height:1.3;letter-spacing:-.7px;color:var(--title-ink);margin:0 0 24px;text-wrap:balance}
h2.unified-title:after{display:none}
h2.unified-title .title-symbol{display:inline-grid;place-items:center;width:46px;height:46px;min-width:46px;border-radius:14px;color:var(--tile-ink);background:var(--tile-ground);box-shadow:0 5px 13px -10px #2b694d60;margin:0;font-size:20px;line-height:1}
h2.unified-title .title-label{display:block;font-size:inherit;color:inherit;margin:0;line-height:inherit;font-weight:inherit}
.unified-subtitle{display:flex;align-items:center;gap:10px;font-family:'Segoe UI',Arial,sans-serif!important;font-size:16px!important;font-weight:650!important;line-height:1.5!important;letter-spacing:0;text-wrap:balance}
.unified-subtitle>.subtitle-symbol{width:30px;height:30px;min-width:30px;display:inline-grid!important;place-items:center;border-radius:9px;background:var(--tile-ground);color:var(--tile-ink);font-size:13px;line-height:1;box-shadow:0 3px 8px -7px #214e3550}
.unified-subtitle>span:not(.subtitle-symbol):not(.siemens-group-symbol){color:inherit;font-size:inherit;line-height:inherit;display:block}
.principles .unified-subtitle{font-size:16px!important;color:#294c3a;margin:0 0 14px}
.principles article:nth-child(2) .subtitle-symbol{background:#edf0ff;color:#6371ce}.principles article:nth-child(3) .subtitle-symbol{background:#f1edfc;color:#7957bc}
.service-heading .unified-subtitle{font-size:16px!important;color:#2f4c3b;line-height:1.5!important;margin:0}.service-heading .subtitle-symbol{width:36px;height:36px;min-width:36px;border-radius:11px;font-size:15px}.service-heading{margin-bottom:13px}.catalog-services article:nth-child(2) .subtitle-symbol{background:#edf2ff;color:#4976c9}.catalog-services article:nth-child(3) .subtitle-symbol{background:#fff3de;color:#a56f16}.catalog-services article:nth-child(4) .subtitle-symbol{background:#f1edfc;color:#7957bc}
.industry-section h2.unified-title{color:#f0f7ed}.industry-section .title-symbol{background:#294e39;color:#c2e7ca}.industry-list .unified-subtitle .subtitle-symbol{display:none!important}.industry-list>a>i:first-child{width:34px;height:34px;min-width:34px;display:grid;place-items:center;border-radius:10px;background:#284c36;color:#b8dec2;font-size:15px;margin-top:0}.industry-list>a>i:last-child{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#294a37;color:#c0deca}
.equipment-info .unified-subtitle{font-size:14px!important;gap:7px}.equipment-info .subtitle-symbol{width:23px;height:23px;min-width:23px;border-radius:7px;font-size:10px}.excellence .unified-subtitle{font-size:17px!important;color:#f0f5ee}.excellence .subtitle-symbol{background:#395342;color:#d1e6d4}
.trust-layout .unified-subtitle{font-size:20px!important;border:0;padding:0;margin:0 0 16px}.trust-layout .subtitle-symbol{width:35px;height:35px;min-width:35px;font-size:15px}
.process-steps .unified-subtitle{align-items:start;font-size:15px!important;gap:9px}.process-steps .unified-subtitle>span:last-child{padding-top:4px}.process-steps li>span{font-family:inherit;font-size:13px;font-weight:650;color:#66806a;margin-bottom:15px}
.siemens-collection-intro .unified-subtitle{font-size:18px!important}.siemens-family-grid .unified-subtitle{font-size:14px!important}.mega-panel-title .unified-subtitle{font-size:16px!important}.mega-assistance .unified-subtitle{font-size:15px!important;align-items:start}.footer-main .unified-subtitle{font-size:13px!important;gap:8px;margin-top:0}.footer-main .subtitle-symbol{width:25px;height:25px;min-width:25px;font-size:11px}.enquiry-brief .unified-subtitle{font-size:13px!important}
.capability-rail a>i:first-child,.mega-family>i:first-child{display:inline-grid;place-items:center;background:#e7f2e8;color:#26805b;border-radius:9px;flex-shrink:0}.capability-rail a>i:first-child{width:32px;height:32px;font-size:14px}.mega-family>i:first-child{width:27px;height:27px;font-size:12px}.siemens-menu-button>i:first-child{background:#e6f2f1;color:#11857c}
.text-action>i,.quote-button>i,.catalog-button>i,.hero-secondary>i,.faq-list summary>i,.equipment-info>a>i,.search-shortcut>i{display:inline-grid;place-items:center;width:23px;height:23px;min-width:23px;border-radius:7px;background:#e4eee1;color:#237449;font-size:10px}.quote-button>i,.catalog-button>i{background:#ffffff20;color:white}.faq-list summary>i{background:#eaf0e7;color:#347b4e;font-size:10px}.search-shortcut>i{width:31px;height:31px;border-radius:9px;font-size:13px}
.enquiry-intro>a>i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#dfeddd;font-size:12px}.utility-bar a>i,.utility-location>i{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#dce8da;font-size:9px;margin-right:5px}
body:has(.modern-hero){background:#f5f6f3}body:has(.modern-hero) .utility-bar{background:#10151a;color:#b4c3b9}body:has(.modern-hero) .utility-bar a>i,body:has(.modern-hero) .utility-location>i{background:#202d29;color:#9cbaa8}
body:has(.modern-hero) .website-header{background:#11151c;border-bottom-color:#272d34}body:has(.modern-hero) .site-navigation>a,body:has(.modern-hero) .products-menu>summary{color:#d1d9d2}body:has(.modern-hero) .products-menu[open]>summary{color:#a3e1ba}body:has(.modern-hero) .website-logo{background:#f5f6f3;border-radius:9px;padding:4px 8px;width:130px}body:has(.modern-hero) .search-shortcut>i{background:#242d30;color:#d3e2d8}body:has(.modern-hero) .mobile-nav-toggle{color:#d6e4d8;border-color:#374439;background:#1c2822}
.modern-hero{color:#ecf2ed;background:radial-gradient(ellipse at 79% 45%,#29203d 0,transparent 43%),radial-gradient(ellipse at 98% 5%,#152d25 0,transparent 35%),#11151c;max-width:1440px;margin:0 auto;border-radius:0 0 21px 21px;overflow:hidden;isolation:isolate;position:relative}
.modern-hero-main{max-width:1320px;margin:auto;padding:55px 6% 12px;display:grid;grid-template-columns:1fr 1.08fr;gap:32px;align-items:center;min-height:480px}
.modern-hero h1{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(36px,3.7vw,52px);font-weight:550;line-height:1.15;letter-spacing:-1.7px;color:#f0f3ef;display:flex;align-items:start;gap:16px;margin:0}
.hero-title-symbol{width:36px;height:36px;min-width:36px;display:grid;place-items:center;background:#263b30;color:#a5e3b9;border-radius:11px;font-size:16px;margin-top:8px}.modern-hero h1 em{font-style:normal;color:#a9b8ad}.modern-hero-copy>p{max-width:43ch;margin:25px 0 26px 52px;color:#bac9bf;font-size:14px;line-height:1.9}.modern-hero-actions{display:flex;align-items:center;gap:22px;margin-left:52px;flex-wrap:wrap}.modern-hero-actions .catalog-button{background:#eaf4e9;color:#173b26;margin:0;border:1px solid #c4e6c6;font-size:12px;box-shadow:0 5px 20px -13px #80e99b80}.modern-hero-actions .catalog-button>i{color:#2e7146;background:#d9ebd7}.modern-hero-actions .hero-secondary{font-size:12px;color:#d2dbd4;margin:0;gap:10px}.modern-hero-actions .hero-secondary>i{background:#252e30;color:#c5d8c9}
.hero-range-note{display:flex;align-items:center;gap:10px;color:#8faaa0;font-size:11px;margin:28px 0 0 52px}.hero-range-note>i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#24312d;color:#9ec8b0;font-size:11px}
.energy-scene{height:410px;position:relative;perspective:1000px;min-width:0}.energy-scene:before{content:'';position:absolute;width:280px;height:240px;top:80px;left:100px;background:radial-gradient(ellipse,#7956a847 0,transparent 65%);pointer-events:none}.energy-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.scene-source{position:absolute;left:5%;top:54%;width:86px;height:91px;border:1px solid #6d558355;background:linear-gradient(145deg,#342044,#191d27);border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;transform:rotateY(-17deg) rotateZ(10deg);box-shadow:0 17px 36px -20px #000}.scene-source>i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#523b6b;color:#e9cfff;font-size:23px;box-shadow:0 0 24px -6px #bd7df77a}.scene-source>span{font-size:8px;letter-spacing:1.5px;color:#cbbfd3}
.scene-brand{position:absolute;right:13%;top:0;width:177px;padding:17px;background:linear-gradient(145deg,#253b36,#16222b);border:1px solid #465a5166;border-radius:15px;transform:rotateY(-12deg) rotateZ(8deg);box-shadow:0 18px 42px -20px #000;z-index:2}.scene-brand-symbol{display:grid;place-items:center;position:absolute;width:36px;height:36px;top:18px;right:15px;background:#305346;border-radius:11px;color:#a3e6b9;font-size:18px}.scene-brand>strong{font-size:21px;letter-spacing:1px;color:#b6e0d4;display:block;padding-top:35px}.scene-brand>span:last-child{font-size:9px;color:#a4c3b5;display:block;margin-top:6px}
.scene-catalog{position:absolute;right:0;top:127px;width:77%;padding:17px 18px 12px;background:linear-gradient(145deg,#242532,#171d24);border:1px solid #4b485e66;border-radius:13px;transform:rotateY(-14deg) rotateX(7deg) rotateZ(8deg);box-shadow:0 25px 45px -22px #000;z-index:3}.scene-catalog-heading{display:flex;align-items:center;gap:9px;font-size:10px;color:#acb2c4;padding-bottom:13px;border-bottom:1px solid #3d3c495c}.scene-catalog-heading>i{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:#373148;color:#c3b3e2;font-size:10px}.scene-status{width:5px;height:5px;border-radius:50%;background:#89c5a3;margin-left:auto}
.scene-catalog>a{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid #36374466}.scene-catalog>a:last-child{border-bottom:0}.scene-family-icon{width:33px;height:33px;border-radius:10px;background:#3a2d4b;color:#c3a4f2;display:grid;place-items:center;flex-shrink:0;font-size:14px}.scene-catalog>a:nth-of-type(2) .scene-family-icon{background:#243449;color:#a1c6f5}.scene-catalog>a:nth-of-type(3) .scene-family-icon{background:#263c32;color:#abd6b6}.scene-catalog a>div{flex:1}.scene-catalog strong{font-family:inherit;font-size:12px;font-weight:550;letter-spacing:.4px;color:#dae1de}.scene-catalog a>div>span{font-size:10px;color:#98a9a1;display:block;margin-top:2px}.scene-catalog>a>i{font-size:9px;background:#2b303b;color:#9fafaa;border-radius:6px;width:22px;height:22px;display:grid;place-items:center}
.scene-bottom{position:absolute;left:0;bottom:4px;width:66%;padding:17px 20px;background:#191c249c;border:1px solid #3f3c4d66;border-radius:11px;transform:rotateY(-15deg) rotateX(9deg) rotateZ(8deg);color:#8f9b98;font-size:8px;box-shadow:0 13px 28px -18px #000}.scene-bottom>span:last-child{font-size:7px;color:#70867c}.signal-bars{display:flex;gap:8px;align-items:end;height:35px;margin:12px 0 7px}.signal-bars>span{display:block;height:var(--bar);width:4px;border-radius:2px;background:#53695d}.signal-bars>span:nth-child(3n){background:#7f7198}
.partner-marquee{max-width:1320px;margin:auto;padding:28px 6% 27px;display:flex;align-items:center;gap:20px;position:relative;min-width:0}.marquee-label{font-size:10px;line-height:1.7;color:#8e9f94;max-width:115px;flex-shrink:0}.marquee-viewport{overflow:hidden;min-width:0;flex:1;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;animation:brand-travel 28s linear infinite}.marquee-set{display:flex;align-items:center;gap:42px;padding-right:42px;flex-shrink:0}.partner-logo{display:flex;align-items:center;justify-content:center;width:105px;height:44px}.partner-logo img{display:block;width:auto;height:auto;max-width:105px;max-height:31px;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.66}.marquee-toggle{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;border-radius:9px;border:1px solid #38413e;background:#202b26;color:#a5bcb0;font-size:10px}.marquee-paused .marquee-track,.marquee-offscreen .marquee-track,.marquee-hidden .marquee-track,.partner-marquee:focus-within .marquee-track{animation-play-state:paused}
@keyframes brand-travel{to{transform:translateX(-50%)}}
.modern-hero-main .energy-scene{animation:scene-arrive 700ms var(--ease-out) both}@keyframes scene-arrive{from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(hover:hover) and (pointer:fine){.partner-marquee:hover .marquee-track{animation-play-state:paused}.scene-catalog a:hover strong{color:#c9eacb}.modern-hero-actions .catalog-button:hover{background:#cfeacf}.modern-hero .hero-secondary:hover{color:#fff}}
@media(max-width:1100px){.modern-hero-main{padding-top:40px;gap:22px;grid-template-columns:1fr 1fr;min-height:450px}.modern-hero h1{font-size:43px;gap:12px}.modern-hero-copy>p,.modern-hero-actions,.hero-range-note{margin-left:48px}.modern-hero-actions{gap:15px}.modern-hero-actions .hero-secondary{font-size:11px}.energy-scene{height:390px}.scene-brand{right:8%;width:157px}.scene-catalog{width:83%;top:125px;padding:15px}.scene-source{left:0;width:72px;height:80px}.scene-bottom{width:68%}.marquee-set{gap:32px;padding-right:32px}.partner-marquee{gap:15px}}
@media(max-width:800px){.modern-hero h1{font-size:36px;letter-spacing:-1px}.hero-title-symbol{width:30px;height:30px;min-width:30px;font-size:13px;margin-top:4px;border-radius:9px}.modern-hero-copy>p{font-size:13px;margin-top:20px}.modern-hero-copy>p,.modern-hero-actions,.hero-range-note{margin-left:42px}.modern-hero-actions{gap:14px}.modern-hero-actions .catalog-button{padding:12px 14px;font-size:11px}.hero-range-note{font-size:10px;gap:8px}.energy-scene{height:360px}.scene-catalog{top:118px;padding:13px;width:88%}.scene-catalog a{gap:8px;padding:11px 0}.scene-catalog strong{font-size:11px}.scene-catalog a>div>span{font-size:9px}.scene-brand{width:140px;right:5%;padding:14px}.scene-brand>strong{font-size:18px}.scene-source{top:49%;width:60px;height:70px;left:-4%}.scene-source>i{width:31px;height:31px;font-size:17px}.scene-source>span{font-size:6px}.scene-bottom{bottom:0;padding:13px}.scene-family-icon{width:28px;height:28px;border-radius:8px;font-size:12px}.signal-bars{gap:6px;height:26px}.marquee-label{max-width:93px;font-size:9px}.partner-marquee{padding-top:21px;padding-bottom:23px;gap:13px}.partner-logo{width:95px}.partner-logo img{max-width:95px}.website-section h2.unified-title,.catalog-section h2.unified-title,h2.unified-title{font-size:25px;gap:13px}.title-symbol{width:41px!important;height:41px!important;min-width:41px!important;font-size:17px!important}}
@media(max-width:650px){body:has(.modern-hero) .website-logo{width:100px;padding:3px 5px}.modern-hero{border-radius:0 0 17px 17px;background:radial-gradient(ellipse at 70% 72%,#29203d 0,transparent 47%),#11151c}.modern-hero-main{display:flex;flex-direction:column;align-items:stretch;padding:34px 6% 0;gap:25px;min-height:0}.modern-hero h1{font-size:clamp(31px,8.8vw,45px);line-height:1.15;letter-spacing:-1px;gap:12px}.hero-title-symbol{margin-top:3px;width:30px;height:30px;min-width:30px}.modern-hero-copy>p{font-size:13px;line-height:1.9;max-width:36ch;margin:19px 0 20px 42px}.modern-hero-actions{margin-left:42px;gap:16px}.modern-hero-actions .catalog-button{font-size:11px;padding:12px 13px}.modern-hero-actions .hero-secondary{font-size:11px;gap:8px}.modern-hero-actions .hero-secondary>i{width:20px;height:20px;min-width:20px;font-size:9px}.hero-range-note{margin:20px 0 0 42px;font-size:9px}.energy-scene{height:334px;margin:0 5px}.energy-scene:before{left:35px;top:35px}.scene-brand{right:9%;top:0;width:143px}.scene-catalog{top:119px;right:3%;width:78%;padding:12px 13px}.scene-catalog-heading{font-size:9px;padding-bottom:9px;gap:7px}.scene-catalog>a{padding:10px 0;gap:9px}.scene-catalog strong{font-size:11px}.scene-source{left:3%;top:50%;width:61px;height:68px}.scene-bottom{bottom:4px;left:4%;width:62%;padding:11px}.signal-bars{height:23px;gap:5px;margin:9px 0 6px}.signal-bars>span{width:3px}.scene-bottom>span{font-size:7px}.scene-bottom>span:last-child{font-size:6px}.energy-connections{left:-8%;width:114%}.partner-marquee{padding:18px 6% 22px;display:grid;grid-template-columns:1fr 28px;gap:10px}.marquee-label{grid-column:1/-1;max-width:none;font-size:9px}.marquee-viewport{width:100%;grid-column:1}.marquee-toggle{grid-column:2;width:27px;height:27px}.partner-logo{width:93px;height:35px}.partner-logo img{max-height:26px;max-width:93px}.marquee-set{gap:28px;padding-right:28px}.marquee-track{animation-duration:26s}.website-section h2.unified-title,.catalog-section h2.unified-title,h2.unified-title{font-size:23px;letter-spacing:-.5px;line-height:1.35;gap:12px;margin-bottom:20px}.title-symbol{width:39px!important;height:39px!important;min-width:39px!important;border-radius:12px!important;font-size:16px!important}.unified-subtitle{font-size:15px!important}.principles .unified-subtitle{font-size:15px!important}.service-heading .unified-subtitle{font-size:15px!important}.siemens-family-grid .unified-subtitle{font-size:15px!important}.process-steps .unified-subtitle{display:block;font-size:14px!important}.process-steps .subtitle-symbol{margin-bottom:10px}.industry-list .unified-subtitle{font-size:15px!important}.equipment-info .unified-subtitle{font-size:13px!important;gap:6px}.equipment-info .subtitle-symbol{display:none!important}.footer-main .unified-subtitle{font-size:12px!important;gap:7px}.footer-main .subtitle-symbol{width:23px;height:23px;min-width:23px;font-size:10px}.enquiry-section h2.unified-title{align-items:start}.enquiry-section .title-symbol{margin-top:3px}.mega-panel-title .unified-subtitle{font-size:14px!important}.mega-panel-title .subtitle-symbol{width:25px;height:25px;min-width:25px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee-set[aria-hidden=true]{display:none}.marquee-viewport{overflow-x:auto;mask-image:none}.modern-hero-main .energy-scene{animation:none}}
.marquee-track{mix-blend-mode:screen}
.marquee-viewport{mix-blend-mode:screen}
.keyboard-input .marquee-track{animation-duration:28s!important}
.product-range-note>i{display:grid;place-items:center;min-width:23px;width:23px;height:23px;border-radius:7px;background:#e8efe3;color:#64775e;font-size:11px;align-self:start}
.scene-catalog{top:110px}.scene-catalog>a{padding-block:10px}.scene-catalog a>div{font-size:12px;line-height:1.3}.scene-catalog strong{display:block;line-height:1.3}.scene-catalog a>div>span{line-height:1.5}
@media(max-width:650px){.modern-hero-copy>p{margin-left:0;max-width:42ch}.modern-hero-actions,.hero-range-note{margin-left:0}.energy-scene{height:350px;margin-top:5px}.scene-catalog{top:107px}.modern-hero-main{gap:22px}.modern-hero-actions .hero-secondary{font-size:11px}.partner-marquee{padding-top:20px}}
