:root{--ink:#0b3546;--ocean:#086d85;--aqua:#0e9e9e;--mint:#3ad3b9;--lite:#f5fbfa;--line:#d8e9e8;--muted:#587782;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);line-height:1.58}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e7ae6c;outline-offset:4px}.container{width:min(1170px,calc(100% - 46px));margin:0 auto}.site-nav{position:sticky;top:0;z-index:50;background:#ffffffec;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav-inner{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:850;letter-spacing:-.055em}.logo img{height:40px;width:40px}.byline{font-size:11px;letter-spacing:0;color:#6b8790;font-weight:600;align-self:center;margin-left:8px}.nav-links{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:750;color:#55737d}.nav-links>a:hover{color:#088c89}.cta-nav{background:#086f7a;color:#fff!important;padding:12px 17px;border-radius:11px}.cta-nav:hover{background:#054e5b!important}.menu-toggle{display:none;font-size:22px;padding:8px 12px;border-radius:10px;background:#fff;border:1px solid #cce0df;cursor:pointer}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase;color:#037f84}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:#15bea9}.hero{position:relative;background:radial-gradient(ellipse at 95% 25%,#c6f2e9b8,transparent 38%),linear-gradient(135deg,#f5fcfc,#eff9f7 55%,#f7fbff);overflow:hidden;padding:99px 0 94px}.hero-grid{display:grid;grid-template-columns:1.01fr .99fr;align-items:center;gap:38px}.hero h1{font-size:clamp(47px,6.1vw,76px);line-height:1.075;letter-spacing:-.065em;font-weight:850;margin:19px 0 23px;max-width:590px}.hero h1 span{color:#087d86}.hero p{color:var(--muted);font-size:17px;max-width:530px;line-height:1.8;margin:0 0 28px}.button-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:12px;padding:14px 20px;font-size:13px;font-weight:850;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#0b7e85;color:#fff}.button-primary:hover{background:#07616c}.button-outline{background:#fff;border-color:#cce6e3;color:#0a5b64}.button-outline:hover{background:#edfaf6}.button-light{background:#fff;color:#095969}.hint-list{display:flex;flex-wrap:wrap;gap:15px;margin-top:34px;font-size:12px;font-weight:700;color:#42717a}.hint-list span{display:inline-flex;align-items:center;gap:8px}.hint-list span:before{content:"✓";color:#0b9d84}.hero-visual{position:relative;height:500px;border-radius:34px;background:radial-gradient(circle at 38% 17%,#4ce7d657,transparent 45%),linear-gradient(153deg,#064a63,#057984 60%,#25a59c);box-shadow:0 24px 65px #06616e33;overflow:hidden}.hero-visual:after{content:"";position:absolute;width:370px;height:370px;border:1px solid #ffffff40;border-radius:50%;right:-160px;bottom:-140px}.illustration-label{position:absolute;bottom:14px;left:22px;color:#dcfbf7;font-size:10px;letter-spacing:.02em;z-index:4}.sensor{position:absolute;top:54px;left:108px;width:70px;height:19px;border:3px solid #d4fdfa;border-radius:12px;background:#083c53;z-index:3}.sensor:before{content:"";position:absolute;bottom:-35px;left:30px;width:2px;height:35px;background:linear-gradient(#b9ffed,transparent);box-shadow:0 0 15px #86fff6}.tank{position:absolute;left:63px;top:90px;width:192px;height:300px;border:6px solid #d4fffa;border-radius:20px 20px 29px 29px;box-shadow:inset 0 0 0 3px #ffffff2d,0 23px 32px #033b4d44;overflow:hidden;background:#073e56a8}.tank:before{content:"";position:absolute;z-index:2;left:16px;top:19px;bottom:21px;border-left:2px dashed #b8fff544}.water{position:absolute;inset:auto 0 0;height:64%;background:linear-gradient(180deg,#63eadc 0%,#13b5bb 49%,#0878ac 100%)}.water:before{content:"";position:absolute;top:-13px;left:-30px;height:30px;width:250px;border-radius:50%;background:#a1fff2a6}.tank-percentage{position:absolute;z-index:4;left:0;top:45%;width:100%;font-weight:850;font-size:37px;letter-spacing:-.05em;text-align:center;color:#fff;text-shadow:0 2px 8px #00445055}.tank-percentage span{font-size:17px}.dashboard-card{position:absolute;right:23px;top:119px;width:260px;background:#ffffffee;border:1px solid #ffffff;color:#0c3a4a;border-radius:22px;padding:20px;box-shadow:0 17px 45px #002c4169;transform:rotate(3deg)}.dashboard-card .card-title{font-size:12px;font-weight:850;letter-spacing:.02em}.dashboard-card .sub{font-size:11px;color:#71969a;margin-top:4px}.dashboard-card .bar-label{margin-top:24px;display:flex;justify-content:space-between;font-size:10px;color:#688e91}.dashboard-card .bar-label strong{color:#0a6670}.levelbar{margin:7px 0 22px;height:8px;border-radius:12px;background:#def1f1;overflow:hidden}.levelbar i{display:block;width:64%;height:100%;background:linear-gradient(90deg,#168db3,#50d7b8)}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.status-item{background:#eef9f7;padding:11px;border-radius:11px;font-size:10px;color:#557e80}.status-item strong{display:block;color:#106b72;font-size:12px}.dash-signal{position:absolute;z-index:4;bottom:75px;right:38px;background:#fff;border-radius:12px;padding:11px 14px;box-shadow:0 12px 25px #03324660;color:#0b7374;font-size:11px;font-weight:800}.micro-note{font-size:11px;color:#699096;margin:18px 0 0!important}.micro-note a{color:#007c80;text-decoration:underline}.announcement{padding:21px 0;background:#0c5364;color:#e3fbfa}.announcement-inner{display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:13px;font-weight:700}.announcement-inner a{color:#a8ffdd;white-space:nowrap}.section{padding:95px 0}.section-soft{background:#f0f8f6}.section-deep{background:#053d50;color:white}.section-head{max-width:760px;margin-bottom:35px}.section-head h2{font-size:clamp(34px,4vw,51px);letter-spacing:-.055em;line-height:1.16;margin:15px 0}.section-head p{color:var(--muted);font-size:16px;margin:0;max-width:650px}.section-deep .section-head p{color:#c0e2e2}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{background:#fff;border:1px solid #dcebea;border-radius:21px;padding:27px;min-height:248px;box-shadow:0 9px 32px #0d46550a}.feature-icon{display:grid;place-items:center;width:46px;height:46px;background:#e5f8f3;border-radius:13px;font-size:25px;color:#067b81;margin-bottom:23px}.feature-card h3{font-size:19px;letter-spacing:-.035em;margin:0 0 11px}.feature-card p{font-size:13px;line-height:1.8;color:#617b85;margin:0}.feature-card .note{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#108d82;font-weight:850;margin-top:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step{position:relative;border-top:1px solid #91bac1;padding:22px 5px 0 0}.step .number{font-size:11px;font-weight:850;letter-spacing:.14em;color:#67ebd5}.step h3{margin:16px 0 8px;font-size:20px;letter-spacing:-.035em}.step p{margin:0;color:#b5d3d9;font-size:13px;line-height:1.8}.step:not(:last-child):after{content:"→";position:absolute;right:8px;top:12px;color:#7ad8ca}.showcase{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:66px}.showcase h2{font-size:clamp(35px,4vw,50px);line-height:1.15;letter-spacing:-.055em;margin:14px 0 19px}.showcase p{color:var(--muted);max-width:480px;line-height:1.8}.bullet-column{display:flex;flex-direction:column;gap:17px;margin-top:30px}.bullet{display:flex;align-items:start;gap:12px;color:#4f7480;font-size:14px}.bullet:before{content:"✓";flex:0 0 25px;height:25px;display:grid;place-items:center;border-radius:100%;background:#dff6ed;color:#087b81;font-weight:900}.interface{background:linear-gradient(135deg,#e7f7f4,#e4f0fb);border:1px solid #d1e9e7;border-radius:34px;min-height:415px;padding:30px;box-shadow:0 19px 50px #0c567114}.interface-panel{height:100%;min-height:355px;border:1px solid #cfe6e7;border-radius:22px;background:#fff;box-shadow:0 15px 35px #134a5b1e;padding:25px}.interface-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.interface-head strong{font-size:15px}.interface-head span{font-size:11px;color:#087a71;font-weight:800;border-radius:40px;background:#e1f8ec;padding:5px 9px}.interface-metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.metric{background:#f0faf8;border-radius:14px;padding:17px}.metric span{font-size:10px;color:#739293;display:block}.metric strong{font-size:31px;font-weight:850;color:#096b76;letter-spacing:-.045em}.metric strong small{font-size:15px}.chart-label{display:flex;justify-content:space-between;color:#738e91;font-size:11px;margin:22px 0 11px}.chart{height:87px;display:flex;align-items:flex-end;gap:9px;border-bottom:1px solid #dcecec;padding:0 8px}.chart i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#62dec8,#addfdc);height:var(--h)}.interface-footer{display:flex;gap:11px;flex-wrap:wrap;margin-top:16px;font-size:10px;color:#57848d}.interface-footer span{background:#f2f7f8;border-radius:50px;padding:6px 9px}.usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.usecase{padding:28px;border-radius:22px;border:1px solid #d9e8e7;background:#fff}.usecase .number{color:#0c8790;font-size:12px;font-weight:850}.usecase h3{font-size:21px;letter-spacing:-.035em;margin:20px 0 10px}.usecase p{font-size:13px;color:#597882;margin:0;line-height:1.8}.faq-list{max-width:840px}.faq-list details{border-bottom:1px solid #dbe9e8;padding:20px 0}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;font-weight:800;font-size:16px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-weight:600;font-size:25px;color:#087c83}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:14px;color:var(--muted);max-width:720px;line-height:1.85;margin:12px 0 4px}.contact-zone{position:relative;background:linear-gradient(140deg,#063e53,#097d87);border-radius:30px;padding:54px;display:flex;justify-content:space-between;align-items:center;gap:35px;overflow:hidden;color:#fff}.contact-zone:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #ffffff3d;right:10%;top:-190px}.contact-zone h2{font-size:clamp(30px,4vw,45px);letter-spacing:-.055em;line-height:1.15;margin:12px 0}.contact-zone p{color:#bfe8e8;margin:0;max-width:600px;font-size:14px}.contact-zone .button-row{position:relative;z-index:2}.footer{background:#063446;color:#c7e0e5;padding:54px 0 26px}.footer-layout{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px}.footer-brand{font-size:23px;font-weight:850;color:#fff;letter-spacing:-.05em}.footer-brand small{display:block;font-size:11px;color:#8ebdc5;font-weight:600;letter-spacing:0}.footer p{font-size:13px;color:#a6c8cf;max-width:340px}.footer-links{display:flex;flex-direction:column;gap:9px;font-size:13px}.footer-links strong{color:#fff;margin-bottom:7px}.footer-links a:hover{color:#74f2d6}.footer-bottom{border-top:1px solid #ffffff22;margin-top:35px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#9dbfc4;font-size:11px;flex-wrap:wrap}.mobile-action{display:none}@media(max-width:950px){.nav-links{gap:13px}.hero-grid{grid-template-columns:1fr}.hero-visual{max-width:560px;width:100%;margin:10px auto 0}.showcase{grid-template-columns:1fr;gap:35px}.footer-layout{grid-template-columns:1.3fr 1fr}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.container{width:calc(100% - 34px)}.nav-inner{min-height:65px}.logo{font-size:21px}.logo img{height:35px;width:35px}.byline{display:none}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;background:#fff;padding:16px 20px 24px;flex-direction:column;align-items:stretch;gap:18px;box-shadow:0 14px 25px #05475318}.nav-links.open{display:flex}.cta-nav{text-align:center}.hero{padding:62px 0 65px}.hero h1{font-size:clamp(46px,12vw,61px)}.hero p{font-size:15px}.hero-visual{height:352px}.sensor{top:32px;left:70px;width:55px}.tank{left:28px;top:65px;width:125px;height:235px}.dashboard-card{top:110px;right:12px;width:199px;padding:15px}.dash-signal{bottom:24px;right:20px;font-size:9px}.illustration-label{bottom:7px;left:12px;font-size:9px}.section{padding:66px 0}.feature-grid{grid-template-columns:1fr;gap:13px}.feature-card{min-height:auto;padding:24px}.feature-icon{margin-bottom:13px}.steps{grid-template-columns:1fr}.step:not(:last-child):after{display:none}.interface{padding:16px;min-height:auto}.interface-panel{padding:16px;min-height:335px}.interface-metrics{gap:8px}.metric{padding:11px}.metric strong{font-size:27px}.usecase-grid{grid-template-columns:1fr}.contact-zone{padding:30px;flex-direction:column;align-items:flex-start}.footer-layout{grid-template-columns:1fr;gap:28px}.footer{padding-bottom:86px}.mobile-action{position:fixed;bottom:16px;right:16px;z-index:40;display:flex;align-items:center;padding:11px 17px;border-radius:40px;background:#087b80;color:#fff;box-shadow:0 11px 26px #0a4d526b;font-weight:800;font-size:12px}.announcement-inner{align-items:flex-start;flex-direction:column;gap:8px}}