@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#06151f;--paper:#edf8fb;--muted:#9bb3c2;--cyan:#69def7;--line:rgba(176,223,244,.18);--water-height:0%;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}button{border:0}p{color:var(--muted)}h1,h2,h3{font-family:'Manrope',sans-serif;line-height:1.09;font-weight:500;letter-spacing:-.055em;margin:0}h1{font-size:clamp(48px,5.6vw,84px)}h2{font-size:clamp(38px,4.4vw,66px)}em{font-style:normal;color:var(--cyan)}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.19em;color:var(--cyan);margin:0 0 28px}.water-world{position:fixed;bottom:0;width:100%;height:var(--water-height);background:linear-gradient(180deg,rgba(10,88,129,.48),rgba(2,41,72,.66));z-index:-1;pointer-events:none;transition:height 1.5s ease;overflow:visible}.water-surface{position:absolute;top:-18px;height:36px;width:100%;background:radial-gradient(ellipse at 50% 100%,#2485a9 0%,#176080 45%,transparent 48%) 0 0/180px 36px;opacity:.6;animation:wave 7s linear infinite}.rays{height:100%;background:repeating-conic-gradient(from 175deg at 50% 0%,transparent 0deg 8deg,#8cdfff08 9deg 12deg,transparent 13deg 24deg)}.bubble{position:absolute;border:1px solid #b5edff24;border-radius:50%;width:10px;height:10px;bottom:0;animation:rise 11s linear infinite}.b1{left:12%}.b2{left:62%;animation-delay:3s;width:18px;height:18px}.b3{left:86%;animation-delay:6s}body:not(.flowing) .bubble,body:not(.flowing) .water-surface{animation-play-state:paused}.skip{position:fixed;top:-100px;background:var(--cyan);color:var(--ink);padding:12px;z-index:20}.skip:focus{top:10px}header{height:110px;max-width:1440px;margin:auto;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-family:'Manrope',sans-serif;font-size:16px;font-weight:800;letter-spacing:.06em;line-height:1.4}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.2em;margin-top:5px}.brand-drop{color:var(--cyan);font-size:43px;font-weight:400}nav{display:flex;gap:32px;font-size:13px;color:#bed1dc}nav a:hover,.text-link:hover{color:var(--cyan)}.small{padding:11px 20px;border:1px solid var(--line);border-radius:30px;background:transparent;font-size:13px}.small span{margin-left:22px;color:var(--cyan)}main{position:relative}.hero{max-width:1440px;margin:auto;padding:78px 5.2% 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:5%;position:relative;min-height:760px}.hero-copy{padding-top:32px}.eyebrow>span{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:10px}.intro{max-width:440px;font-size:17px;line-height:1.8;margin:28px 0 32px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.primary{display:inline-flex;justify-content:center;align-items:center;gap:28px;background:var(--cyan);color:#062332;padding:16px 24px;border-radius:5px;font-weight:700;font-size:13px;transition:background .2s,transform .2s}.primary:hover{background:#a0ecff;transform:translateY(-2px)}.text-link{background:none;padding:0;font-size:13px;color:#e4f1f8}.hero-note{font-size:11px;color:#7d9aaa;margin-top:62px}.hero-note span{margin-right:14px;color:var(--cyan)}.water-lab{border:1px solid #49758a55;border-radius:180px 180px 20px 20px;position:relative;background:radial-gradient(ellipse at 50% 35%,#16466377,transparent 65%),linear-gradient(155deg,#0f293c99,#07182588);min-height:580px;overflow:hidden}.lab-top{display:flex;justify-content:space-between;padding:45px 38px 0;font-size:8px;letter-spacing:.14em;color:#9ab9c9}.live{color:var(--cyan)}.live i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:5px}.tap-scene{height:460px;position:relative}.tap{position:absolute;top:0;left:0;width:100%;height:280px;filter:drop-shadow(0 15px 20px #0008)}#tapHandle{transform-origin:187px 69px;transition:transform .5s}.flowing #tapHandle{transform:rotate(-22deg)}.stream{position:absolute;width:9px;left:76.6%;top:173px;height:149px;border-radius:5px;background:repeating-linear-gradient(#bdf6ffcc 0 8px,#5fcafaa0 12px 19px);opacity:0;transition:opacity .25s;animation:pour .6s linear infinite;box-shadow:0 0 12px #73e6ff55}.flowing .stream{opacity:1}.vessel{position:absolute;left:28%;right:12%;top:265px;height:150px;border:1px solid #77b5cc66;border-top:2px solid #a6d2df88;border-radius:4px 4px 25px 25px;overflow:hidden;background:#0e263c70;box-shadow:inset 5px 0 25px #b1edff0c,0 20px 40px #0003}.vessel-water{position:absolute;bottom:0;width:100%;height:0;background:linear-gradient(#2f9fd777,#0562ae99);border-top:2px solid #7ee9ff99;transition:height .5s}.vessel-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:22px}.vessel-label strong{font-size:46px;font-family:'Manrope',sans-serif;font-weight:500;letter-spacing:-.06em}.vessel-label strong span{font-size:20px}.vessel-label small{font-size:7px;letter-spacing:.14em;line-height:1.8;color:#c7deea}.vessel-line{position:absolute;left:12px;width:10px;height:1px;background:#addefa55}.l1{top:35px}.l2{top:70px}.l3{top:105px}.tap-toggle{position:absolute;top:200px;left:10%;display:flex;gap:10px;align-items:center;border:1px solid #74b8d455;border-radius:30px;background:#102e42;color:#c9f5ff;padding:9px 14px;font-size:11px;box-shadow:0 8px 30px #0004}.tap-toggle:hover{background:#204c66}.power{font-size:18px;color:var(--cyan)}.lab-bottom{padding:0 30px 20px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#99b9cb}.lab-bottom button{background:transparent;color:var(--cyan);font-size:10px}.scroll-hint{grid-column:1/-1;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#7e9eaf;margin-top:25px}.ticker{padding:28px 5%;border-block:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;overflow:hidden;white-space:nowrap;font-size:15px;letter-spacing:.07em;color:#bfd6e2}.ticker i{color:var(--cyan);font-size:26px;font-style:normal}.section{max-width:1288px;margin:auto;padding:110px 36px}.section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:15%}.section-intro .eyebrow{grid-column:1/-1}.section-intro>p:last-child{align-self:end;max-width:400px;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.steps article{position:relative;padding:30px 30px 25px 0;border-top:1px solid var(--line)}.steps article+article{padding-left:30px;border-left:1px solid var(--line)}.step-no{font-size:10px;letter-spacing:.14em;color:var(--cyan)}.steps h3{font-size:29px;margin-top:24px}.steps p{font-size:14px;max-width:290px;line-height:1.85}.step-icon{font-size:40px;color:var(--cyan)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-heading>p{font-size:14px;margin:0 0 4px}.systems{padding-top:30px}.system-tabs{display:flex;margin:50px 0 0;border-bottom:1px solid var(--line);gap:18px}.system-tabs button{flex:1;text-align:left;padding:18px 0;background:transparent;border-bottom:2px solid transparent;font-size:13px;color:var(--muted)}.system-tabs button[aria-selected=true]{color:var(--cyan);border-color:var(--cyan)}.system-panel{display:grid;grid-template-columns:1fr 1fr;min-height:430px;background:linear-gradient(120deg,#12334866,#0b223180);border:1px solid var(--line);border-top:0}.system-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:380px;overflow:hidden;background:radial-gradient(ellipse,#146f9c33,transparent 65%)}.tank-art{height:240px;width:170px;border-radius:40px 40px 25px 25px;background:linear-gradient(90deg,#0b263b,#315c72 45%,#14364e 85%);border:1px solid #5b92ac;box-shadow:20px 20px 40px #0005;position:relative;z-index:1;display:grid;place-items:center;transform:rotate(-7deg)}.tank-art>span{color:#acd8e9;font-size:17px;letter-spacing:.17em;line-height:1.3;text-align:center}.tank-cap{position:absolute;top:-9px;width:76px;left:45px;height:13px;border-radius:50%;background:#426b80;border:1px solid #77a4b7}.tank-rings{position:absolute;inset:20px 0;background:repeating-linear-gradient(transparent 0 34px,#8acdeb22 35px 37px,transparent 38px 43px);border-radius:30px}.orbit{position:absolute;width:290px;height:290px;border:1px solid #5fbed12b;border-radius:50%;transform:rotateX(55deg);bottom:15px}.art-caption{position:absolute;bottom:20px;font-size:8px;letter-spacing:.2em;color:#7eabbd}.system-content{padding:50px 45px}.system-content .eyebrow{font-size:9px;margin-bottom:20px}.system-content h3{font-size:37px}.system-content>p:not(.eyebrow){font-size:14px}.system-content ul{padding:0;list-style:none;font-size:12px;color:#c0d7e1;margin:25px 0}.system-content li{padding:6px 0}.system-content li:before{content:'↗';color:var(--cyan);margin-right:12px}.finder{display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid var(--line)}.finder>div>p:not(.eyebrow){font-size:15px;margin-top:28px}.finder>div>small{display:block;max-width:350px;font-size:11px;color:#7696a8;margin-top:35px}.quiz{border:1px solid var(--line);padding:32px;background:#0a2030cc;border-radius:12px}.quiz-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:var(--cyan);gap:20px}.progress-track{width:80px;height:3px;background:#284857}.progress-track i{display:block;height:100%;width:33.3%;background:var(--cyan);transition:width .2s}fieldset{border:0;padding:0;margin:30px 0 0;min-width:0}legend{font-size:22px;font-family:'Manrope',sans-serif;letter-spacing:-.03em;margin-bottom:25px;line-height:1.4}fieldset label{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:5px;font-size:13px;margin:9px 0;cursor:pointer}fieldset label:hover,fieldset label:has(input:checked){background:#193b50;border-color:var(--cyan)}fieldset label span{margin-left:auto;color:var(--cyan)}input{accent-color:var(--cyan)}.quiz-footer{display:flex;justify-content:end;gap:20px;margin-top:24px}.quiz-footer>button:not(.primary){background:none;color:var(--muted);font-size:12px}.quiz-footer .primary{padding:12px 18px}.quiz-result h3{font-size:30px}.quiz-result p{font-size:14px}.quiz-result ul{font-size:12px;color:#b5d4e2;padding-left:18px}.questions{max-width:900px;padding-top:30px}.questions h2{margin-bottom:45px}details{border-top:1px solid var(--line);padding:22px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:16px}summary::-webkit-details-marker{display:none}summary span{color:var(--cyan)}details p{font-size:14px;max-width:700px}details[open] summary span{transform:rotate(45deg)}.closing{text-align:center;padding:60px 25px 120px}.closing h2{font-size:clamp(44px,6vw,85px)}.closing .primary{margin-top:35px}.closing>p:last-child{font-size:12px;margin-top:22px}footer{border-top:1px solid var(--line);margin:0 5%;padding:35px 0 110px;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .brand{font-size:12px}footer p,footer>span{font-size:9px;color:var(--muted)}.flow-control{position:fixed;bottom:24px;left:25px;display:flex;align-items:center;gap:10px;border:1px solid #56889c77;background:#071b2bee;backdrop-filter:blur(12px);border-radius:30px;padding:10px 16px;font-size:10px;z-index:5;color:#bad4e2}.flow-control button{font-size:10px;color:var(--cyan);background:none;border-left:1px solid var(--line);padding-left:12px}.flow-dot{width:5px;height:5px;background:#567b8c;border-radius:50%}.flowing .flow-dot{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.floating-contact{position:fixed;right:24px;bottom:22px;background:var(--cyan);color:#062332;z-index:5;padding:10px 18px;border-radius:9px;font-size:13px;font-weight:700;box-shadow:0 6px 30px #0004}.floating-contact>span{margin-left:28px}.floating-contact small{display:block;font-size:7px;letter-spacing:.15em;text-align:left;margin-top:2px}dialog{background:#0c2435;color:var(--paper);border:1px solid #5085a0;border-radius:18px;padding:42px;max-width:470px;width:calc(100% - 32px);box-shadow:0 30px 100px #0009}dialog::backdrop{background:#010b13c9;backdrop-filter:blur(6px)}dialog h2{font-size:44px}.dialog-close{position:absolute;right:15px;top:10px;font-size:28px;background:none;color:var(--muted)}.demo-notice{background:#15374d;color:#b8d7e6;padding:12px 14px;font-size:11px;margin:24px 0;border-radius:5px}.contact-option{display:flex;align-items:center;gap:16px;background:#102f44;border:1px solid var(--line);width:100%;padding:16px;margin:12px 0;text-align:left;border-radius:7px}.contact-option>span:first-child{font-size:25px;color:var(--cyan)}.contact-option small{display:block;font-size:11px;color:var(--muted)}.contact-option b{margin-left:auto;color:var(--cyan)}dialog>small{font-size:10px;color:var(--muted)}#channelFeedback{font-size:12px;color:var(--cyan)}@keyframes wave{to{background-position:180px 0}}@keyframes pour{to{background-position:0 38px}}@keyframes rise{to{transform:translateY(-75vh);opacity:0}}
@media(min-width:1500px){.tap-scene{max-width:490px;margin:auto}.stream{left:76.6%}}@media(max-width:1000px){header{padding:0 4%}nav{gap:18px}.hero{padding:55px 4% 40px;gap:30px}.hero h1{font-size:58px}.water-lab{min-height:540px}.lab-top{padding:40px 25px 0;font-size:7px}.tap-scene{height:430px}.tap{height:260px}.stream{top:161px;left:76.4%;height:140px}.vessel{left:20%;right:8%;top:245px}.tap-toggle{top:190px;left:7%;font-size:10px}.vessel-label{gap:12px}.vessel-label strong{font-size:36px}.section{padding:75px 30px}.section-intro{gap:8%}.system-content{padding:35px 28px}.finder{gap:5%}.quiz{padding:25px}}
@media(max-width:720px){header{height:86px;padding:0 22px}.brand{font-size:12px}.brand-drop{font-size:32px}.brand small{font-size:6px}nav{display:none}.small{font-size:11px;padding:9px 14px}.small span{margin-left:8px}.hero{display:block;padding:35px 22px 25px}.hero-copy{padding:10px 0 30px}.hero h1{font-size:clamp(47px,10vw,68px)}.eyebrow{font-size:9px;margin-bottom:22px}.intro{font-size:15px;max-width:440px;margin:25px 0}.actions{gap:20px}.primary{font-size:12px;padding:14px 18px}.hero-note{margin-top:30px}.water-lab{max-width:440px;margin:0 auto;min-height:545px}.tap-scene{height:430px}.tap{height:265px}.stream{top:165px;height:140px;left:76.5%}.vessel{top:250px;left:25%;right:10%;height:140px}.tap-toggle{top:190px}.lab-top{padding:40px 28px 0}.lab-bottom{padding:0 25px 20px}.scroll-hint{margin-top:30px}.ticker{font-size:11px;padding:18px 22px;justify-content:start;gap:25px}.ticker i{font-size:20px}.section{padding:65px 22px}.section-intro{display:block}.section-intro>p:last-child{margin-top:26px}.steps{display:block;margin-top:35px}.steps article,.steps article+article{padding:25px 0 10px;border-left:0;min-height:200px}.steps h3{font-size:28px}.steps p{max-width:90%}.step-icon{position:absolute;right:10px;top:35px}.section-heading{display:block}.section-heading>p{margin-top:24px}.system-tabs{gap:8px;margin-top:30px}.system-tabs button{font-size:10px;padding:16px 0}.system-panel{grid-template-columns:1fr}.system-art{min-height:300px}.tank-art{height:210px;width:150px}.tank-cap{left:35px}.system-content{padding:30px 25px}.system-content h3{font-size:34px}.finder{display:block}.quiz{margin-top:30px}.finder>div>small{margin-top:15px}.questions{padding-top:20px}summary{font-size:14px}.closing{padding-top:30px;padding-bottom:80px}footer{flex-wrap:wrap;padding-bottom:125px}footer p{width:100%;order:3;margin-top:0}.flow-control{left:12px;bottom:18px;padding:10px;font-size:9px;gap:7px}.flow-control button{font-size:9px;padding-left:8px}.floating-contact{right:12px;bottom:16px;padding:9px 12px}.floating-contact>span{margin-left:10px}dialog{padding:35px 25px}}
.tap-scene .tap{width:420px;height:300px;left:50%;top:-10px;transform:translateX(-50%)}.tap-scene .stream{left:calc(50% + 110px);top:176px;height:100px}
.system-tabs{gap:14px;border-bottom:0;padding-bottom:22px;flex-wrap:wrap}.system-tabs button{flex:0 1 auto;min-height:48px;padding:13px 25px;border:1px solid #69def766;border-radius:999px;background:#12364a;color:#e2f6ff;font-weight:600;text-align:center;box-shadow:0 4px 16px #0002;transition:background .2s,border-color .2s,box-shadow .2s}.system-tabs button:hover{background:#20546c;border-color:var(--cyan);box-shadow:0 0 20px #69def71a}.system-tabs button[aria-selected=true]{background:var(--cyan);color:#062332;border-color:var(--cyan);box-shadow:0 4px 22px #69def733}.system-panel{border-top:1px solid var(--line);border-radius:12px;overflow:hidden}@media(max-width:720px){.system-tabs{gap:10px;padding-bottom:20px}.system-tabs button{flex:1 1 calc(50% - 10px);padding:12px 15px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stream{background:#74d8f2aa}}
.water-meter{position:sticky;top:0;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px max(5.2%,22px);background:#091f2ef5;border-bottom:1px solid #69def744;box-shadow:0 8px 30px #0003;backdrop-filter:blur(16px)}.meter-caption{display:flex;flex-direction:column;gap:4px}.meter-caption .eyebrow{font-size:8px;margin:0}.meter-caption>span:last-child{font-size:12px;color:#bad8e5}.bottle-display{display:flex;gap:18px;align-items:center}.mini-bottle{position:relative;width:28px;height:55px;border:1px solid #82deef;border-radius:7px 7px 9px 9px;isolation:isolate;background:#15384a;overflow:visible}.mini-bottle:before{content:'';position:absolute;top:-7px;left:7px;width:12px;height:7px;border-radius:2px 2px 0 0;background:#88d9ec}.mini-bottle i{position:absolute;bottom:0;left:0;right:0;height:0;max-height:100%;background:linear-gradient(#61dcf2,#1486c9);border-radius:6px;z-index:-1}.mini-bottle b{position:absolute;inset:0;display:grid;place-items:center;font-size:9px;color:white}.bottle-total{display:flex;align-items:center;gap:12px}.bottle-total strong{font-family:Manrope,sans-serif;font-size:38px;line-height:1;color:var(--cyan);font-weight:500;font-variant-numeric:tabular-nums}.bottle-total span{max-width:90px;font-size:10px;line-height:1.5;color:#b5d0de}.meter-details{display:grid;grid-template-columns:auto auto;column-gap:20px;align-items:center}.meter-details>div{display:flex;flex-direction:column}.meter-details strong{font-size:19px;color:#e8faff;line-height:1.3;font-variant-numeric:tabular-nums}.meter-details #runningTime{font-size:9px;color:#9dbdcc}.meter-details label{font-size:9px;color:#94b7c9}.meter-details select{display:block;background:#15384b;color:#c9f2ff;border:1px solid #4c879b;border-radius:15px;padding:4px 8px;font:inherit;margin-top:2px}.meter-details small{grid-column:1/-1;font-size:8px;color:#799faf;margin-top:5px}.meter-details small a{text-decoration:underline;text-underline-offset:2px}.refilling .water-world,.refilling .vessel-water{transition:none}.water-surface{margin-left:0;background-position-x:var(--scroll-wave,0px)}html{scroll-padding-top:145px}@media(max-width:950px){.meter-caption{max-width:190px}.water-meter{gap:16px;padding:16px 25px}.bottle-total{gap:8px}}@media(max-width:720px){.water-meter{padding:13px 18px;gap:12px}.meter-caption{display:none}.bottle-display{gap:10px}.mini-bottle{width:23px;height:43px}.mini-bottle:before{left:5px}.bottle-total{gap:8px}.bottle-total strong{font-size:29px}.bottle-total span{max-width:64px;font-size:8px}.meter-details{column-gap:12px}.meter-details strong{font-size:16px}.meter-details small{font-size:7px;max-width:165px}.meter-details label{font-size:8px}.meter-details #runningTime{font-size:8px}html{scroll-padding-top:130px}}
.water-meter>.tap-toggle{position:static;flex-shrink:0;min-height:46px;justify-content:center;background:var(--cyan);color:#062332;border-color:var(--cyan);font-size:12px;padding:10px 18px;box-shadow:0 4px 22px #69def72b}.water-meter>.tap-toggle .power{color:#062332}.water-meter>.tap-toggle:hover{background:#a0ecff}.water-meter>.tap-toggle[aria-pressed=true]{background:#153d51;color:#d3f7ff}.water-meter>.tap-toggle[aria-pressed=true] .power{color:var(--cyan)}.bottle-total span{max-width:115px}@media(max-width:1150px){.water-meter .meter-caption{display:none}}@media(max-width:720px){.water-meter{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px;padding:12px 18px}.water-meter>.tap-toggle{grid-column:1/-1;min-height:42px;font-size:13px;gap:14px}.meter-details{justify-self:end}.bottle-total span{max-width:78px;font-size:8px}html{scroll-padding-top:190px}}
.system-art .tank-art,.system-art .orbit{display:none}.equipment-image{width:100%;height:auto;max-width:560px;display:block;filter:drop-shadow(0 18px 20px #0005)}.system-art .art-caption{font-size:7px;letter-spacing:.12em}.system-quote{margin-top:25px;display:flex;width:max-content}.system-details{border:1px solid var(--line);border-radius:12px;padding:25px 35px;margin-top:18px;background:#0b2332a8}.best-for{display:flex;gap:30px;align-items:center;padding:5px 0 20px}.best-for .eyebrow{margin:0;white-space:nowrap}.best-for p{margin:0;font-size:14px;color:#c1dce8}.system-details details{padding:18px 0}.system-details details:last-child{border-bottom:0}.system-details summary{font-size:14px}.system-details details p{max-width:none}.service-path{border-top:1px solid var(--line)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:45px 0 30px}.service-grid article{border-top:1px solid var(--line);padding-top:25px}.service-grid article>span{color:var(--cyan);font-size:10px;letter-spacing:.1em}.service-grid h3{font-size:26px;margin-top:18px}.service-grid p{font-size:14px}.source-note{font-size:10px;max-width:750px;margin-top:25px}.source-note a{color:var(--cyan);text-decoration:underline}#quoteDialog{max-width:650px;max-height:90vh;overflow:auto}#quoteDialog h2{font-size:35px}#quoteForm label{display:block;font-size:12px;color:#b9d4e1;margin-bottom:18px}#quoteForm input,#quoteForm select,#quoteForm textarea{display:block;width:100%;background:#102f43;border:1px solid #416779;border-radius:6px;color:#e4f4fa;padding:11px;margin-top:6px;font:inherit;resize:vertical}#quoteForm input::placeholder,#quoteForm textarea::placeholder{color:#7196a8}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}#quoteResult h3{font-size:26px}#quoteResult p{font-size:14px}#quoteSummary{white-space:pre-wrap;overflow-wrap:anywhere}.system-tabs button{font-size:12px;padding-inline:20px}@media(max-width:720px){.system-art{min-height:270px}.equipment-image{max-width:450px}.system-details{padding:18px 22px}.best-for{display:block}.best-for p{margin-top:10px}.system-tabs button{flex:1 1 calc(50% - 10px);font-size:11px;padding-inline:12px}.service-grid{grid-template-columns:1fr;gap:20px}.form-grid{grid-template-columns:1fr}#quoteDialog h2{font-size:28px}.system-quote{width:100%}}
.bottle-display{gap:16px;min-width:0}.mini-bottle{width:35px;height:67px;flex-shrink:0}.mini-bottle:before{left:10px;width:13px}.mini-bottle b{font-size:12px}.bottle-total{gap:14px;min-width:0}.bottle-total strong{font-size:48px;flex-shrink:0}.bottle-total span{max-width:165px;font-size:14px;line-height:1.45;color:#d5eaf3}@media(max-width:720px){.water-meter{grid-template-columns:minmax(0,1fr) auto}.bottle-display{gap:9px}.mini-bottle{width:28px;height:54px}.mini-bottle:before{left:7px;width:12px}.mini-bottle b{font-size:10px}.bottle-total{gap:8px}.bottle-total strong{font-size:36px}.bottle-total span{max-width:95px;font-size:11px;line-height:1.4}.meter-details{column-gap:9px}}@media(max-width:370px){.water-meter{padding-inline:12px;gap:12px 8px}.bottle-total strong{font-size:31px}.bottle-total span{font-size:10px}.bottle-display{gap:7px}}
.water-lab .lab-top{padding:78px 30px 0;justify-content:center;gap:12px 20px;flex-wrap:wrap;font-size:8px;line-height:1.6;text-align:center}.water-lab .lab-top>span{white-space:nowrap}.water-lab{min-height:610px}@media(max-width:720px){.water-lab .lab-top{padding:76px 28px 0;gap:10px 16px;font-size:8px}.water-lab{min-height:580px}}