/* Industrial identity: dark surfaces, original brand assets and restrained motion. */
:root{--surface:#091722;--surface-raised:#102633;--surface-feature:#123644;--text:#eef5f7;--muted:#b1c2ce;--teal:#79dcd8;--line:#2d4655;--paper:#102633;--motion-ease:cubic-bezier(.22,1,.36,1);color:var(--text);background:var(--surface);color-scheme:dark}
body{background:radial-gradient(ellipse at 90% 16%,#15394765,transparent 35%),var(--surface)}
:focus-visible{outline-color:var(--cyan)}
.header{background:#0a1824f5;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}
.brand{background:transparent;border:0;border-radius:0;padding:0}.brand img{filter:brightness(0) invert(1)}
.header .brand{width:196px}.nav a{color:#d5e2e9}.nav a:hover{color:var(--cyan)}
.language-auto{color:#c4d4dd}.button{background:#1a3949;color:var(--text);border:1px solid #4f7181;transition:background .2s,border-color .2s,transform .2s}.button:hover{background:#254c5c;border-color:var(--cyan)}
.button-cyan,.header-contact{background:var(--cyan);border-color:var(--cyan);color:#09232c}.button-cyan:hover,.header-contact:hover{background:#a1f0e9;color:#09232c}
.menu-toggle span{background:var(--text)}.skip-link{color:#101d33}
.hero-shade{background:linear-gradient(90deg,#061522f5,#091b2cd4 35%,#0b1c2855 78%),linear-gradient(0deg,#091722,transparent 45%)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,transparent 49.9%,#a3dfe50a 50%,transparent 50.1%);background-size:120px 100%}
.hero h1{font-weight:600}.hero-eyebrow{color:#a8e3e1}.hero-description{color:#c7d8e2}.hero-bottom{color:#c3d5df}
.hero-network{position:absolute;right:5%;top:20%;width:39%;height:auto;pointer-events:none;opacity:.55;z-index:-1}
.pillars{background:#102734;border-block:1px solid var(--line)}.pillars-inner>div{border-color:#304b59;color:#d3e2e8}.pillars .icon{color:var(--cyan)}
.services,.approach,.solution-scope,.solution-faq{position:relative}.services:before{content:"";position:absolute;top:42px;right:0;width:210px;height:120px;pointer-events:none;background-image:radial-gradient(#659ba4 1px,transparent 1px);background-size:12px 12px;opacity:.16;mask-image:linear-gradient(90deg,transparent,#000)}
.section-eyebrow{display:flex;align-items:center;gap:13px;color:var(--cyan)}.section-eyebrow:before{content:"";width:25px;height:1px;background:currentColor;flex:none}
.section-intro h2{font-weight:570}.section-intro>p{color:var(--muted)}
.service-grid{gap:18px}.service-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#152e3d,#0e2230);border:1px solid #2f4858;border-radius:5px;padding:32px;box-shadow:0 12px 28px #00000012;transition:border-color .25s,transform .25s,background .25s}
.service-card:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 100% 0,#3fbcc916,transparent 65%)}
.service-card:hover,.service-card:focus-within{border-color:#72c8cc;background:#15313e;transform:translateY(-3px)}
.service-card-top{margin-bottom:34px}.service-card-top .icon{width:46px;height:46px;padding:9px;background:#173e4b;border:1px solid #386674;border-radius:5px;color:#88e5df}.service-card-top>span{color:#94b3c2}
.service-card h3{color:#f0f7f9}.service-subtitle{color:#c8ecea!important;font-weight:500!important}.service-card>p{color:#b7cbd6;font-size:15px}.service-tags{border-color:#385460;color:#acc4cf;position:relative}.service-detail{color:#88e5df;position:relative}.service-detail:hover{color:#c4fff7}.service-detail>span{transition:transform .2s}.service-detail:hover>span{transform:translate(2px,-2px)}
.service-0{background:linear-gradient(115deg,#153e4b,#102c39);border-color:#3c6572}.service-0:after{display:none}.service-0>p{max-width:58%}.service-art{position:absolute;width:29%;right:24px;top:127px;color:#8ddbd8;pointer-events:none;opacity:.8;z-index:-1}
.explora{background:radial-gradient(ellipse at 85% 50%,#164b4b60,transparent 55%),#0d202c;border-block:1px solid #2a424f}.explora-top{border-color:#31515c}.explora-copy>p:not(.eyebrow),.product-panel p{color:#c0d1d9}.product-tabs button{color:#bed0db}.product-tabs button:hover{color:var(--cyan)}.product-panel h3{color:#eef9f7}.workspace{border-color:#42616e;box-shadow:0 28px 60px #0004;transform:perspective(1500px) rotateY(-3deg) rotateX(2deg)}
.workspace:after{content:"";position:absolute;top:0;left:15%;width:50%;height:1px;background:linear-gradient(90deg,transparent,#a7fff2,transparent);pointer-events:none}
.scada{background:radial-gradient(ellipse at 0 15%,#17465760,transparent 60%),#0b1b29;border-block:1px solid #2e4858;position:relative;overflow:hidden}
.scada-wordmark{color:#d3e5ec}.scada-wordmark strong{color:#8de3df}.scada-intro{color:#bdcfda}.scada-heading{align-items:center}.scada-schematic{margin-top:27px;padding:18px 24px 14px;background:#0a1723;border:1px solid #314a5d;border-radius:4px}.scada-schematic svg{width:100%;height:auto;display:block;color:#83dfd7}.scada-schematic p{font:10px Consolas,monospace;letter-spacing:1.2px;color:#9db6c5;margin:7px 0 0}
.scada-flow{background:#122e3c;border-color:#446170;border-radius:4px;position:relative;overflow:hidden;margin:35px 0}.scada-flow:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,#89e5db0d,transparent)}
.scada-capabilities{gap:20px}.scada-capabilities article{padding:26px;background:#102532;border:1px solid #304a5b;border-radius:4px}.scada-capabilities h3{color:#eaf4f7}.scada-capabilities p{color:#b8cbd6}.scada-capabilities .solution-number{color:#83dcd9}.scada-bottom p{color:#b7cad6}
.approach .steps{gap:24px}.steps article{border-left:1px solid #41616e;padding-left:24px}.step-number{color:#8bdfdc}.step-number span{background:#365260}.steps p{color:#afc6d4}
.contact-section{background:radial-gradient(ellipse at 10% 80%,#23616790,transparent 65%),#123640;border-block:1px solid #46717a;position:relative;overflow:hidden}.contact-section:after{content:"";width:420px;height:420px;position:absolute;right:-200px;top:-180px;border:1px solid #98e0d930;border-radius:50%;box-shadow:0 0 0 45px #98e0d908,0 0 0 90px #98e0d908;pointer-events:none}
footer{background:#07131e;color:#d6e4eb}.footer-solutions{padding-top:48px}.solution-links a{color:#b6c9d5;border-color:#2a424f}.solution-links a:hover{color:#8de5de}.footer-top p,.footer-bottom{color:#a8bfcd}.footer-bottom{border-color:#2e4654}.automatic-language-note{color:#a5bdcb}.privacy-open{color:#bbced8;border-color:#496777}
.solution-hero{background:radial-gradient(ellipse at 90% 60%,#1d535e70,transparent 60%),#0b1d2c;border-bottom:1px solid #355362;position:relative}.solution-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#8dc6d406 1px,transparent 1px),linear-gradient(#8dc6d406 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}.solution-hero .container{position:relative;z-index:1}.solution-intro{color:#c2d3df}.solution-grid{gap:20px}.solution-grid article{padding:30px;border:1px solid #314e5d;border-radius:4px;background:linear-gradient(135deg,#122b38,#0c202d)}.solution-grid h2{font-size:25px;line-height:1.25}.solution-grid p{color:#b7cad6}.solution-number{color:#8bded9}.solution-process{background:#102c38;border-block:1px solid #375561}.solution-process ol{color:#c0d1da}.solution-faq details{border-color:#385565}.solution-faq summary{padding:22px 4px;color:#e4f2f6}.solution-faq details p{color:#bed0dc}.solution-faq details[open]{background:#122c39;padding-inline:20px;border-inline:1px solid #385565}.solution-faq summary:hover{color:var(--cyan)}
.privacy-panel{color-scheme:light}.privacy-panel a{color:#147886}.privacy-panel :focus-visible{outline-color:#147886}
/* One short trace on entry. Animation is paused offscreen and when the tab is hidden. */
.signal-trace{stroke-dasharray:8 12;stroke-dashoffset:0}.motion-seen .signal-trace{animation:signal-flow 3.8s linear 1 both;animation-play-state:paused}.motion-seen.is-visible .signal-trace{animation-play-state:running}.motion-paused .signal-trace{animation-play-state:paused!important}
@keyframes signal-flow{from{stroke-dashoffset:100;opacity:.2}15%{opacity:1}to{stroke-dashoffset:0;opacity:.8}}
@media(min-width:1600px){.service-art{top:130px}.hero-network{right:9%;width:36%}}
@media(max-width:1100px){.service-card{padding:25px}.service-art{width:26%;right:20px}.service-0>p{max-width:65%}.scada-capabilities article{padding:22px}.scada-heading{gap:35px}}
@media(max-width:900px){.nav{background:#0c202d;border-bottom:1px solid #496572}.header .brand{width:170px}.hero-network{right:-12%;width:58%;top:25%;opacity:.3}.scada-heading{grid-template-columns:1fr 1fr;gap:28px}.scada-schematic{padding:16px}.scada-capabilities{gap:14px}.scada-capabilities article{padding:19px}.steps article{padding-left:18px}}
@media(max-width:600px){.header .brand{width:151px;padding:0}.hero-network{width:82%;right:-35%;top:33%;opacity:.2}.hero-shade{background:linear-gradient(90deg,#081724f0,#0b1d2cb0),linear-gradient(0deg,#091722,transparent 60%)}.service-card{padding:26px}.service-card-top{margin-bottom:25px}.service-0>p{max-width:100%}.service-art{width:98px;right:20px;top:21px;opacity:.5}.service-card-top>span{position:relative;z-index:1}.service-0 .service-card-top>span{background:#123441;padding:4px}.service-card h3,.service-0 h3{font-size:24px}.service-card>p{font-size:15px}.service-tags{font-size:12px}.scada-heading{grid-template-columns:1fr;gap:24px}.scada-capabilities{gap:14px}.scada-capabilities article{padding:24px}.scada-capabilities p{font-size:15px}.scada-flow{margin:26px 0}.workspace{transform:none}.solution-grid article{padding:25px}.solution-grid h2{font-size:24px}.solution-grid p{font-size:16px}.solution-faq details[open]{padding-inline:12px}.footer-top .brand{width:150px}.section-intro>p{font-size:16px}.steps p{font-size:14px}.services:before{width:100px}.privacy-panel{padding:18px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.signal-trace{animation:none!important;stroke-dashoffset:0!important}.workspace{transform:none}.service-card:hover,.service-card:focus-within{transform:none}}
@media(forced-colors:active){.service-card,.scada-capabilities article,.solution-grid article,.scada-flow,.scada-schematic{background:Canvas;border-color:CanvasText}.hero-network,.service-art{display:none}.header,.nav,footer,.explora,.scada,.contact-section,.solution-hero{background:Canvas;color:CanvasText}.brand{background:transparent}.brand img{filter:none}.service-subtitle{color:CanvasText!important}}

/* Approved field composition is shown uncropped; copy never obscures the rigs or data panels. */
.hero-field{display:flex;flex-direction:column;min-height:0;background:#0b1c29;overflow:hidden}
.hero-field:after{display:none}
.hero-field .hero-content{order:0;display:grid;grid-template-columns:1.15fr 1fr;column-gap:70px;padding-block:52px 45px}
.hero-field .hero-eyebrow{grid-column:1/-1;margin-bottom:24px}
.hero-field h1{grid-column:1;grid-row:2/4;font-size:clamp(42px,4vw,60px);letter-spacing:-2px;margin:0}
.hero-field .hero-description{grid-column:2;grid-row:2;align-self:end;max-width:none;margin:0 0 24px;font-size:17px}
.hero-field .hero-buttons{grid-column:2;grid-row:3;align-self:start;flex-wrap:wrap;gap:15px 24px}
.hero-field .hero-image{order:1;position:relative;inset:auto;z-index:auto;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;object-position:center;border-block:1px solid #395563}
.hero-field .hero-bottom{order:2;position:relative;inset:auto;margin-inline:auto;padding-block:18px;min-height:70px}
.hero-field .hero-bottom>a{left:auto;right:0;transform:none}
@media(min-width:1600px){.hero-field .hero-image{width:min(1536px,100%);align-self:center;border-inline:1px solid #395563}.hero-field .hero-content{padding-block:55px 45px}}
@media(max-width:900px){.hero-field .hero-content{gap:0 30px;padding-block:40px 32px}.hero-field h1{font-size:44px}.hero-field .hero-description{font-size:15px}.hero-field .hero-buttons .button{font-size:13px;padding:15px 18px}.hero-field .hero-eyebrow{font-size:10px}}
@media(max-width:600px){.hero-field .hero-content{display:block;padding-block:35px 30px}.hero-field h1{font-size:clamp(39px,10.5vw,55px);letter-spacing:-1.8px;margin-bottom:20px}.hero-field .hero-description{font-size:16px;margin-bottom:20px}.hero-field .hero-eyebrow{font-size:9px;margin-bottom:22px}.hero-field .hero-buttons{gap:10px}.hero-field .hero-bottom{padding-block:16px;min-height:64px}.hero-field .hero-bottom>span:first-child{max-width:230px;font-size:9px}}

/* Equal service cards: shared sizing and a single semantic icon family. */
.services .service-grid{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:1fr;gap:20px}
.services .service-card{grid-column:span 2;min-width:0;padding:30px;background:linear-gradient(145deg,#152e3d,#0e2230);border-color:#2f4858}
.services .service-card:nth-child(4){grid-column:span 2}
.services .service-card:nth-child(5){grid-column:span 2}
.services .service-card:hover,.services .service-card:focus-within{border-color:#72c8cc;background:#15313e}
.services .service-card-top{margin-bottom:26px;min-height:60px}
.services .service-card-top .icon{width:60px;height:60px;padding:13px;flex:none;border-radius:12px;background:linear-gradient(145deg,#204e5b,#13333f);border-color:#467c87;color:#99eee5}
.services .service-card-top>span{background:transparent;padding:0;color:#94b3c2}
.services .service-card h3{font-size:24px;line-height:1.25;min-height:2.5em;margin-bottom:12px;text-wrap:balance}
.services .service-card>p{max-width:none}
.services .service-subtitle{min-height:3.4em}
.services .service-tags{min-height:4.4em}
@media(max-width:1100px){.services .service-card{padding:25px}}
@media(max-width:900px){.services .service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.services .service-card:nth-child(4){grid-column:span 2}.services .service-card:nth-child(5){grid-column:span 2}}
@media(max-width:600px){.services .service-grid{grid-template-columns:minmax(0,1fr);gap:16px}.services .service-card,.services .service-card:nth-child(4),.services .service-card:nth-child(5){grid-column:auto}.services .service-card{padding:26px}.services .service-card h3{font-size:24px}}
@media(forced-colors:active){.services .service-card,.services .service-card-top .icon{background:Canvas;border-color:CanvasText;color:CanvasText}}

.cybersecurity-standards{padding-top:0}
.cybersecurity-standards>h2{margin-bottom:32px}
.cybersecurity-standards .solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.cybersecurity-standards article{display:flex;flex-direction:column}
.cybersecurity-standards h3{font-size:23px;line-height:1.3;margin-bottom:16px;color:var(--text)}
.cybersecurity-standards .text-link{margin-top:auto;color:var(--cyan)}
.standards-note{max-width:850px;color:var(--muted);font-size:14px;line-height:1.7;margin:24px 0 0}
@media(max-width:600px){.cybersecurity-standards .solution-grid{grid-template-columns:minmax(0,1fr)}}

/* Shared product identity and the lithium process view. */
.scada-top{margin-bottom:40px}
.scada-brand{white-space:nowrap;color:#eef5f7}
.scada-brand>span{margin-left:2px;letter-spacing:-1px}
.scada-brand sup{font-weight:400;letter-spacing:1px}
.scada-heading{grid-template-columns:1fr 1fr;gap:70px}
.scada-intro{max-width:none}
.scada-capabilities h3{margin-top:0}
.lithium-pid{margin:38px auto 0;padding:0;max-width:1040px;overflow:hidden;background:radial-gradient(ellipse at 50% 55%,#17465170,transparent 70%),#0a1c29;border:1px solid #375867;border-radius:8px}


.lithium-pid .lithium-isometric{display:block;width:100%;height:auto;font-family:Consolas,monospace}


.approach .steps h3{margin-top:0}
.solution-process .product-process{list-style:none;padding-left:0}
@media(max-width:900px){.scada-heading{gap:30px}}
@media(max-width:600px){.scada-top{gap:16px;flex-direction:column;margin-bottom:28px}.scada-top>.eyebrow{max-width:none}.scada-top .scada-brand{align-self:flex-end;font-size:27px}.scada-top .scada-brand sup{display:inline;margin-left:10px;font-size:8px}.scada-heading{grid-template-columns:1fr;gap:22px}.lithium-pid{margin-top:26px}}

/* Both product shortcuts stay together below the primary solutions action. */
.hero-field .hero-buttons{flex-direction:column;align-items:flex-start}
.hero-product-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px}
.hero-product-links .text-link{min-height:44px}
@media(max-width:600px){.hero-product-links{gap:4px 20px}.hero-product-links .text-link{font-size:13px}}

/* Automatic process illustration; activity is scoped to the visible, unpaused figure. */
.pid-flow{stroke-dasharray:8 22;animation:pid-stream 1.8s linear infinite;animation-play-state:paused}
.pid-flow-gold{animation-duration:2.7s}.pid-flow-return{animation-duration:3.2s}
.pid-rotor{transform-box:fill-box;transform-origin:center;animation:pid-pump 2s linear infinite;animation-play-state:paused}
.lithium-pid.is-running .pid-flow,.lithium-pid.is-running .pid-rotor{animation-play-state:running}
.pid-equipment{transition:filter 900ms ease}.pid-equipment.is-active{filter:drop-shadow(0 0 5px #75eee855)}
.pid-reading text{font-weight:600;font-variant-numeric:tabular-nums}
[data-pid-level]{transition:y 1s linear,height 1s linear}



.pid-mobile-metrics{display:none}
@keyframes pid-stream{to{stroke-dashoffset:-30}}
@keyframes pid-pump{to{transform:rotate(360deg)}}
@media(max-width:600px){.pid-mobile-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 14px 16px}.pid-mobile-metrics>div{background:#102d3a;border:1px solid #335c68;border-radius:6px;padding:11px}.pid-mobile-metrics span{display:block;color:#adccd5;font-size:11px;line-height:1.5}.pid-mobile-metrics strong{display:block;margin-top:5px;color:#c0fff2;font:600 19px Consolas,monospace}.pid-reading{display:none}}
@media(prefers-reduced-motion:reduce){.pid-flow,.pid-rotor{animation:none!important}.pid-equipment,[data-pid-level]{transition:none}}