:root{--blue:#009AF6;--green:#63C006;--ink:#0F1720;--white:#fff;--line:#dbe7ef;--max:1320px;--shadow:0 28px 70px rgba(15,23,32,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(var(--max),calc(100% - 64px));margin:auto}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;z-index:999}.skip-link:focus{left:8px}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 18px;font-size:11px;letter-spacing:.18em;font-weight:800;color:var(--blue)}.eyebrow span{width:32px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green))}.eyebrow.white{color:#fff}.eyebrow.white span{background:#fff}.section{padding:118px 0}.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);gap:80px;align-items:end;margin-bottom:52px}.section-head.centered{display:block;text-align:center;max-width:850px;margin:0 auto 62px}.section-head.centered .eyebrow{justify-content:center}.section-head h2,.operations h2,.recovery h2,.monitoring h2,.focus-head h2,.faq h2,.final-cta h2{font-size:clamp(2.25rem,3.05vw,2.85rem);line-height:1.08;letter-spacing:-.045em;margin:0;font-weight:750}.section-head p{margin:0;color:#56636e;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:8px;background:var(--blue);color:#fff;font-weight:700;font-size:14px;letter-spacing:-.01em;transition:.25s ease;border:1px solid var(--blue)}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,154,246,.25)}.white-btn{background:#fff;color:var(--ink);border-color:#fff}.text-link{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px}.text-link span{color:var(--blue);font-size:18px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}
/* Header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(15,23,32,.08);backdrop-filter:blur(14px);transition:.25s}.site-header.scrolled{box-shadow:0 10px 30px rgba(15,23,32,.08)}.header-inner{height:90px;display:flex;align-items:center;gap:28px}.brand{width:230px;flex:0 0 230px}.brand img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;font-weight:650}.desktop-nav>a,.nav-trigger{height:90px;display:flex;align-items:center;background:none;border:0;padding:0;color:#24313b;cursor:pointer;position:relative}.desktop-nav>a:after,.nav-trigger:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue);transform:scaleX(0);transition:.25s}.desktop-nav>a:hover:after,.nav-trigger:hover:after,.nav-item.open .nav-trigger:after{transform:scaleX(1)}.nav-trigger span{margin-left:6px;color:var(--blue)}.header-cta{margin-left:4px;white-space:nowrap}.nav-item{position:relative}.mega-menu{position:absolute;left:50%;top:76px;width:min(930px,74vw);transform:translate(-45%,14px);opacity:0;visibility:hidden;transition:.22s;background:#fff;border:1px solid rgba(15,23,32,.08);box-shadow:var(--shadow);border-radius:14px;padding:24px}.nav-item.open .mega-menu{opacity:1;visibility:visible;transform:translate(-45%,0)}.mega-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:18px}.mega-grid>div{padding:8px 12px}.mega-grid small{font-size:10px;font-weight:800;letter-spacing:.16em;color:#7b8790}.mega-grid a{display:block;padding:9px 0}.mega-grid a b{display:block;font-size:14px}.mega-grid a span{font-size:12px;color:#71808a}.mega-grid aside{background:var(--ink);color:#fff;border-radius:10px;padding:22px}.mega-grid aside span{font-size:20px;line-height:1.1;font-weight:750}.mega-grid aside p{font-size:12px;color:#c7d0d7}.mega-grid aside a{color:#70c9ff;font-weight:700;font-size:13px}.menu-toggle,.mobile-nav{display:none}
/* Hero */
.hero{position:relative;overflow:hidden;padding:74px 0 0;background:#fff}.hero-mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(0,154,246,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,154,246,.035) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,#000 0%,transparent 55%)}.hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,rgba(0,154,246,.09),rgba(0,154,246,0) 68%);left:-280px;top:-160px}.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:center;min-height:650px;position:relative}.hero-copy{padding-bottom:44px}.hero h1{font-size:clamp(3.2rem,4.4vw,4rem);line-height:1.01;letter-spacing:-.055em;margin:0 0 24px;max-width:680px;font-weight:780}.hero h1 span{color:var(--blue)}.hero-lede{max-width:610px;font-size:17px;color:#52616b;margin:0 0 28px}.service-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:620px}.service-tabs button{display:flex;align-items:center;gap:10px;min-height:56px;border:1px solid #d9e4eb;background:#fff;border-radius:8px;padding:10px 13px;text-align:left;font-weight:700;color:#37434c;cursor:pointer;transition:.2s}.service-tabs button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}.service-tabs button:hover,.service-tabs button.active{border-color:var(--blue);color:var(--blue);box-shadow:0 7px 20px rgba(0,154,246,.09)}.service-tabs button.active{background:#f5fbff}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:26px}.hero-location{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:650;color:#65727c;margin-top:26px}.hero-location i{width:4px;height:4px;border-radius:50%;background:var(--green)}.hero-stage{position:relative;height:620px}.hero-image{position:absolute;inset:0 0 0 20px;overflow:hidden;border-radius:180px 0 0 24px;box-shadow:0 30px 80px rgba(15,23,32,.16)}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.45),transparent 24%),linear-gradient(0deg,rgba(15,23,32,.12),transparent 38%)}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:55% center}.flow-overlay{position:absolute;inset:9% -2% 5% 6%;width:96%;height:86%;pointer-events:none}.flow-overlay path{fill:none;stroke:rgba(0,154,246,.88);stroke-width:4;stroke-linecap:round;stroke-dasharray:8 11;animation:dash 10s linear infinite}.flow-overlay .green{stroke:var(--green)}.flow-overlay circle{fill:#fff;stroke:var(--blue);stroke-width:4}@keyframes dash{to{stroke-dashoffset:-190}}.live-card{position:absolute;right:28px;top:36px;width:215px;background:rgba(15,23,32,.92);color:#fff;border-radius:12px;padding:16px 18px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}.live-card>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.08em}.live-card>div b{color:#aee86d;font-size:9px}.live-card>div b i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.live-card>strong{display:block;font-size:36px;line-height:1;margin-top:18px}.live-card>small{color:#aab7c0}.live-card svg{width:100%;margin-top:10px}.live-card polyline{fill:none;stroke:var(--blue);stroke-width:2}.metric{position:absolute;background:#fff;border:1px solid #e0e8ed;border-radius:10px;padding:11px 13px;box-shadow:0 15px 35px rgba(15,23,32,.11);min-width:95px}.metric small{display:block;font-size:9px;letter-spacing:.08em;color:#71808a}.metric strong{font-size:21px}.metric span{font-size:9px;color:#71808a;margin-left:3px}.m1{left:36px;bottom:105px}.m2{left:145px;bottom:57px}.m3{right:42px;bottom:82px}.illustrative{position:absolute;right:30px;bottom:28px;color:#fff;font-size:9px;text-shadow:0 1px 3px #000}.capability-strip{border-top:1px solid #e2eaf0;border-bottom:1px solid #e2eaf0;background:#fff}.capability-track{min-height:96px;display:flex;align-items:center;justify-content:space-between}.capability-track>div{display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px}.capability-track svg{width:30px;height:30px;fill:none;stroke:var(--blue);stroke-width:1.6}.capability-track>div:nth-of-type(n+4) svg{stroke:var(--green)}.capability-track>i{height:1px;background:linear-gradient(90deg,var(--blue),var(--green));flex:1;margin:0 18px;opacity:.35}
/* Solutions */
.solutions-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:360px 360px;gap:18px}.solution-card{position:relative;overflow:hidden;border-radius:12px;background:var(--ink)}.solution-card.large{grid-row:span 1}.solution-card:nth-child(4){grid-column:2}.solution-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.solution-card:hover img{transform:scale(1.035)}.solution-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,23,32,.88),rgba(15,23,32,.05) 70%)}.solution-content{position:absolute;left:26px;right:26px;bottom:24px;color:#fff}.solution-content>svg{width:34px;height:34px;fill:none;stroke:#fff;stroke-width:1.6;margin-bottom:10px}.solution-content>span{font-size:9px;letter-spacing:.14em;color:#9fd8ff}.solution-content h3{font-size:28px;margin:2px 0 4px;line-height:1.05}.solution-content p{margin:0 0 11px;font-size:13px;max-width:520px;color:#e0e7ec}.solution-content a{font-size:12px;font-weight:700;color:#bce77d}
/* Green problems */
.operations{background:var(--green);color:#fff;padding:104px 0}.operations-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}.operations-intro{position:sticky;top:130px}.operations-intro p:last-child{color:rgba(255,255,255,.84);font-size:16px;max-width:500px}.problem-list{display:grid;grid-template-columns:1fr 1fr}.problem-list article{display:flex;gap:18px;padding:28px 24px;border-bottom:1px solid rgba(255,255,255,.3)}.problem-list article:nth-child(odd){border-right:1px solid rgba(255,255,255,.3)}.problem-list svg{width:34px;height:34px;flex:0 0 34px;fill:none;stroke:#fff;stroke-width:1.5}.problem-list h3{font-size:18px;margin:0 0 5px}.problem-list p{font-size:13px;line-height:1.5;margin:0;color:rgba(255,255,255,.8)}
/* Revamp */
.revamp-stage{height:720px;position:relative;overflow:hidden;border-radius:14px}.revamp-stage>img{width:100%;height:100%;object-fit:cover}.revamp-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,32,.93),rgba(15,23,32,.55) 48%,rgba(15,23,32,.12))}.revamp-copy{position:absolute;left:54px;top:58px;max-width:580px;color:#fff}.revamp-copy h2{font-size:clamp(2.4rem,3.2vw,3rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 18px}.revamp-copy p{color:#d7e0e5;font-size:15px}.revamp-process{position:absolute;left:55px;bottom:52px;right:55px;display:flex;align-items:center;color:#fff}.revamp-process div{min-width:100px}.revamp-process b{font-size:10px;color:#78cfff}.revamp-process span{display:block;font-weight:700;font-size:14px}.revamp-process i{height:1px;background:linear-gradient(90deg,var(--blue),var(--green));flex:1;margin:0 16px}.callout{position:absolute;background:#fff;color:var(--ink);border-radius:8px;padding:9px 12px;font-size:11px;font-weight:700;box-shadow:0 10px 26px rgba(0,0,0,.2)}.callout:before{content:"";position:absolute;width:60px;height:1px;background:var(--blue);right:100%;top:50%}.c1{right:80px;top:130px}.c2{right:210px;top:280px}.c3{right:90px;bottom:150px}
/* Recovery */
.recovery-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center}.recovery-image{position:relative}.recovery-image img{height:560px;width:100%;object-fit:cover;border-radius:12px}.recovery-badge{position:absolute;left:24px;bottom:24px;background:#fff;border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow);font-size:12px;font-weight:750}.recovery-badge svg{width:30px;height:30px;fill:none;stroke:var(--green);stroke-width:1.6}.recovery-copy p{color:#5c6972}.recovery-flow{display:flex;align-items:center;margin:34px 0 30px}.recovery-flow div{min-width:76px}.recovery-flow span{display:block;color:var(--blue);font-size:10px;font-weight:800}.recovery-flow b{font-size:13px}.recovery-flow .green span,.recovery-flow .green b{color:var(--green)}.recovery-flow i{height:1px;background:linear-gradient(90deg,var(--blue),var(--green));flex:1;margin:0 10px}
/* Monitoring */
.monitoring{position:relative;background:var(--ink);color:#fff;padding:116px 0;overflow:hidden}.monitoring-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px}.monitoring:after{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(0,154,246,.12),transparent 65%);right:-250px;top:-200px}.monitoring-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center;position:relative;z-index:1}.monitoring h2 span{color:#71cfff}.monitoring-copy>p:not(.eyebrow){color:#c6d1d8;max-width:570px}.monitoring-steps{display:flex;align-items:center;flex-wrap:wrap;margin:28px 0 30px;font-size:11px;font-weight:700;color:#b9c8d2}.monitoring-steps i{width:18px;height:1px;background:linear-gradient(90deg,var(--blue),var(--green));margin:0 7px}.monitoring-stage{position:relative}.monitoring-stage>img{width:100%;height:560px;object-fit:cover;border-radius:12px;opacity:.72}.dashboard{position:absolute;right:18px;bottom:18px;width:62%;background:rgba(8,16,23,.94);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.38)}.dash-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em}.dash-top b{color:#a7e56a}.dash-top i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.dash-metrics div{border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:8px}.dash-metrics small,.dash-metrics span{font-size:8px;color:#8696a2}.dash-metrics strong{display:block;font-size:19px}.trend>span{font-size:8px;color:#8696a2}.trend svg{width:100%;height:72px}.trend path{fill:none;stroke:var(--blue);stroke-width:3}.dash-note{font-size:8px;color:#71818d}
/* Performance */
.performance-flow,.why-path{display:flex;align-items:stretch}.performance-flow article{flex:1;text-align:center;padding:25px 18px}.performance-flow article svg,.why-path article svg{width:38px;height:38px;fill:none;stroke:var(--blue);stroke-width:1.5;margin-bottom:12px}.performance-flow article:nth-of-type(n+3) svg{stroke:var(--green)}.performance-flow article span{display:block;color:#87949d;font-size:9px;letter-spacing:.1em}.performance-flow article h3{font-size:17px;margin:6px 0}.performance-flow article p{font-size:12px;color:#697780}.performance-flow>i,.why-path>i{width:1px;background:#e1e8ed;margin:10px 0}
/* Industries */
.industry-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:280px 280px;gap:16px}.industry-card{position:relative;overflow:hidden;border-radius:10px}.industry-card.automotive{grid-row:1/3}.industry-card.food{grid-column:2/4}.industry-card img{width:100%;height:100%;object-fit:cover;transition:.65s}.industry-card:hover img{transform:scale(1.04)}.industry-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,23,32,.84),transparent 70%)}.industry-card>div:last-child{position:absolute;left:22px;right:22px;bottom:20px;color:#fff}.industry-card svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.6}.industry-card small{float:right;font-size:9px;letter-spacing:.1em;color:#a8dfff}.industry-card h3{margin:8px 0 4px;font-size:20px}.industry-card p{margin:0;font-size:11px;color:#d7e1e7}
/* Industrial focus */
.industrial-focus{background:var(--ink);color:#fff;padding:104px 0}.focus-head{max-width:850px}.focus-head p{color:#c4d0d8}.focus-line{display:flex;align-items:flex-start;margin-top:62px}.focus-node{width:22%;position:relative;padding-top:38px}.focus-node:before{content:"";position:absolute;top:0;left:0;width:18px;height:18px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px rgba(0,154,246,.12)}.focus-node.green:before{background:var(--green);box-shadow:0 0 0 8px rgba(99,192,6,.12)}.focus-node b{color:#6f8390;font-size:9px}.focus-node span{display:block;font-size:18px;font-weight:750;margin:5px 0}.focus-node small{color:#9aabb5;line-height:1.5}.focus-line>i{height:1px;background:linear-gradient(90deg,var(--blue),var(--green));flex:1;margin:8px 18px 0}.service-area-note{margin-top:48px;padding-top:26px;border-top:1px solid rgba(255,255,255,.13);color:#9eacb5;font-size:12px}.service-area-note strong{color:#fff}
/* Why */
.why-path article{flex:1;text-align:center;padding:16px}.why-path article b{display:block;font-size:15px;margin-bottom:7px}.why-path article p{font-size:11px;color:#71808a;margin:0}
/* Clients */
.clients{padding:98px 0 110px;overflow:hidden;border-top:1px solid #e5ebef}.client-head{margin-bottom:38px}.client-head h2{font-size:clamp(2rem,2.8vw,2.6rem);letter-spacing:-.04em;margin:0}.marquee-row{overflow:hidden;padding:10px 0}.marquee-track{display:flex;gap:14px;width:max-content;animation:marquee 34s linear infinite}.marquee-track.right{animation-direction:reverse;animation-duration:39s}.marquee-track:hover{animation-play-state:paused}.client-logo{width:220px;height:100px;border:1px solid #e3e9ed;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:15px}.client-logo img{width:100%;height:100%;object-fit:contain;filter:grayscale(.18);opacity:.9}.client-logo:hover img{filter:none;opacity:1}@keyframes marquee{to{transform:translateX(-50%)}}
/* FAQ */
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-intro{position:sticky;top:130px;height:max-content}.faq-intro>p:last-child{color:#687680}.faq-list details{border-top:1px solid #dbe5eb}.faq-list details:last-child{border-bottom:1px solid #dbe5eb}.faq-list summary{list-style:none;cursor:pointer;padding:22px 48px 22px 0;font-weight:700;font-size:16px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:5px;top:18px;color:var(--blue);font-size:24px;font-weight:400}.faq-list details[open] summary:after{content:"−";color:var(--green)}.faq-list details p{margin:-4px 0 22px;max-width:780px;color:#5d6972;font-size:14px}
/* CTA */
.final-cta{position:relative;height:620px;overflow:hidden;color:#fff}.final-cta>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cta-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,154,246,.92) 0%,rgba(0,154,246,.78) 42%,rgba(15,23,32,.2) 75%,transparent)}.final-cta .container{height:100%;display:flex;align-items:center;position:relative}.cta-copy{max-width:620px}.final-cta h2{font-size:clamp(3rem,4.3vw,4rem)}.final-cta h2 span{color:#d8ffb0}.cta-copy>p:not(.eyebrow){font-size:18px;margin:16px 0 28px}
/* Footer */
.footer{background:var(--blue);color:#fff}.footer-main{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:45px;padding:70px 0 48px}.footer-brand img{width:220px;filter:brightness(0) invert(1)}.footer-brand p{font-weight:700;margin:20px 0 2px}.footer-brand small{color:rgba(255,255,255,.72)}.footer h3{font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px}.footer a{display:block;font-size:12px;color:rgba(255,255,255,.82);margin:7px 0}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.25);display:flex;justify-content:space-between;padding:19px 0 24px;font-size:11px;color:rgba(255,255,255,.75)}.footer-bottom span:last-child{display:flex;gap:22px}.footer-bottom a{display:inline;margin:0}
/* Responsive */
@media(max-width:1180px){.container{width:min(var(--max),calc(100% - 48px))}.desktop-nav{gap:17px}.desktop-nav>a,.nav-trigger{font-size:12px}.brand{width:205px;flex-basis:205px}.header-cta{padding:0 15px}.hero-grid{gap:28px}.hero-stage{height:560px}.hero h1{font-size:clamp(3rem,4.8vw,3.55rem)}.solutions-grid{grid-template-columns:1fr 1fr}.operations-grid{gap:50px}.industry-grid{grid-template-columns:1fr 1fr;grid-template-rows:340px 260px 260px}.industry-card.automotive{grid-row:auto}.industry-card.food{grid-column:1/3}.monitoring-grid{gap:38px}.dashboard{width:72%}}
@media(max-width:980px){.desktop-nav,.header-cta{display:none}.menu-toggle{display:grid;width:42px;height:42px;border:1px solid #dbe4ea;border-radius:8px;background:#fff;padding:10px;margin-left:auto}.menu-toggle span{height:2px;background:var(--ink);align-self:center}.mobile-nav{display:flex;position:fixed;inset:90px 0 auto 0;flex-direction:column;background:#fff;padding:24px;transform:translateY(-130%);opacity:0;transition:.3s;box-shadow:0 20px 50px rgba(15,23,32,.12)}.mobile-nav.open{transform:none;opacity:1}.mobile-nav a{padding:14px 4px;border-bottom:1px solid #e7edf1;font-weight:700}.mobile-nav .btn{margin-top:16px;border-bottom:0}.hero{padding-top:42px}.hero-grid{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-bottom:0}.hero-stage{height:560px}.hero-image{left:0;border-radius:24px 0 0 24px}.capability-track{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:18px 0}.capability-track>i{display:none}.capability-track>div{justify-content:center;padding:12px}.section{padding:88px 0}.section-head{grid-template-columns:1fr;gap:20px}.solutions-grid{grid-template-columns:1fr 1fr;grid-template-rows:330px 330px}.operations-grid{grid-template-columns:1fr}.operations-intro,.faq-intro{position:static}.revamp-stage{height:680px}.revamp-copy{left:34px;right:34px;top:40px}.revamp-process{left:34px;right:34px;bottom:35px}.callout{display:none}.recovery-grid,.monitoring-grid,.faq-grid{grid-template-columns:1fr}.recovery-grid{gap:42px}.monitoring-stage>img{height:500px}.monitoring-grid{gap:52px}.performance-flow,.why-path{display:grid;grid-template-columns:1fr 1fr}.performance-flow>i,.why-path>i{display:none}.industry-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 300px 300px}.industry-card.food{grid-column:1/3}.focus-line{display:grid;grid-template-columns:1fr 1fr;gap:28px}.focus-line>i{display:none}.focus-node{width:auto;border-top:1px solid rgba(255,255,255,.14)}.footer-main{grid-template-columns:1.5fr 1fr 1fr}.footer-main>div:nth-child(4),.footer-main>div:nth-child(5){margin-top:20px}.footer-main>div:nth-child(4){grid-column:2}.footer-main>div:nth-child(5){grid-column:3}}
@media(max-width:640px){.container{width:calc(100% - 36px)}.header-inner{height:76px}.brand{width:180px;flex-basis:180px}.mobile-nav{top:76px}.hero{padding-top:30px}.hero-grid{gap:30px}.hero h1{font-size:clamp(2.2rem,10.5vw,2.75rem);line-height:1.03}.hero-lede{font-size:15px}.service-tabs{grid-template-columns:1fr 1fr}.service-tabs button{min-height:62px;padding:9px}.service-tabs button span{font-size:11px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-location{flex-wrap:wrap}.hero-stage{height:430px}.hero-image{border-radius:18px}.live-card{right:12px;top:12px;width:170px;padding:12px}.live-card>strong{font-size:28px}.metric{padding:8px 9px;min-width:75px}.metric strong{font-size:17px}.m1{left:12px;bottom:75px}.m2{left:94px;bottom:34px}.m3{display:none}.capability-track{grid-template-columns:repeat(2,1fr)}.section{padding:72px 0}.section-head{margin-bottom:34px}.section-head h2,.operations h2,.recovery h2,.monitoring h2,.focus-head h2,.faq h2{font-size:clamp(1.85rem,8.5vw,2.25rem)}.solutions-grid{display:block}.solution-card{height:380px;margin-bottom:12px}.problem-list{grid-template-columns:1fr}.problem-list article:nth-child(odd){border-right:0}.operations{padding:72px 0}.revamp-stage{height:710px}.revamp-shade{background:linear-gradient(0deg,rgba(15,23,32,.92),rgba(15,23,32,.42))}.revamp-copy{left:22px;right:22px;top:auto;bottom:155px}.revamp-copy h2{font-size:2rem}.revamp-process{left:22px;right:22px;bottom:28px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.revamp-process i{display:none}.revamp-process div{min-width:0}.revamp-process span{font-size:10px}.recovery-image img{height:380px}.recovery-flow{display:grid;grid-template-columns:1fr 16px 1fr;row-gap:18px}.recovery-flow i{width:1px;height:20px;margin:auto;transform:rotate(90deg)}.monitoring{padding:78px 0}.monitoring-steps{gap:8px}.monitoring-steps i{display:none}.monitoring-stage>img{height:420px}.dashboard{position:absolute;left:10px;right:10px;bottom:10px;width:auto}.dash-metrics{grid-template-columns:repeat(2,1fr)}.trend{display:none}.performance-flow,.why-path{grid-template-columns:1fr}.performance-flow article,.why-path article{text-align:left;border-bottom:1px solid #e5ebef}.industry-grid{display:block}.industry-card{height:300px;margin-bottom:12px}.industry-card.automotive{height:390px}.focus-line{grid-template-columns:1fr}.industrial-focus{padding:78px 0}.client-logo{width:170px;height:86px}.faq-grid{gap:36px}.final-cta{height:560px}.cta-gradient{background:linear-gradient(0deg,rgba(0,154,246,.95),rgba(0,154,246,.45) 70%,rgba(15,23,32,.15))}.final-cta .container{align-items:flex-end;padding-bottom:50px}.final-cta h2{font-size:2.5rem}.footer-main{grid-template-columns:1fr 1fr;gap:32px}.footer-brand{grid-column:1/3}.footer-main>div:nth-child(4),.footer-main>div:nth-child(5){grid-column:auto;margin:0}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* =========================================================
   STEP 6X-D2 — BRAND KIT + CORPORATE DECK DESIGN CORRECTION
   Visual source: Hydropure Brand Kit + Corporate Deck
   ========================================================= */
:root{
  --blue:#009AF6;
  --green:#63C006;
  --ink:#0F1720;
  --white:#FFFFFF;
  --soft-blue:#EAF7FF;
  --line-blue:rgba(0,154,246,.22);
}

/* typography discipline */
body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;color:var(--ink)}
h1,h2,h3{font-family:Inter,system-ui,-apple-system,sans-serif;text-wrap:balance}
.section-head h2,.operations h2,.recovery h2,.monitoring h2,.focus-head h2,.faq h2,.final-cta h2{
  font-weight:800;letter-spacing:-.04em;line-height:1.07
}
.section-head h2{font-size:clamp(2.25rem,3vw,2.9rem)}

/* Brand-kit process line motif */
.section{position:relative}
.section:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent 4%,rgba(0,154,246,.28) 28%,rgba(99,192,6,.24) 72%,transparent 96%);opacity:.65}
.section-head{position:relative}
.section-head:after{content:"";position:absolute;left:0;bottom:-22px;width:84px;height:3px;background:linear-gradient(90deg,var(--blue) 0 64%,var(--green) 64%);border-radius:99px}
.section-head.centered:after{left:50%;transform:translateX(-50%)}

/* header refinement using fixed logo proportions */
.header-inner{height:88px}
.brand{width:238px;flex-basis:238px;display:flex;align-items:center}
.brand img{width:100%;height:auto;object-fit:contain}
.desktop-nav{gap:30px}
.desktop-nav>a,.nav-trigger{height:88px;font-weight:650;letter-spacing:-.01em}
.mega-grid aside{background:var(--blue)}
.mega-grid aside a{color:#fff}

/* hero brought closer to corporate deck hierarchy */
.hero{padding-top:54px}
.hero-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:54px;min-height:620px}
.hero h1{font-size:clamp(3rem,4vw,3.65rem);line-height:1.015;max-width:650px;margin-bottom:22px}
.hero-lede{font-size:16px;line-height:1.7;max-width:590px}
.hero-stage{height:575px}
.hero-image{border-radius:110px 0 0 18px}
.service-tabs button{border-radius:4px;min-height:58px}
.capability-strip{position:relative;overflow:hidden}
.capability-strip:before,.capability-strip:after{content:"";position:absolute;height:20px;width:50%;bottom:-10px;border-radius:50%;filter:blur(.1px);pointer-events:none}
.capability-strip:before{left:-5%;background:rgba(0,154,246,.12);transform:rotate(1deg)}
.capability-strip:after{right:-5%;background:rgba(99,192,6,.12);transform:rotate(-1deg)}

/* CORE SOLUTIONS — fully symmetric image system */
.solutions{background:#fff}
.solutions-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(2,390px);
  gap:20px;
}
.solution-card,.solution-card.large,.solution-card:nth-child(4){grid-column:auto;grid-row:auto;border-radius:6px}
.solution-card img{width:100%;height:100%;object-fit:cover;object-position:center}
.solution-overlay{background:linear-gradient(0deg,rgba(15,23,32,.92) 0%,rgba(15,23,32,.45) 38%,rgba(15,23,32,.08) 72%)}
.solution-content{left:30px;right:30px;bottom:28px}
.solution-content>svg{width:38px;height:38px;stroke:#fff;margin-bottom:12px}
.solution-content h3{font-size:clamp(1.35rem,1.8vw,1.7rem);max-width:520px}
.solution-content p{font-size:13px;line-height:1.55}
.solution-content a{color:#fff;text-decoration:underline;text-decoration-color:rgba(99,192,6,.75);text-underline-offset:5px}

/* Green operating reality section — deck-like white icon/editorial system */
.operations{background:var(--green);padding:106px 0;overflow:hidden}
.operations:before{content:"";position:absolute;left:-6%;right:-6%;bottom:-50px;height:95px;background:rgba(255,255,255,.16);border-radius:50%;transform:rotate(-1.2deg)}
.operations-grid{position:relative;z-index:1}
.problem-list article{background:transparent;border-color:rgba(255,255,255,.34)!important}
.problem-list svg{stroke:#fff!important}
.problem-list h3{font-size:17px}
.problem-list p{color:rgba(255,255,255,.84)!important}

/* Revamp — more corporate-deck style process rail */
.revamp-stage{border-radius:4px;box-shadow:none}
.revamp-process{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.76);box-shadow:0 18px 45px rgba(15,23,32,.18);padding:18px 24px;border-radius:4px}
.revamp-process div b{color:var(--blue)}
.revamp-process div span{color:var(--ink);font-weight:800}
.revamp-process i{background:linear-gradient(90deg,var(--blue),var(--green))}
.callout{border-radius:3px;border-color:rgba(0,154,246,.5)}

/* Recovery */
.recovery-badge{border-radius:4px}
.recovery-flow div{border-radius:4px}

/* MONITORING — LOGO BLUE, not graphite */
.monitoring{background:var(--blue);color:#fff;padding:108px 0;position:relative;overflow:hidden}
.monitoring-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,rgba(0,0,0,.8),transparent 75%)}
.monitoring:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-66px;height:125px;border-radius:50%;background:rgba(255,255,255,.12);transform:rotate(1deg)}
.monitoring-copy p{color:rgba(255,255,255,.9)}
.monitoring h2 span{color:#fff}
.monitoring-steps span{color:#fff;border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.08)}
.monitoring-steps i{background:rgba(255,255,255,.55)}
.monitoring .btn{background:#fff;border-color:#fff;color:var(--blue)}
.monitoring .btn:hover{box-shadow:0 12px 28px rgba(0,0,0,.16)}
.monitoring-stage>img{border-radius:4px;border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 70px rgba(0,83,135,.28)}
.dashboard{border-radius:4px;background:rgba(255,255,255,.96);color:var(--ink);border:1px solid rgba(255,255,255,.65)}

/* Performance / why: use clean corporate deck connected system */
.performance-flow article,.why-path article{border-radius:0}
.performance-flow svg,.why-path svg{stroke:var(--blue)}
.performance-flow article:last-of-type svg,.why-path article:last-of-type svg{stroke:var(--green)}

/* INDUSTRIES — one disciplined symmetric grid, same image dimensions */
.industries{background:#fff}
.industry-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  grid-template-rows:340px;
  gap:14px;
}
.industry-card,.industry-card.automotive,.industry-card.food,.industry-card.engineering,.industry-card.surface,.industry-card.pharma{
  grid-column:auto!important;grid-row:auto!important;height:340px!important;margin:0!important;border-radius:4px
}
.industry-card img{width:100%;height:100%;object-fit:cover;object-position:center}
.industry-overlay{background:linear-gradient(0deg,rgba(15,23,32,.9),rgba(15,23,32,.1) 72%)}
.industry-card>div:last-child{left:18px;right:18px;bottom:18px}
.industry-card h3{font-size:17px;line-height:1.15;min-height:40px;margin-top:7px}
.industry-card p{font-size:10px;line-height:1.45;color:rgba(255,255,255,.84)}
.industry-card svg{width:30px;height:30px}

/* AURANGABAD — Hydropure blue background and brand network language */
.industrial-focus{background:var(--blue);color:#fff;padding:104px 0;position:relative;overflow:hidden}
.industrial-focus:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.11) 0 2px,transparent 2.5px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:120px 120px,48px 48px,48px 48px;opacity:.6}
.industrial-focus:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-58px;height:112px;border-radius:50%;background:rgba(99,192,6,.18);transform:rotate(-1.2deg)}
.industrial-focus .container{position:relative;z-index:1}
.focus-head p{color:rgba(255,255,255,.9)}
.focus-line{position:relative}
.focus-line:before{content:"";position:absolute;left:8px;right:8px;top:8px;height:2px;background:linear-gradient(90deg,#fff 0 76%,var(--green) 76%);opacity:.75}
.focus-line>i{display:none}
.focus-node{width:25%;padding:44px 24px 0 0}
.focus-node:before{background:#fff;box-shadow:0 0 0 8px rgba(255,255,255,.14)}
.focus-node.green:before{background:var(--green);box-shadow:0 0 0 8px rgba(99,192,6,.18)}
.focus-node b{color:rgba(255,255,255,.6)}
.focus-node span{font-size:20px;color:#fff}
.focus-node small{color:rgba(255,255,255,.76)}
.service-area-note{border-top-color:rgba(255,255,255,.32);color:rgba(255,255,255,.78)}

/* CLIENTS — bigger and highly visible */
.clients{padding:100px 0 112px;background:#fff}
.client-head{margin-bottom:46px}
.marquee-row{padding:12px 0;overflow:hidden}
.marquee-track{gap:22px;animation-duration:42s}
.marquee-track.right{animation-duration:46s}
.client-logo{
  width:300px;
  height:150px;
  border:1px solid rgba(0,154,246,.18);
  border-radius:4px;
  padding:22px 28px;
  box-shadow:0 10px 30px rgba(15,23,32,.04)
}
.client-logo img{width:100%;height:100%;object-fit:contain;filter:none;opacity:1}

/* Compact green CTA, no image */
.final-cta{
  height:auto;
  min-height:0;
  padding:72px 0;
  background:var(--green);
  color:#fff;
  position:relative;
  overflow:hidden
}
.final-cta:before{content:"";position:absolute;left:-8%;right:-8%;bottom:-54px;height:96px;border-radius:50%;background:rgba(255,255,255,.13);transform:rotate(1deg)}
.final-cta>img,.cta-gradient{display:none!important}
.final-cta .container{height:auto;display:block;position:relative;z-index:1}
.cta-copy{max-width:900px;margin:auto;text-align:center}
.cta-copy .eyebrow{justify-content:center}
.final-cta h2{font-size:clamp(2.3rem,3.4vw,3.2rem);margin:0 auto 14px}
.final-cta h2 span{color:#fff}
.cta-copy>p:not(.eyebrow){font-size:15px;margin:0 0 28px;color:rgba(255,255,255,.9)}
.final-cta .white-btn{color:var(--green)}

/* Footer — explicit white logo on Hydropure blue */
.footer{background:var(--blue);color:#fff;position:relative;overflow:hidden}
.footer:before{content:"";position:absolute;left:-12%;right:-12%;top:-62px;height:110px;border-radius:50%;background:rgba(255,255,255,.08);transform:rotate(-1deg)}
.footer-main{position:relative;z-index:1;padding-top:78px}
.footer-brand img{width:270px;max-width:100%;filter:none!important;opacity:1}
.footer-brand p{font-size:15px}
.footer-brand small{font-size:12px}

/* responsive system */
@media(max-width:1280px){
  .industry-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,320px)}
  .industry-card,.industry-card.automotive,.industry-card.food,.industry-card.engineering,.industry-card.surface,.industry-card.pharma{height:320px!important}
  .industry-card:nth-child(4),.industry-card:nth-child(5){grid-column:auto!important}
  .client-logo{width:260px;height:132px}
}
@media(max-width:980px){
  .solutions-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(2,340px)}
  .industry-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,310px)}
  .industry-card,.industry-card.automotive,.industry-card.food,.industry-card.engineering,.industry-card.surface,.industry-card.pharma{height:310px!important}
  .focus-line{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .focus-line:before{display:none}
  .focus-node{width:auto;border-top:1px solid rgba(255,255,255,.34);padding:34px 16px 0 0}
  .client-logo{width:235px;height:120px}
}
@media(max-width:640px){
  .hero h1{font-size:clamp(2.2rem,10vw,2.65rem)}
  .solutions-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:14px}
  .solution-card,.solution-card.large,.solution-card:nth-child(4){height:360px!important;margin:0!important}
  .industry-grid{display:grid;grid-template-columns:1fr;grid-template-rows:none;gap:14px}
  .industry-card,.industry-card.automotive,.industry-card.food,.industry-card.engineering,.industry-card.surface,.industry-card.pharma{height:320px!important}
  .focus-line{grid-template-columns:1fr}
  .client-logo{width:210px;height:108px;padding:16px 20px}
  .final-cta{padding:58px 0}
  .final-cta h2{font-size:2.15rem}
  .footer-brand img{width:240px}
}

/* =========================================================
   STEP 6X-E — FINAL QA / RESPONSIVE / SEO CORRECTION LAYER
   ========================================================= */
html,body{max-width:100%;overflow-x:clip}
main,.site-header,.footer,section{max-width:100%}
.container{min-width:0}
.hero-grid,.monitoring-grid,.recovery-grid,.operations-grid,.faq-grid,.section-head{min-width:0}
.hero-copy,.hero-stage,.monitoring-copy,.monitoring-stage,.recovery-copy,.recovery-image{min-width:0}

/* Header / proper SVG dropdown arrows */
.nav-trigger{gap:6px;white-space:nowrap}
.nav-trigger .nav-chevron{width:16px;height:16px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease;margin:0}
.nav-item.open>.nav-trigger .nav-chevron{transform:rotate(180deg)}
.nav-trigger>span{display:none!important}
.nav-item.has-mega{position:relative}
.industries-menu .mega-menu{width:min(760px,72vw);left:50%;transform:translate(-38%,14px)}
.industries-menu.open .mega-menu{transform:translate(-38%,0)}
.industries-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 22px;padding:4px}
.industries-menu-grid>a{display:flex;gap:14px;align-items:flex-start;padding:14px;border-radius:8px;transition:.2s}
.industries-menu-grid>a:hover{background:rgba(0,154,246,.055)}
.industries-menu-grid svg{width:32px;height:32px;flex:0 0 32px;fill:none;stroke:var(--blue);stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.industries-menu-grid span{display:block}
.industries-menu-grid b{display:block;font-size:14px;line-height:1.25;color:var(--ink)}
.industries-menu-grid small{display:block;font-size:11px;line-height:1.45;color:#6b7881;margin-top:4px;letter-spacing:0}

/* Clients moved before Core Solutions and made genuinely visible */
.clients{padding:82px 0 92px;border-top:1px solid #e5ebef;border-bottom:1px solid #e5ebef;background:#fff;overflow:hidden}
.client-head{margin-bottom:34px}
.client-head h2{font-size:clamp(2.1rem,3vw,2.75rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 12px}
.client-intro{max-width:780px;margin:0;color:#5d6972;font-size:15px}
.marquee-row{width:100%;max-width:100vw;overflow:hidden;padding:10px 0}
.marquee-track{display:flex;align-items:center;gap:24px;width:max-content;max-width:none;will-change:transform;animation:marquee 46s linear infinite}
.marquee-track.right{animation-direction:reverse;animation-duration:50s}
.client-logo{width:340px;height:160px;flex:0 0 340px;border:1px solid rgba(0,154,246,.16);background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:20px 26px;box-shadow:0 8px 30px rgba(15,23,32,.035)}
.client-logo img{width:100%;height:100%;object-fit:contain;filter:none;opacity:1}

/* Symmetric Core Solutions: five equal cards; desktop 3 + centered 2 */
.solutions-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:none;gap:18px}
.solution-card,.solution-card.large,.solution-card:nth-child(4){grid-column:span 2;grid-row:auto;height:390px;border-radius:10px;margin:0}
.solution-card:nth-child(4){grid-column:2/span 2}
.solution-card:nth-child(5){grid-column:4/span 2}
.solution-card img{width:100%;height:100%;object-fit:cover}
.solution-content>span{font-size:9px;letter-spacing:.14em;color:#bde2fb;font-weight:800}
.solution-content h3{font-size:23px;line-height:1.1;margin:4px 0 8px}
.solution-content p{font-size:12px;line-height:1.55}

/* Monitoring body copy must be pure white */
.monitoring-description,.monitoring-copy>p:not(.eyebrow){color:#fff!important;opacity:1}

/* Industry cards: strict symmetry + unique icons + black 30% text panel */
.industry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:none;gap:14px}
.industry-card,.industry-card.automotive,.industry-card.engineering,.industry-card.surface,.industry-card.pharma,.industry-card.food{grid-column:auto!important;grid-row:auto!important;height:360px!important;border-radius:9px;margin:0!important}
.industry-card img{width:100%;height:100%;object-fit:cover;object-position:center}
.industry-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.12),rgba(0,0,0,0) 62%)}
.industry-card>.industry-caption{left:14px;right:14px;bottom:14px;padding:16px 16px 15px;background:rgba(0,0,0,.30);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.16);border-radius:7px;color:#fff}
.industry-caption svg{width:30px;height:30px;fill:none;stroke:#fff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}
.industry-card h3{min-height:0;font-size:17px;line-height:1.16;margin:2px 0 7px}
.industry-card p{font-size:10px;line-height:1.45;color:#fff;margin:0}

/* Remove visual space left behind by removed decorative numbering */
.revamp-process div,.recovery-flow div,.performance-flow article,.focus-node{padding-top:0}
.revamp-process div b,.recovery-flow div span,.performance-flow article>span,.focus-node b,.industry-card small{display:none!important}

/* Navigation/mobile grouped dropdowns */
.mobile-nav details{border-bottom:1px solid #e7edf1}
.mobile-nav summary{list-style:none;padding:14px 4px;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.mobile-nav summary::-webkit-details-marker{display:none}
.mobile-nav summary .nav-chevron{width:18px;height:18px;fill:none;stroke:var(--blue);stroke-width:1.8;transition:transform .2s}
.mobile-nav details[open] summary .nav-chevron{transform:rotate(180deg)}
.mobile-nav details>div{padding:0 0 8px 14px}
.mobile-nav details a{font-size:13px;font-weight:600;padding:10px 4px;color:#56636e}

/* Image SEO + layout safety */
picture{display:block;max-width:100%}
img{height:auto}
.hero-image img,.solution-card img,.industry-card img,.monitoring-stage>img,.revamp-stage>img,.recovery-image img{height:100%}

/* Footer white logo clarity */
.footer-brand img{display:block;width:300px;max-width:100%;height:auto;object-fit:contain;filter:none!important;opacity:1}

/* Responsive structural fixes */
@media(max-width:1280px){
  .industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .industry-card,.industry-card.automotive,.industry-card.engineering,.industry-card.surface,.industry-card.pharma,.industry-card.food{height:330px!important}
  .client-logo{width:300px;height:145px;flex-basis:300px}
}
@media(max-width:1100px){
  .solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .solution-card,.solution-card.large,.solution-card:nth-child(4),.solution-card:nth-child(5){grid-column:auto;height:360px}
  .solution-card:nth-child(5){grid-column:1/-1;width:calc(50% - 9px);justify-self:center}
  .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .hero-grid{display:grid;grid-template-columns:1fr;gap:34px;align-items:start}
  .hero-copy{position:relative;z-index:2;padding-bottom:0}
  .hero-stage{position:relative;height:520px;width:100%;margin:0;overflow:visible}
  .hero-image{inset:0;position:absolute;border-radius:20px;overflow:hidden}
  .hero-image img{object-position:center center}
  .flow-overlay{inset:7% 0 5% 0;width:100%}
  .industries-menu .mega-menu{transform:none}
  .client-logo{width:270px;height:132px;flex-basis:270px}
  .industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .industry-card,.industry-card.automotive,.industry-card.engineering,.industry-card.surface,.industry-card.pharma,.industry-card.food{height:320px!important}
}
@media(max-width:640px){
  .container{width:calc(100% - 32px)}
  .hero{overflow:hidden;padding-top:28px}
  .hero-grid{display:flex;flex-direction:column;gap:26px;min-height:0}
  .hero-copy{width:100%;order:1}
  .hero h1{font-size:clamp(2.1rem,9.4vw,2.55rem);line-height:1.04;letter-spacing:-.045em;max-width:100%}
  .hero-lede{font-size:14px;line-height:1.65;max-width:100%}
  .service-tabs{width:100%;grid-template-columns:1fr 1fr}
  .hero-actions{margin-top:20px}
  .hero-stage{order:2;position:relative;width:100%;height:420px;margin:0 0 24px;overflow:hidden;border-radius:18px}
  .hero-image{position:absolute;inset:0;border-radius:18px;box-shadow:none}
  .hero-image:after{background:linear-gradient(0deg,rgba(15,23,32,.12),transparent 50%)}
  .flow-overlay{inset:4% 0;width:100%;height:92%}
  .live-card{right:10px;top:10px;width:155px;padding:10px 11px}
  .live-card>strong{font-size:25px;margin-top:10px}
  .metric{min-width:68px;padding:7px 8px}
  .metric strong{font-size:16px}
  .m1{left:10px;bottom:60px}.m2{left:88px;bottom:18px}.m3{display:none}
  .illustrative{right:10px;bottom:8px;font-size:8px}
  .clients{padding:62px 0 68px}
  .client-head{margin-bottom:22px}
  .client-logo{width:230px;height:118px;flex-basis:230px;padding:14px 18px}
  .marquee-track{gap:14px;animation-duration:38s}
  .marquee-track.right{animation-duration:42s}
  .solutions-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .solution-card,.solution-card.large,.solution-card:nth-child(4),.solution-card:nth-child(5){grid-column:auto!important;width:100%;height:350px;justify-self:stretch}
  .industry-grid{display:grid;grid-template-columns:1fr;gap:14px}
  .industry-card,.industry-card.automotive,.industry-card.engineering,.industry-card.surface,.industry-card.pharma,.industry-card.food{height:320px!important}
  .industry-card>.industry-caption{left:12px;right:12px;bottom:12px;padding:15px}
  .monitoring-stage{max-width:100%;overflow:hidden}
  .monitoring-stage>img{height:400px}
  .footer-brand img{width:260px}
}
@media(max-width:390px){
  .hero-stage{height:380px}
  .service-tabs button{min-width:0}
  .client-logo{width:210px;height:110px;flex-basis:210px}
}
@media(prefers-reduced-motion:reduce){
  .marquee-track{animation:none!important;flex-wrap:wrap;width:auto;justify-content:center}
  .marquee-row{overflow:visible}
}

/* === STEP 6X-F FINAL REFINEMENT === */
:root{--header-h:88px}
html,body{max-width:100%;overflow-x:clip}
.site-header,.site-header *{box-sizing:border-box}
.header-inner{height:var(--header-h);gap:18px}
.brand{width:210px;flex:0 0 210px}
.desktop-nav{gap:18px;font-size:13px;white-space:nowrap}
.desktop-nav>a,.nav-trigger{height:var(--header-h);font-size:13px;font-weight:650}
.nav-trigger{gap:5px}
.nav-chevron{width:14px;height:14px;fill:none;stroke:var(--blue);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .22s ease}
.nav-item.open>.nav-trigger .nav-chevron{transform:rotate(180deg)}
.header-cta{min-height:44px;padding:0 17px;font-size:13px}
.performance-menu .mega-menu{width:min(760px,70vw);transform:translate(-40%,14px)}
.performance-menu.open .mega-menu{transform:translate(-40%,0)}
.compact-menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 28px}
.compact-menu-grid a{display:block;padding:12px 8px;border-bottom:1px solid #edf2f5}
.compact-menu-grid b{display:block;font-size:14px;margin-bottom:3px}.compact-menu-grid span{font-size:11px;color:#6c7881}
.products-menu .mega-menu{width:min(680px,66vw);transform:translate(-46%,14px)}
.products-menu.open .mega-menu{transform:translate(-46%,0)}
.products-menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.products-menu-grid>div{padding:6px 10px}.products-menu-grid small{display:block;font-size:10px;letter-spacing:.16em;font-weight:800;color:#7b8790;margin-bottom:8px}.products-menu-grid a{display:block;padding:9px 0;border-bottom:1px solid #edf2f5}.products-menu-grid b{font-size:14px}

/* Client logo boxes: exact 300x145 with larger artwork baked into source image */
.client-logo{width:300px!important;height:145px!important;flex:0 0 300px!important;padding:0!important;background:#fff;border:1px solid rgba(0,154,246,.12);border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(15,23,32,.04)}
.client-logo img{width:300px!important;height:145px!important;object-fit:contain!important;display:block!important;filter:none!important;opacity:1!important}
.marquee-track{gap:18px}
.marquee-row{overflow:hidden;max-width:100%}

/* Hero live pulse */
.live-card .live-status{display:inline-flex;align-items:center;gap:6px;color:var(--green);font-size:10px;letter-spacing:.08em}
.live-card .live-status i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(99,192,6,.5);animation:livePulse 1.7s ease-out infinite}
@keyframes livePulse{0%{box-shadow:0 0 0 0 rgba(99,192,6,.5);opacity:1}70%{box-shadow:0 0 0 8px rgba(99,192,6,0);opacity:.88}100%{box-shadow:0 0 0 0 rgba(99,192,6,0);opacity:1}}

/* Aurangabad section - remove decorative connector line, keep clean brand nodes */
.focus-line{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important;margin-top:44px!important}
.focus-line>i{display:none!important}
.focus-node{width:auto!important;min-height:150px;padding:26px 22px!important;border:1px solid rgba(255,255,255,.28)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;position:relative!important}
.focus-node:before{content:"";position:absolute;top:22px;left:22px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.12)}
.focus-node.green:before{background:var(--green);box-shadow:0 0 0 6px rgba(99,192,6,.18)}
.focus-node span{font-size:18px!important;font-weight:750!important;color:#fff!important}
.focus-node small{display:block!important;color:rgba(255,255,255,.78)!important;font-size:12px!important;margin-top:6px!important}

/* Smooth component motion */
.solution-card,.industry-card,.client-logo,.performance-flow article,.why-path article,.focus-node,.faq-list details,.service-tabs button,.btn,.mega-menu,.dashboard,.metric{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease,opacity .35s ease,background-color .35s ease}
.solution-card:hover,.industry-card:hover{transform:translateY(-5px)}
.client-logo:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,32,.08)}
.performance-flow article:hover,.why-path article:hover,.focus-node:hover{transform:translateY(-4px)}
.reveal{transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}
[data-stagger]{transition-delay:var(--stagger,0ms)}

/* Floating WhatsApp */
.whatsapp-float{position:fixed;left:22px;bottom:22px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25D366;color:#fff;z-index:140;box-shadow:0 12px 30px rgba(15,23,32,.22);transition:transform .25s ease,box-shadow .25s ease}
.whatsapp-float:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 34px rgba(15,23,32,.28)}
.whatsapp-float svg{width:31px;height:31px;fill:#fff}

/* Mobile navigation rebuilt as a scrollable sheet */
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding:2px 0 12px;border-bottom:1px solid #e7edf1;font-weight:800;color:var(--ink)}
.mobile-close{width:38px;height:38px;border:0;border-radius:50%;background:#eef7fc;color:var(--blue);font-size:28px;line-height:1;cursor:pointer}
.mobile-nav strong{display:block;padding:12px 4px 4px;font-size:10px;letter-spacing:.14em;color:#85919a;text-transform:uppercase}
.mobile-quote{margin:18px 0 8px!important;color:#fff!important;border-bottom:1px solid var(--blue)!important}
body.nav-open{overflow:hidden}

/* Expanded footer with office, map and social */
.footer-main-expanded{grid-template-columns:1.45fr .8fr .8fr .75fr 1.15fr 1.15fr!important;gap:28px!important;padding-bottom:52px!important}
.footer-contact p{font-size:12px;line-height:1.7;color:rgba(255,255,255,.82);margin:0 0 10px}
.footer-contact a{word-break:break-word}
.social-icons{display:flex;gap:10px;margin-top:22px}
.social-icons span{width:38px;height:38px;border:1px solid rgba(255,255,255,.34);border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);transition:.25s}
.social-icons span:hover{background:#fff;color:var(--blue);transform:translateY(-2px)}
.social-icons svg{width:18px;height:18px;fill:currentColor}
.map-block{display:grid;grid-template-columns:.75fr 1.25fr;gap:34px;align-items:stretch;padding:38px 0;border-top:1px solid rgba(255,255,255,.24)}
.map-copy{padding:10px 0}.map-copy h3{font-size:28px;line-height:1.1;margin:0 0 18px}.map-links{display:flex;flex-direction:column;gap:9px}.map-links a{display:inline-block;font-size:13px;font-weight:700;color:#fff;margin:0}
.map-block iframe{width:100%;height:260px;border:0;border-radius:10px;background:#fff}

@media(max-width:1260px){
  .desktop-nav,.header-cta{display:none!important}.menu-toggle{display:grid!important;width:44px;height:44px;border:1px solid #dbe4ea;border-radius:8px;background:#fff;padding:10px;margin-left:auto}.menu-toggle span{height:2px;background:var(--ink);align-self:center;transition:.25s}
  .mobile-nav{display:flex!important;position:fixed;top:var(--header-h);left:0;right:0;bottom:0;z-index:130;flex-direction:column;background:#fff;padding:20px 26px 28px;transform:translateX(105%);opacity:1;transition:transform .34s cubic-bezier(.2,.7,.2,1);box-shadow:-18px 0 45px rgba(15,23,32,.12);overflow-y:auto;overscroll-behavior:contain}
  .mobile-nav.open{transform:translateX(0)}
  .mobile-nav>a{padding:14px 4px;border-bottom:1px solid #e7edf1;font-weight:700;color:var(--ink)}
  .mobile-nav details{flex:0 0 auto}.mobile-nav details>div{padding:0 0 9px 12px}
  .footer-main-expanded{grid-template-columns:repeat(3,minmax(0,1fr))!important}.footer-brand{grid-column:auto!important}
}
@media(max-width:980px){
  :root{--header-h:76px}.header-inner{height:var(--header-h)}.mobile-nav{top:var(--header-h)}
  .focus-line{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-main-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}.footer-brand{grid-column:1/-1!important}
  .map-block{grid-template-columns:1fr}.map-block iframe{height:300px}
}
@media(max-width:640px){
  .mobile-nav{padding:18px 20px 26px}
  .client-logo{width:300px!important;height:145px!important;flex-basis:300px!important}.client-logo img{width:300px!important;height:145px!important}
  .focus-line{grid-template-columns:1fr!important;gap:12px!important}.focus-node{min-height:128px}
  .footer-main-expanded{grid-template-columns:1fr!important}.footer-brand{grid-column:auto!important}.footer-main-expanded>div{margin:0!important}
  .map-block iframe{height:240px}.map-copy h3{font-size:24px}
  .whatsapp-float{left:16px;bottom:16px;width:52px;height:52px}.whatsapp-float svg{width:28px;height:28px}
}
@media(prefers-reduced-motion:reduce){
  .live-card .live-status i{animation:none!important}.solution-card,.industry-card,.client-logo,.focus-node,.reveal{transition:none!important;transform:none!important}
}

/* Step 6X-G refinement: generated client logos, clean office/footer separation, compact map, right WhatsApp */
.focus-line:before{display:none!important}
.whatsapp-float{left:auto!important;right:22px!important}
.footer-links-grid{display:grid;grid-template-columns:1.45fr repeat(5,minmax(0,1fr));gap:30px;padding:76px 0 48px;position:relative;z-index:1}
.footer-links-grid .footer-brand{min-width:0}
.footer-offices{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:34px 0;border-top:1px solid rgba(255,255,255,.24);border-bottom:1px solid rgba(255,255,255,.18)}
.footer-offices .footer-contact{padding-right:24px}
.footer-contact-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.footer-contact-row a{display:inline;margin:0}
.footer-contact-row span{color:rgba(255,255,255,.6);font-size:12px}
.compact-map{grid-template-columns:.85fr 1.15fr;gap:28px;padding:28px 0!important;border-top:0!important}
.compact-map iframe{height:190px!important;border-radius:8px!important}
.client-logo{width:300px!important;height:145px!important;flex:0 0 300px!important;padding:0!important;background:#fff!important}
.client-logo img{width:300px!important;height:145px!important;object-fit:cover!important;display:block!important}
@media(max-width:1180px){.footer-links-grid{grid-template-columns:1.35fr repeat(3,minmax(0,1fr));}.footer-links-grid>div:nth-child(5),.footer-links-grid>div:nth-child(6){margin-top:10px}}
@media(max-width:820px){.footer-links-grid{grid-template-columns:1fr 1fr}.footer-links-grid .footer-brand{grid-column:1/-1}.footer-offices{grid-template-columns:1fr}.compact-map{grid-template-columns:1fr}.compact-map iframe{height:220px!important}}
@media(max-width:640px){.footer-links-grid{grid-template-columns:1fr;gap:26px;padding-top:58px}.footer-links-grid .footer-brand{grid-column:auto}.footer-offices{gap:24px}.whatsapp-float{right:16px!important;left:auto!important}.compact-map iframe{height:190px!important}}


/* Step 6X-H navigation + SEO/AEO responsive QC */
@media (min-width:1261px){
  .header-inner{gap:18px;overflow:visible}
  .brand{width:210px;flex-basis:210px}
  .desktop-nav{gap:15px;font-size:12.5px;min-width:0}
  .desktop-nav>a,.nav-trigger{height:88px;white-space:nowrap}
  .header-cta{padding-left:16px;padding-right:16px;flex:0 0 auto}
  .nav-item{position:static}
  .mega-menu,
  .solutions-menu .mega-menu,
  .performance-menu .mega-menu,
  .industries-menu .mega-menu,
  .products-menu .mega-menu{
    position:fixed!important;
    top:88px!important;
    left:50%!important;
    right:auto!important;
    z-index:180!important;
    transform:translate(-50%,12px)!important;
    max-width:calc(100vw - 48px)!important;
    max-height:calc(100vh - 104px)!important;
    overflow:auto!important;
    overscroll-behavior:contain;
    box-sizing:border-box;
  }
  .solutions-menu .mega-menu{width:min(980px,calc(100vw - 48px))!important}
  .performance-menu .mega-menu{width:min(780px,calc(100vw - 48px))!important}
  .industries-menu .mega-menu{width:min(800px,calc(100vw - 48px))!important}
  .products-menu .mega-menu{width:min(720px,calc(100vw - 48px))!important}
  .nav-item.open .mega-menu,
  .solutions-menu.open .mega-menu,
  .performance-menu.open .mega-menu,
  .industries-menu.open .mega-menu,
  .products-menu.open .mega-menu{transform:translate(-50%,0)!important}
  .mega-grid,.compact-menu-grid,.industries-menu-grid,.products-menu-grid{min-width:0}
  .mega-grid>* ,.compact-menu-grid>* ,.industries-menu-grid>* ,.products-menu-grid>*{min-width:0}
  .mega-menu a,.mega-menu b,.mega-menu span,.mega-menu small{overflow-wrap:anywhere;word-break:normal;white-space:normal}
}
@media (min-width:1261px) and (max-width:1440px){
  .brand{width:190px;flex-basis:190px}
  .desktop-nav{gap:11px;font-size:12px}
  .header-cta{font-size:12px;padding-left:12px;padding-right:12px}
}

/* Mobile: show only main rows; arrow button alone controls each submenu */
.mobile-menu-group{border-bottom:1px solid #e7edf1}
.mobile-menu-row{display:grid;grid-template-columns:minmax(0,1fr) 46px;align-items:center;min-height:54px}
.mobile-main-link{display:flex!important;align-items:center!important;min-height:54px!important;padding:0 4px!important;border:0!important;font-weight:750!important;color:var(--ink)!important}
.mobile-sub-toggle{width:42px;height:42px;border:0;background:#f4f9fc;border-radius:8px;display:grid;place-items:center;cursor:pointer;color:var(--blue);justify-self:end}
.mobile-sub-toggle .nav-chevron{width:18px;height:18px;stroke:currentColor;transition:transform .22s ease}
.mobile-sub-toggle[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}
.mobile-submenu{padding:2px 0 12px 16px;border-top:1px solid #f0f4f7}
.mobile-submenu[hidden]{display:none!important}
.mobile-submenu a{display:block;padding:10px 8px!important;border-bottom:0!important;font-size:13px!important;font-weight:600!important;line-height:1.35;color:#56636e!important;border-radius:6px}
.mobile-submenu a:hover,.mobile-submenu a:focus-visible{background:#f3f9fd;color:var(--blue)!important}
.mobile-sub-label{display:block;padding:12px 8px 4px;font-size:10px;letter-spacing:.14em;font-weight:800;color:#83909a;text-transform:uppercase}
.mobile-nav>a:not(.btn){padding:15px 4px;border-bottom:1px solid #e7edf1;font-weight:750;color:var(--ink)}

/* Search-intent / entity clarity section: visible, natural, compact */
.seo-capabilities{padding:72px 0;border-top:1px solid #e8eef2;border-bottom:1px solid #e8eef2;background:#fff}
.seo-capabilities-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.7fr);gap:64px;align-items:end;margin-bottom:38px}
.seo-capabilities-head .eyebrow{grid-column:1/-1;margin-bottom:-26px}
.seo-capabilities-head h2{font-size:clamp(2rem,2.6vw,2.6rem);line-height:1.08;letter-spacing:-.04em;margin:0}
.seo-capabilities-head>p:last-child{margin:0;color:#56636e}
.seo-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #e3ebf0;border-bottom:1px solid #e3ebf0}
.seo-capability-grid article{padding:30px 30px 30px 0;min-width:0}
.seo-capability-grid article+article{border-left:1px solid #e3ebf0;padding-left:30px}
.seo-capability-grid svg{width:32px;height:32px;fill:none;stroke:var(--blue);stroke-width:1.7;margin-bottom:15px}
.seo-capability-grid article:nth-child(2) svg{stroke:var(--green)}
.seo-capability-grid h3{font-size:18px;line-height:1.2;margin:0 0 10px}
.seo-capability-grid p{font-size:14px;line-height:1.65;color:#5d6972;margin:0}
@media(max-width:980px){.seo-capabilities-head{grid-template-columns:1fr;gap:18px}.seo-capabilities-head .eyebrow{grid-column:auto;margin-bottom:0}.seo-capability-grid{grid-template-columns:1fr}.seo-capability-grid article,.seo-capability-grid article+article{padding:24px 0;border-left:0;border-top:1px solid #e3ebf0}.seo-capability-grid article:first-child{border-top:0}}
@media(max-width:640px){.seo-capabilities{padding:58px 0}}

/* Final horizontal overflow safeguards: fix causes, not just hide */
html,body{max-width:100%;overflow-x:clip}
.site-header,.header-inner,.desktop-nav,.mega-menu,.mobile-nav,main,footer,section,.container{min-width:0}
@supports not (overflow:clip){html,body{overflow-x:hidden}}


/* Step 6X-I — mobile navigation hard fix + mega-menu capability-line containment */
.mega-capability-line{
  display:grid;
  gap:4px;
  width:100%;
  max-width:100%;
  margin:10px 0 16px!important;
  font-size:11.5px!important;
  line-height:1.45!important;
  color:#c7d0d7!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.mega-capability-line span{display:block;max-width:100%;white-space:normal}

@media(max-width:1260px){
  .mobile-nav{
    display:flex!important;
    position:fixed!important;
    top:var(--header-h,76px)!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(92vw,430px)!important;
    max-width:430px!important;
    height:auto!important;
    z-index:250!important;
    flex-direction:column!important;
    gap:0!important;
    padding:16px 18px 28px!important;
    background:#fff!important;
    transform:translateX(105%)!important;
    opacity:1!important;
    visibility:visible!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    box-sizing:border-box!important;
    box-shadow:-18px 0 48px rgba(15,23,32,.16)!important;
    transition:transform .30s cubic-bezier(.2,.7,.2,1)!important;
  }
  .mobile-nav.open{transform:translateX(0)!important}
  .mobile-nav-head{
    position:sticky;
    top:-16px;
    z-index:3;
    background:#fff;
    padding:10px 0 14px!important;
    margin-bottom:2px;
  }
  .mobile-menu-group{width:100%;min-width:0;border-bottom:1px solid #e7edf1!important}
  .mobile-menu-row{
    width:100%;
    min-width:0;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 44px!important;
    align-items:center!important;
    column-gap:8px!important;
    min-height:56px!important;
  }
  .mobile-main-link{
    min-width:0!important;
    width:100%!important;
    min-height:56px!important;
    display:flex!important;
    align-items:center!important;
    padding:0 4px!important;
    margin:0!important;
    border:0!important;
    font-size:15px!important;
    line-height:1.25!important;
    font-weight:750!important;
    color:var(--ink)!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .mobile-sub-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:8px!important;
    background:#f3f9fd!important;
    color:var(--blue)!important;
    display:grid!important;
    place-items:center!important;
    justify-self:end!important;
    cursor:pointer!important;
  }
  .mobile-sub-toggle .nav-chevron{width:18px!important;height:18px!important;display:block!important}
  .mobile-submenu{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box!important;
    padding:6px 0 12px 12px!important;
    margin:0!important;
    border-top:1px solid #f0f4f7!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .mobile-submenu[hidden]{display:none!important}
  .mobile-submenu a{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:10px 10px!important;
    margin:0!important;
    border:0!important;
    border-radius:7px!important;
    color:#56636e!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.4!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  .mobile-sub-label{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    padding:12px 10px 4px!important;
    font-size:10px!important;
    line-height:1.3!important;
    letter-spacing:.12em!important;
    overflow-wrap:anywhere!important;
  }
  .mobile-nav>a:not(.btn){
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:54px!important;
    box-sizing:border-box!important;
    padding:0 4px!important;
    margin:0!important;
    border-bottom:1px solid #e7edf1!important;
    color:var(--ink)!important;
    font-size:15px!important;
    font-weight:750!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
  .mobile-nav .mobile-quote{
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-height:48px!important;
    margin:18px 0 6px!important;
    box-sizing:border-box!important;
  }
}
@media(max-width:480px){
  .mobile-nav{width:100vw!important;max-width:100vw!important;padding-left:18px!important;padding-right:18px!important}
}


/* ==========================================================
   STEP 7A — GLOBAL NAVIGATION LOCK
   This block is the authoritative mobile navigation layer.
   Desktop mega menus remain desktop-only; mobile uses a
   normal-flow accordion controlled only by chevron buttons.
   ========================================================== */
body.nav-open{overflow:hidden!important;touch-action:none}
.mobile-nav-backdrop{display:none}

@media (max-width:1260px){
  .desktop-nav,.header-cta{display:none!important}
  .menu-toggle{display:grid!important;position:relative;z-index:402;margin-left:auto}

  .mobile-nav-backdrop{
    display:block;
    position:fixed;
    inset:var(--header-h,76px) 0 0 0;
    z-index:395;
    background:rgba(15,23,32,.42);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .24s ease,visibility .24s ease;
  }
  body.nav-open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}

  .mobile-nav{
    display:flex!important;
    position:fixed!important;
    top:var(--header-h,76px)!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:min(100%,420px)!important;
    max-width:420px!important;
    min-width:0!important;
    height:calc(100dvh - var(--header-h,76px))!important;
    box-sizing:border-box!important;
    z-index:400!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    margin:0!important;
    padding:0 20px 28px!important;
    background:#fff!important;
    color:var(--ink)!important;
    transform:translate3d(100%,0,0)!important;
    opacity:1!important;
    visibility:visible!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch;
    box-shadow:-20px 0 48px rgba(15,23,32,.16)!important;
    transition:transform .28s cubic-bezier(.2,.7,.2,1)!important;
  }
  .mobile-nav.open{transform:translate3d(0,0,0)!important}

  .mobile-nav-head{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    min-height:62px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:12px 0!important;
    margin:0!important;
    background:#fff!important;
    border-bottom:1px solid #e7edf1!important;
    font-size:15px!important;
    font-weight:800!important;
  }
  .mobile-close{
    display:grid!important;place-items:center!important;
    width:42px!important;height:42px!important;min-width:42px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:50%!important;
    background:#eef7fc!important;color:var(--blue)!important;font-size:28px!important;line-height:1!important;
  }

  /* Main rows: link + independent arrow button */
  .mobile-menu-group{
    display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
    margin:0!important;padding:0!important;border-bottom:1px solid #e7edf1!important;
  }
  .mobile-menu-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 48px!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;min-width:0!important;min-height:58px!important;
    margin:0!important;padding:0!important;
  }
  .mobile-main-link{
    display:flex!important;align-items:center!important;
    width:100%!important;min-width:0!important;min-height:58px!important;
    margin:0!important;padding:0 4px!important;border:0!important;
    color:var(--ink)!important;background:transparent!important;
    font-size:16px!important;font-weight:700!important;line-height:1.35!important;
    white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
  }
  .mobile-sub-toggle{
    display:grid!important;place-items:center!important;justify-self:end!important;
    width:44px!important;height:44px!important;min-width:44px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:10px!important;
    background:#f1f8fc!important;color:var(--blue)!important;cursor:pointer!important;
    touch-action:manipulation;
  }
  .mobile-sub-toggle .nav-chevron{
    display:block!important;width:18px!important;height:18px!important;
    fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;
    transition:transform .2s ease!important;
  }
  .mobile-sub-toggle[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)!important}

  /* Submenus stay in normal flow. No desktop positioning allowed. */
  .mobile-submenu{
    position:static!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    height:auto!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:4px 0 12px 14px!important;
    border:0!important;border-top:1px solid #f0f4f7!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    overflow:visible!important;
  }
  .mobile-submenu[hidden]{display:none!important}
  .mobile-submenu a{
    display:block!important;
    width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;
    margin:0!important;padding:11px 10px!important;border:0!important;border-radius:8px!important;
    color:#52616c!important;background:transparent!important;
    font-size:14px!important;font-weight:600!important;line-height:1.42!important;
    white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;
  }
  .mobile-submenu a:hover,.mobile-submenu a:focus-visible{background:#f3f9fd!important;color:var(--blue)!important}
  .mobile-sub-label{
    display:block!important;width:100%!important;box-sizing:border-box!important;
    padding:13px 10px 4px!important;
    color:#7d8a94!important;font-size:10px!important;font-weight:800!important;line-height:1.3!important;
    letter-spacing:.13em!important;text-transform:uppercase!important;white-space:normal!important;
  }

  /* Plain top-level links */
  .mobile-nav>a:not(.btn){
    display:flex!important;align-items:center!important;
    width:100%!important;min-height:56px!important;box-sizing:border-box!important;
    margin:0!important;padding:0 4px!important;border-bottom:1px solid #e7edf1!important;
    color:var(--ink)!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important;
    white-space:normal!important;overflow-wrap:break-word!important;
  }
  .mobile-quote{
    display:flex!important;align-items:center!important;justify-content:center!important;
    width:100%!important;min-height:48px!important;margin:20px 0 4px!important;padding:12px 18px!important;
    border:1px solid var(--blue)!important;border-radius:10px!important;background:var(--blue)!important;color:#fff!important;
    font-size:15px!important;font-weight:750!important;text-align:center!important;
  }
}

@media (max-width:480px){
  .mobile-nav{width:100%!important;max-width:none!important;padding-left:18px!important;padding-right:18px!important}
}

@media (prefers-reduced-motion:reduce){
  .mobile-nav,.mobile-nav-backdrop,.mobile-sub-toggle .nav-chevron{transition:none!important}
}

/* ==========================================================
   ETP SERVICE PAGE — shared global stylesheet
   ========================================================== */
.breadcrumb{display:flex;gap:.55rem;align-items:center;padding-top:1rem;padding-bottom:1rem;font-size:.85rem;color:var(--muted,#5f6b76);flex-wrap:wrap}.breadcrumb a{color:inherit;text-decoration:none}.breadcrumb a:hover{color:var(--blue,#009AF6)}
.etp-hero{position:relative;overflow:hidden;padding:42px 0 74px;background:#fff}.etp-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 18%,rgba(0,154,246,.10),transparent 28%),linear-gradient(135deg,rgba(0,154,246,.035),transparent 45%);pointer-events:none}.etp-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:54px;align-items:center}.etp-hero-copy h1{font-size:clamp(2.55rem,4.25vw,4.1rem);line-height:1.01;letter-spacing:-.045em;max-width:820px;margin:.55rem 0 1.25rem;color:var(--graphite,#0F1720)}.etp-hero-copy .lead{max-width:760px;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.72;color:#42505d}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:1.6rem}.location-line{margin-top:1.25rem;color:#536171}.location-line span{padding:0 .4rem}.etp-capability-strip{margin-top:1.4rem;display:flex;gap:0;flex-wrap:wrap;border:1px solid #dce5eb;border-radius:12px;overflow:hidden;width:max-content;max-width:100%;background:#fff}.etp-capability-strip span{padding:.72rem .95rem;font-weight:700;font-size:.77rem;letter-spacing:.04em;text-transform:uppercase;border-right:1px solid #e1e8ed;white-space:nowrap}.etp-capability-strip span:last-child{border-right:0}.etp-hero-media{position:relative;min-width:0}.etp-picture{display:block;border-radius:18px;overflow:hidden}.etp-picture img{display:block;width:100%;height:100%;object-fit:cover}.etp-hero-media .etp-picture{aspect-ratio:1.5/1}.etp-hero-media .etp-picture img{object-position:center}.etp-hero-badge{position:absolute;left:22px;bottom:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:0 10px 32px rgba(15,23,32,.12)}.etp-hero-badge strong{color:#0F1720}.etp-hero-badge span{font-size:.78rem;color:#68737d}
.etp-two-col{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:70px;align-items:start}.etp-copy>p{font-size:1.02rem;line-height:1.8;color:#4e5d69}.etp-tag-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:1.6rem 0}.etp-tag-grid span{display:flex;align-items:center;gap:.65rem;padding:.88rem 1rem;border:1px solid #dce6ec;border-radius:10px;background:#fff;font-size:.91rem;font-weight:650;color:#1c2a35}.etp-tag-grid span:before{content:"";width:8px;height:8px;border-radius:50%;background:#009AF6;flex:0 0 auto}.etp-emphasis{border-left:4px solid #63C006;padding-left:1rem;font-weight:650;color:#0F1720!important}
.etp-media-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:64px;align-items:center}.etp-media-grid.reverse{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)}.etp-image-card .etp-picture{aspect-ratio:1.58/1;box-shadow:0 22px 60px rgba(15,23,32,.09)}.etp-content-card h2{font-size:clamp(2rem,3vw,3rem);line-height:1.08;letter-spacing:-.035em;margin:.6rem 0 1rem}.etp-content-card>p{font-size:1rem;line-height:1.78;color:#4d5b66}.etp-scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:1.35rem 0 1.55rem}.etp-scope-grid span{padding:.72rem .8rem;border-bottom:1px solid #dfe7ec;font-size:.9rem;font-weight:620;color:#24323d}.text-link{font-weight:750;color:#007fcf;text-decoration:none}.text-link:hover{text-decoration:underline}
.etp-problems{background:#63C006;color:#fff}.etp-problems .section-heading h2,.etp-problems .section-heading p{color:#fff}.etp-problem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:42px;border-top:1px solid rgba(255,255,255,.36);border-left:1px solid rgba(255,255,255,.36)}.etp-problem-grid article{padding:28px 24px;border-right:1px solid rgba(255,255,255,.36);border-bottom:1px solid rgba(255,255,255,.36)}.etp-problem-grid h3{margin:0 0 .55rem;font-size:1.08rem}.etp-problem-grid p{margin:0;color:rgba(255,255,255,.88);line-height:1.55;font-size:.9rem}
.etp-process-rail{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:22px;margin:1.45rem 0 1.35rem;overflow:visible}.etp-process-rail span{position:relative;min-width:0;white-space:normal;text-align:center;padding:.7rem .45rem;border:1px solid #d9e5ec;border-radius:999px;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.03em;background:#fff;line-height:1.2}.etp-process-rail span:not(:last-child):after{content:"";position:absolute;left:100%;top:50%;width:22px;height:1px;background:#009AF6}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem 1rem;padding:0;list-style:none;margin:1.2rem 0 1.7rem}.check-list li{position:relative;padding-left:1.25rem;color:#34434f;font-size:.92rem}.check-list li:before{content:"✓";position:absolute;left:0;top:-.02rem;color:#63C006;font-weight:800}
.etp-flow{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1.25fr) 20px minmax(0,1fr);align-items:center;gap:8px;margin:1.3rem 0 1.25rem;overflow:visible}.etp-flow span{min-width:0;white-space:normal;text-align:center;padding:.65rem .58rem;border-radius:9px;background:#eef8fd;color:#005f99;font-weight:700;font-size:.76rem;line-height:1.25}.etp-flow i{width:20px;height:1px;background:#009AF6}.etp-flow span:last-child{background:#e9f8dc;color:#397d00}
.etp-monitoring{background:#009AF6;color:#fff}.etp-monitoring .etp-media-grid{gap:44px}.etp-monitoring .etp-content-card h2,.etp-monitoring .etp-content-card p{color:#fff}.monitor-image .etp-picture{box-shadow:none}.monitoring-parameter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:1.3rem 0}.monitoring-parameter-grid span{display:flex;flex-direction:column;padding:.82rem .9rem;border:1px solid rgba(255,255,255,.36);border-radius:10px;background:rgba(255,255,255,.09);font-size:.76rem;color:rgba(255,255,255,.88)}.monitoring-parameter-grid b{font-size:1.02rem;color:#fff;margin-bottom:.15rem}.monitoring-benefit{font-weight:650;font-size:.88rem!important}.btn-white{background:#fff;color:#0079c2!important;border-color:#fff}.btn-white:hover{background:#f4fbff}
.etp-amc{background:#fff}.etp-amc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.etp-amc-grid article{padding:20px;border:1px solid #dde6ec;border-radius:12px;background:#fff}.etp-amc-grid h3{margin:0 0 .35rem;font-size:1rem}.etp-amc-grid p{margin:0;color:#5a6771;font-size:.88rem;line-height:1.55}
.etp-compliance-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:64px;align-items:center;padding:48px;border-radius:18px;background:#f5fafc;border:1px solid #dce8ed}.etp-compliance-panel h2{font-size:clamp(2rem,3vw,2.85rem);margin:.55rem 0 1rem}.etp-compliance-panel p{color:#4b5a65;line-height:1.75}.compliance-pillars{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.compliance-pillars span{padding:1rem;border-radius:10px;background:#fff;border:1px solid #dce6ec;font-weight:700;font-size:.88rem}.compliance-pillars span:nth-child(2n){border-top:3px solid #009AF6}.compliance-pillars span:nth-child(2n+1){border-top:3px solid #63C006}
.etp-industry-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:40px}.etp-industry-grid article{border:1px solid #dde6ec;border-radius:14px;padding:22px;background:#fff;min-height:260px;display:flex;flex-direction:column}.industry-icon{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#e9f7ff;color:#007fcf;font-weight:800;margin-bottom:1rem}.etp-industry-grid h3{font-size:1.02rem;margin:0 0 .55rem}.etp-industry-grid p{font-size:.88rem;line-height:1.55;color:#56636d;flex:1}.etp-industry-grid a{font-size:.82rem;font-weight:750;color:#007fcf;text-decoration:none}
.etp-local{background:#009AF6;color:#fff}.etp-local-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:64px;align-items:center}.etp-local h2,.etp-local p{color:#fff}.etp-local h2{font-size:clamp(2rem,3.3vw,3.15rem);margin:.55rem 0 1rem}.etp-local p{line-height:1.75;color:rgba(255,255,255,.9)}.local-secondary{font-size:.9rem}.etp-local-nodes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.etp-local-nodes span{min-height:106px;display:flex;align-items:flex-end;padding:18px;border:1px solid rgba(255,255,255,.46);border-radius:14px;background:rgba(255,255,255,.09);font-weight:780;font-size:1.05rem}
.etp-why-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:38px}.etp-why-grid article{padding:24px 22px;border-top:3px solid #009AF6;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 8px 28px rgba(15,23,32,.06)}.etp-why-grid article:nth-child(2n){border-top-color:#63C006}.etp-why-grid h3{font-size:1rem;margin:0 0 .45rem}.etp-why-grid p{font-size:.86rem;color:#58646e;line-height:1.55;margin:0}
.etp-entity{padding-top:0}.etp-entity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.etp-entity-grid p{margin:0;padding:18px 20px;border-left:3px solid #009AF6;background:#f6fafc;font-size:.9rem;line-height:1.65;color:#40505c}.etp-entity-grid p:nth-child(even){border-left-color:#63C006}
.etp-cta{background:#63C006;color:#fff;padding:54px 0}.etp-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.etp-cta h2{margin:.45rem 0 .4rem;font-size:clamp(2rem,3.6vw,3.25rem);color:#fff}.etp-cta p{color:#fff}.cta-contact{font-size:.86rem;margin:.7rem 0 0;text-align:center}

@media (max-width:1100px){.etp-hero-grid,.etp-two-col,.etp-media-grid,.etp-media-grid.reverse,.etp-local-grid,.etp-compliance-panel{grid-template-columns:1fr;gap:38px}.etp-hero{padding-top:28px}.etp-hero-media{max-width:920px}.etp-problem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.etp-industry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.etp-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.etp-content-card{max-width:none}.etp-media-grid.reverse .etp-content-card{order:1}.etp-media-grid.reverse .etp-image-card{order:2}}
@media (max-width:980px){.etp-process-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.etp-process-rail span:after{display:none}.etp-flow{grid-template-columns:1fr;gap:8px}.etp-flow i{width:1px;height:14px;margin:0 auto}}
@media (max-width:720px){.breadcrumb{font-size:.78rem;padding-top:.75rem}.etp-hero{padding:20px 0 52px}.etp-hero-grid{gap:28px}.etp-hero-copy h1{font-size:clamp(2.2rem,10vw,3rem);line-height:1.03}.etp-hero-copy .lead{font-size:.96rem;line-height:1.65}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%;justify-content:center}.etp-capability-strip{width:100%;display:grid;grid-template-columns:repeat(3,1fr);border-radius:10px}.etp-capability-strip span{text-align:center;border-right:1px solid #e1e8ed;border-bottom:1px solid #e1e8ed;padding:.68rem .35rem;font-size:.68rem}.etp-capability-strip span:nth-child(3n){border-right:0}.etp-capability-strip span:nth-last-child(-n+3){border-bottom:0}.etp-hero-media .etp-picture{aspect-ratio:1.25/1}.etp-hero-badge{left:12px;bottom:12px;padding:10px 12px}.etp-tag-grid,.etp-scope-grid,.check-list,.etp-amc-grid,.monitoring-parameter-grid,.compliance-pillars,.etp-local-nodes,.etp-why-grid,.etp-entity-grid{grid-template-columns:1fr}.etp-problem-grid{grid-template-columns:1fr}.etp-problem-grid article{padding:21px 18px}.etp-image-card .etp-picture{aspect-ratio:1.28/1}.etp-process-rail{grid-template-columns:1fr;gap:8px}.etp-process-rail span{border-radius:10px}.etp-process-rail span:after{display:none}.etp-flow{grid-template-columns:1fr;gap:8px}.etp-flow i{width:1px;height:14px;margin:0 auto}.etp-industry-grid{grid-template-columns:1fr}.etp-industry-grid article{min-height:0}.etp-compliance-panel{padding:28px 22px}.etp-local-nodes span{min-height:82px}.etp-cta-inner{flex-direction:column;align-items:flex-start}.cta-contact{text-align:left}.etp-content-card h2,.etp-local h2{font-size:2rem}}


/* === STEP 13B INDUSTRIES PAGE === */
.industry-hero{padding:72px 0 84px;background:linear-gradient(180deg,#fff 0%,#f7fbfe 100%);overflow:hidden}
.industry-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(460px,.95fr);gap:64px;align-items:center}
.industry-hero-copy h1{font-size:clamp(2.65rem,4.6vw,4.6rem);line-height:1.02;max-width:760px;margin:18px 0 22px}
.industry-hero-visual{min-width:0}
.industry-hero-stack{display:grid;gap:12px}
.industry-hero-stack>img,.industry-hero-mini-grid img{width:100%;height:100%;object-fit:cover;border-radius:18px;display:block}
.industry-hero-stack>img{aspect-ratio:16/9}
.industry-hero-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.industry-hero-mini-grid img{aspect-ratio:16/10}
.industry-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.industry-overview-card{background:#fff;border:1px solid #e5edf3;border-radius:18px;overflow:hidden;box-shadow:0 12px 34px rgba(15,23,32,.07);display:flex;flex-direction:column}
.industry-overview-image{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.industry-overview-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.industry-overview-card:hover .industry-overview-image img{transform:scale(1.035)}
.industry-dark-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,23,32,.04) 25%,rgba(15,23,32,.72) 100%)}
.industry-icon{position:absolute;top:18px;left:18px;width:50px;height:50px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(15,23,32,.12)}
.industry-icon svg,.industry-context-pillars svg{width:27px;height:27px;fill:none;stroke:#009AF6;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.industry-overview-copy{position:absolute;left:20px;right:20px;bottom:20px;color:#fff;display:grid;gap:5px}
.industry-overview-copy strong{font-size:1.2rem;line-height:1.2}
.industry-overview-copy small{font-size:.88rem;color:#fff;opacity:.92}
.industry-card-body{padding:20px;display:grid;gap:16px;flex:1}
.industry-card-body b{display:block;margin-bottom:6px;color:#0f1720}
.industry-card-body p{margin:0;color:#5b6874;font-size:.94rem;line-height:1.55}
.industry-matrix-wrap{overflow-x:auto;border:1px solid #e3ebf0;border-radius:16px;background:#fff}
.industry-matrix{width:100%;border-collapse:collapse;min-width:760px}
.industry-matrix th,.industry-matrix td{padding:16px 18px;border-bottom:1px solid #e7eef3;text-align:center}
.industry-matrix thead th{background:#009AF6;color:#fff;font-size:.9rem}
.industry-matrix tbody th{text-align:left;color:#0f1720;background:#f8fbfd}
.industry-matrix td{color:#63C006;font-size:1rem;font-weight:700}
.industry-matrix tr:last-child th,.industry-matrix tr:last-child td{border-bottom:0}
.industry-story-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}
.industry-context-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.industry-context-pillars article{border:1px solid #e3ebf0;border-radius:16px;padding:24px;background:#fff}
.industry-context-pillars article>span{width:52px;height:52px;border-radius:14px;background:#eef8ff;display:grid;place-items:center;margin-bottom:18px}
.industry-context-pillars h3{margin:0 0 8px}
.industry-context-pillars p{margin:0;color:#5b6874;line-height:1.6}
.etp-image-card>img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
@media (max-width:1100px){
  .industry-hero-grid{grid-template-columns:1fr;gap:36px}
  .industry-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .industry-context-pillars{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:720px){
  .industry-hero{padding:42px 0 56px}
  .industry-hero-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .industry-hero-copy h1{font-size:clamp(2.2rem,11vw,3.3rem);overflow-wrap:anywhere}
  .industry-hero-mini-grid{grid-template-columns:1fr}
  .industry-overview-grid{grid-template-columns:1fr}
  .industry-story-split{grid-template-columns:1fr}
  .industry-context-pillars{grid-template-columns:1fr}
  .industry-matrix-wrap{margin-inline:0}
}


/* =========================================================
   FINAL GLOBAL LINKING + FOOTER + HEADER POLISH
   ========================================================= */
.desktop-nav > a,
.desktop-nav .nav-trigger{font-size:calc(0.78rem + 2px);}
.header-cta{white-space:nowrap;}
.desktop-nav > a[href$="continuous-online-wastewater-monitoring.html"]{color:var(--blue);font-weight:800;}
.hero-actions,.centered-cta,.etp-cta-inner,.final-cta .hero-actions{align-items:center;}
.centered-cta{text-align:center;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
.text-link{display:inline-flex;align-items:center;gap:.35rem;line-height:1.25;}
.etp-cta-inner{gap:28px;}
.etp-cta-inner .btn{flex:0 0 auto;}
.related-pages{background:#fff;border-top:1px solid #e5ebef;border-bottom:1px solid #e5ebef;}
.related-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px;}
.related-link-grid a{display:flex;align-items:center;min-height:54px;padding:14px 16px;border:1px solid #dce6ec;border-radius:12px;background:#fff;color:var(--ink);font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(15,23,32,.035);}
.related-link-grid a:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,154,246,.10);}
.footer-links-grid{display:grid;grid-template-columns:1.35fr repeat(5,minmax(0,1fr));gap:30px;padding:70px 0 38px;align-items:start;}
.footer-offices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:22px 0 18px;border-top:1px solid rgba(255,255,255,.22);}
.footer-contact{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:18px;min-height:190px;}
.footer-contact p{margin:0 0 12px;color:rgba(255,255,255,.82);font-size:13px;line-height:1.55;}
.footer-contact-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;}
.footer-contact-row a{display:inline;margin:0;font-weight:800;}
.footer-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:8px 0 34px;}
.footer-map-card{border-radius:14px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);}
.footer-map-card h3{padding:14px 16px;margin:0!important;background:rgba(15,23,32,.14);}
.footer-map-card iframe{display:block;width:100%;height:210px;border:0;filter:saturate(.95) contrast(1.02);}
.social-icons{display:flex;gap:10px;align-items:center;margin-top:18px;}
.social-icons a{display:grid!important;place-items:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);margin:0!important;color:#fff;}
.social-icons svg{width:20px;height:20px;fill:currentColor;}
.social-icons a:hover{background:#fff;color:var(--blue);}
/* homepage hero monitoring overlay polish */
.flow-overlay path{stroke:rgba(99,192,6,.96)!important;stroke-width:4.5;filter:drop-shadow(0 0 5px rgba(99,192,6,.85));animation:dash 7s linear infinite;}
.flow-overlay circle{stroke:var(--green)!important;filter:drop-shadow(0 0 8px rgba(99,192,6,.85));}
.live-card .live-status i{width:10px!important;height:10px!important;box-shadow:0 0 12px rgba(99,192,6,1),0 0 22px rgba(99,192,6,.75)!important;animation:livePulseStrong 1.25s ease-out infinite!important;}
@keyframes livePulseStrong{0%{box-shadow:0 0 0 0 rgba(99,192,6,.9),0 0 18px rgba(99,192,6,.9)}70%{box-shadow:0 0 0 12px rgba(99,192,6,0),0 0 26px rgba(99,192,6,.92)}100%{box-shadow:0 0 0 0 rgba(99,192,6,0),0 0 18px rgba(99,192,6,.9)}}
.live-card polyline{stroke:var(--green)!important;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:260;animation:drawHeroGraph 2.8s ease-out infinite;filter:drop-shadow(0 0 4px rgba(99,192,6,.65));}
@keyframes drawHeroGraph{0%{stroke-dashoffset:260;opacity:.55}55%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:1}}
@media(max-width:1180px){.desktop-nav > a,.desktop-nav .nav-trigger{font-size:13px;}.footer-links-grid{grid-template-columns:1fr repeat(3,minmax(0,1fr));}.footer-brand{grid-column:1/-1}.footer-offices,.footer-map-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:760px){.related-link-grid{grid-template-columns:1fr;}.footer-links-grid,.footer-offices,.footer-map-grid{grid-template-columns:1fr;}.footer-map-card iframe{height:220px}.etp-cta-inner{align-items:flex-start}.hero-actions{align-items:flex-start}}


/* Plant AMC production page */
.amc-hero{background:linear-gradient(180deg,#f8fcff 0%,#fff 100%)}
.amc-hero .etp-hero-media .etp-picture{aspect-ratio:1.75/1;border-radius:22px;overflow:hidden;box-shadow:0 26px 80px rgba(15,23,32,.12)}
.amc-badge strong{color:#63C006}.amc-intro{background:#fff}.amc-green{background:#63C006}.amc-green .section-heading h2,.amc-green .section-heading p{color:#fff}.amc-grid article{min-height:205px}.amc-blue{background:#009AF6;color:#fff}.amc-blue h2,.amc-blue p{color:#fff}.amc-blue .etp-content-card>p{color:rgba(255,255,255,.88)}.amc-white-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px}.amc-white-list span{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:12px;padding:13px 15px;color:#fff;font-weight:750}.amc-process{background:#f4f9fc}.amc-process-rail{grid-template-columns:repeat(11,auto);align-items:center}.amc-monitor{background:#0F1720;color:#fff}.amc-monitor h2,.amc-monitor p{color:#fff}.amc-monitor .etp-content-card>p{color:rgba(255,255,255,.82)}.amc-monitor .monitoring-parameter-grid span{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#fff}.amc-media-section .etp-image-card .etp-picture,.amc-blue .etp-image-card .etp-picture,.amc-monitor .etp-image-card .etp-picture{border-radius:18px;overflow:hidden}.amc-media-section .etp-image-card img,.amc-blue .etp-image-card img,.amc-monitor .etp-image-card img{width:100%;height:100%;object-fit:cover}.related-link-grid a[href="plant-amc-operation-maintenance.html"]{border-color:#63C006;color:#305600;background:#f2ffe9}@media(max-width:720px){.amc-white-list{grid-template-columns:1fr}.amc-process-rail{grid-template-columns:1fr}.amc-process-rail i{display:none}.amc-hero .etp-hero-media .etp-picture{aspect-ratio:1.22/1}}



/* Step 20B Products Page */
.products-page .products-hero{
  background:
    radial-gradient(circle at 72% 18%, rgba(0,154,246,.15), transparent 35%),
    radial-gradient(circle at 88% 70%, rgba(99,192,6,.14), transparent 32%),
    linear-gradient(135deg,#ffffff 0%,#f6fbff 100%);
}
.products-page .page-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(420px,1.08fr);
  gap:46px;
  align-items:center;
  min-height:680px;
  padding:72px 0;
}
.products-hero-visual{
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 28px 90px rgba(15,23,32,.13);
  border:1px solid rgba(0,154,246,.12);
  background:#F0F4F7;
}
.products-hero-visual img{width:100%;height:auto}
.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin:26px 0 0}
.hero-chips span{font-size:12px;font-weight:800;color:#0F1720;background:#fff;border:1px solid rgba(0,154,246,.18);border-radius:999px;padding:9px 12px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.ghost-btn{background:#fff;color:#0F1720;border:1px solid #dbe4eb}
.products-intro{background:#fff}
.capability-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px}
.capability-mini-card{background:#fff;border:1px solid #dbe4eb;border-radius:22px;padding:24px;box-shadow:0 14px 45px rgba(15,23,32,.06)}
.capability-mini-card svg{width:46px;height:46px;color:#009AF6;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;margin-bottom:16px}
.capability-mini-card:nth-child(even) svg{color:#63C006}
.capability-mini-card h3{font-size:22px;margin:0 0 9px;color:#0F1720}
.capability-mini-card p{margin:0;color:#5e6b76;line-height:1.65;font-size:14px}
.products-section{background:#F0F4F7}
.products-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:28px;align-items:start}
.product-side-nav{position:sticky;top:104px;background:#fff;border:1px solid #dbe4eb;border-radius:24px;padding:18px;box-shadow:0 18px 60px rgba(15,23,32,.08);max-height:calc(100vh - 130px);overflow:auto}
.product-side-title{font-size:18px;font-weight:900;color:#0F1720;margin-bottom:16px}
.product-nav-group{border-top:1px solid #edf2f5;padding-top:14px;margin-top:14px}
.product-nav-group:first-of-type{border-top:0;padding-top:0;margin-top:0}
.product-nav-group span{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#009AF6;margin:0 0 8px}
.product-nav-btn{width:100%;display:flex;text-align:left;align-items:center;border:0;background:transparent;border-radius:12px;padding:10px 11px;font-family:inherit;font-weight:800;color:#33444f;cursor:pointer;line-height:1.25}
.product-nav-btn:hover,.product-nav-btn.is-active{background:#eaf8ff;color:#009AF6}
.product-nav-btn.is-active{box-shadow:inset 3px 0 0 #63C006}
.product-sticky-call{width:100%;margin-top:18px;background:#63C006;color:#fff;justify-content:center}
.product-detail-list{display:grid;gap:18px}
.products-list-head{background:#fff;border:1px solid #dbe4eb;border-radius:24px;padding:28px;margin-bottom:6px}
.product-detail-card{background:#fff;border:1px solid #dbe4eb;border-radius:24px;padding:28px;box-shadow:0 16px 50px rgba(15,23,32,.06);scroll-margin-top:110px}
.product-detail-card.is-focused{border-color:#009AF6;box-shadow:0 22px 70px rgba(0,154,246,.15)}
.product-detail-head{display:flex;gap:16px;align-items:center;margin-bottom:15px}
.product-icon{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,rgba(0,154,246,.12),rgba(99,192,6,.14));display:grid;place-items:center;color:#009AF6;flex:0 0 auto}
.product-icon svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.product-detail-card:nth-child(odd) .product-icon{color:#63C006}
.product-category{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#009AF6;margin-bottom:5px}
.product-detail-card h3{font-size:30px;line-height:1.08;margin:0;color:#0F1720;letter-spacing:-.03em}
.product-detail-card p{font-size:16px;line-height:1.75;color:#4b5f6b;margin:0 0 18px}
.product-used{background:#f8fbfd;border:1px solid #edf2f5;border-radius:18px;padding:18px;margin:18px 0}
.product-used strong,.product-related strong{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:#0F1720;margin-bottom:10px}
.product-used ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:0;padding:0;list-style:none}
.product-used li{position:relative;padding-left:18px;font-size:14px;color:#536572;line-height:1.45}
.product-used li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:#63C006}
.product-related{margin:18px 0}
.product-related div{display:flex;gap:8px;flex-wrap:wrap}
.product-related a{border:1px solid #dbe4eb;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;color:#0F1720;background:#fff}
.product-related a:hover{border-color:#009AF6;color:#009AF6}
.product-call{background:#009AF6;color:#fff;margin-top:6px}
.product-aeo-section{background:#fff}
.aeo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.aeo-card{background:#0F1720;color:#fff;border-radius:22px;padding:24px;border:1px solid rgba(255,255,255,.12)}
.aeo-card strong{display:block;color:#63C006;margin-bottom:9px}
.aeo-card p{margin:0;line-height:1.7;color:rgba(255,255,255,.84)}
.products-page .final-cta{background:linear-gradient(135deg,#63C006,#49a400);border-radius:28px;padding:42px;display:flex;justify-content:space-between;gap:28px;align-items:center;color:#fff}
.products-page .final-cta h2{color:#fff;font-size:clamp(30px,3.2vw,48px);max-width:720px}
.products-page .final-cta p{color:rgba(255,255,255,.9);max-width:760px}
.white-btn{background:#fff!important;color:#0F1720!important}
.product-icon-svg{vector-effect:non-scaling-stroke}
@media (max-width:1100px){
  .products-page .page-hero-grid,.products-layout{grid-template-columns:1fr}
  .product-side-nav{position:relative;top:auto;max-height:none}
  .capability-mini-grid,.aeo-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .products-page .page-hero-grid{padding:46px 0;gap:26px}
  .product-side-nav{padding:14px;border-radius:18px}
  .product-used ul,.capability-mini-grid,.aeo-grid{grid-template-columns:1fr}
  .product-detail-card{padding:22px;border-radius:20px}
  .product-detail-card h3{font-size:25px}
  .product-detail-head{align-items:flex-start}
  .products-page .final-cta{display:grid;padding:28px}
}



/* Step 20C Products Page Standardization */
.products-page .products-hero-standard{
  background:#fff;
}
.products-page .products-hero-standard .etp-hero-grid{
  align-items:center;
}
.products-page .products-hero-standard .etp-hero-media{
  background:linear-gradient(135deg,#f6fbff 0%,#eef9ff 100%);
}
.products-page .products-hero-standard .etp-picture img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:12px;
  background:#F0F4F7;
}
.products-page .products-tight-head{
  display:block;
  text-align:left;
  max-width:980px;
  margin:0 0 28px;
}
.products-page .products-tight-head .section-kicker,
.products-page .faq-section .section-head .section-kicker{
  justify-content:flex-start;
}
.products-page .products-tight-head h2{
  max-width:900px;
  margin-bottom:12px;
  color:var(--blue);
}
.products-page .products-tight-head p{
  max-width:940px;
  color:#536572;
}
.products-page .products-intro{
  padding-top:58px;
  padding-bottom:58px;
}
.products-page .products-list-head{
  padding:22px 24px;
  margin-bottom:6px;
}
.products-page .products-list-head h2{
  font-size:clamp(1.65rem,2.3vw,2.35rem);
  color:var(--blue);
}
.products-page .faq-section .section-head{
  display:block;
  text-align:left;
  max-width:920px;
  margin:0 0 28px;
}
.products-page .faq-section .section-head h2{
  color:var(--blue);
}
.products-page .product-detail-card h3,
.products-page .capability-mini-card h3,
.products-page .product-side-title,
.products-page .product-used strong,
.products-page .product-related strong{
  color:var(--blue);
}
.products-page .product-detail-card p,
.products-page .product-used li,
.products-page .capability-mini-card p{
  color:#536572;
}
.products-page .product-related a{
  color:var(--blue);
}
.products-page .product-related a:hover{
  color:#63C006;
  border-color:#63C006;
}
.products-page .product-icon{
  background:linear-gradient(135deg,rgba(0,154,246,.12),rgba(99,192,6,.14));
}
.products-page .product-call{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}
.products-page .aeo-card{
  background:var(--blue);
}
.products-page .aeo-card strong{
  color:#fff;
}
.products-page .aeo-card p{
  color:rgba(255,255,255,.92);
}
.products-page .final-cta-section,
.products-page .final-cta{
  display:none;
}
@media (max-width:640px){
  .products-page .products-tight-head,
  .products-page .faq-section .section-head{
    max-width:100%;
  }
  .products-page .products-intro{
    padding-top:44px;
    padding-bottom:44px;
  }
  .products-page .products-hero-standard .etp-picture img{
    padding:8px;
  }
}



/* Step 20D Products page heading alignment final fix */
.products-page .products-intro .products-intro-head,
.products-page .products-list-head.products-catalogue-head,
.products-page .faq-section .products-faq-head{
  display:block!important;
  grid-template-columns:none!important;
  text-align:left!important;
  justify-content:start!important;
  justify-items:start!important;
  align-items:start!important;
  max-width:var(--max)!important;
  width:min(var(--max),calc(100% - 64px))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:26px!important;
  padding-left:0!important;
  padding-right:0!important;
}

.products-page .products-list-head.products-catalogue-head{
  width:100%!important;
  max-width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  padding:20px 22px!important;
  border-radius:16px!important;
}

.products-page .products-intro .products-intro-head .section-kicker,
.products-page .products-list-head.products-catalogue-head .section-kicker,
.products-page .faq-section .products-faq-head .section-kicker{
  display:flex!important;
  justify-content:flex-start!important;
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
}

.products-page .products-intro .products-intro-head h2,
.products-page .products-list-head.products-catalogue-head h2,
.products-page .faq-section .products-faq-head h2{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
  max-width:920px!important;
  color:var(--blue)!important;
}

.products-page .products-intro .products-intro-head p,
.products-page .products-list-head.products-catalogue-head p,
.products-page .faq-section .products-faq-head p{
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
  max-width:980px!important;
}

.products-page .products-intro{
  padding-top:48px!important;
  padding-bottom:48px!important;
}

.products-page .capability-mini-grid{
  margin-top:22px!important;
}

.products-page .faq-section .products-faq-head{
  margin-bottom:22px!important;
}

@media (max-width:640px){
  .products-page .products-intro .products-intro-head,
  .products-page .faq-section .products-faq-head{
    width:calc(100% - 28px)!important;
  }
  .products-page .products-list-head.products-catalogue-head{
    padding:18px!important;
  }
}



/* Step 21B About Hydropure Page */
.about-page .about-hero .etp-hero-media{
  background:#f4fbff;
}
.about-page .about-hero .etp-picture img{
  object-fit:cover;
  width:100%;
  height:100%;
}
.about-left-head{
  display:block!important;
  grid-template-columns:none!important;
  text-align:left!important;
  max-width:980px!important;
  margin:0 0 34px!important;
}
.about-left-head .eyebrow,
.about-left-head .section-kicker{
  justify-content:flex-start!important;
}
.about-left-head h2{
  color:var(--blue);
  max-width:920px;
  margin-bottom:14px;
}
.about-left-head p{
  max-width:980px;
  color:#56636e;
}
.about-proof-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.about-proof-card{
  border:1px solid var(--line);
  background:#fff;
  border-radius:16px;
  padding:22px;
  box-shadow:0 12px 35px rgba(0,154,246,.07);
}
.about-proof-card strong{
  display:block;
  color:var(--blue);
  font-size:1.05rem;
  line-height:1.25;
}
.about-proof-card span{
  display:block;
  color:#60707c;
  font-size:.92rem;
  margin-top:8px;
}
.about-capability-section{
  background:#f6fbff;
}
.about-capability-panel{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:28px;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:30px;
  box-shadow:0 20px 70px rgba(0,154,246,.1);
}
.about-capability-panel h2{
  color:var(--blue);
  font-size:clamp(2rem,3.2vw,3.2rem);
  line-height:1.05;
  letter-spacing:-.045em;
  margin:0 0 15px;
}
.about-capability-panel p{
  color:#56636e;
  margin:0;
}
.about-capability-panel figure{
  margin:0;
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#f0f8ff;
}
.about-capability-panel figure img{
  width:100%;
  height:auto;
}
.about-service-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:22px;
}
.about-service-links a{
  border:1px solid var(--line);
  background:#fff;
  color:var(--blue);
  border-radius:999px;
  padding:8px 11px;
  font-size:.82rem;
  font-weight:800;
}
.about-service-links a:hover{
  border-color:var(--green);
  color:var(--green);
}
.evolution-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.evolution-card{
  border:1px solid var(--line);
  background:#fff;
  border-radius:18px;
  padding:26px;
  position:relative;
  overflow:hidden;
}
.evolution-card:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:5px;
  background:linear-gradient(180deg,var(--blue),var(--green));
}
.evolution-card span{
  display:inline-flex;
  color:#fff;
  background:var(--blue);
  border-radius:999px;
  padding:5px 10px;
  font-weight:900;
  font-size:.8rem;
}
.evolution-card h3{
  color:var(--blue);
  margin:18px 0 9px;
  font-size:1.35rem;
  line-height:1.15;
}
.evolution-card p{
  color:#56636e;
  margin:0;
}
.about-leadership{
  background:#f6fbff;
}
.snehal-feature{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:32px;
  align-items:center;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:28px;
  box-shadow:0 22px 75px rgba(0,154,246,.12);
}
.snehal-photo{
  border-radius:22px;
  overflow:hidden;
  background:#eef8ff;
}
.snehal-photo img{
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
}
.snehal-copy span{
  display:inline-flex;
  color:#fff;
  background:var(--green);
  border-radius:999px;
  padding:7px 12px;
  font-weight:900;
  font-size:.8rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.snehal-copy h3{
  color:var(--blue);
  font-size:clamp(2rem,3.6vw,3.65rem);
  line-height:1;
  letter-spacing:-.05em;
  margin:16px 0;
}
.snehal-copy p{
  color:#56636e;
  margin:0 0 14px;
}
.leader-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  margin-top:24px;
}
.leader-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  overflow:hidden;
  box-shadow:0 14px 45px rgba(0,154,246,.08);
}
.leader-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  object-position:center top;
  background:#edf8ff;
}
.leader-card div{
  padding:18px;
}
.leader-card h3{
  color:var(--blue);
  margin:0 0 4px;
  font-size:1.1rem;
}
.leader-card p{
  color:#56636e;
  margin:0;
  font-weight:700;
}
.about-two-col{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.about-list-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:26px;
  box-shadow:0 12px 40px rgba(0,154,246,.06);
}
.about-list-card h3{
  color:var(--blue);
  margin:0 0 16px;
  font-size:1.45rem;
}
.about-list-card a,
.about-list-card span{
  display:block;
  padding:12px 0;
  border-top:1px solid #e9f1f6;
  color:#52636f;
  font-weight:700;
}
.about-list-card a:hover{
  color:var(--blue);
}
.about-faq{
  background:#fff;
}
@media (max-width:1100px){
  .about-capability-panel,
  .snehal-feature{
    grid-template-columns:1fr;
  }
  .about-proof-grid,
  .leader-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:720px){
  .about-proof-grid,
  .evolution-grid,
  .leader-grid,
  .about-two-col{
    grid-template-columns:1fr;
  }
  .about-capability-panel,
  .snehal-feature{
    padding:18px;
    border-radius:18px;
  }
  .snehal-copy h3{
    font-size:2.25rem;
  }
}



/* Step 21C About heading alignment final fix */
.about-page .section > .container.section-head.about-left-head,
.about-page .about-who > .container.section-head.about-left-head,
.about-page .about-evolution > .container.section-head.about-left-head,
.about-page .about-leadership > .container.section-head.about-left-head,
.about-page .about-industries > .container.section-head.about-left-head,
.about-page .about-faq > .container.section-head.about-left-head{
  display:block!important;
  grid-template-columns:none!important;
  width:min(var(--max),calc(100% - 64px))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:0!important;
  margin-bottom:34px!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:left!important;
  justify-items:start!important;
  align-items:start!important;
}

.about-page .section > .container.section-head.about-left-head .eyebrow,
.about-page .about-who > .container.section-head.about-left-head .eyebrow,
.about-page .about-evolution > .container.section-head.about-left-head .eyebrow,
.about-page .about-leadership > .container.section-head.about-left-head .eyebrow,
.about-page .about-industries > .container.section-head.about-left-head .eyebrow,
.about-page .about-faq > .container.section-head.about-left-head .eyebrow{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

.about-page .section > .container.section-head.about-left-head h2,
.about-page .about-who > .container.section-head.about-left-head h2,
.about-page .about-evolution > .container.section-head.about-left-head h2,
.about-page .about-leadership > .container.section-head.about-left-head h2,
.about-page .about-industries > .container.section-head.about-left-head h2,
.about-page .about-faq > .container.section-head.about-left-head h2{
  display:block!important;
  width:100%!important;
  max-width:980px!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
  margin-bottom:14px!important;
  text-align:left!important;
  color:var(--blue)!important;
}

.about-page .section > .container.section-head.about-left-head p:not(.eyebrow),
.about-page .about-who > .container.section-head.about-left-head p:not(.eyebrow),
.about-page .about-evolution > .container.section-head.about-left-head p:not(.eyebrow),
.about-page .about-leadership > .container.section-head.about-left-head p:not(.eyebrow),
.about-page .about-industries > .container.section-head.about-left-head p:not(.eyebrow),
.about-page .about-faq > .container.section-head.about-left-head p:not(.eyebrow){
  display:block!important;
  width:100%!important;
  max-width:980px!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
  color:#56636e!important;
}

@media (max-width:640px){
  .about-page .section > .container.section-head.about-left-head,
  .about-page .about-who > .container.section-head.about-left-head,
  .about-page .about-evolution > .container.section-head.about-left-head,
  .about-page .about-leadership > .container.section-head.about-left-head,
  .about-page .about-industries > .container.section-head.about-left-head,
  .about-page .about-faq > .container.section-head.about-left-head{
    width:calc(100% - 32px)!important;
    margin-bottom:26px!important;
  }
}



/* Step 22B Contact Page */
.contact-page .contact-hero .etp-hero-media{
  background:#f5fbff;
}
.contact-page .contact-hero .etp-picture img{
  object-fit:cover;
  width:100%;
  height:100%;
}
.contact-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.contact-card{
  display:block;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:22px;
  box-shadow:0 14px 45px rgba(0,154,246,.07);
}
.contact-card span{
  display:block;
  color:var(--green);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:10px;
}
.contact-card strong{
  display:block;
  color:var(--blue);
  font-size:1.22rem;
  line-height:1.25;
}
.contact-card small{
  display:block;
  color:#56636e;
  margin-top:8px;
  line-height:1.45;
}
.contact-form-section{
  background:#f6fbff;
}
.contact-layout{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:30px;
  align-items:start;
}
.contact-form-copy h2,
.contact-left-head h2{
  color:var(--blue);
}
.contact-form-copy p,
.contact-left-head p{
  color:#56636e;
}
.requirement-chip-grid{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:22px;
}
.requirement-chip-grid a{
  display:inline-flex;
  border:1px solid var(--line);
  background:#fff;
  color:var(--blue);
  border-radius:999px;
  padding:9px 12px;
  font-size:.84rem;
  font-weight:800;
}
.requirement-chip-grid a:hover{
  border-color:var(--green);
  color:var(--green);
}
.hydro-contact-form{
  display:grid;
  gap:14px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:26px;
  box-shadow:0 22px 70px rgba(0,154,246,.11);
}
.form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.hydro-contact-form label{
  display:grid;
  gap:7px;
  color:var(--blue);
  font-weight:800;
  font-size:.9rem;
}
.hydro-contact-form input,
.hydro-contact-form select,
.hydro-contact-form textarea{
  width:100%;
  border:1px solid var(--line);
  border-radius:10px;
  padding:13px 14px;
  font:inherit;
  color:#223542;
  background:#fff;
  outline:none;
}
.hydro-contact-form input:focus,
.hydro-contact-form select:focus,
.hydro-contact-form textarea:focus{
  border-color:var(--blue);
  box-shadow:0 0 0 4px rgba(0,154,246,.12);
}
.form-actions{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}
.contact-left-head{
  display:block!important;
  grid-template-columns:none!important;
  max-width:980px!important;
  margin:0 0 34px!important;
  text-align:left!important;
}
.contact-left-head .eyebrow{
  justify-content:flex-start!important;
}
.location-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.location-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
  box-shadow:0 12px 38px rgba(0,154,246,.06);
}
.location-card h3{
  color:var(--blue);
  margin:0 0 10px;
  font-size:1.35rem;
}
.location-card p{
  color:#56636e;
  margin:0 0 12px;
}
.location-card a{
  color:var(--blue);
  font-weight:900;
}
.contact-map-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:20px;
}
.contact-map-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  box-shadow:0 12px 38px rgba(0,154,246,.06);
}
.contact-map-card h3{
  color:var(--blue);
  margin:0 0 12px;
}
.contact-map-card iframe{
  width:100%;
  min-height:250px;
  border:0;
  border-radius:12px;
  background:#f0f4f7;
}
.service-area-section{
  background:#f6fbff;
}
.service-area-grid{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}
.service-area-grid span{
  background:#fff;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--blue);
  padding:10px 14px;
  font-weight:800;
}
.contact-faq{
  background:#fff;
}
@media (max-width:1100px){
  .contact-layout,
  .location-grid,
  .contact-map-grid{
    grid-template-columns:1fr;
  }
  .contact-card-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:640px){
  .contact-card-grid,
  .form-row{
    grid-template-columns:1fr;
  }
  .hydro-contact-form{
    padding:18px;
    border-radius:18px;
  }
  .contact-left-head{
    max-width:100%!important;
  }
}



/* Step 23B MPCB / Environmental Compliance Page */
.compliance-page .compliance-hero .etp-hero-media{
  background:#f5fbff;
}
.compliance-page .compliance-hero .etp-picture img{
  object-fit:cover;
  width:100%;
  height:100%;
}
.compliance-left-head{
  display:block!important;
  grid-template-columns:none!important;
  max-width:1020px!important;
  margin:0 0 34px!important;
  text-align:left!important;
}
.compliance-left-head .eyebrow{
  justify-content:flex-start!important;
}
.compliance-left-head h2{
  color:var(--blue);
  max-width:980px;
}
.compliance-left-head p{
  color:#56636e;
  max-width:980px;
}
.compliance-card-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.compliance-card,
.gap-card,
.process-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
  box-shadow:0 14px 45px rgba(0,154,246,.07);
}
.compliance-card h3,
.gap-card h3,
.process-card h3{
  color:var(--blue);
  margin:0 0 9px;
  line-height:1.2;
}
.compliance-card p,
.gap-card p,
.process-card p{
  color:#56636e;
  margin:0;
}
.compliance-scope-section,
.compliance-gaps-section,
.compliance-workflow-section{
  background:#f6fbff;
}
.compliance-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:32px;
  align-items:center;
}
.compliance-split.reverse{
  grid-template-columns:1fr 1fr;
}
.compliance-copy h2{
  color:var(--blue);
  font-size:clamp(2rem,3.1vw,3rem);
  line-height:1.08;
  letter-spacing:-.04em;
  margin:0 0 16px;
}
.compliance-copy p{
  color:#56636e;
}
.compliance-check-list{
  list-style:none;
  padding:0;
  margin:22px 0 0;
  display:grid;
  gap:10px;
}
.compliance-check-list li{
  position:relative;
  padding-left:24px;
  color:#465964;
  font-weight:700;
}
.compliance-check-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:.55em;
  width:10px;
  height:10px;
  border-radius:50%;
  background:var(--green);
}
.compliance-image{
  margin:0;
  border-radius:22px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:0 20px 70px rgba(0,154,246,.1);
  background:#edf8ff;
}
.compliance-image img{
  width:100%;
  height:auto;
}
.gap-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.workflow-image-wrap{
  margin-bottom:22px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--line);
  box-shadow:0 22px 70px rgba(0,154,246,.12);
  background:#f0f8ff;
}
.workflow-image-wrap img{
  width:100%;
  height:auto;
}
.compliance-process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.process-card span{
  display:inline-flex;
  background:var(--blue);
  color:#fff;
  border-radius:999px;
  font-weight:900;
  padding:5px 10px;
  font-size:.8rem;
  margin-bottom:14px;
}
.compliance-local-section{
  background:#fff;
}
.compliance-faq{
  background:#fff;
}
@media (max-width:1100px){
  .compliance-card-grid,
  .gap-grid,
  .compliance-process-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .compliance-split,
  .compliance-split.reverse{
    grid-template-columns:1fr;
  }
}
@media (max-width:640px){
  .compliance-card-grid,
  .gap-grid,
  .compliance-process-grid{
    grid-template-columns:1fr;
  }
  .compliance-left-head{
    max-width:100%!important;
  }
}



/* Step 24B Privacy Policy and Terms Pages */
.legal-page .legal-hero{
  background:linear-gradient(135deg,#ffffff 0%,#f5fbff 100%);
  border-bottom:1px solid var(--line);
}
.legal-page .legal-hero-inner{
  padding:78px 0 54px;
  max-width:920px;
}
.legal-page .legal-hero h1{
  color:var(--blue);
  font-size:clamp(2.8rem,5vw,5.4rem);
  line-height:.96;
  letter-spacing:-.055em;
  margin:18px 0;
}
.legal-page .legal-hero p{
  color:#56636e;
  font-size:1.08rem;
  line-height:1.75;
  max-width:820px;
}
.legal-updated{
  display:inline-flex;
  background:#fff;
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 12px;
  color:var(--blue)!important;
  font-size:.9rem!important;
  font-weight:800;
  margin-top:10px;
}
.legal-content-section{
  background:#fff;
}
.legal-layout{
  display:grid;
  grid-template-columns:290px minmax(0,1fr);
  gap:36px;
  align-items:start;
}
.legal-side-nav{
  position:sticky;
  top:104px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:16px;
  box-shadow:0 14px 45px rgba(0,154,246,.07);
}
.legal-side-nav a{
  display:block;
  color:#536572;
  font-weight:800;
  padding:10px 11px;
  border-radius:10px;
  line-height:1.3;
}
.legal-side-nav a:hover{
  background:#eef9ff;
  color:var(--blue);
}
.legal-content{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:34px;
  box-shadow:0 18px 65px rgba(0,154,246,.08);
}
.legal-content section{
  padding:0 0 30px;
  margin:0 0 30px;
  border-bottom:1px solid #eaf1f6;
  scroll-margin-top:110px;
}
.legal-content section:last-child{
  margin-bottom:0;
  padding-bottom:0;
  border-bottom:0;
}
.legal-content h2{
  color:var(--blue);
  margin:0 0 12px;
  font-size:clamp(1.5rem,2.2vw,2.1rem);
  line-height:1.15;
}
.legal-content p,
.legal-content li{
  color:#536572;
  line-height:1.78;
}
.legal-content p{
  margin:0 0 14px;
}
.legal-content ul{
  margin:14px 0 0;
  padding-left:20px;
}
.legal-content a{
  color:var(--blue);
  font-weight:800;
}
@media (max-width:960px){
  .legal-layout{
    grid-template-columns:1fr;
  }
  .legal-side-nav{
    position:relative;
    top:auto;
  }
}
@media (max-width:640px){
  .legal-page .legal-hero-inner{
    padding:56px 0 38px;
  }
  .legal-content{
    padding:22px;
    border-radius:18px;
  }
}



/* Step 25 Global Standardization */
:root{
  --heading:#0F1720;
}

/* Standard heading color on normal light sections */
body h1,
body h2,
body h3,
body h4{
  color:var(--heading);
}

/* Keep reversed headings readable inside colored CTA / footer / dark areas */
.etp-cta h1,
.etp-cta h2,
.etp-cta h3,
.etp-cta h4,
.final-cta h1,
.final-cta h2,
.final-cta h3,
.final-cta h4,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.section.dark h1,
.section.dark h2,
.section.dark h3,
.section.dark h4,
.section.blue h1,
.section.blue h2,
.section.blue h3,
.section.blue h4,
.section.green h1,
.section.green h2,
.section.green h3,
.section.green h4{
  color:#fff;
}

/* Eyebrows, labels and icons remain brand accents */
.eyebrow,
.section-kicker,
.product-category,
.product-nav-group span,
.snehal-copy span,
.process-card span,
.evolution-card span{
  color:var(--blue);
}

/* Header navigation order and dropdown polish */
.desktop-nav{
  gap:18px;
}
.desktop-nav > a,
.desktop-nav .nav-trigger{
  white-space:nowrap;
}
.about-menu .about-mega{
  min-width:310px;
}
.nav-monitor-link{
  color:var(--blue)!important;
  font-weight:800;
}
.nav-separator{
  display:inline-flex;
  align-items:center;
  color:rgba(15,23,32,.35);
  font-weight:800;
  margin-left:-8px;
}

/* Standard hero alignment */
.etp-hero-grid,
.products-page .products-hero-standard .etp-hero-grid,
.about-page .about-hero .etp-hero-grid,
.contact-page .contact-hero .etp-hero-grid,
.compliance-page .compliance-hero .etp-hero-grid,
.placeholder-page .placeholder-hero .etp-hero-grid{
  align-items:center;
}
.etp-hero-media,
.hero-stage{
  align-self:center;
}

/* Homepage hero tabs now include a purposeful content panel */
.hero-tab-panel{
  margin-top:18px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px 18px;
  box-shadow:0 14px 40px rgba(0,154,246,.08);
  max-width:720px;
}
.hero-tab-panel strong{
  display:block;
  color:var(--heading);
  font-size:1.02rem;
  margin-bottom:5px;
}
.hero-tab-panel p{
  color:#536572;
  margin:0 0 9px;
  line-height:1.55;
}
.hero-tab-panel a{
  color:var(--blue);
  font-weight:900;
}
.service-tabs button{
  cursor:pointer;
}

/* CTA standardization above footer */
.etp-cta{
  background:var(--green);
}
.etp-cta-inner{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:28px!important;
}
.etp-cta-inner h2{
  color:#fff!important;
}
.etp-cta-inner p:not(.eyebrow){
  color:rgba(255,255,255,.92)!important;
}
.etp-cta-inner > div:last-child{
  flex:0 0 auto;
  display:flex;
  justify-content:flex-end;
  align-items:center;
}
.btn,
.header-cta,
.mobile-quote,
.btn-white,
.product-call,
.etp-cta .btn,
.hero-actions .btn{
  white-space:nowrap!important;
}
.etp-cta .btn-white,
.etp-cta a.btn{
  min-width:max-content;
  text-align:center;
}
.header-cta{
  min-width:max-content;
}

/* Override earlier page-specific blue heading rules on normal cards and panels */
.products-page .product-detail-card h3,
.products-page .capability-mini-card h3,
.products-page .product-side-title,
.about-left-head h2,
.snehal-copy h3,
.leader-card h3,
.about-list-card h3,
.evolution-card h3,
.about-capability-panel h2,
.contact-form-copy h2,
.contact-left-head h2,
.location-card h3,
.contact-map-card h3,
.compliance-left-head h2,
.compliance-copy h2,
.compliance-card h3,
.gap-card h3,
.process-card h3,
.legal-content h2,
.legal-page .legal-hero h1{
  color:var(--heading)!important;
}

/* Allow brand links and small accent items to stay blue */
.about-service-links a,
.location-card a,
.legal-content a,
.product-related a,
.text-link{
  color:var(--blue);
}

/* Placeholder pages */
.placeholder-hero-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  box-shadow:0 24px 70px rgba(0,154,246,.12);
  padding:34px;
  display:grid;
  gap:8px;
}
.placeholder-hero-card strong{
  color:var(--heading);
  font-size:2rem;
  line-height:1.05;
}
.placeholder-hero-card span{
  color:var(--blue);
  font-weight:900;
}
.placeholder-hero-card p{
  color:#536572;
  margin:0;
}
.placeholder-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.placeholder-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  padding:24px;
  box-shadow:0 14px 45px rgba(0,154,246,.07);
}
.placeholder-card h3{
  margin:0 0 10px;
}
.placeholder-card p{
  color:#536572;
  margin:0;
}

@media (max-width:1260px){
  .desktop-nav{
    gap:10px;
  }
}

@media (max-width:720px){
  .etp-cta-inner{
    display:grid!important;
  }
  .etp-cta-inner > div:last-child{
    justify-content:stretch;
  }
  .etp-cta .btn-white,
  .etp-cta a.btn{
    width:100%;
    padding-left:12px;
    padding-right:12px;
    font-size:.95rem;
  }
  .placeholder-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:390px){
  .etp-cta .btn-white,
  .etp-cta a.btn,
  .header-cta,
  .mobile-quote{
    font-size:.88rem;
    padding-left:10px;
    padding-right:10px;
  }
}



/* Step 25C Contact + MPCB heading alignment final fix */
.contact-page .section > .container.section-head.contact-left-head,
.contact-page .contact-location-section > .container.section-head.contact-left-head,
.contact-page .service-area-section > .container.section-head.contact-left-head,
.contact-page .contact-faq > .container.section-head.contact-left-head,
.compliance-page .section > .container.section-head.compliance-left-head,
.compliance-page .compliance-intro > .container.section-head.compliance-left-head,
.compliance-page .compliance-gaps-section > .container.section-head.compliance-left-head,
.compliance-page .compliance-workflow-section > .container.section-head.compliance-left-head,
.compliance-page .compliance-local-section > .container.section-head.compliance-left-head,
.compliance-page .related-pages-section > .container.section-head.compliance-left-head,
.compliance-page .compliance-faq > .container.section-head.compliance-left-head{
  display:block!important;
  grid-template-columns:none!important;
  width:min(var(--max),calc(100% - 64px))!important;
  max-width:var(--max)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:0!important;
  margin-bottom:34px!important;
  padding-left:0!important;
  padding-right:0!important;
  text-align:left!important;
  justify-content:flex-start!important;
  justify-items:start!important;
  align-items:start!important;
}

.contact-page .contact-form-copy{
  text-align:left!important;
}

.contact-page .contact-form-copy .eyebrow,
.contact-page .section > .container.section-head.contact-left-head .eyebrow,
.contact-page .contact-location-section > .container.section-head.contact-left-head .eyebrow,
.contact-page .service-area-section > .container.section-head.contact-left-head .eyebrow,
.contact-page .contact-faq > .container.section-head.contact-left-head .eyebrow,
.compliance-page .section > .container.section-head.compliance-left-head .eyebrow,
.compliance-page .compliance-intro > .container.section-head.compliance-left-head .eyebrow,
.compliance-page .compliance-gaps-section > .container.section-head.compliance-left-head .eyebrow,
.compliance-page .compliance-workflow-section > .container.section-head.compliance-left-head .eyebrow,
.compliance-page .compliance-local-section > .container.section-head.compliance-left-head .eyebrow,
.compliance-page .related-pages-section > .container.section-head.compliance-left-head .eyebrow,
.compliance-page .compliance-faq > .container.section-head.compliance-left-head .eyebrow{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

.contact-page .contact-form-copy h2,
.contact-page .section > .container.section-head.contact-left-head h2,
.contact-page .contact-location-section > .container.section-head.contact-left-head h2,
.contact-page .service-area-section > .container.section-head.contact-left-head h2,
.contact-page .contact-faq > .container.section-head.contact-left-head h2,
.compliance-page .section > .container.section-head.compliance-left-head h2,
.compliance-page .compliance-intro > .container.section-head.compliance-left-head h2,
.compliance-page .compliance-gaps-section > .container.section-head.compliance-left-head h2,
.compliance-page .compliance-workflow-section > .container.section-head.compliance-left-head h2,
.compliance-page .compliance-local-section > .container.section-head.compliance-left-head h2,
.compliance-page .related-pages-section > .container.section-head.compliance-left-head h2,
.compliance-page .compliance-faq > .container.section-head.compliance-left-head h2{
  display:block!important;
  width:100%!important;
  max-width:980px!important;
  margin-left:0!important;
  margin-right:0!important;
  margin-top:0!important;
  margin-bottom:14px!important;
  text-align:left!important;
  color:var(--heading)!important;
}

.contact-page .contact-form-copy p,
.contact-page .section > .container.section-head.contact-left-head p:not(.eyebrow),
.contact-page .contact-location-section > .container.section-head.contact-left-head p:not(.eyebrow),
.contact-page .service-area-section > .container.section-head.contact-left-head p:not(.eyebrow),
.contact-page .contact-faq > .container.section-head.contact-left-head p:not(.eyebrow),
.compliance-page .section > .container.section-head.compliance-left-head p:not(.eyebrow),
.compliance-page .compliance-intro > .container.section-head.compliance-left-head p:not(.eyebrow),
.compliance-page .compliance-gaps-section > .container.section-head.compliance-left-head p:not(.eyebrow),
.compliance-page .compliance-workflow-section > .container.section-head.compliance-left-head p:not(.eyebrow),
.compliance-page .compliance-local-section > .container.section-head.compliance-left-head p:not(.eyebrow),
.compliance-page .related-pages-section > .container.section-head.compliance-left-head p:not(.eyebrow),
.compliance-page .compliance-faq > .container.section-head.compliance-left-head p:not(.eyebrow){
  display:block!important;
  width:100%!important;
  max-width:980px!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
  color:#56636e!important;
}

.contact-page .contact-left-head,
.compliance-page .compliance-left-head{
  float:none!important;
}

@media (max-width:640px){
  .contact-page .section > .container.section-head.contact-left-head,
  .contact-page .contact-location-section > .container.section-head.contact-left-head,
  .contact-page .service-area-section > .container.section-head.contact-left-head,
  .contact-page .contact-faq > .container.section-head.contact-left-head,
  .compliance-page .section > .container.section-head.compliance-left-head,
  .compliance-page .compliance-intro > .container.section-head.compliance-left-head,
  .compliance-page .compliance-gaps-section > .container.section-head.compliance-left-head,
  .compliance-page .compliance-workflow-section > .container.section-head.compliance-left-head,
  .compliance-page .compliance-local-section > .container.section-head.compliance-left-head,
  .compliance-page .related-pages-section > .container.section-head.compliance-left-head,
  .compliance-page .compliance-faq > .container.section-head.compliance-left-head{
    width:calc(100% - 32px)!important;
    margin-bottom:26px!important;
  }
}



/* Step 25D precise MPCB + Contact heading alignment and email card overflow fix */
body.mpcb-page .mpcb-water-readiness-head,
body.mpcb-page .mpcb-common-gaps-head,
body.mpcb-page .mpcb-approach-head,
body.compliance-page .mpcb-water-readiness-head,
body.compliance-page .mpcb-common-gaps-head,
body.compliance-page .mpcb-approach-head,
body.contact-page .contact-office-head,
body.contact-page .contact-service-area-head,
body.contact-page .contact-faq-head{
  display:block!important;
  grid-template-columns:none!important;
  width:min(var(--max),calc(100% - 64px))!important;
  max-width:var(--max)!important;
  margin:0 auto 34px auto!important;
  padding:0!important;
  text-align:left!important;
  transform:none!important;
  float:none!important;
  clear:both!important;
  justify-content:flex-start!important;
  justify-items:start!important;
  align-items:flex-start!important;
}

body.compliance-page .mpcb-water-readiness-head > *,
body.compliance-page .mpcb-common-gaps-head > *,
body.compliance-page .mpcb-approach-head > *,
body.contact-page .contact-office-head > *,
body.contact-page .contact-service-area-head > *,
body.contact-page .contact-faq-head > *{
  grid-column:auto!important;
  justify-self:start!important;
  align-self:start!important;
  text-align:left!important;
  margin-left:0!important;
  margin-right:0!important;
  float:none!important;
}

body.compliance-page .mpcb-water-readiness-head .eyebrow,
body.compliance-page .mpcb-common-gaps-head .eyebrow,
body.compliance-page .mpcb-approach-head .eyebrow,
body.contact-page .contact-office-head .eyebrow,
body.contact-page .contact-service-area-head .eyebrow,
body.contact-page .contact-faq-head .eyebrow{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  max-width:980px!important;
  width:100%!important;
  margin:0 0 18px 0!important;
  padding:0!important;
  text-align:left!important;
}

body.compliance-page .mpcb-water-readiness-head h2,
body.compliance-page .mpcb-common-gaps-head h2,
body.compliance-page .mpcb-approach-head h2,
body.contact-page .contact-office-head h2,
body.contact-page .contact-service-area-head h2,
body.contact-page .contact-faq-head h2{
  display:block!important;
  max-width:980px!important;
  width:100%!important;
  margin:0 0 14px 0!important;
  padding:0!important;
  text-align:left!important;
  color:var(--heading)!important;
}

body.compliance-page .mpcb-water-readiness-head p:not(.eyebrow),
body.compliance-page .mpcb-common-gaps-head p:not(.eyebrow),
body.compliance-page .mpcb-approach-head p:not(.eyebrow),
body.contact-page .contact-office-head p:not(.eyebrow),
body.contact-page .contact-service-area-head p:not(.eyebrow),
body.contact-page .contact-faq-head p:not(.eyebrow){
  display:block!important;
  max-width:980px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
  color:#56636e!important;
}

/* Contact card overflow: keep email clean inside card */
.contact-page .contact-card-grid,
.contact-page .contact-card{
  min-width:0!important;
}
.contact-page .contact-card{
  overflow:hidden!important;
}
.contact-page .contact-card strong,
.contact-page .contact-card small{
  max-width:100%!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
}
.contact-page .contact-card[href^="mailto:"] strong{
  font-size:clamp(.95rem,1.2vw,1.08rem)!important;
  line-height:1.32!important;
}

@media (max-width:640px){
  body.compliance-page .mpcb-water-readiness-head,
  body.compliance-page .mpcb-common-gaps-head,
  body.compliance-page .mpcb-approach-head,
  body.contact-page .contact-office-head,
  body.contact-page .contact-service-area-head,
  body.contact-page .contact-faq-head{
    width:calc(100% - 32px)!important;
    margin-bottom:26px!important;
  }
}



/* Step 25E white headings on green and blue backgrounds */
.etp-cta,
.final-cta,
.cta-section,
.home-cta,
.blue-section,
.green-section,
.footer{
  color:#fff;
}

.etp-cta h1,
.etp-cta h2,
.etp-cta h3,
.etp-cta h4,
.etp-cta .eyebrow,
.etp-cta .eyebrow.white,
.etp-cta p,
.etp-cta strong,
.final-cta h1,
.final-cta h2,
.final-cta h3,
.final-cta h4,
.final-cta .eyebrow,
.final-cta p,
.cta-section h1,
.cta-section h2,
.cta-section h3,
.cta-section h4,
.cta-section .eyebrow,
.cta-section p,
.home-cta h1,
.home-cta h2,
.home-cta h3,
.home-cta h4,
.home-cta .eyebrow,
.home-cta p,
.blue-section h1,
.blue-section h2,
.blue-section h3,
.blue-section h4,
.blue-section .eyebrow,
.blue-section p,
.green-section h1,
.green-section h2,
.green-section h3,
.green-section h4,
.green-section .eyebrow,
.green-section p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer p,
.footer small,
.footer a{
  color:#fff!important;
}

.etp-cta .eyebrow span,
.final-cta .eyebrow span,
.cta-section .eyebrow span,
.home-cta .eyebrow span,
.blue-section .eyebrow span,
.green-section .eyebrow span{
  background:#fff!important;
}

.etp-cta .btn-white,
.etp-cta a.btn-white,
.etp-cta .btn.btn-white,
.final-cta .btn-white,
.final-cta a.btn-white,
.cta-section .btn-white,
.green-section .btn-white,
.blue-section .btn-white{
  background:#fff!important;
  color:var(--blue)!important;
  border-color:#fff!important;
}

/* Keep normal white/light background headings black */
body:not(.force-white-headings) main .section:not(.blue-section):not(.green-section):not(.etp-cta):not(.final-cta):not(.cta-section):not(.home-cta) h1,
body:not(.force-white-headings) main .section:not(.blue-section):not(.green-section):not(.etp-cta):not(.final-cta):not(.cta-section):not(.home-cta) h2,
body:not(.force-white-headings) main .section:not(.blue-section):not(.green-section):not(.etp-cta):not(.final-cta):not(.cta-section):not(.home-cta) h3,
body:not(.force-white-headings) main .section:not(.blue-section):not(.green-section):not(.etp-cta):not(.final-cta):not(.cta-section):not(.home-cta) h4{
  color:var(--heading);
}



/* Step 25F force white content inside actual blue and green background boxes */
body .operations,
body .monitoring,
body .industrial-focus,
body .final-cta,
body .etp-cta,
body .etp-problems,
body .etp-monitoring,
body .etp-local,
body .amc-green,
body .amc-blue,
body .footer,
body .mega-grid aside,
body .products-page .final-cta,
body .products-page .aeo-card,
body .product-sticky-call,
body .product-call,
body .cta-section,
body .green-section,
body .blue-section,
body .home-cta{
  color:#fff!important;
}

body .operations *,
body .monitoring *,
body .industrial-focus *,
body .final-cta *,
body .etp-cta *,
body .etp-problems *,
body .etp-monitoring *,
body .etp-local *,
body .amc-green *,
body .amc-blue *,
body .footer *,
body .mega-grid aside *,
body .products-page .final-cta *,
body .products-page .aeo-card *,
body .product-sticky-call *,
body .product-call *,
body .cta-section *,
body .green-section *,
body .blue-section *,
body .home-cta *{
  color:#fff!important;
}

/* Explicit heading/title coverage inside blue and green panels */
body .operations h1,
body .operations h2,
body .operations h3,
body .operations h4,
body .monitoring h1,
body .monitoring h2,
body .monitoring h3,
body .monitoring h4,
body .industrial-focus h1,
body .industrial-focus h2,
body .industrial-focus h3,
body .industrial-focus h4,
body .final-cta h1,
body .final-cta h2,
body .final-cta h3,
body .final-cta h4,
body .etp-cta h1,
body .etp-cta h2,
body .etp-cta h3,
body .etp-cta h4,
body .etp-problems h1,
body .etp-problems h2,
body .etp-problems h3,
body .etp-problems h4,
body .etp-monitoring h1,
body .etp-monitoring h2,
body .etp-monitoring h3,
body .etp-monitoring h4,
body .etp-local h1,
body .etp-local h2,
body .etp-local h3,
body .etp-local h4,
body .amc-green h1,
body .amc-green h2,
body .amc-green h3,
body .amc-green h4,
body .amc-blue h1,
body .amc-blue h2,
body .amc-blue h3,
body .amc-blue h4,
body .products-page .final-cta h1,
body .products-page .final-cta h2,
body .products-page .final-cta h3,
body .products-page .final-cta h4,
body .products-page .aeo-card h1,
body .products-page .aeo-card h2,
body .products-page .aeo-card h3,
body .products-page .aeo-card h4,
body .footer h1,
body .footer h2,
body .footer h3,
body .footer h4,
body .mega-grid aside h1,
body .mega-grid aside h2,
body .mega-grid aside h3,
body .mega-grid aside h4{
  color:#fff!important;
}

/* Keep white CTA buttons readable on green/blue sections */
body .operations .btn-white,
body .monitoring .btn-white,
body .industrial-focus .btn-white,
body .final-cta .btn-white,
body .etp-cta .btn-white,
body .etp-problems .btn-white,
body .etp-monitoring .btn-white,
body .etp-local .btn-white,
body .amc-green .btn-white,
body .amc-blue .btn-white,
body .products-page .final-cta .btn-white,
body .products-page .aeo-card .btn-white,
body .green-section .btn-white,
body .blue-section .btn-white,
body .cta-section .btn-white,
body .home-cta .btn-white{
  background:#fff!important;
  color:var(--blue)!important;
  border-color:#fff!important;
}

body .operations .btn-white *,
body .monitoring .btn-white *,
body .industrial-focus .btn-white *,
body .final-cta .btn-white *,
body .etp-cta .btn-white *,
body .etp-problems .btn-white *,
body .etp-monitoring .btn-white *,
body .etp-local .btn-white *,
body .amc-green .btn-white *,
body .amc-blue .btn-white *,
body .products-page .final-cta .btn-white *,
body .products-page .aeo-card .btn-white *,
body .green-section .btn-white *,
body .blue-section .btn-white *,
body .cta-section .btn-white *,
body .home-cta .btn-white *{
  color:var(--blue)!important;
}

/* White icons/lines where they sit inside colored boxes */
body .operations svg,
body .monitoring svg,
body .industrial-focus svg,
body .final-cta svg,
body .etp-cta svg,
body .etp-problems svg,
body .etp-monitoring svg,
body .etp-local svg,
body .amc-green svg,
body .amc-blue svg,
body .products-page .final-cta svg,
body .products-page .aeo-card svg,
body .footer svg,
body .mega-grid aside svg{
  color:#fff!important;
  fill:currentColor!important;
}

body .operations .eyebrow span,
body .monitoring .eyebrow span,
body .industrial-focus .eyebrow span,
body .final-cta .eyebrow span,
body .etp-cta .eyebrow span,
body .etp-problems .eyebrow span,
body .etp-monitoring .eyebrow span,
body .etp-local .eyebrow span,
body .amc-green .eyebrow span,
body .amc-blue .eyebrow span,
body .products-page .final-cta .eyebrow span,
body .products-page .aeo-card .eyebrow span,
body .green-section .eyebrow span,
body .blue-section .eyebrow span,
body .cta-section .eyebrow span,
body .home-cta .eyebrow span{
  background:#fff!important;
}



/* Step 26 Final QA Fixes */
/* Colored backgrounds: section content stays white, white buttons stay blue and readable */
body .operations .btn,
body .operations a.btn,
body .monitoring .btn,
body .monitoring a.btn,
body .industrial-focus .btn,
body .industrial-focus a.btn,
body .final-cta .btn,
body .final-cta a.btn,
body .etp-cta .btn,
body .etp-cta a.btn,
body .etp-problems .btn,
body .etp-problems a.btn,
body .etp-monitoring .btn,
body .etp-monitoring a.btn,
body .etp-local .btn,
body .etp-local a.btn,
body .amc-green .btn,
body .amc-green a.btn,
body .amc-blue .btn,
body .amc-blue a.btn,
body .products-page .final-cta .btn,
body .products-page .final-cta a.btn,
body .products-page .aeo-card .btn,
body .products-page .aeo-card a.btn,
body .green-section .btn,
body .green-section a.btn,
body .blue-section .btn,
body .blue-section a.btn,
body .cta-section .btn,
body .cta-section a.btn,
body .home-cta .btn,
body .home-cta a.btn{
  background:#fff!important;
  border-color:#fff!important;
  color:var(--blue)!important;
  white-space:nowrap!important;
}

body .operations .btn *,
body .monitoring .btn *,
body .industrial-focus .btn *,
body .final-cta .btn *,
body .etp-cta .btn *,
body .etp-problems .btn *,
body .etp-monitoring .btn *,
body .etp-local .btn *,
body .amc-green .btn *,
body .amc-blue .btn *,
body .products-page .final-cta .btn *,
body .products-page .aeo-card .btn *,
body .green-section .btn *,
body .blue-section .btn *,
body .cta-section .btn *,
body .home-cta .btn *{
  color:var(--blue)!important;
}

/* Header/mobile phone buttons are blue buttons with white text */
.header-cta,
.mobile-quote{
  white-space:nowrap!important;
}

/* Homepage monitoring image white overlay/card readability */
.monitoring .monitor-card,
.monitoring .monitor-card *,
.monitoring .dash-card,
.monitoring .dash-card *,
.monitoring .dashboard-card,
.monitoring .dashboard-card *,
.monitoring .live-card,
.monitoring .live-card *,
.monitoring .metric-card,
.monitoring .metric-card *,
.monitoring .white-card,
.monitoring .white-card *,
.monitoring [class*="card"],
.monitoring [class*="card"] *,
.monitoring [class*="badge"],
.monitoring [class*="badge"] *{
  color:var(--heading)!important;
}

.monitoring .monitor-card,
.monitoring .dash-card,
.monitoring .dashboard-card,
.monitoring .live-card,
.monitoring .metric-card,
.monitoring .white-card,
.monitoring [class*="card"],
.monitoring [class*="badge"]{
  background:#fff!important;
}

.monitoring .monitor-card small,
.monitoring .dash-card small,
.monitoring .dashboard-card small,
.monitoring .live-card small,
.monitoring .metric-card small,
.monitoring .white-card small,
.monitoring [class*="card"] small,
.monitoring [class*="badge"] small,
.monitoring .monitor-card span,
.monitoring .dash-card span,
.monitoring .dashboard-card span,
.monitoring .live-card span,
.monitoring .metric-card span,
.monitoring .white-card span,
.monitoring [class*="card"] span,
.monitoring [class*="badge"] span{
  color:#56636e!important;
}

.monitoring .monitor-card b,
.monitoring .dash-card b,
.monitoring .dashboard-card b,
.monitoring .live-card b,
.monitoring .metric-card b,
.monitoring .white-card b,
.monitoring [class*="card"] b,
.monitoring [class*="badge"] b,
.monitoring .monitor-card strong,
.monitoring .dash-card strong,
.monitoring .dashboard-card strong,
.monitoring .live-card strong,
.monitoring .metric-card strong,
.monitoring .white-card strong,
.monitoring [class*="card"] strong,
.monitoring [class*="badge"] strong{
  color:var(--heading)!important;
}

/* Do not affect solution image overlays with dark backgrounds */
.solution-card [class*="card"],
.industry-card [class*="card"]{
  background:initial;
}

/* Mobile overflow and no-wrap refinements */
html, body{
  max-width:100%;
  overflow-x:hidden;
}
img, video, iframe{
  max-width:100%;
}
.contact-page .contact-card,
.legal-content,
.product-detail-card,
.placeholder-card{
  min-width:0;
  overflow-wrap:anywhere;
}
.etp-cta .btn,
.final-cta .btn,
.header-cta,
.mobile-quote{
  max-width:100%;
}
@media (max-width:390px){
  .etp-cta .btn,
  .final-cta .btn,
  .header-cta,
  .mobile-quote{
    font-size:.86rem!important;
    letter-spacing:-.02em;
  }
}



/* Step 26B Final QA Patch: CTA number text and monitoring dashboard readability */
.monitoring .dashboard,
.monitoring .dashboard *,
.monitoring .dash-top,
.monitoring .dash-top *,
.monitoring .dash-metrics,
.monitoring .dash-metrics *,
.monitoring .trend,
.monitoring .trend *,
.monitoring .dash-note{
  color:var(--heading)!important;
}
.monitoring .dashboard{
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(8px);
}
.monitoring .dashboard span,
.monitoring .dashboard small,
.monitoring .dash-note{
  color:#56636e!important;
}
.monitoring .dashboard strong,
.monitoring .dashboard b{
  color:var(--heading)!important;
}
.monitoring .dashboard .dash-top b{
  color:var(--green)!important;
}
.monitoring .dashboard .dash-top b i{
  background:var(--green)!important;
}
.monitoring .dashboard svg path,
.monitoring .trend svg path{
  stroke:var(--blue)!important;
}

/* White CTA buttons on green/blue backgrounds: single phone button, readable blue text */
.final-cta a.btn,
.final-cta a.white-btn,
.etp-cta a.btn,
.etp-cta a.btn-white,
.operations a.btn,
.monitoring a.btn,
.industrial-focus a.btn,
.etp-problems a.btn,
.etp-monitoring a.btn,
.etp-local a.btn,
.amc-green a.btn,
.amc-blue a.btn,
.green-section a.btn,
.blue-section a.btn,
.cta-section a.btn,
.home-cta a.btn{
  background:#fff!important;
  border-color:#fff!important;
  color:var(--blue)!important;
  white-space:nowrap!important;
  min-width:max-content;
}
.final-cta a.btn *,
.final-cta a.white-btn *,
.etp-cta a.btn *,
.etp-cta a.btn-white *,
.operations a.btn *,
.monitoring a.btn *,
.industrial-focus a.btn *,
.etp-problems a.btn *,
.etp-monitoring a.btn *,
.etp-local a.btn *,
.amc-green a.btn *,
.amc-blue a.btn *,
.green-section a.btn *,
.blue-section a.btn *,
.cta-section a.btn *,
.home-cta a.btn *{
  color:var(--blue)!important;
}
@media (max-width:480px){
  .final-cta a.btn,
  .final-cta a.white-btn,
  .etp-cta a.btn,
  .etp-cta a.btn-white{
    width:100%;
    min-width:0;
    font-size:.9rem!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }
}


/* Hydropure Blog Template */
.blog-page{background:#fff}
.blog-hero{padding:72px 0 44px;background:linear-gradient(180deg,#f7fbfe 0%,#fff 100%);border-bottom:1px solid var(--line)}
.blog-hero-inner{max-width:980px}
.blog-category{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--blue);font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}
.blog-category:before{content:"";width:32px;height:2px;background:linear-gradient(90deg,var(--blue),var(--green))}
.blog-hero h1{color:var(--heading,var(--ink));font-size:clamp(2.7rem,5vw,5rem);line-height:.98;letter-spacing:-.055em;margin:0 0 20px;max-width:980px}
.blog-deck{max-width:840px;color:#526472;font-size:1.12rem;line-height:1.75;margin:0 0 22px}
.blog-meta{display:flex;flex-wrap:wrap;gap:10px 18px;color:#687985;font-size:.92rem}
.blog-featured-image{width:min(var(--max),calc(100% - 64px));margin:34px auto 0;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#f2f7fa;min-height:320px;display:grid;place-items:center;color:#71828d}
.blog-featured-image img{width:100%;height:auto}
.blog-featured-placeholder{padding:80px 28px;text-align:center}
.blog-body-section{padding:72px 0 100px}
.blog-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:56px;align-items:start;justify-content:center}
.blog-content{min-width:0}
.blog-content h2{margin:52px 0 16px;font-size:clamp(1.8rem,2.7vw,2.5rem);line-height:1.12;color:var(--heading,var(--ink))}
.blog-content h3{margin:34px 0 12px;font-size:1.35rem;line-height:1.25;color:var(--heading,var(--ink))}
.blog-content p,.blog-content li{color:#4f606b;font-size:1.03rem;line-height:1.82}
.blog-content p{margin:0 0 18px}
.blog-content ul,.blog-content ol{margin:0 0 24px;padding-left:22px}
.blog-content a{color:var(--blue);font-weight:700}
.blog-answer-box,.blog-tip-box{margin:28px 0;border:1px solid var(--line);border-radius:18px;padding:22px;background:#f9fcfe}
.blog-answer-box strong,.blog-tip-box strong{display:block;margin-bottom:8px;color:var(--heading,var(--ink))}
.blog-inline-image{margin:34px 0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:#f2f7fa}
.blog-image-caption{font-size:.85rem!important;color:#74848e!important;padding:10px 14px 14px;margin:0!important}
.blog-toc{position:sticky;top:110px;border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;box-shadow:0 12px 38px rgba(0,154,246,.06)}
.blog-toc h3{font-size:1rem;margin:0 0 12px}
.blog-toc a{display:block;color:#536572;padding:8px 0;font-size:.92rem;line-height:1.35}
.blog-faq{margin-top:54px}
.blog-faq details{border-top:1px solid var(--line);padding:18px 0}
.blog-faq summary{cursor:pointer;font-weight:800;color:var(--heading,var(--ink))}
.blog-cta-box{margin-top:54px;background:var(--green);border-radius:22px;padding:30px;color:#fff}
.blog-cta-box h2,.blog-cta-box p{color:#fff!important}
.blog-cta-box .btn{background:#fff!important;color:var(--blue)!important;border-color:#fff!important;white-space:nowrap}
@media(max-width:980px){.blog-layout{grid-template-columns:1fr}.blog-toc{position:relative;top:auto;order:-1}}
@media(max-width:640px){.blog-hero{padding:54px 0 34px}.blog-featured-image{width:calc(100% - 32px);border-radius:18px}.blog-body-section{padding:48px 0 76px}.blog-layout{gap:30px}}


/* HYDROPURE FINAL BLOG QC OVERRIDES */
.site-header{position:sticky!important;top:0!important;z-index:1200!important;background:rgba(255,255,255,.90)!important;-webkit-backdrop-filter:blur(18px) saturate(150%)!important;backdrop-filter:blur(18px) saturate(150%)!important;border-bottom:1px solid rgba(15,23,32,.10)!important;box-shadow:0 8px 28px rgba(15,23,32,.06)!important}
section[id],div[id]{scroll-margin-top:110px}
.header-cta,.mobile-quote{white-space:nowrap!important}
.footer .social-icons a svg,.footer .social-icons a svg path{fill:currentColor!important}
.footer .social-icons a:hover,.footer .social-icons a:focus-visible{background:#fff!important;color:#009AF6!important;outline:2px solid rgba(255,255,255,.55)!important;outline-offset:2px!important}
.footer .social-icons a:hover svg,.footer .social-icons a:hover svg path,.footer .social-icons a:focus-visible svg,.footer .social-icons a:focus-visible svg path{fill:#009AF6!important;color:#009AF6!important}