:root{--blue:#066ee8;--cyan:#0498ef;--navy:#042c58;--ink:#082c5b;--muted:#455f7b;--line:#dbe6ee;--soft:#f2f8fc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.shell{width:min(1240px,calc(100% - 50px));margin:auto}
.site-header{height:68px;background:#fff}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:222px;height:auto;display:block}.nav{display:flex;align-items:center;gap:28px}.nav ul{display:flex;list-style:none;padding:0;margin:0;gap:31px}.nav a{font-size:12px;font-weight:700}.demo{background:#087bef;color:#fff;padding:12px 20px;border-radius:4px}.search{font-size:20px}.menu-toggle{display:none}
.hero{background:#032d59;color:#fff}.hero-shell{display:grid;grid-template-columns:48% 52%;width:100%;min-height:395px}.hero-copy{padding:38px 42px 19px max(40px,calc((100vw - 1240px)/2));background:linear-gradient(rgba(3,45,89,.98),rgba(3,45,89,.94)),url('../images/hero-water.jpg') left bottom/100% 43% no-repeat}.hero-art{background:url('../images/hero-devices.jpg') center center/cover no-repeat}.kicker{font-size:11px;color:#00a2f3;font-weight:800;letter-spacing:.02em;margin-bottom:17px}.hero h1{font-size:41px;line-height:1.03;letter-spacing:-1.6px;margin:0 0 19px}.hero h1 span{color:#0c89ee}.hero p{font-size:16px;line-height:1.44;max-width:510px;margin:0 0 25px}.hero-actions{display:flex;align-items:center;gap:28px}.btn{display:inline-flex;align-items:center;justify-content:center;background:#087dee;color:#fff;padding:13px 21px;border-radius:4px;font-size:13px;font-weight:700}.hero-link{font-size:14px}.hero-link b{font-size:17px;margin-left:8px}.hero-badges{display:flex;gap:28px;margin-top:27px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}.hero-badges>div{display:flex;gap:9px;align-items:center}.hero-badges i{font-style:normal;width:30px;height:30px;border:1.5px solid white;border-radius:7px;display:flex;align-items:center;justify-content:center}.hero-badges b,.hero-badges small{display:block}.hero-badges b{font-size:11px}.hero-badges small{font-size:10px;margin-top:2px}
.industry-strip{background:#fff;border-bottom:1px solid #e3ebf0}.industry-grid{min-height:76px;display:grid;grid-template-columns:1.35fr repeat(5,1fr);align-items:center}.industry-label{font-size:11px;color:#056edd;font-weight:800;line-height:1.4;padding-right:28px}.industry-item{height:43px;border-left:1px solid #d8e3ea;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}.industry-item img{height:27px;width:auto;object-fit:contain}.industry-item span{font-size:11px;font-weight:650}
.solutions{background:linear-gradient(90deg,#fff 0,#f5faff 64%,#eef8ff);padding:31px 0 42px}.solutions-grid{display:grid;grid-template-columns:29% 71%;gap:35px}.solutions-intro{padding-top:11px}.solutions-intro h2{font-size:30px;line-height:1.08;margin:0 0 17px}.solutions-intro p{font-size:14px;line-height:1.62;color:#405b76;max-width:300px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.card{background:#fff;border:1px solid #dbe6ee;border-radius:6px;padding:15px 14px 16px;min-height:224px}.card>img{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto 10px}.card h3{font-size:14px;line-height:1.25;margin:0 0 9px;text-align:center}.card p{font-size:10.8px;line-height:1.48;margin:0;color:#214665}.card a{display:inline-block;color:#067ce8;font-weight:700;font-size:11px;margin-top:15px}.card a b{font-size:15px;margin-left:8px}
.technology{background:linear-gradient(90deg,#edf7ff,#fff 70%);padding:12px 0 25px;position:relative;overflow:hidden}.technology:after{content:"";position:absolute;width:230px;height:230px;border:2px dotted rgba(0,127,235,.18);border-radius:50%;right:-70px;bottom:-70px;box-shadow:0 0 0 10px rgba(0,127,235,.035),0 0 0 25px rgba(0,127,235,.025),0 0 0 40px rgba(0,127,235,.018)}.tech-grid{display:grid;grid-template-columns:45% 55%;align-items:center;min-height:245px}.tech-art{height:245px;background:url('../images/tech-devices.jpg') left bottom/contain no-repeat}.tech-copy{padding-left:22px;position:relative;z-index:2}.tech-copy h2{font-size:27px;margin:0 0 8px}.tech-copy>p{font-size:11.5px;color:#405a75;margin:0 0 11px;max-width:600px}.tech-copy ul{list-style:none;padding:0;margin:0 0 10px}.tech-copy li{font-size:11px;margin:6px 0}.tech-copy li:before{content:"✓";display:inline-flex;width:15px;height:15px;border-radius:50%;background:#087fe6;color:#fff;align-items:center;justify-content:center;font-size:9px;margin-right:8px}.tech-link{font-size:11px;color:#067ce8;font-weight:700}
.history{padding:30px 0}.history h2{font-size:25px;margin:0 0 22px}.timeline{display:grid;grid-template-columns:repeat(5,1fr);border-top:2px solid #1588e7}.timeline>div{padding:18px 18px 0 0}.timeline strong{font-size:18px}.timeline p{font-size:10px;line-height:1.45;color:#3d5974}
.cta{margin:0 24px 24px;background:linear-gradient(90deg,rgba(3,42,78,.98),rgba(3,42,78,.9)),url('../images/cta-water.jpg') center/cover;border-radius:7px;color:#fff}.cta-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:25px;margin:0 0 4px}.cta p{font-size:12px;max-width:450px;margin:0}.cta .ghost{background:transparent;border:1px solid rgba(255,255,255,.65);margin-left:12px}.site-footer{background:#061d33;color:#fff;padding:40px 0}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:35px}.footer-grid img{width:220px;filter:brightness(0) invert(1)}.footer-grid h4{font-size:11px;color:#55b9ec}.footer-grid p,.footer-grid a{font-size:11px;color:#aabfce;display:block;margin:7px 0}.page{padding:60px 0;min-height:60vh}
@media(max-width:980px){.nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:20px;z-index:20}.nav.open{display:block}.nav ul{display:block}.nav li{margin:12px 0}.menu-toggle{display:block}.hero-shell{grid-template-columns:1fr}.hero-copy{padding:42px 25px}.hero-art{height:370px}.industry-grid{grid-template-columns:1fr 1fr 1fr}.industry-label{grid-column:1/-1;padding:15px 0}.solutions-grid,.tech-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.tech-art{height:260px}.timeline{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.shell{width:calc(100% - 28px)}.brand img{width:185px}.hero h1{font-size:37px}.hero-badges{flex-wrap:wrap}.hero-art{height:265px}.industry-grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.cta-inner{display:block;padding:22px 0}.cta .ghost{margin:10px 0 0}.cta-inner>div:last-child{margin-top:18px}}