/* Neutronix company entrance, balanced product grids and sector-specific content. */
.header { background:#d6dbd6f7; border-bottom-color:#71817440; }
.header .brand { width:228px; flex-shrink:0; }
.header .brand img { width:100%; height:auto; max-height:46px; object-fit:contain; object-position:left center; }
.motion-home.v3 { --violet:#b5fa53; --purple:#81b74d; --deep:#101b13; color:#f0f7eb; background:radial-gradient(ellipse at 82% 47%,#46653e55,transparent 56%),linear-gradient(115deg,#101b13,#152017 65%,#1b281b); }
.motion-home .home-grid { background-image:linear-gradient(#c2efa008 1px,transparent 1px),linear-gradient(90deg,#c2efa008 1px,transparent 1px); }
.motion-home .home-kicker { color:#9eb299; }
.motion-home .home-product-photo { transform:rotate(-3deg) rotateY(var(--pointer-x,0deg)) rotateX(var(--pointer-y,0deg)); border-color:#b0d6964d; background:#243326; }
.motion-home .home-media-edge { border-color:#b5fa5338; background:linear-gradient(135deg,#b5fa530d,transparent 35%,transparent 65%,#8fd28a12); }
.motion-home .home-product-photo video { transform:none; object-fit:contain; object-position:center; filter:none; }
.motion-home .home-product-photo { inset:12% 0; display:flex; align-items:center; background:#15251a; }
.motion-home .home-product-ring { border-color:#b0d69620; }
.motion-home .home-orbit { border-color:#b0d69618; }
.motion-home .home-signal-label { color:#9cb192; }
.motion-home .home-motion-footer { border-top-color:#a5c98b27; }
body:has(.motion-home) .motion-dock { background:#14241ae8; color:#daedcf; border-color:#a6d28445; }
body:has(.motion-home) .motion-bars i { background:#b5fa53; }
body.motion-paused:has(.motion-home) .motion-dock { background:#b5fa53; color:#14231a; }
body.motion-paused:has(.motion-home) .motion-bars i { background:#315023; }
.product-mosaic { grid-template-columns:repeat(2,minmax(0,1fr)); align-items:stretch; }
.product-mosaic .mosaic-item { margin:0; min-height:530px; height:530px; }
.mosaic-copy { max-width:100%; }
.mosaic-copy h3 { font-size:clamp(29px,2.6vw,43px); }
.product-mini-row { grid-template-columns:repeat(3,minmax(0,1fr)); }
.product-logo img { height:42px; width:125px; object-fit:contain; object-position:left; }
.connected-products a>img { width:125px; height:43px; }
.sector-pair-intro { display:grid; grid-template-columns:1fr 1fr; gap:15px 55px; margin-bottom:33px; }
.sector-pair-intro .eyebrow { grid-column:1/-1; }
.sector-pair-intro h3 { font:500 clamp(32px,3vw,47px)/1.15 var(--head); letter-spacing:-.045em; margin:0; }
.sector-pair-intro p { font-size:15px; line-height:1.85; color:#63715f; max-width:510px; margin:0; }
.sector-entry-grid { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.sector-entry { display:grid; grid-template-columns:40% 1fr; gap:25px; background:#e3e8df; min-height:310px; overflow:hidden; }
.sector-entry>img { width:100%; height:100%; object-fit:cover; }
.sector-entry>div { padding:27px 24px 27px 0; }
.sector-entry>div>span { font-size:10px; text-transform:uppercase; letter-spacing:.08em; color:#688a4e; }
.sector-entry h4 { font:500 26px/1.18 var(--head); margin:18px 0; letter-spacing:-.035em; }
.sector-entry p { font-size:12px; color:#69795f; line-height:1.7; }
.sector-entry strong { display:flex; align-items:center; justify-content:space-between; gap:15px; font-size:12px; font-weight:500; border-top:1px solid #7e976f40; padding-top:15px; margin-top:20px; }
.sector-entry strong>span { font-size:22px; color:#638347; }
body.motion-enabled .sector-entry img { transition:transform .9s ease!important; }
body.motion-enabled .sector-entry:hover img { transform:scale(1.04); }
@media(max-width:1200px){.header .brand{width:204px}.sector-entry{grid-template-columns:1fr;gap:0}.sector-entry>img{height:210px}.sector-entry>div{padding:25px}}
@media(max-width:760px){.header .brand{width:168px}.header .nav-contact{padding:10px;font-size:9px;white-space:nowrap}.header{gap:10px}.header .brand img{max-height:35px}.product-mosaic{grid-template-columns:1fr}.product-mosaic .mosaic-item{height:460px;min-height:460px}.product-mini-row{grid-template-columns:1fr 1fr}.motion-home .home-product-photo{inset:8% 0 13%;border-radius:12px}.sector-pair-intro{grid-template-columns:1fr;gap:22px}.sector-pair-intro p{font-size:14px}.sector-entry-grid{grid-template-columns:1fr;gap:20px}.sector-entry h4{font-size:28px}.sector-entry p{font-size:14px}.sector-entry strong{font-size:13px}}
@media(max-width:380px){.header .brand{width:145px}.header .nav-contact{padding:8px;font-size:8px}.header .menu-toggle{width:30px}.product-mini-row{grid-template-columns:1fr}}

/* Product formats and the information layer belong to their respective products. */
#baeder,#modelle,#schnittstellen {scroll-margin-top:90px;}
.hardware-model-note {font-size:12px;color:#9ba893;line-height:1.8;}
.panel-models {background:radial-gradient(ellipse at 70% 30%,#50396a30,transparent 70%),#131518;color:#f5f2fb;}
.panel-models h2 em {color:#b78bea;font-style:normal;}
.service-hero .heading-split>p {color:#64705e;}
.panel-models .heading-split>p {color:#aaa4b4;}
.panel-model-grid {display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:50px;}
.panel-model-grid article {min-width:0;border-top:1px solid #b898dc55;}
.model-visual {height:350px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#dddddf;}
.model-visual>img {width:100%;height:100%;object-fit:cover;object-position:50% 52%;}
.model-dimension {position:absolute;top:20px;left:25px;font:500 45px/1 var(--head);letter-spacing:-.06em;color:#191820;background:#f3f0f3dd;padding:10px 15px;}
.model-schematic {background:radial-gradient(ellipse at center,#58426740,transparent 67%);perspective:1000px;}
.model-schematic .model-dimension {color:#c6a9e6;background:none;}
.model-schematic>small {position:absolute;bottom:12px;font:8px monospace;letter-spacing:.08em;color:#968ca0;}
.model-tablet {width:68%;max-width:365px;aspect-ratio:1.57;padding:11px;border-radius:14px;background:linear-gradient(145deg,#c4bccb,#29252e 35%,#82728f);box-shadow:0 30px 35px #0006,0 0 0 2px #aba1b350;transform:rotate(-6deg) rotateY(8deg);}
.model-tablet-screen {width:100%;height:100%;background:#eeebf3;color:#30283c;padding:14px 18px;border-radius:6px;}
.model-tablet-screen>span {font-size:9px;font-weight:600;letter-spacing:.02em;color:#8a61b0;}
.model-tablet-screen>strong {display:block;font:500 21px/1.4 var(--head);margin:5px 0 10px;}
.model-tablet-screen>div {display:grid;grid-template-columns:repeat(3,1fr);gap:7px;}
.model-tablet-screen i {font-style:normal;font-size:8px;min-height:28px;display:flex;align-items:center;justify-content:center;background:#dbd1e8;border:1px solid #baa5d060;border-radius:4px;}
.model-copy {padding:30px 0 0;}
.model-copy>span {font:10px monospace;letter-spacing:.1em;color:#a88bc6;}
.model-copy h3 {font:500 clamp(28px,3vw,43px)/1.13 var(--head);letter-spacing:-.04em;margin:17px 0;}
.model-copy p {color:#b2aeba;line-height:1.8;max-width:470px;font-size:15px;}
.panel-system-path {display:flex;align-items:center;gap:35px;margin:45px 0;}
.panel-system-path>span,.panel-system-path>a {flex:1;border-top:1px solid #8da37877;padding:25px 0;font:500 27px var(--head);}
.panel-system-path small {display:block;font:12px var(--body);margin-top:10px;color:#67755c;}
.panel-system-path>b {color:#678452;font-size:30px;font-weight:400;}
.feature-title {display:flex;align-items:start;flex-wrap:wrap;gap:10px;}
.feature-title h3 {flex:1;min-width:150px;}
.informative-badge {display:inline-block;white-space:nowrap;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;border:1px solid #82997075;color:#587049;padding:5px 8px;margin-top:26px;}
.whiteboard-sources {display:grid;grid-template-columns:1fr 1.2fr;gap:25px 65px;border-top:1px solid #a1be8560;margin-top:45px;padding-top:45px;}
.whiteboard-sources h3 {font:500 31px/1.2 var(--head);letter-spacing:-.035em;margin:20px 0;}
.whiteboard-sources p {max-width:460px;color:#b0bda6;font-size:14px;line-height:1.85;}
.whiteboard-sources ul {list-style:none;padding:0;margin:0;}
.whiteboard-sources li {display:grid;grid-template-columns:150px 1fr;gap:20px;border-bottom:1px solid #a1be8530;padding:16px 0;font-size:13px;}
.whiteboard-sources li strong {font-weight:500;color:#d4e3c7;}
.whiteboard-sources li span {color:#9dad92;}
.whiteboard-sources .text-link {grid-column:1/-1;width:max-content;max-width:100%;}
.connected-products .whiteboard-sources .text-link {padding:15px 0;font-size:13px;}
.connected-products .whiteboard-sources .text-link>span {position:static;font-size:20px;}

/* Bäder: an interactive, explicitly illustrative view of the real alarm paths. */
.pool-usecase {background:radial-gradient(ellipse at 95% 45%,#70333133,transparent 60%),#111b1c;color:#edf6f3;overflow:hidden;}
.pool-usecase .eyebrow {color:#ee7a73;}
.pool-usecase h2 em {font-style:normal;color:#ee7a73;}
.pool-usecase .heading-split>p {color:#acbdba;}
.pool-scenarios {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0 25px;}
.pool-scenarios button {display:flex;align-items:center;text-align:left;gap:16px;border:1px solid #93b4ad3d;background:transparent;color:#d1e0dc;padding:22px 20px;font-size:13px;cursor:pointer;}
.pool-scenarios button>span:first-child {font:10px monospace;opacity:.5;}
.pool-scenarios button>span:last-child {margin-left:auto;font-size:21px;}
.pool-scenarios button[aria-pressed=true] {background:#e87168;color:#19201e;border-color:#e87168;}
.pool-live {display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;}
.pool-plan {background:#182c2d;border:1px solid #8eafa04a;padding:25px;position:relative;}
.pool-map-head {display:flex;justify-content:space-between;gap:10px;font:9px monospace;letter-spacing:.05em;color:#91b1ab;}
.pool-map-grid {height:310px;position:relative;margin:25px 0;background-image:linear-gradient(#adc5b70a 1px,transparent 1px),linear-gradient(90deg,#adc5b70a 1px,transparent 1px);background-size:22px 22px;}
.pool-map-water {position:absolute;left:5%;top:14%;width:66%;height:63%;border:2px solid #78b8b4;background:linear-gradient(140deg,#358b9355,#23626822);display:flex;flex-direction:column;justify-content:space-evenly;}
.pool-map-water>span {position:absolute;top:8px;left:10px;font:8px monospace;letter-spacing:.15em;color:#a9ceca;}
.pool-map-water>i {height:1px;margin:0 10%;background:repeating-linear-gradient(90deg,#81bdb97a 0 6px,transparent 6px 11px);}
.pool-map-plant {position:absolute;right:0;top:14%;width:23%;height:37%;border:1px solid #89a8a0;font:8px monospace;padding:9px 5px;color:#a1b7b2;}
.pool-map-outside {position:absolute;left:5%;right:0;bottom:0;height:16%;border-bottom:1px dashed #7fba8c75;font:8px monospace;padding:12px 0;color:#8fc7a0;}
.pool-map-marker {position:absolute;left:44%;top:73%;display:flex;align-items:center;gap:12px;transition:top .7s ease,left .7s ease;z-index:2;}
.pool-map-marker>i {flex-shrink:0;display:block;width:12px;height:12px;border-radius:100%;background:#ff8b7f;box-shadow:0 0 0 7px #f4867940,0 0 25px #f4867970;}
.pool-map-marker>b {font:8px monospace;letter-spacing:.04em;background:#ec857c;color:#192623;padding:8px;white-space:nowrap;}
.pool-live[data-place=outside] .pool-map-marker {left:32%;top:90%;}
.pool-live[data-place=plant] .pool-map-marker {left:70%;top:34%;}
.pool-live[data-place=plant] .pool-map-marker>b {position:absolute;right:22px;}
.pool-location {display:flex;align-items:center;gap:9px;border-top:1px solid #93b4ad33;padding-top:20px;font-size:11px;color:#d8e8df;}
.pool-location>i {width:5px;height:5px;background:#ee7a73;border-radius:100%;}
.pool-location>small {margin-left:auto;font:8px monospace;color:#819e94;}
.pool-scenario-copy {padding:20px 0;}
.pool-scenario-copy h3 {font:500 clamp(32px,3vw,45px)/1.15 var(--head);letter-spacing:-.035em;margin:25px 0;}
.pool-scenario-copy>p {font-size:15px;line-height:1.9;color:#b6c7be;min-height:120px;max-width:490px;}
.pool-alarm-signal {border-top:1px solid #8da99e40;display:flex;flex-direction:column;gap:12px;padding-top:22px;}
.pool-alarm-signal>span {font:9px monospace;color:#8ba495;}
.pool-alarm-signal>strong {font-size:14px;font-weight:400;}
.pool-alarm-path {list-style:none;padding:0;margin:45px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;}
.pool-alarm-path>li {position:relative;min-width:0;padding:20px 0 0;border-top:1px solid #cc746b90;display:flex;flex-direction:column;gap:14px;}
.pool-alarm-path>li:before {content:'';position:absolute;top:-3px;left:0;width:5px;height:5px;background:#ee7a73;box-shadow:0 0 8px #ff9787;}
.pool-alarm-path>li>span {font:9px monospace;letter-spacing:.03em;color:#d58b83;}
.pool-alarm-path>li>strong {font:500 22px/1.3 var(--head);letter-spacing:-.03em;}
.pool-alarm-path>li>small {font-size:11px;line-height:1.6;color:#93ada1;}
.pool-usecase-footer {display:flex;align-items:center;gap:45px;justify-content:space-between;border-top:1px solid #93b4ad33;margin-top:45px;padding-top:30px;}
.pool-usecase-footer>p {max-width:570px;font-size:12px;line-height:1.8;color:#829d91;}
.pool-usecase-footer .button {border:1px solid #cc746b90;background:none;color:#efb8b0;white-space:nowrap;}
body.motion-enabled .pool-visible .pool-alarm-path>li:before {animation:pool-packet 3s linear infinite!important;}
body.motion-enabled .pool-visible .pool-alarm-path>li:nth-child(2):before {animation-delay:.7s!important;}
body.motion-enabled .pool-visible .pool-alarm-path>li:nth-child(3):before {animation-delay:1.4s!important;}
body.motion-enabled .pool-visible .pool-alarm-path>li:nth-child(4):before {animation-delay:2.1s!important;}
body.motion-enabled .pool-visible .pool-map-marker>i {animation:pool-beacon 2.5s ease-in-out infinite!important;}
body.motion-enabled .pool-map-marker {transition:top .7s ease,left .7s ease!important;}
@keyframes pool-packet {0%{left:0;opacity:0}10%,90%{opacity:1}100%{left:calc(100% - 5px);opacity:0}}
@keyframes pool-beacon {0%,100%{box-shadow:0 0 0 5px #f4867940,0 0 25px #f4867970}50%{box-shadow:0 0 0 15px #f4867908,0 0 35px #f4867940}}
@media(max-width:1000px){.pool-live{gap:30px;grid-template-columns:1fr 1fr}.pool-plan{padding:18px}.pool-map-head{font-size:8px}.pool-location{font-size:10px}.pool-location>small{display:none}.pool-scenarios button{padding:18px 13px;gap:10px}.model-visual{height:290px}.model-tablet{width:78%}.whiteboard-sources{gap:30px}.whiteboard-sources li{grid-template-columns:120px 1fr}.pool-usecase-footer{gap:30px}.pool-alarm-path{gap:18px}.pool-alarm-path>li>strong{font-size:19px}}
@media(max-width:760px){.panel-model-grid{grid-template-columns:1fr;gap:40px;margin-top:30px}.model-visual{height:300px}.model-tablet{width:73%;max-width:310px}.model-tablet-screen>strong{font-size:18px}.model-tablet-screen{padding:11px 14px}.model-copy{padding-top:23px}.model-copy p{font-size:14px}.panel-system-path{gap:12px;margin:30px 0;flex-wrap:wrap}.panel-system-path>span,.panel-system-path>a{font-size:18px;padding:18px 0}.panel-system-path>b{font-size:20px}.panel-system-path small{font-size:9px}.whiteboard-sources{grid-template-columns:1fr;gap:20px;margin-top:25px;padding-top:30px}.whiteboard-sources h3{font-size:27px}.whiteboard-sources li{font-size:12px;gap:15px;grid-template-columns:120px 1fr}.whiteboard-sources .text-link{grid-column:auto}.informative-badge{margin-top:0}.feature-title{gap:0}.feature-title h3{min-width:0;flex:auto}.pool-scenarios{grid-template-columns:1fr;gap:8px;margin:30px 0 20px}.pool-scenarios button{font-size:12px;padding:15px}.pool-live{grid-template-columns:1fr;gap:5px}.pool-plan{padding:17px}.pool-map-grid{height:260px}.pool-map-marker{gap:8px}.pool-map-marker>b{font-size:7px;padding:7px}.pool-map-plant{font-size:7px}.pool-scenario-copy h3{font-size:32px;margin:18px 0}.pool-scenario-copy>p{font-size:14px;min-height:0}.pool-alarm-signal{padding-top:18px}.pool-alarm-path{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:25px}.pool-alarm-path>li>strong{font-size:20px}.pool-alarm-path>li>small{font-size:10px}.pool-usecase-footer{flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px}.pool-usecase-footer .button{white-space:normal;font-size:12px}}