*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f4ef;color:#172a34;font:16px/1.65 Arial,sans-serif}a{color:inherit}header{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:26px 28px}.brand{text-decoration:none;font-size:23px;letter-spacing:-1px;font-weight:900}.brand span{color:#d65326}.mark{display:inline-grid;place-items:center;width:32px;height:32px;background:#d65326;color:white;margin-right:9px;border-radius:50%;font-size:22px}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:14px}.button{display:inline-block;border:0;background:#d65326;color:white;padding:13px 23px;text-decoration:none;font-weight:700;border-radius:4px;cursor:pointer;font-size:14px}.button.secondary{background:transparent;color:#172a34;border:1px solid #b7c0be}.wrap{max-width:1184px;margin:auto;padding:0 28px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:70px 0 85px;align-items:center}.eyebrow{font:700 12px/1.4 monospace;letter-spacing:2px;text-transform:uppercase;color:#b64a25}.hero h1{font-size:clamp(44px,5.3vw,73px);line-height:1.06;letter-spacing:-3px;margin:22px 0}.hero p{max-width:485px;font-size:18px;color:#53636a}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.note{font-size:12px!important;letter-spacing:.2px}.monitor{position:relative;background:#182e38;border-radius:12px;padding:26px;color:#eff4ef;box-shadow:0 25px 45px #172a3420;transform:rotate(-1deg)}.monitor-top{display:flex;justify-content:space-between;font:12px monospace;color:#c4d2d1;border-bottom:1px solid #ffffff22;padding-bottom:20px}.pill{border:1px solid #6d9f8c;border-radius:30px;padding:3px 9px;color:#b0ddc8}.monitor-body{display:flex;gap:28px;align-items:center;padding:30px 0}.tank{height:186px;width:118px;border:2px solid #8babae;border-radius:18px 18px 12px 12px;position:relative;overflow:hidden;background:repeating-linear-gradient(to bottom,transparent 0 35px,#ffffff15 35px 36px)}.water{position:absolute;bottom:0;width:100%;height:72%;background:#64b6b3aa;border-top:3px solid #9be1d4}.tank:after{content:'72%';position:absolute;inset:0;display:grid;place-items:center;font:700 31px monospace}.metric{font-size:40px;letter-spacing:-1px;font-weight:700}.muted{font-size:12px;color:#a9bfbe}.monitor svg{width:100%;height:100px}.demo{font:11px monospace;color:#a9bfbe;margin-top:12px}.strip{background:#e9eae3;border-top:1px solid #d8ddd4;border-bottom:1px solid #d8ddd4}.strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px;font:700 12px monospace;letter-spacing:1px}.section{padding:85px 0}.section h2{font-size:42px;line-height:1.15;letter-spacing:-1.5px;margin:15px 0 25px}.intro{max-width:650px;color:#53636a}.uses{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px}.use{border-top:2px solid #172a34;padding:23px 0}.use .num{font:12px monospace;color:#d65326}.use h3{font-size:26px;letter-spacing:-.5px;margin:12px 0}.use p{color:#53636a;max-width:460px}.dark{background:#172e38;color:#f2f3ed}.dark .intro{color:#b7c8c9}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:40px}.steps h3{font-size:21px}.steps p{color:#b7c8c9}.steps b{font:13px monospace;color:#f29164}.split{display:grid;grid-template-columns:1fr 1fr;gap:65px}.list{list-style:none;padding:0}.list li{padding:15px 0;border-bottom:1px solid #d3d9d4}.list li:before{content:'↗';color:#d65326;margin-right:14px}.contact{background:#e9eae3;border-radius:8px;padding:38px}.contact h3{font-size:27px;margin-top:0}.contact a{overflow-wrap:anywhere}.footer{border-top:1px solid #d2d8d2;padding:30px 0}.footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:12px}.footer a{margin-left:18px}.legal{max-width:820px;padding:55px 28px 85px;margin:auto;min-height:65vh}.legal h1{font-size:46px;letter-spacing:-2px;line-height:1.1}.legal h2{margin-top:30px;font-size:23px}.legal p,.legal li{color:#4d6067}.form{padding:25px;background:white;border:1px solid #d4dcd5;border-radius:8px;margin-top:30px}.form label{display:block;font-weight:700;margin:17px 0 7px}.form input[type=text],.form input[type=tel]{width:100%;padding:13px;border:1px solid #98aaa8;border-radius:4px;font:inherit}.form .consent{font-weight:400;display:flex;gap:12px;font-size:14px;align-items:flex-start}.form .consent input{margin-top:6px;min-width:18px;height:18px}.form button{margin-top:15px}.status{font-size:14px;font-weight:bold}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #2b8e99;outline-offset:4px}@media(max-width:760px){header{padding:20px}nav{gap:16px}nav a:not(.button){display:none}.wrap{padding:0 20px}.hero{grid-template-columns:1fr;gap:35px;padding:35px 0 55px}.hero h1{letter-spacing:-2px}.monitor{transform:none}.section{padding:55px 0}.section h2{font-size:34px}.uses,.split,.steps{grid-template-columns:1fr;gap:25px}.strip .wrap{flex-wrap:wrap;font-size:11px}.contact{padding:25px}.footer a{margin:0 14px 0 0}.legal h1{font-size:38px}}