/* styles.css */
:root{--ink:#0a2348;--deep:#061a38;--blue:#139ced;--ice:#a8e3ff;--paper:#f7fbff;--line:#dce8f3;--muted:#5f7b99;--font:'Heebo',Arial,sans-serif;--shell:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}img{display:block;width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}a,button,input,select,summary{outline-offset:5px}:focus-visible{outline:2px solid #27aaff}::selection{background:#b9e7ff;color:#071c3c}[hidden]{display:none!important}.section-shell{width:calc(100% - 112px);max-width:var(--shell);margin-inline:auto}.eyebrow{font-size:12px;font-weight:500;display:flex;align-items:center;gap:12px;letter-spacing:.03em}.tiny-line{display:inline-block;width:30px;height:1px;background:currentColor}.muted{color:#6a91b6}.section-number{font-size:10px;letter-spacing:.14em;direction:ltr}.button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:62px;padding:10px 24px 10px 10px;border:1px solid transparent;border-radius:4px;font-size:14px;font-weight:500;white-space:nowrap;transition:background .3s,box-shadow .3s,transform .3s}.button:before{content:'';position:absolute;inset:-60% auto -60% -70%;width:40%;background:linear-gradient(90deg,transparent,#fff7,transparent);transform:skewX(-20deg);transition:left .65s;pointer-events:none}.button:hover:before{left:130%}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #129dea24}.button-dark{color:#fff;background:linear-gradient(110deg,#007fd9,#26b4fa)}.button-dark:hover{background:linear-gradient(110deg,#138eec,#40c3ff)}.button-mint{background:#b3e8ff;color:#06284d}.button-mint:hover{background:#d6f4ff}.arrow-disc{width:38px;height:38px;border:1px solid #ffffff50;display:grid;place-items:center;border-radius:50%;font:24px Arial,sans-serif;transition:transform .3s}.button:hover .arrow-disc{transform:rotate(-15deg)}.button-mint .arrow-disc{border-color:#0a23483b}.text-link{display:inline-flex;align-items:center;gap:24px;font-size:14px;font-weight:500;line-height:2;position:relative;background:none;border:0;padding:0;cursor:pointer}.text-link:after{content:'';position:absolute;bottom:-4px;inset-inline:0;height:1px;background:currentColor;transform:scaleX(.2);transform-origin:right;opacity:.4;transition:transform .3s}.text-link:hover:after{transform:scaleX(1)}.text-link>span:not(.play-icon){font:23px Arial,sans-serif}.skip-link{position:fixed;top:-80px;right:20px;background:var(--ink);color:white;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}.scroll-progress{position:fixed;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg,#006ed9,#7be5ff);transform:scaleX(0);transform-origin:right;z-index:65}
.site-header{height:92px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#ffffffed;backdrop-filter:blur(20px);position:sticky;top:0;z-index:50;border-bottom:1px solid #d9eaf477;transition:height .3s,box-shadow .3s}.site-header.is-scrolled{height:76px;box-shadow:0 4px 30px #0a23480b}.brand{display:flex;align-items:center;gap:7px;flex-shrink:0;direction:rtl}.brand-symbol{width:47px;height:60px;display:grid;place-items:center;flex-shrink:0}.brand-symbol img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 3px 6px #0094ef19)}.brand-wordmark{font-size:30px;font-weight:700;letter-spacing:-.07em;line-height:1;white-space:nowrap}.brand-wordmark small{display:block;letter-spacing:0;font-size:9px;font-weight:400;color:#5680a0;margin-top:10px}.desktop-nav{display:flex;gap:27px;font-size:13px;align-items:center}.desktop-nav a{position:relative;padding-block:12px;white-space:nowrap}.desktop-nav a:after{content:'';position:absolute;bottom:4px;right:0;width:100%;height:2px;transform:scaleX(0);transform-origin:right;background:var(--blue);transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:20px}.header-contact{display:flex;align-items:center;gap:25px;font-size:12px;padding:10px 17px;border:1px solid #d8e7f4;border-radius:40px;transition:background .25s,border-color .25s}.header-contact:hover{background:#e8f6ff;border-color:#6ac7ff}.header-contact span{font:23px Arial,sans-serif}.menu-toggle{display:none;border:0;background:none;width:40px;height:40px;padding:8px}.menu-toggle span{height:1.5px;background:var(--ink);display:block;width:23px;margin:6px 0;transition:transform .25s}.mobile-menu{position:absolute;top:100%;inset-inline:0;background:white;padding:20px 6%;box-shadow:0 14px 24px #0a23480c;border-top:1px solid var(--line)}.mobile-menu a{display:block;padding:13px;border-bottom:1px solid var(--line)}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:730px;height:calc(100svh - 92px);max-height:940px;background:#06162e;color:#fff}.hero-media{position:absolute;inset:0;z-index:-3;overflow:hidden;background:url('assets/water-poster.webp') center/cover}.hero-video,#water-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-video{transform:scale(1.01)}#water-canvas{opacity:0;transition:opacity .7s;pointer-events:none}#water-canvas.is-ready{opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,#03152ded 0%,#03152dbf 30%,#03152d4d 56%,#03152d0d 80%),linear-gradient(0deg,#04152ad9,transparent 27%);z-index:1;pointer-events:none}.hero-grain{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 40%,#007bdf16,transparent 60%)}.hero-content{position:relative;max-width:900px;width:61%;padding:90px 7% 140px 0;z-index:2}.hero .eyebrow{font-size:12px;color:#c7eaff}.live-dot{width:6px;height:6px;border-radius:50%;background:#67d7ff;box-shadow:0 0 0 6px #38b8ff14;animation:pulse 3s ease-in-out infinite}.hero h1{font-size:clamp(62px,6.5vw,100px);font-weight:600;letter-spacing:-.055em;line-height:1.08;margin:32px 0 27px}.hero h1>span{background:linear-gradient(110deg,#5cc9ff,#d7f7ff 70%);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-description{font-size:19px;font-weight:300;line-height:1.9;color:#c3d7eb}.hero-buttons{display:flex;align-items:center;gap:33px;margin-top:34px}.hero-buttons .text-link{font-size:13px;gap:12px;color:#e1f4ff}.play-icon{display:inline-block;width:30px;height:30px;border:1px solid #a8d9ff77;border-radius:50%;position:relative}.play-icon:after{content:'';position:absolute;left:12px;top:9px;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #d9f5ff}.hero-assurance{display:flex;gap:26px;margin-top:37px;font-size:11px;color:#a9cae8}.hero-assurance>span{display:flex;gap:9px;align-items:center}.check{font-style:normal;color:#6bd0ff}.hero-water-note{position:absolute;left:5%;top:55px;display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:.16em;color:#c1e7ff;direction:ltr;z-index:2;line-height:1.8}.crosshair{font:30px Arial,sans-serif;color:#68caff}.hero-bottom{position:absolute;bottom:0;inset-inline:0;margin-inline:5%;border-top:1px solid #a4d4ff33;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:25px;z-index:4}.scroll-cue{display:flex;gap:18px;align-items:center;font-size:11px;color:#c4def2}.scroll-circle{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font:20px Arial,sans-serif;border:1px solid #85b9e254;animation:bob 3s ease-in-out infinite}.pointer-hint{font-size:10px;font-weight:300;color:#b0cee2}.hero-enter{animation:enter 1s both}.hero-enter:nth-child(2){animation-delay:.1s}.hero-enter:nth-child(3){animation-delay:.2s}.hero-enter:nth-child(4){animation-delay:.3s}.hero-enter:nth-child(5){animation-delay:.4s}
.intro{padding-block:85px 25px;display:grid;grid-template-columns:1.3fr 1fr;gap:28px 90px;align-items:start}.intro>.eyebrow{grid-column:1/-1;color:#5590bc}.intro-heading{font-size:clamp(38px,3.4vw,53px);line-height:1.28;letter-spacing:-.045em}.water-word{position:relative;color:#158dd1;white-space:nowrap}.water-word svg{position:absolute;bottom:-12px;right:0;width:100%;height:13px;fill:none;stroke:#38baff;stroke-width:2}.intro-copy{font-size:16px;font-weight:300;color:#57728f;line-height:1.95;max-width:440px;padding-top:4px}.intro-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:26px;margin-top:28px;font-size:11px;color:#6686a4}.section-top{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:36px}.section-top .eyebrow{margin-bottom:20px;color:#2f6d99}.section-top h2,.about h2,.faq h2,.process h2{font-size:clamp(38px,3.8vw,56px);line-height:1.23;letter-spacing:-.045em}.section-top>p{font-size:14px;line-height:1.9;color:#63809b;font-weight:300}
.experience{padding-block:65px 80px}.water-experience{position:relative;isolation:isolate;overflow:hidden;background:#071b39;color:white;border-radius:14px;border:1px solid #12446f;box-shadow:0 24px 55px #123e6410;min-height:485px;--mode-color:#60caff}.experience-media{position:absolute;inset:0;z-index:-2;background:#061a35;overflow:hidden}.experience-media video{width:100%;height:100%;object-fit:cover;object-position:left center;opacity:.55;filter:saturate(.8);transform:scale(1.05);transition:filter 1s}.experience-media:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#051830ee 4%,#071b39c7 35%,#071b3900 90%)}.experience-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 70%,var(--mode-color),transparent 65%);opacity:.12;mix-blend-mode:screen;transition:background 1s}.experience-stage{padding:45px 48px 30px;min-height:365px;position:relative}.experience-counter{font-size:9px;letter-spacing:.16em;direction:ltr;display:block;color:#96c4e5;margin-bottom:45px}.experience-copy{max-width:460px;min-height:150px}.mode-eyebrow{font-size:12px;color:var(--mode-color);display:block;margin-bottom:10px;transition:color .5s}.experience-copy h3{font-size:40px;line-height:1.2;letter-spacing:-.04em;margin-bottom:18px}.experience-copy p{font-size:14px;font-weight:300;color:#c4d8ea;line-height:1.85;max-width:405px}.experience-stage>.text-link{font-size:12px;margin-top:22px;color:#d3edff}.experience-note{font-size:9px;color:#a5c2d9;position:absolute;bottom:30px;left:35px;max-width:200px;text-align:left}.water-modes{display:grid;grid-template-columns:repeat(3,1fr);position:relative;border-top:1px solid #81b9e43b;background:#04132866;backdrop-filter:blur(16px)}.water-mode{position:relative;display:flex;flex-direction:column;align-items:start;text-align:right;padding:24px 32px;min-height:120px;background:none;color:#b1c9de;border:0;border-left:1px solid #81b9e42b;overflow:hidden;transition:background .35s,color .35s,transform .35s}.water-mode:last-child{border-left:0}.water-mode:before{content:'';position:absolute;height:2px;inset-inline:0;bottom:0;background:var(--mode-color);transform:scaleX(0);transform-origin:right;transition:transform .4s}.water-mode[aria-pressed=true],.water-mode:hover{background:#2f99e51c;color:#fff}.water-mode[aria-pressed=true]:before{transform:scaleX(1)}.mode-number{font-size:9px;color:#7eb7e1;margin-bottom:5px}.water-mode strong{font-size:25px;line-height:1.2;font-weight:500;transition:transform .35s}.mode-detail{font-size:10px;color:#97b9d5;margin-top:7px;transition:transform .35s}.mode-arrow{position:absolute;left:24px;top:42px;font:26px Arial,sans-serif;opacity:.4;transition:transform .35s,opacity .35s}.water-mode:hover strong,.water-mode:focus-visible strong{transform:translateY(-3px)}.water-mode:hover .mode-detail{transform:translateY(2px)}.water-mode:hover .mode-arrow{transform:translate(-4px,-4px);opacity:1}.water-experience[data-mode=hot]{--mode-color:#c2ddff}.water-experience[data-mode=hot] video{filter:saturate(.3) brightness(1.15)}.water-experience[data-mode=sparkling]{--mode-color:#82e0ff}.water-experience[data-mode=sparkling] video{filter:saturate(1.3) contrast(1.2)}.experience-copy.is-changing{animation:panelIn .5s both}
.solutions{padding-block:25px 85px}.solution-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:25px;border-block:1px solid var(--line)}.solution-tabs button{position:relative;text-align:right;display:flex;align-items:center;gap:16px;background:none;border:0;padding:23px 18px;font-size:15px;color:#6583a3;transition:color .3s,background .3s}.solution-tabs button+button{border-right:1px solid var(--line)}.solution-tabs button>span{font-size:10px;color:#769bbd}.solution-tabs button[aria-selected=true]{background:#e7f4ff;color:#0b416e}.solution-tabs button:after{content:'';height:2px;position:absolute;inset-inline:0;bottom:-1px;transform:scaleX(0);transform-origin:right;background:#1b9fe9;transition:transform .3s}.solution-tabs button[aria-selected=true]:after{transform:scaleX(1)}.solution-tabs button:hover{color:#087dbb;background:#eef8ff}.solution-panel{display:grid;grid-template-columns:1fr 1fr;direction:ltr;background:#edf5fc;border-radius:8px;overflow:hidden;animation:panelIn .5s;min-height:470px}.solution-panel>*{direction:rtl}.solution-visual{position:relative;overflow:hidden;min-height:470px;perspective:900px}.solution-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#04172f88,transparent 35%);pointer-events:none}.solution-visual img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transform:scale(1.06) translate(var(--image-x,0),var(--image-y,0));transition:transform .8s cubic-bezier(.2,.7,.2,1)}.visual-drinking img{object-position:43% center}.visual-home img{object-position:45% center}.visual-filtering img{object-position:22% center}.visual-label{position:absolute;bottom:24px;left:24px;right:24px;font-size:9px;letter-spacing:.08em;direction:ltr;color:white;z-index:2}.visual-disclaimer{position:absolute;top:18px;left:18px;z-index:2;color:#173f62;background:#f1f9ffdc;padding:5px 8px;font-size:9px;border-radius:3px}.solution-copy{padding:40px 45px;display:flex;flex-direction:column;align-items:start}.solution-tag{font-size:11px;color:#4184b2;margin-bottom:20px}.solution-copy h3{font-size:35px;line-height:1.25;letter-spacing:-.035em;margin-bottom:20px}.solution-copy>p:not(.product-note){font-size:15px;font-weight:300;color:#506f8c;line-height:1.9;max-width:440px}.solution-list{list-style:none;padding:0;margin:19px 0 24px}.solution-list li{font-size:13px;padding-block:6px;display:flex;gap:12px;color:#365a7d}.solution-list li:before{content:'+';color:#159ce4;font-size:17px}.solution-cta{font-size:13px;margin-top:auto}.product-note{font-size:10px;color:#657f96;line-height:1.8;margin-top:17px;max-width:410px}.complementary{display:flex;align-items:center;gap:24px;padding:27px 2px;border-bottom:1px solid var(--line)}.plus-symbol{font:32px Arial,sans-serif;color:#4aa7d8}.complementary strong{font-size:14px;font-weight:500}.complementary p{font-size:13px;color:#65809a;margin-top:4px;font-weight:300}.circle-link{width:40px;height:40px;border-radius:50%;border:1px solid #b1d3ec;display:grid;place-items:center;font:22px Arial,sans-serif;margin-right:auto;transition:background .3s,transform .3s}.circle-link:hover{background:#bfeaff;transform:rotate(-10deg)}
.difference{background:linear-gradient(130deg,#071a37,#092b55);color:white;padding-block:70px 80px;overflow:hidden;position:relative}.difference:before{content:'';position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,#1183d322,transparent 65%);left:-160px;top:-250px;pointer-events:none}.difference-top{display:flex;align-items:center;justify-content:space-between;color:#8abce1;margin-bottom:30px}.difference-top .section-number{font-size:9px;color:#75a0c1}.difference h2{font-size:clamp(36px,3.7vw,56px);line-height:1.24;letter-spacing:-.035em}.difference h2>span{color:#8ed4ff}.benefits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px;perspective:1000px}.benefit{position:relative;overflow:hidden;padding:27px 24px 28px;border:1px solid #5b97c63d;border-radius:7px;background:linear-gradient(135deg,#ffffff08,#ffffff02);transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s,border-color .35s,background .35s}.benefit:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--glow-x,50%) var(--glow-y,50%),#55bdff20,transparent 65%);opacity:0;transition:opacity .3s;pointer-events:none}.benefit:hover:before{opacity:1}.benefit:hover{border-color:#60bffc77;background:#239ef00a}.benefit-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:30px}.benefit-top svg{width:34px;height:34px;stroke:#8bd4ff;stroke-width:1.2}.benefit-top span{font-size:10px;color:#709fc2}.benefit h3{font-size:18px;margin-bottom:14px;font-weight:500;line-height:1.5}.benefit p{font-size:13px;color:#b6cee1;font-weight:300;line-height:1.9}.benefit.will-reveal:not(.is-visible){transform:translateY(25px)}
.about{padding-block:105px;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;direction:ltr}.about>*{direction:rtl}.about-image{height:530px;position:relative;perspective:900px}.about-image>img{height:100%;object-fit:cover;object-position:42% center;border-radius:8px;transform:rotateY(var(--tilt-y,0deg)) rotateX(var(--tilt-x,0deg));transition:transform .5s;box-shadow:0 20px 50px #0b4e7f15}.about-image-note{position:absolute;inset-inline:22px;bottom:22px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:12px;text-shadow:0 1px 8px #061a38}.about-image-note span+span{font-size:9px}.image-stamp{position:absolute;top:32px;right:-30px;width:80px;height:80px;display:grid;place-items:center;background:#f4fbff;border:1px solid #d1ecfc;border-radius:50%;box-shadow:0 12px 30px #0b4e7f12;animation:bob 6s ease-in-out infinite}.image-stamp img{width:42px;height:58px;object-fit:contain}.about-copy .eyebrow{margin-bottom:24px;color:#2f6d99}.about-copy h2{margin-bottom:28px}.about-copy>p{font-size:15px;font-weight:300;line-height:1.95;color:#526f8c;margin-bottom:18px}.about-copy .text-link{margin-top:10px;font-size:13px}.signature{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding-top:22px;margin-top:32px}.signature>span{font-size:28px;font-weight:300;color:#2183bd;transform:rotate(-6deg)}.signature small{font-size:10px;color:#5d83a1;border-right:1px solid var(--line);padding-right:18px}.process{padding-block:45px 85px;border-top:1px solid var(--line)}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:42px;list-style:none;padding:0;margin:52px 0 0}.process-list li{position:relative;border-top:1px solid #b4d4eb;padding-top:28px}.process-list li:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;background:#49b5f7;border-radius:50%;box-shadow:0 0 0 4px #49b5f710;transition:right .7s}.process-list li:hover:after{right:calc(100% - 5px)}.step-number{position:absolute;top:-14px;right:0;background:var(--paper);padding-left:17px;font-size:14px;color:#2f6d99;font-weight:400}.process-list h3{font-size:18px;margin:16px 0 12px}.process-list p{font-size:13px;line-height:1.9;color:#607d99;font-weight:300}
.faq{padding-block:65px 95px;border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-intro .eyebrow{color:#2f6d99;margin-bottom:24px}.faq-intro>p{font-size:14px;line-height:1.9;color:#607c97;font-weight:300;margin:25px 0 18px}.faq-intro .text-link{font-size:13px}.faq-items{border-top:1px solid #b7d6eb}.faq-items details{border-bottom:1px solid var(--line)}.faq-items summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;font-size:15px;padding:23px 0;transition:color .2s}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary:hover{color:#0a8dd5}.faq-items summary>span{font:24px Arial,sans-serif;color:#399fd6;transition:transform .3s}.faq-items details[open] summary>span{transform:rotate(45deg)}.faq-answer p{font-size:14px;line-height:1.9;color:#5b7893;font-weight:300;padding:0 0 25px 25px}.faq-items details[open] .faq-answer{animation:panelIn .4s}.contact{position:relative;isolation:isolate;overflow:hidden;background:#061a38;color:white;padding-block:80px}.contact-water{position:absolute;inset:0;z-index:-2;pointer-events:none}.contact-water>img{width:100%;height:100%;object-fit:cover;object-position:left center;opacity:.3}.contact-water:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#061a38 0%,#061a38cc 45%,#061a3860)}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:center}.contact-copy .eyebrow{color:#8fcfff;margin-bottom:26px}.contact-copy h2{font-size:clamp(48px,4.9vw,74px);letter-spacing:-.045em;line-height:1.12}.contact-copy h2>span{color:#93dbff}.contact-copy>p{font-size:16px;font-weight:300;line-height:1.9;color:#b8d3e9;margin-top:25px}.contact-phone{display:flex;flex-direction:column;align-items:start;gap:8px;margin-top:34px}.contact-phone>span:first-child{font-size:31px;font-weight:300;letter-spacing:.01em}.phone-label{font-size:12px;color:#91bddd;display:flex;gap:25px}.contact-form{position:relative;background:linear-gradient(125deg,#ffffff0b,#ffffff04);backdrop-filter:blur(18px);border:1px solid #87b7e442;border-radius:10px;padding:36px}.contact-form h3{font-size:26px}.form-intro{font-size:13px;color:#b2cee5;font-weight:300;margin:7px 0 28px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{margin-bottom:24px}.field label{font-size:12px;display:block;color:#cce4f7;margin-bottom:11px}.field input,.field select{width:100%;min-height:45px;border:0;border-radius:0;border-bottom:1px solid #90bee269;background:none;color:white;padding:9px 0 12px;font-size:15px;transition:border-color .2s}.field input:focus,.field select:focus{border-color:#54c4ff}.field input::placeholder{color:#82a8c6;opacity:1;font-size:13px}.field select{cursor:pointer;appearance:auto;color:#d5eaff}.field select option{background:#f6fbff;color:var(--ink)}.form-submit{width:100%;margin-top:3px}.form-note{font-size:10px;color:#aac8df;line-height:1.8;margin-top:17px;font-weight:300}.form-status:empty{display:none}.form-status{font-size:12px;color:#91dcff;margin-top:15px}
.site-footer{padding-block:30px 24px}.footer-top{display:flex;align-items:center;gap:38px;padding-bottom:28px}.footer-top>p{font-size:12px;font-weight:300;color:#6c88a1;line-height:1.9}.footer-brand .brand-wordmark{font-size:28px}.back-top{margin-right:auto;display:flex;align-items:center;gap:20px;font-size:12px}.back-top>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bfd9ec;border-radius:50%;font:18px Arial,sans-serif;transition:background .3s}.back-top:hover>span{background:#d8f1ff}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:22px;border-top:1px solid var(--line);font-size:10px;color:#6e8aa4}.footer-disclaimer{font-size:9px}.credit{white-space:nowrap;display:flex;align-items:center;gap:8px}.credit>span{font-size:9px;letter-spacing:.08em;color:#427fa8}.floating-whatsapp{position:fixed;bottom:26px;left:25px;z-index:40;width:54px;height:54px;display:grid;place-items:center;background:#0b80c7;color:white;border:1px solid #51bfff7a;border-radius:50%;box-shadow:0 6px 25px #0076bb35;transition:background .25s,transform .25s}.floating-whatsapp:hover{background:#109fe9;transform:translateY(-4px)}.floating-whatsapp>svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.3}.floating-label{position:absolute;left:65px;background:white;color:#0b416b;padding:8px 12px;font-size:11px;white-space:nowrap;border:1px solid var(--line);border-radius:4px;opacity:0;transform:translateX(-5px);pointer-events:none;transition:opacity .25s,transform .25s}.floating-whatsapp:hover .floating-label,.floating-whatsapp:focus-visible .floating-label{opacity:1;transform:none}
#film-dialog{width:min(1100px,94vw);max-height:94svh;padding:0;border:1px solid #6497ba66;border-radius:10px;background:#061a38;color:white;box-shadow:0 30px 100px #0009}#film-dialog::backdrop{background:#020b1dcc;backdrop-filter:blur(12px)}.film-dialog-top{display:flex;align-items:center;justify-content:space-between;padding:17px 22px}.film-dialog-top h2{font-size:16px}.film-close{width:36px;height:36px;border:1px solid #8fb8d444;background:none;color:white;border-radius:50%;font-size:25px;line-height:1}#full-film{display:block;width:100%;max-height:70svh;background:#020c1b}#film-dialog>p{font-size:11px;padding:15px 22px;color:#a0c2da}.will-reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s cubic-bezier(.2,.65,.3,1)}.will-reveal.is-visible{opacity:1;transform:none}.benefit:nth-child(2),.process-list li:nth-child(2){transition-delay:.07s}.benefit:nth-child(3),.process-list li:nth-child(3){transition-delay:.14s}.benefit:nth-child(4),.process-list li:nth-child(4){transition-delay:.21s}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .pointer-hint{opacity:0}.motion-paused .benefit,.motion-paused .about-image>img{transform:none!important}
.benefit.is-visible{transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.hero-media{background-image:url('assets/hero-touch-poster.webp')}.hero-water-note{background:#03152d30;backdrop-filter:blur(10px);border:1px solid #9bdfff20;border-radius:4px;padding:10px 13px}
.button-dark{color:#052246;background:linear-gradient(110deg,#44bdff,#9be5ff)}.button-dark:hover{background:linear-gradient(110deg,#6aceff,#c0edff)}.button-dark .arrow-disc{border-color:#05224650}
@keyframes enter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes panelIn{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 6px #38b8ff14}50%{box-shadow:0 0 0 10px #38b8ff06}}
@media(min-width:1600px){.hero-content{padding-right:max(7%,calc((100vw - 1280px)/2));max-width:1040px;padding-top:110px}.hero h1{font-size:110px}}
@media(max-width:1150px){.section-shell{width:calc(100% - 80px)}.desktop-nav{gap:19px;font-size:12px}.header-contact{font-size:11px;gap:15px;padding-inline:12px}.hero-content{width:67%;padding-right:5%;padding-top:88px}.hero h1{font-size:76px}.hero-description{font-size:17px}.hero-buttons{gap:25px}.benefit{padding:22px 18px}.benefits-grid{gap:15px}.benefit h3{font-size:16px}.benefit p{font-size:12px}.about,.faq{gap:65px}.contact-inner{gap:65px}.solution-copy{padding:35px}.solution-copy h3{font-size:31px}.experience-stage{padding-right:38px}.water-mode{padding-inline:28px}}
@media(max-width:900px){.site-header{height:82px;padding-inline:4.5%}.site-header.is-scrolled{height:72px}.desktop-nav{display:none}.menu-toggle{display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.section-shell{width:calc(100% - 64px)}.brand-symbol{width:40px;height:53px}.brand-wordmark{font-size:28px}.brand-wordmark small{font-size:8px;margin-top:8px}.hero{height:750px;min-height:700px}.hero-content{width:74%;padding-top:100px;padding-bottom:140px}.hero h1{font-size:70px}.hero-description{font-size:16px}.hero-shade{background:linear-gradient(270deg,#03152ded 0%,#03152dc2 40%,#03152d40 80%),linear-gradient(0deg,#04152ad9,transparent 30%)}.hero-assurance{gap:19px;font-size:10px}.hero-buttons .button{font-size:13px;gap:23px}.hero-buttons .text-link{font-size:12px}.hero-water-note{top:35px;left:4.5%;font-size:8px}.hero-bottom{margin-inline:4.5%;gap:15px;min-height:85px}.scroll-cue{font-size:10px;gap:12px}.intro{column-gap:40px;padding-top:65px}.intro-copy{font-size:14px}.intro-heading{font-size:38px}.section-top h2,.about h2,.faq h2,.process h2{font-size:41px}.section-top>p{font-size:12px}.experience{padding-top:50px}.experience-stage{padding:35px 32px 28px;min-height:350px}.experience-copy h3{font-size:35px}.experience-copy p{font-size:13px;max-width:370px}.experience-counter{margin-bottom:35px}.experience-note{font-size:8px;max-width:160px;left:25px}.water-mode{padding:22px 23px;min-height:120px}.water-mode strong{font-size:24px}.mode-detail{font-size:9px}.mode-arrow{left:18px;font-size:23px}.solution-tabs button{font-size:12px;gap:9px;padding-inline:12px}.solution-copy{padding:28px}.solution-copy h3{font-size:28px}.solution-copy>p:not(.product-note){font-size:13px}.solution-list li{font-size:12px}.solution-visual{min-height:470px}.product-note{font-size:9px}.benefits-grid{grid-template-columns:1fr 1fr;gap:22px}.benefit{padding:25px}.benefit h3{font-size:18px}.benefit p{font-size:13px}.difference h2{font-size:44px}.about{gap:45px;padding-block:80px}.about-image{height:490px}.about-copy>p{font-size:13px}.about-copy .eyebrow{font-size:11px}.image-stamp{width:67px;height:67px;right:-22px}.image-stamp img{width:34px;height:47px}.process-list{grid-template-columns:1fr 1fr;gap:44px 40px}.process .section-top{align-items:start}.process .section-top>.text-link{margin-top:40px;font-size:12px}.faq{gap:40px;padding-block:55px 80px}.faq-items summary{font-size:13px}.faq-answer p{font-size:12px}.contact-inner{gap:38px;grid-template-columns:.9fr 1.1fr}.contact-form{padding:26px}.contact-copy h2{font-size:50px}.contact-copy>p{font-size:13px}.form-row{grid-template-columns:1fr;gap:0}.form-intro{font-size:11px}.contact-phone>span:first-child{font-size:27px}.footer-disclaimer{max-width:190px;line-height:1.8}.footer-bottom{gap:20px;font-size:9px}.footer-top{gap:28px}.footer-top>p{font-size:11px}.pointer-hint{display:none}}
@media(max-width:600px){html{scroll-padding-top:86px}.section-shell{width:calc(100% - 42px)}.site-header{height:74px;padding-inline:21px;gap:15px}.site-header.is-scrolled{height:68px}.brand{gap:4px}.brand-symbol{width:34px;height:48px}.brand-wordmark{font-size:25px}.brand-wordmark small{font-size:7px;margin-top:7px}.header-actions{gap:10px}.header-contact{font-size:9px;gap:10px;padding:8px 10px}.header-contact span{font-size:17px}.menu-toggle{width:30px;padding:4px}.menu-toggle span{width:21px}.hero{height:760px;min-height:0;max-height:none}.hero-content{width:100%;padding:95px 25px 160px;max-width:none}.hero .eyebrow{font-size:10px;gap:10px}.hero h1{font-size:clamp(53px,12.5vw,74px);line-height:1.1;margin-top:27px;margin-bottom:25px}.hero-description{font-size:15px;line-height:1.9}.hero-buttons{gap:25px;margin-top:30px;flex-wrap:wrap}.hero-buttons .button{min-height:58px;font-size:12px;gap:23px;padding-right:20px}.hero-buttons .text-link{font-size:11px;gap:9px}.play-icon{height:27px;width:27px}.play-icon:after{left:10px;top:8px}.hero-assurance{gap:18px;font-size:9px;margin-top:29px}.hero-shade{background:linear-gradient(270deg,#03152dc9,#03152d6b),linear-gradient(0deg,#03152deb,transparent 40%,#03152d4d)}.hero-video{object-position:36% center}#water-canvas{display:none!important}.hero-water-note{top:28px;left:24px;font-size:7px;gap:10px}.crosshair{font-size:23px}.hero-bottom{margin-inline:25px;min-height:80px;gap:16px}.scroll-cue{font-size:9px;gap:10px}.scroll-circle{width:30px;height:30px;font-size:17px}.intro{grid-template-columns:1fr;padding-block:55px 20px;gap:23px}.intro-heading{font-size:36px}.intro-copy{font-size:14px;line-height:1.9;padding:0}.intro-bottom{margin-top:12px;font-size:10px;padding-bottom:23px}.section-number{font-size:7px;letter-spacing:.07em}.section-top{display:block;margin-bottom:28px}.section-top .eyebrow{margin-bottom:18px}.section-top h2,.about h2,.faq h2,.process h2{font-size:36px}.section-top>p{margin-top:20px;font-size:13px}.experience{padding-block:38px 55px}.water-experience{min-height:0;border-radius:9px}.experience-stage{padding:30px 25px 24px;min-height:390px}.experience-counter{font-size:8px;margin-bottom:34px}.experience-copy{min-height:158px}.experience-copy h3{font-size:31px;margin-bottom:16px}.experience-copy p{font-size:13px;max-width:100%;line-height:1.9}.mode-eyebrow{font-size:11px}.experience-stage>.text-link{font-size:11px;margin-top:19px}.experience-note{position:static;display:block;margin-top:17px;font-size:8px;text-align:right;max-width:none;color:#a7c4da}.experience-media video{object-position:35% center;opacity:.6}.experience-media:after{background:linear-gradient(270deg,#051830d9,#071b3977)}.water-mode{padding:19px 13px;min-height:112px}.water-mode strong{font-size:22px}.mode-number{font-size:8px;margin-bottom:7px}.mode-detail{font-size:8px;line-height:1.5;max-width:85px;margin-top:9px}.mode-arrow{display:none}.solutions{padding-block:10px 55px}.solution-tabs{margin-bottom:20px}.solution-tabs button{font-size:10px;line-height:1.7;display:flex;flex-direction:column;align-items:start;gap:3px;min-height:79px;padding:15px 9px}.solution-tabs button>span{font-size:9px}.solution-panel{grid-template-columns:1fr;border-radius:7px}.solution-visual{min-height:0;height:275px}.solution-visual img{object-position:38% center}.solution-copy{padding:28px 24px 30px}.solution-tag{font-size:10px;margin-bottom:16px}.solution-copy h3{font-size:30px;margin-bottom:18px}.solution-copy>p:not(.product-note){font-size:14px;line-height:1.9}.solution-list{margin:16px 0 23px}.solution-list li{font-size:12px;padding:7px 0}.solution-cta{font-size:12px}.product-note{font-size:9px;line-height:1.8}.visual-label{font-size:7px;bottom:19px;inset-inline:18px}.visual-disclaimer{top:13px;left:13px;font-size:8px}.complementary{gap:15px;padding-block:23px}.complementary strong{font-size:13px}.complementary p{font-size:11px;max-width:230px}.plus-symbol{font-size:27px}.circle-link{width:34px;height:34px;flex-shrink:0}.difference{padding-block:48px 52px}.difference-top{gap:20px;margin-bottom:27px}.difference-top .eyebrow{font-size:10px}.difference-top .section-number{font-size:7px;max-width:100px;text-align:left}.difference h2{font-size:32px;line-height:1.3}.benefits-grid{gap:16px 12px;margin-top:33px}.benefit{padding:20px 15px;border-radius:5px}.benefit-top{margin-bottom:23px}.benefit-top svg{width:28px;height:28px}.benefit-top span{font-size:9px}.benefit h3{font-size:15px;line-height:1.5;margin-bottom:12px}.benefit p{font-size:12px;line-height:1.8}.about{display:flex;flex-direction:column;gap:34px;padding-block:60px}.about-image{height:360px;width:calc(100% - 10px);align-self:start}.about-image>img{object-position:38% center}.image-stamp{right:-10px;top:25px;width:63px;height:63px}.image-stamp img{height:44px;width:32px}.about-copy .eyebrow{margin-bottom:20px}.about-copy h2{margin-bottom:22px}.about-copy>p{font-size:14px;line-height:1.95}.about-copy .text-link{font-size:12px}.about-image-note{inset-inline:16px;bottom:17px;font-size:11px}.about-image-note span+span{font-size:8px}.signature{margin-top:25px}.signature small{font-size:9px}.process{padding-block:36px 55px}.process .section-top>.text-link{margin-top:20px;font-size:12px}.process-list{margin-top:39px;gap:40px 25px}.process-list li{padding-top:22px}.process-list h3{font-size:16px;margin-top:12px}.process-list p{font-size:12px;line-height:1.85}.step-number{font-size:12px;top:-12px}.faq{grid-template-columns:1fr;padding-block:42px 60px;gap:31px}.faq-intro>p{font-size:13px;margin-top:19px;margin-bottom:16px}.faq-intro .text-link{font-size:12px}.faq-items summary{font-size:13px;padding-block:21px;gap:20px}.faq-answer p{font-size:13px;padding:0 0 22px 0}.contact{padding-block:50px}.contact-inner{grid-template-columns:1fr;gap:35px}.contact-copy h2{font-size:54px}.contact-copy .eyebrow{margin-bottom:23px}.contact-copy>p{font-size:14px;margin-top:21px}.contact-phone{margin-top:26px}.contact-phone>span:first-child{font-size:29px}.phone-label{font-size:11px}.contact-form{padding:25px 22px;border-radius:8px}.contact-form h3{font-size:24px}.form-intro{font-size:12px;margin-bottom:26px}.form-row{grid-template-columns:1fr 1fr;gap:16px}.field label{font-size:11px}.field input,.field select{font-size:14px}.field input::placeholder{font-size:11px}.field{margin-bottom:23px}.form-submit{font-size:13px}.form-note{font-size:10px}.site-footer{padding-block:25px 24px}.footer-top{gap:22px;flex-wrap:wrap;padding-bottom:22px}.footer-top>p{font-size:10px}.footer-brand .brand-wordmark{font-size:25px}.back-top{gap:10px;font-size:10px}.back-top>span{width:28px;height:28px}.footer-bottom{flex-wrap:wrap;gap:14px 20px;padding-top:20px;font-size:9px;justify-content:start}.footer-disclaimer{flex-basis:100%;order:3;max-width:none;font-size:9px}.credit{margin-right:auto;font-size:8px}.credit>span{font-size:8px}.floating-whatsapp{width:46px;height:46px;bottom:18px;left:16px}.floating-whatsapp>svg{width:25px;height:25px}.floating-label{display:none}#film-dialog{width:95vw;border-radius:6px}.film-dialog-top{padding:13px 15px}.film-dialog-top h2{font-size:13px}#film-dialog>p{font-size:10px;padding:13px 15px}}
@media(max-width:370px){.site-header{padding-inline:16px;gap:10px}.header-contact{font-size:8px;padding:8px;gap:7px}.header-contact span{font-size:15px}.hero-content{padding-inline:21px}.hero h1{font-size:49px}.hero-buttons{gap:21px}.hero-buttons .button{font-size:11px;gap:16px}.hero-assurance{gap:14px;font-size:8px}.hero-bottom{margin-inline:21px}.scroll-cue{font-size:8px}.form-row{grid-template-columns:1fr;gap:0}.benefit h3{font-size:14px}.benefit p{font-size:11px}.footer-top{gap:18px}.back-top{margin-right:0}.difference h2{font-size:29px}.experience-copy h3{font-size:28px}.water-mode strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}body:not(.motion-enabled) .hero-video{opacity:0}.pointer-hint{display:none}#water-canvas{display:none!important}.benefit,.about-image>img{transform:none!important}}
/* experience.css */
.brand-wordmark small{font-size:10px;color:#426a8c}
.muted{color:#4a799f}.section-top>p,.intro-copy{color:#4d6c89}
.intro{padding-block:65px 20px}.intro-bottom{margin-top:8px}
.flow{padding-block:65px 55px}.flow-layout{display:grid;grid-template-columns:.8fr 1.35fr;align-items:start;gap:70px}.flow-story{position:relative}.flow-step{position:relative;min-height:330px;padding:26px 26px 46px 0;border-right:1px solid #c6ddec;transition:border-color .4s}.flow-step:last-child{min-height:290px}.flow-step:before{content:'';position:absolute;width:9px;height:9px;right:-5px;top:34px;border:2px solid #bbd4e5;border-radius:50%;background:var(--paper);transition:background .4s,box-shadow .4s,border-color .4s}.flow-step.is-active:before{background:#169fef;border-color:#169fef;box-shadow:0 0 0 7px #169fef12}.flow-step-number{font-size:11px;color:#537798;display:block;margin-bottom:22px}.flow-step h3{font-size:clamp(26px,2.6vw,39px);line-height:1.35;letter-spacing:-.04em;margin-bottom:22px}.flow-step p{font-size:15px;color:#53718d;line-height:1.95;max-width:310px}.flow-step .text-link{margin-top:23px;font-size:13px}.flow-step.is-active{border-color:#169fef}.flow-visual{position:sticky;top:112px;min-width:0;border-radius:10px;background:#fff;box-shadow:0 24px 55px #0c456a12;overflow:hidden;border:1px solid #d3e5f2;isolation:isolate}.flow-scene{position:relative;height:clamp(320px,31vw,470px);background:#05172e;overflow:hidden}.flow-layer{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .85s,transform 1.5s cubic-bezier(.15,.6,.2,1);will-change:opacity}.flow-layer-surface{object-position:46% center}.flow-layer-inside{object-position:center}.flow-layer-everyday{object-position:50% center}.flow[data-step="0"] .flow-layer-surface,.flow[data-step="1"] .flow-layer-inside,.flow[data-step="2"] .flow-layer-everyday{opacity:1;transform:scale(1)}.flow-scene-shade{position:absolute;inset:0;background:linear-gradient(#041c3c17,transparent 35%,#03162b8c);pointer-events:none}.flow-scene-label{position:absolute;top:26px;right:26px;color:#fff;font-size:12px;text-shadow:0 1px 6px #001128b3}.flow-image-note{position:absolute;bottom:19px;inset-inline:24px;font-size:10px;color:#edf8ff;text-shadow:0 1px 5px #001128}.flow-waterline{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .6s;overflow:visible}.flow-waterline path{fill:none;stroke:#8ee9ff;stroke-width:2;stroke-dasharray:5 25;filter:drop-shadow(0 0 4px #14a9f9);animation:flowDash 4s linear infinite}.flow[data-step="1"] .flow-waterline{opacity:.9}.flow-hotspots{position:absolute;inset:0}.flow-hotspot{position:absolute;width:42px;height:42px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid #cff7ff;border-radius:50%;background:#06264c99;backdrop-filter:blur(8px);color:#fff;box-shadow:0 0 0 7px #88dbff14;transition:box-shadow .3s,background .3s}.flow-hotspot span{font:25px Arial,sans-serif;line-height:1}.flow-hotspot:hover,.flow-hotspot[aria-pressed=true]{background:#0f88cc;box-shadow:0 0 0 10px #88dbff30}.hotspot-tap{left:55%;top:30%}.hotspot-filter{left:44%;top:77%}.hotspot-fit{left:76%;top:70%}.flow-detail{min-height:109px;padding:22px 25px;display:flex;align-items:start;gap:20px}.flow-detail-index{font-size:11px;color:#3683b9;border:1px solid #d4e8f5;border-radius:50%;width:32px;height:32px;flex-shrink:0;display:grid;place-items:center}.flow-detail strong{font-size:16px;font-weight:500}.flow-detail p{font-size:12px;color:#52718c;margin-top:5px;line-height:1.85}.flow-navigation{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e0edf6}.flow-navigation button{position:relative;border:0;background:#f5faff;padding:17px 7px;font-size:12px;transition:background .25s}.flow-navigation button+button{border-right:1px solid #e0edf6}.flow-navigation button span{font-size:9px;margin-left:7px;color:#5b86a6}.flow-navigation button[aria-pressed=true]{background:#e6f5ff;color:#0069a3}.flow-navigation button[aria-pressed=true]:after{content:'';height:2px;position:absolute;bottom:0;inset-inline:0;background:#17a8f4}
.experience{padding-top:40px}.water-experience{min-height:520px;--mode-color:#8bdbff}.experience-stage{min-height:390px;padding-top:42px;z-index:2;pointer-events:none}.experience-stage .text-link{pointer-events:auto}.experience-copy{max-width:49%;min-height:166px}.experience-copy p{max-width:360px}.experience-note{position:static;display:block;text-align:right;max-width:340px;margin-top:18px;font-size:10px;color:#a9c8de}.experience-counter{margin-bottom:36px}.experience-media video{opacity:.23;object-position:center}.experience-media:after{background:linear-gradient(270deg,#051830fa 0%,#051830da 35%,#071b3910 78%)}.water-experience[data-mode=hot] .experience-media video{opacity:.13}.glass-world{position:absolute;left:1%;top:2%;width:49%;height:390px;z-index:1;pointer-events:none;transform:translate3d(var(--glass-x,0px),var(--glass-y,0px),0);transition:transform .8s cubic-bezier(.2,.65,.25,1);--glass-accent:#65ceff}.glass-halo{position:absolute;width:90%;height:80%;left:5%;bottom:0;border-radius:50%;background:radial-gradient(ellipse,var(--glass-accent),transparent 65%);opacity:.14;filter:blur(12px);transition:background 1s,opacity 1s}.experience-glass{position:absolute;height:95%;width:100%;object-fit:contain;inset:0;filter:drop-shadow(0 25px 16px #0004);transition:filter .8s,transform .9s;animation:glassFloat 8s ease-in-out infinite}.glass-caption{position:absolute;bottom:6px;left:0;right:0;text-align:center;color:#c1deef;font-size:10px;letter-spacing:.03em}.glass-rings{position:absolute;width:80%;height:12%;left:10%;bottom:3%;z-index:-1}.glass-rings i{position:absolute;inset:0;border:1px solid #6fd6ff5c;border-radius:50%;animation:glassRipple 5s linear infinite}.glass-rings i:nth-child(2){animation-delay:-1.7s}.glass-rings i:nth-child(3){animation-delay:-3.3s}.glass-steam{position:absolute;inset:0;z-index:2;opacity:0;transition:opacity .8s;filter:blur(8px)}.glass-steam i{position:absolute;width:11%;height:32%;left:36%;top:9%;background:linear-gradient(0deg,#e2f4ff70,transparent);border-radius:50%;animation:glassSteam 4s ease-out infinite}.glass-steam i:nth-child(2){left:48%;animation-delay:-1s;height:38%;width:8%}.glass-steam i:nth-child(3){left:58%;animation-delay:-2.5s}.glass-steam i:nth-child(4){left:43%;animation-delay:-3s;width:16%}.glass-bubbles{position:absolute;left:29%;right:29%;top:38%;bottom:18%;overflow:hidden;opacity:0;transition:opacity .7s;mask-image:linear-gradient(transparent,#000 15%,#000 85%,transparent)}.glass-bubbles i{position:absolute;bottom:-10px;left:15%;height:5px;width:5px;border-radius:50%;border:1px solid #e0fbffb3;background:#99e4ff33;box-shadow:0 0 5px #9ce6ff55;animation:glassBubble 3.2s linear infinite}.glass-bubbles i:nth-child(2n){left:45%;width:3px;height:3px;animation-delay:-1.6s;animation-duration:2.8s}.glass-bubbles i:nth-child(3n){left:75%;width:7px;height:7px;animation-delay:-.8s;animation-duration:3.8s}.glass-bubbles i:nth-child(4n){left:30%;animation-delay:-2.7s;animation-duration:4s}.glass-bubbles i:nth-child(5n){left:60%;animation-delay:-2.2s;animation-duration:2.4s}.glass-bubbles i:nth-child(7n){left:90%;animation-delay:-.3s}.water-experience[data-mode=hot]{--mode-color:#e4ecff}.water-experience[data-mode=hot] .glass-world{--glass-accent:#bfd0ff}.water-experience[data-mode=hot] .glass-steam{opacity:.8}.water-experience[data-mode=hot] .experience-glass{filter:drop-shadow(0 18px 25px #698cc736) brightness(1.08)}.water-experience[data-mode=sparkling] .glass-bubbles{opacity:1}.water-experience[data-mode=sparkling] .glass-halo{opacity:.23}.water-experience[data-mode=sparkling] .glass-rings i{animation-duration:3s}.water-modes{z-index:4}.mode-detail{color:#b7d0e4;font-size:11px}.mode-number{color:#a2c9e6}
.finder{padding-block:76px 85px;background:linear-gradient(125deg,#edf8ff,#e8f3fc 50%,#f8fcff);border-top:1px solid #dcecf8}.finder-layout{display:grid;grid-template-columns:.85fr 1.4fr;border:1px solid #d2e5f4;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #0b42650c;min-height:560px}.finder-aside{background:#071d3d;position:relative;isolation:isolate;color:white;padding:39px 38px;display:flex;flex-direction:column;overflow:hidden}.finder-aside:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 10% 30%,#127abe40,transparent 65%)}.finder-kicker{font-size:12px;color:#abd7f4}.finder-orbit{position:relative;width:145px;height:175px;margin:26px auto 20px}.finder-orbit:before,.finder-orbit:after{content:'';position:absolute;inset:12% -30%;border:1px solid #54acdf20;border-radius:50%;transform:rotate(-25deg)}.finder-orbit:after{inset:25% -42%;transform:rotate(30deg)}.finder-orbit svg{width:100%;height:100%;stroke:#9bdeff;stroke-width:1.4;filter:drop-shadow(0 0 14px #50c6ff40)}.finder-orbit svg path+path{stroke:#50bfff;stroke-width:1}.finder-aside>p{font-size:28px;line-height:1.5;letter-spacing:-.03em;margin-top:auto}.finder-aside>p>span{color:#8ed6ff}.finder-aside>small{font-size:11px;line-height:1.85;color:#a7c5dc;max-width:280px;margin-top:26px}.finder-card{background:#fff;padding:38px 44px;min-width:0}.finder-progress{display:flex;align-items:center;gap:22px;margin-bottom:28px;color:#527b9b;font-size:11px}.finder-progress-track{height:2px;flex:1;background:#dfedf6;overflow:hidden}.finder-progress-track>span{display:block;width:100%;height:100%;background:#158fce;transform:scaleX(.3333);transform-origin:right;transition:transform .4s}#finder-question{border:0;padding:0;margin:0;min-width:0}#finder-question legend{font-size:29px;letter-spacing:-.035em;font-weight:500;line-height:1.4;width:100%;padding:0}.finder-question-note{font-size:12px;color:#5c7b96;margin-block:10px 22px}.finder-options{display:grid;gap:10px}.finder-option{position:relative;display:flex;gap:17px;align-items:center;padding:16px 19px;background:#f8fbfe;border:1px solid #dce8f3;border-radius:5px;cursor:pointer;transition:background .25s,border-color .25s,box-shadow .25s;min-height:78px}.finder-option:hover{background:#f0f8ff;border-color:#a0cfe9}.finder-option:has(input:checked){background:#edf8ff;border-color:#229dd9;box-shadow:inset -3px 0 #229dd9}.finder-option:has(input:focus-visible){outline:2px solid #1183c5;outline-offset:3px}.finder-option>input{position:absolute;opacity:0;width:1px;height:1px}.finder-choice-icon{font-size:10px;color:#5e8baa;flex-shrink:0;width:22px}.finder-option strong{font-size:15px;font-weight:500;display:block}.finder-option small{font-size:11px;color:#57748e;display:block;margin-top:4px;line-height:1.7}.finder-check{width:17px;height:17px;border:1px solid #abc9df;border-radius:50%;margin-right:auto;flex-shrink:0;background:white;display:grid;place-items:center}.finder-option:has(input:checked) .finder-check:after{content:'';width:7px;height:7px;background:#0d87cc;border-radius:50%}.finder-actions{display:flex;gap:24px;align-items:center;margin-top:25px}.finder-actions .button{min-height:54px;font-size:13px;gap:35px}.finder-actions .arrow-disc{width:32px;height:32px}.finder-actions .button:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}.finder-actions .button:disabled:before{display:none}.finder-back{background:none;border:0;border-bottom:1px solid #acc8dc;padding:3px 0;font-size:12px;color:#426b8b;line-height:1.7;width:max-content}.finder-result-eyebrow{display:block;color:#137caf;font-size:12px;margin-bottom:14px}.finder-result h3{font-size:34px;line-height:1.3;letter-spacing:-.035em;margin-bottom:18px}.finder-result>p{font-size:14px;line-height:1.95;color:#4f6e89;max-width:460px}.finder-answer-summary{display:flex;flex-wrap:wrap;gap:8px;margin-block:23px}.finder-answer-summary>span{font-size:10px;background:#eff7fc;color:#3f7195;border:1px solid #d9eaf5;border-radius:30px;padding:6px 11px}.finder-result .button{min-height:55px;font-size:13px;margin-bottom:17px;gap:24px}.finder-result .finder-back{display:block}.finder-result>small{font-size:10px;line-height:1.9;display:block;color:#567690;margin-top:19px;max-width:430px}#finder-question-title:focus,#finder-result-title:focus{outline:none}.finder-card.is-changing{animation:panelIn .35s both}.contact-finder-summary{font-size:12px;line-height:1.9;padding:13px 15px;background:#184a713b;border:1px solid #8fceff36;border-radius:4px;margin-bottom:23px;color:#d2eafb}.contact-finder-summary strong{display:block;font-weight:500;color:white;margin-bottom:4px}.benefit:hover .benefit-top svg{stroke:#d4f3ff}.benefit-top svg{transition:stroke .4s;stroke-dasharray:150;stroke-dashoffset:0}.benefit:hover .benefit-top svg{animation:iconTrace 1.1s ease-out}.mobile-contact-bar{display:none}
@keyframes flowDash{to{stroke-dashoffset:-120}}@keyframes glassFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glassRipple{0%{transform:scale(.6);opacity:0}15%{opacity:.7}100%{transform:scale(1.5);opacity:0}}@keyframes glassSteam{0%{transform:translateY(20px) scaleX(.6);opacity:0}20%{opacity:.5}100%{transform:translate(-18px,-75px) scaleX(1.8);opacity:0}}@keyframes glassBubble{0%{transform:translate(0,0);opacity:0}15%{opacity:.9}85%{opacity:.8}100%{transform:translate(8px,-170px);opacity:0}}@keyframes iconTrace{0%{stroke-dashoffset:150}100%{stroke-dashoffset:0}}
@media(min-width:1600px){.glass-world{height:420px}.experience-stage{min-height:420px}.flow-scene{height:490px}}
@media(max-width:1150px){.flow-layout{gap:40px;grid-template-columns:.85fr 1.3fr}.flow-step{min-height:310px}.flow-step:last-child{min-height:260px}.flow-step p{font-size:14px}.experience-copy{max-width:50%}.experience-copy h3{font-size:35px}.glass-world{left:-1%;height:380px;width:51%}.finder-card{padding:33px}.finder-aside{padding:33px 28px}.finder-aside>p{font-size:25px}}
@media(max-width:900px){.brand-wordmark small{font-size:9px}.flow{padding-top:50px}.flow-layout{gap:30px;grid-template-columns:.8fr 1.2fr}.flow-step{padding-right:20px;min-height:330px}.flow-step h3{font-size:28px}.flow-step p{font-size:13px}.flow-visual{top:95px}.flow-scene{height:320px}.flow-detail{padding:18px;gap:12px;min-height:135px}.flow-detail p{font-size:11px}.flow-navigation button{font-size:10px;padding-block:17px}.flow-navigation button span{font-size:8px;margin-left:3px}.flow-image-note{font-size:9px;inset-inline:17px}.flow-scene-label{right:19px;top:21px;font-size:11px}.flow-hotspot{width:36px;height:36px}.experience-stage{padding:32px 28px 25px;min-height:380px}.experience-copy h3{font-size:31px}.experience-copy p{font-size:13px}.experience-note{max-width:46%;font-size:9px;margin-top:18px}.glass-world{height:340px;top:5%;left:-3%;width:54%}.glass-caption{font-size:9px;bottom:-5px}.experience-counter{font-size:8px;margin-bottom:35px}.finder-layout{grid-template-columns:.8fr 1.3fr}.finder-card{padding:28px}.finder-aside{padding:30px 25px}.finder-aside>p{font-size:23px}.finder-orbit{width:120px;height:150px;margin-block:35px}.finder-aside>small{font-size:10px}.finder-option{padding:14px;gap:10px}.finder-option strong{font-size:13px}.finder-option small{font-size:10px}#finder-question legend{font-size:25px}.finder-result h3{font-size:29px}.finder-result .button{font-size:12px;gap:14px}.finder-result .arrow-disc{width:29px;height:29px}.finder{padding-block:60px}}
@media(max-width:600px){.brand-wordmark small{font-size:8px}.intro{padding-top:45px}.flow{padding-block:35px 20px}.flow .section-top{margin-bottom:24px}.flow-layout{display:flex;flex-direction:column-reverse;gap:20px}.flow-visual{top:82px;width:100%;z-index:6;border-radius:7px;box-shadow:0 10px 30px #0b42651c}.flow-scene{height:245px}.flow-layer-inside{object-fit:cover;object-position:48% center}.flow-detail{min-height:101px;padding:14px 16px;gap:12px}.flow-detail-index{width:27px;height:27px;font-size:9px}.flow-detail strong{font-size:14px}.flow-detail p{font-size:11px;line-height:1.75;margin-top:3px}.flow-scene-label{font-size:10px;top:16px;right:17px}.flow-image-note{font-size:8px;bottom:13px;inset-inline:15px}.flow-navigation button{font-size:10px;padding:13px 4px}.flow-story{width:100%}.flow-step{min-height:230px;padding:22px 20px 30px 0;scroll-margin-top:485px}.flow-step:last-child{min-height:220px}.flow-step:before{top:29px}.flow-step-number{font-size:10px;margin-bottom:12px}.flow-step h3{font-size:28px;margin-bottom:13px}.flow-step h3 br{display:none}.flow-step p{font-size:13px;line-height:1.85;max-width:100%}.flow-step .text-link{font-size:12px;margin-top:15px}.flow-hotspot{width:36px;height:36px}.flow-waterline{display:none}.hotspot-tap{left:55%;top:28%}.hotspot-filter{left:43%;top:77%}.hotspot-fit{left:80%;top:70%}.experience{padding-top:35px}.water-experience{min-height:0}.experience-stage{padding:29px 24px 25px;min-height:580px;display:flex;flex-direction:column}.experience-counter{margin-bottom:22px;font-size:8px}.experience-copy{max-width:100%;min-height:152px}.experience-copy h3{font-size:31px}.experience-copy p{font-size:13px;max-width:100%;line-height:1.9}.experience-stage>.text-link{margin-top:auto;font-size:12px;align-self:start}.experience-note{font-size:9px;max-width:100%;margin-top:15px}.glass-world{width:80%;left:10%;top:225px;height:240px}.experience-glass{height:100%}.glass-caption{display:none}.glass-rings{bottom:4%}.experience-media:after{background:linear-gradient(180deg,#051830f5 10%,#051830bb 50%,#071b3910 80%)}.experience-media video{object-position:center;opacity:.25}.mode-detail{font-size:9px;color:#c1d8e9}.mode-number{font-size:9px}.finder{padding-block:48px}.finder-layout{grid-template-columns:1fr;min-height:0;border-radius:8px}.finder-aside{padding:24px;display:grid;grid-template-columns:1fr 65px;gap:0 16px}.finder-kicker{font-size:10px;grid-column:1}.finder-aside>p{grid-column:1;font-size:23px;line-height:1.4;margin-top:12px}.finder-aside>p br{display:none}.finder-aside>p>span{display:block}.finder-orbit{grid-column:2;grid-row:1/3;width:65px;height:90px;margin:8px 0;align-self:center}.finder-aside>small{display:none}.finder-card{padding:25px 22px;min-height:480px}.finder-progress{font-size:10px;margin-bottom:23px;gap:18px}#finder-question legend{font-size:25px}.finder-question-note{font-size:11px;margin-bottom:20px}.finder-option{min-height:76px;padding:14px;gap:10px}.finder-option strong{font-size:14px}.finder-option small{font-size:11px}.finder-choice-icon{font-size:9px;width:16px}.finder-actions{margin-top:24px}.finder-actions .button{font-size:12px;gap:30px;min-height:52px}.finder-result h3{font-size:29px}.finder-result>p{font-size:13px}.finder-result .button{font-size:11px;gap:13px;padding-right:16px}.finder-answer-summary{margin-block:20px}.finder-answer-summary>span{font-size:9px}.finder-result>small{font-size:10px}.mobile-contact-bar{position:fixed;bottom:12px;inset-inline:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px 9px 18px;border-radius:50px;background:#fffffff5;backdrop-filter:blur(16px);border:1px solid #cce4f4;box-shadow:0 7px 30px #08375826;z-index:39;transform:translateY(120px);visibility:hidden;transition:transform .35s,visibility .35s}.mobile-contact-bar.is-visible{transform:none;visibility:visible}.mobile-contact-bar .mobile-consult{padding:11px 17px;border-radius:30px;background:#092b52;color:white;font-size:12px;flex:1;text-align:center}.mobile-contact-bar .mobile-phone{padding:8px 7px;font-size:11px;color:#134f79;white-space:nowrap}.floating-whatsapp{transition:opacity .25s,visibility .25s}.mobile-contact-active .floating-whatsapp{opacity:0;visibility:hidden}.site-footer{padding-bottom:32px}.contact-finder-summary{font-size:11px;padding:12px}}
@media(max-width:370px){.flow-scene{height:215px}.flow-detail{min-height:109px}.flow-navigation button{font-size:9px}.flow-step h3{font-size:26px}.flow-visual{top:78px}.experience-stage{padding-inline:20px;min-height:590px}.experience-copy h3{font-size:28px}.glass-world{top:240px;height:225px}.finder-card{padding:23px 18px}.finder-option{gap:8px;padding:13px 11px}.finder-option strong{font-size:13px}#finder-question legend{font-size:23px}.finder-result h3{font-size:27px}.mobile-contact-bar{inset-inline:10px}.mobile-contact-bar .mobile-consult{font-size:11px}}
@media(prefers-reduced-motion:reduce){.flow-layer{transition:none;transform:none}.flow-visual{position:relative;top:auto}.flow-waterline path{animation:none;stroke-dasharray:none}.glass-world{transform:none}.glass-steam{filter:blur(8px)}.glass-bubbles i{animation:none;bottom:var(--bubble-static-y,35%)}.glass-bubbles i:nth-child(3n){bottom:65%}.glass-bubbles i:nth-child(2n){bottom:15%}.glass-steam i{animation:none;opacity:.35;transform:translateY(-15px)}.experience-glass{animation:none}.glass-rings i{animation:none;opacity:.35}.benefit:hover .benefit-top svg{animation:none}.mobile-contact-bar{transition:none}}
.motion-paused .glass-world{transform:none}.motion-paused .flow-layer{transition:none;transform:none}
.water-experience:not(.is-in-view) .glass-world *,.flow:not(.is-in-view) .flow-waterline path,.flow:not([data-step="1"]) .flow-waterline path,.page-inactive .glass-world *,.page-inactive .flow-waterline path{animation-play-state:paused}
.finder-aside>p>.finder-aside-context{color:white}
@media(max-width:600px){.finder-aside>p>.finder-aside-context{display:none}}
/* brand-liquid.css */
html{scroll-padding-top:132px}
.brand{position:relative;display:block;flex-shrink:0;width:196px;height:118px;min-height:0;line-height:1;isolation:auto;transition:width .3s,height .3s}
.brand .water-brand{position:relative;z-index:2;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.water-brand-name{font-family:var(--font);font-size:64px;font-weight:800;letter-spacing:-1.3px;fill:#102f56;paint-order:stroke;stroke:var(--brand-surface,#fff);stroke-width:6px;stroke-linejoin:round;transition:fill .35s}
.water-brand-tagline{font-family:var(--font);font-size:17px;font-weight:500;fill:#38668e;paint-order:stroke;stroke:var(--brand-surface,#fff);stroke-width:3.5px;stroke-linejoin:round}
.brand:hover .water-brand-name,.brand:focus-visible .water-brand-name{fill:#075c91}
.brand-liquid-media{position:absolute;left:33.3333%;top:0;width:66.6667%;height:100%;pointer-events:none}
.liquid-logo-poster,.liquid-logo-video,.liquid-logo-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;border:0;transition:opacity .3s;filter:none}
.liquid-logo-poster{opacity:1}
.liquid-logo-video{opacity:0}
.liquid-logo-canvas{opacity:0}
.has-liquid-frame .liquid-logo-canvas{opacity:1}
.has-liquid-frame .liquid-logo-poster{opacity:0}
.site-header{height:124px}
.site-header.is-scrolled{height:100px}
.site-header.is-scrolled .brand{width:160px;height:96px}
.hero{height:calc(100svh - 124px)}
.header-contact .header-contact-label{font:inherit}
.footer-brand{width:260px;height:156px;--brand-surface:var(--paper)}
.image-stamp{position:absolute;isolation:auto;width:178px;height:108px;top:24px;right:-32px;padding:0;border:0;border-radius:9px;background:#fff;box-shadow:0 10px 35px #13496c12;animation:none;display:block}
.image-stamp .water-brand{position:relative;z-index:2;display:block;width:100%;height:100%;overflow:visible}
.image-stamp:after{display:none}
@media(max-width:1150px){.brand{width:184px;height:110px}.site-header{gap:22px}.desktop-nav{gap:18px}}
@media(max-width:900px){.site-header{height:108px}.site-header.is-scrolled{height:96px}.brand{width:170px;height:102px}.site-header.is-scrolled .brand{width:154px;height:92px}.hero{height:750px}.image-stamp{width:158px;height:95px;right:-22px}.footer-brand{width:230px;height:138px}}
@media(max-width:600px){html{scroll-padding-top:110px}.site-header{height:100px;padding-inline:18px;gap:12px}.site-header.is-scrolled{height:92px}.brand{width:158px;height:95px}.site-header.is-scrolled .brand{width:146px;height:88px}.hero{height:760px}.header-actions{gap:7px}.header-contact{font-size:10px;gap:10px;padding:9px 12px;white-space:nowrap}.header-contact .header-contact-label{font-size:0}.header-contact-label:after{content:'ייעוץ אישי';font-size:10px}.header-contact>span:not(.header-contact-label){font-size:18px}.image-stamp{width:150px;height:90px;right:-9px;top:22px}.footer-brand{width:220px;height:132px}.footer-top{gap:18px 24px}.footer-top>p{margin-right:auto}.back-top{margin-right:0}.flow-visual{top:106px}}
@media(max-width:370px){.site-header{height:94px;padding-inline:15px;gap:9px}.site-header.is-scrolled{height:88px}.brand{width:148px;height:89px}.site-header.is-scrolled .brand{width:138px;height:83px}.header-contact{padding-inline:10px;gap:7px}.header-actions{gap:5px}.header-contact-label:after{font-size:9px}.footer-brand{width:210px;height:126px}.footer-top>p{font-size:10px}.flow-visual{top:102px}}
@media(prefers-reduced-motion:reduce){.brand,.water-brand-name,.liquid-logo-poster,.liquid-logo-video,.liquid-logo-canvas{transition:none}body:not(.motion-enabled) .has-liquid-frame .liquid-logo-canvas{opacity:0}body:not(.motion-enabled) .has-liquid-frame .liquid-logo-poster{opacity:1}}
/* premium.css */
.icon{display:inline-block;width:24px;height:24px;flex-shrink:0;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat;vertical-align:middle}
.icon-compare{--icon:url('assets/icons/arrows-left-right.svg')}.icon-cube{--icon:url('assets/icons/cube.svg')}.icon-expand{--icon:url('assets/icons/magnifying-glass-plus.svg')}.icon-close{--icon:url('assets/icons/x.svg')}.icon-prev{--icon:url('assets/icons/caret-left.svg')}.icon-next{--icon:url('assets/icons/caret-right.svg')}.icon-target{--icon:url('assets/icons/target.svg')}.icon-chat-circle{--icon:url('assets/icons/chat-circle.svg')}.icon-wrench{--icon:url('assets/icons/wrench.svg')}.icon-arrows-clockwise{--icon:url('assets/icons/arrows-clockwise.svg')}
.hero-content{padding-top:58px}.hero h1{margin-block:27px 23px}.hero-description{font-size:18px;line-height:1.85}.hero-story{margin-top:22px;min-height:52px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:7px 15px;border-right:2px solid #75d7ff;padding-right:16px;max-width:440px}.hero-scene-number{font-size:11px;color:#b5d7ed;direction:ltr;font-variant-numeric:tabular-nums}.hero-story p{font-size:22px;color:#e4f5ff;font-weight:500;line-height:1.45}.hero-story.is-changing p{animation:sceneIn .55s both}.hero-scene-dots{display:flex;grid-column:2;gap:6px;direction:ltr}.hero-scene-dots i{display:block;width:25px;height:2px;background:#81aac747;transition:background .4s,width .4s}.hero-scene-dots i.is-active{width:44px;background:#89deff}.hero-buttons{margin-top:25px}.hero-assurance{margin-top:27px}
@keyframes sceneIn{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
.brand-liquid-media{left:36%;width:64%}.water-brand-tagline{font-size:20px;font-weight:600;fill:#315a7d}.desktop-nav{gap:20px;font-size:12px}.site-header{gap:20px}
.space{padding-block:68px 42px}.space .section-top{margin-bottom:30px}.space-comparison{position:relative;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:#d7e5ed;isolation:isolate;direction:ltr;max-height:670px}.space-comparison>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.space-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.space-label{position:absolute;top:24px;z-index:2;font-size:13px;padding:9px 15px;border:1px solid #fff9;border-radius:40px;background:#fffffff0;color:#123f61;box-shadow:0 3px 15px #092b5210;direction:rtl;pointer-events:none;transition:opacity .2s}.space-label-before{left:24px}.space-label-after{right:24px}.space-divider{position:absolute;z-index:3;top:0;bottom:0;left:var(--reveal);width:2px;transform:translateX(-1px);background:#fff;box-shadow:0 0 12px #082b4d44;pointer-events:none}.space-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0c5b8c;box-shadow:0 3px 26px #092b5255;border:1px solid #c7e9fb}.space-handle .icon{width:25px;height:25px}.space-slider{position:absolute;inset:0;z-index:4;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}.space-comparison:has(.space-slider:focus-visible){outline:3px solid #087ab8;outline-offset:5px}.space-comparison:has(.space-slider:focus-visible) .space-handle{box-shadow:0 0 0 5px #72d9ff70}.space-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:20px}.space-bottom>p{display:flex;align-items:center;gap:10px;font-size:13px;color:#426782}.space-bottom .icon{width:19px;height:19px}.space-presets{display:flex;gap:5px;flex-shrink:0}.space-presets button{border:1px solid #bdd7e9;color:#315e80;background:transparent;border-radius:30px;font-size:12px;padding:8px 15px;min-height:42px}.space-presets button[aria-pressed=true]{background:#0e3b61;border-color:#0e3b61;color:white}.illustration-note{font-size:12px;color:#4c6b85;line-height:1.8;margin-top:15px}.space-comparison[data-edge=before] .space-label-after,.space-comparison[data-edge=after] .space-label-before{opacity:0}
.flow-layer-surface,.flow-layer-inside,.cabinet-closed-layer{object-fit:cover;object-position:center}.flow-scene{aspect-ratio:3/2;height:auto;min-height:350px}.cabinet-closed-layer{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transform:scale(1);clip-path:inset(0);transition:opacity .65s,clip-path 1.1s cubic-bezier(.2,.65,.2,1)}.flow[data-step="1"]:not(.is-cabinet-open) .cabinet-closed-layer{opacity:1}.flow[data-step="1"].is-cabinet-open .cabinet-closed-layer{opacity:0;clip-path:inset(0 50%)}.flow-scene-label{top:20px;right:20px;background:#06254cdb;padding:7px 12px;border-radius:30px;font-size:12px;line-height:1.5}.flow-image-note{font-size:11px;background:#06254cdf;padding:7px 11px;bottom:13px;inset-inline:14px;border-radius:4px;line-height:1.6}.flow-scene-shade{background:linear-gradient(0deg,#061b323d,transparent 23%)}.cabinet-controls{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d8e8f4;background:#f3f9fd}.cabinet-toggle{display:flex;align-items:center;gap:11px;border:1px solid #b7d8ed;background:white;color:#0c446c;border-radius:40px;font-size:13px;padding:9px 14px;min-height:44px}.cabinet-toggle>.icon{width:20px;height:20px}.cabinet-toggle[aria-pressed=true]{background:#103f65;color:white;border-color:#103f65}.cabinet-button-state{font-size:10px;opacity:.7;border-right:1px solid #8db2cf;padding-right:10px;margin-right:3px}.cabinet-hint{font-size:11px;max-width:140px;color:#3f6a89;line-height:1.7}.flow .hotspot-tap{left:68.5%;top:40%}.flow .hotspot-filter{left:38%;top:76%}.flow .hotspot-fit{left:66%;top:82%}.flow-hotspot{width:38px;height:38px;background:#062c50d9}.flow-hotspot[aria-pressed=true]{background:#0c6b9b}.flow-detail{min-height:115px}.flow-detail p{font-size:13px;color:#42637e}.flow-navigation button{font-size:12px}.flow-navigation button span{font-size:10px;color:#426a89}.flow-step-number{font-size:12px;color:#426a89}
.placement-comparison{margin-top:48px;padding-top:32px;border-top:1px solid #c6dceb}.placement-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px}.placement-heading .eyebrow{font-size:12px;color:#426b8b;margin-bottom:10px}.placement-heading h3{font-size:29px;line-height:1.4;font-weight:500;letter-spacing:-.03em}.placement-heading>p{font-size:13px;color:#4e6e87;flex-shrink:0}.placement-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}.placement-option{min-width:0}.placement-option>img{aspect-ratio:3/2;object-fit:cover;border-radius:7px}.placement-option>div{padding:22px 0 25px}.placement-index{font-size:12px;color:#386d94}.placement-option h4{font-size:23px;font-weight:500;margin:10px 0 18px;line-height:1.4;letter-spacing:-.025em}.placement-option dl{margin:0 0 20px}.placement-option dl>div{display:grid;grid-template-columns:105px 1fr;gap:18px;padding:13px 0;border-top:1px solid #d2e3ef;font-size:13px;line-height:1.8}.placement-option dt{font-weight:500;color:#1b496c}.placement-option dd{margin:0;color:#4b6881}.placement-option .text-link{font-size:13px}.placement-comparison>.illustration-note{border-top:1px solid #d2e3ef;padding-top:14px;margin-top:0}
.editorial{padding-block:45px 80px}.editorial-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.editorial-item{position:relative;padding:0;border:0;overflow:hidden;border-radius:8px;display:block;min-width:0;color:#fff;background:#e2edf4;cursor:zoom-in;isolation:isolate;text-align:right}.editorial-item>img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.editorial-item:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#04182edb);pointer-events:none}.editorial-wide{grid-row:span 2;min-height:640px}.editorial-wide>img{object-position:48% center}.editorial-item:not(.editorial-wide){height:309px}.editorial-item:hover>img,.editorial-item:focus-visible>img{transform:scale(1.035)}.editorial-caption{position:absolute;inset-inline:27px;bottom:25px;display:flex;align-items:end;justify-content:space-between;gap:20px;z-index:2}.editorial-caption small{font-size:12px;color:#d7eeff;display:block;margin-bottom:8px}.editorial-caption strong{font-size:25px;font-weight:500;line-height:1.35;letter-spacing:-.025em}.editorial-caption>.icon{width:25px;height:25px;color:white;margin-bottom:4px}.editorial-bottom{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-top:21px}.editorial-bottom .illustration-note{margin:0;max-width:570px}.editorial-bottom>.text-link{font-size:13px;flex-shrink:0}
#gallery-dialog{width:min(1100px,92vw);max-height:92svh;margin:auto;padding:0;background:#071e3d;border:1px solid #376080;border-radius:10px;color:white;box-shadow:0 24px 100px #0009;overflow:auto}#gallery-dialog::backdrop{background:#031124dc;backdrop-filter:blur(12px)}.gallery-dialog-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 24px}.gallery-dialog-top>div{display:flex;align-items:center;gap:20px}.gallery-dialog-top h2{font-size:17px;font-weight:500;line-height:1.5}.gallery-dialog-index{font-size:11px;color:#badbf3}.icon-button{display:grid;place-items:center;border:1px solid #c3dcec80;width:42px;height:42px;padding:8px;border-radius:50%;background:#061e3ed9;color:white;flex-shrink:0}.icon-button:hover{background:#0c5480}.icon-button .icon{width:21px;height:21px}.gallery-image-wrap{position:relative}.gallery-image-wrap>img{width:100%;max-height:72svh;object-fit:contain;background:#020e1d}.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.gallery-prev{right:17px}.gallery-next{left:17px}.gallery-dialog-note{font-size:12px;color:#c2dcec;padding:15px 24px;line-height:1.8}.gallery-modal-open .mobile-contact-bar,.gallery-modal-open .floating-whatsapp{visibility:hidden;opacity:0}
.benefit-top .benefit-icon{width:33px;height:33px;color:#b2e3ff}.benefit-top>span:not(.benefit-icon){font-size:12px}.benefit p{font-size:14px;line-height:1.9;color:#c1d8e9}.product-note,.experience-note{font-size:12px;color:#3f5f7a;line-height:1.85}.experience-note{color:#c1d9ea}.mode-number{font-size:11px;color:#badcf1}.mode-detail{font-size:12px;color:#c1d9ea}.solution-tag{font-size:12px;color:#316d98}.solution-tabs button{color:#416783}.solution-tabs button>span{color:#426a89}.solution-copy>p:not(.product-note){color:#3f607c;font-weight:400}.complementary p{color:#42637e}.intro-bottom{color:#426782;font-size:12px}.section-number{color:#426782;font-size:11px}.section-top>p{font-weight:400}.faq-answer p{color:#42617b;font-weight:400}.about-copy>p{color:#42617b;font-weight:400}.flow-image-note,.visual-disclaimer,.about-image-note span+span{font-size:11px}.visual-label{font-size:11px;line-height:1.65}.form-note{font-size:12px;color:#c2d9ed;line-height:1.85}.form-intro{color:#c1d7e9}.field label{font-size:13px;color:#d0e7f6}.phone-help{font-size:12px;color:#bad8ee;margin-top:-17px;margin-bottom:24px;line-height:1.8}.finder-aside>small{font-size:12px;color:#bfd8ec}.finder-result>small{font-size:12px;color:#42637d}.finder-option small{font-size:12px;color:#42637d}.finder-answer-summary>span{font-size:12px;color:#2e5b7d}.finder-progress{font-size:12px;color:#416781}.finder-choice-icon{font-size:11px;color:#426a89}.finder-question-note{font-size:13px;color:#42637d}.footer-bottom,.footer-disclaimer{font-size:12px;color:#42617b;line-height:1.9}.credit,.credit>span{font-size:11px}.footer-top>p{font-size:13px;color:#42617b}.back-top{font-size:12px}.signature small{font-size:12px;color:#42617b}.about-image-note span+span{color:#fff}.flow-detail-index{color:#276388}.experience-note{position:static;display:block;max-width:420px;text-align:right;margin-top:18px}.experience-stage{padding-bottom:32px}.water-mode strong{font-weight:500}
@media(min-width:1600px){.space-comparison{max-height:720px}.editorial-wide{min-height:720px}.editorial-item:not(.editorial-wide){height:349px}}
@media(max-width:1150px){.desktop-nav{gap:14px;font-size:11px}.brand{width:170px}.site-header{gap:16px}.header-contact{gap:12px;padding-inline:13px}.editorial-wide{min-height:580px}.editorial-item:not(.editorial-wide){height:279px}.editorial-caption strong{font-size:22px}.placement-option dl>div{grid-template-columns:85px 1fr;gap:12px}.flow-scene{min-height:315px}}
@media(max-width:900px){.hero-content{padding-top:64px}.hero-story p{font-size:20px}.space{padding-top:50px}.space-comparison{aspect-ratio:3/2}.flow-scene{min-height:300px}.cabinet-controls{padding:12px 14px;gap:10px}.cabinet-toggle{font-size:12px;padding:8px 11px;gap:8px}.cabinet-hint{display:none}.placement-grid{gap:24px}.placement-heading{display:block}.placement-heading>p{margin-top:12px}.placement-option h4{font-size:21px}.placement-option dl>div{grid-template-columns:1fr;gap:3px}.editorial{padding-top:35px}.editorial-wide{min-height:520px}.editorial-item:not(.editorial-wide){height:249px}.editorial-caption{inset-inline:20px;bottom:20px;gap:12px}.editorial-caption strong{font-size:20px}.editorial-bottom{display:block}.editorial-bottom>.text-link{margin-top:17px}.footer-top>p{font-size:12px}.brand{width:170px}}
@media(max-width:600px){.hero{height:800px;min-height:800px}.hero-content{padding-top:76px}.hero h1{margin-block:25px 23px}.hero-description{font-size:15px;line-height:1.9}.hero-story{margin-top:22px;min-height:53px;max-width:100%;gap:7px 12px;padding-right:13px}.hero-story p{font-size:19px}.hero-scene-number{font-size:10px}.hero-buttons{margin-top:25px}.hero-assurance{margin-top:25px;font-size:10px;gap:14px}.hero-bottom{min-height:78px}.hero-water-note{top:26px}.brand{width:158px}.space{padding-block:45px 30px}.space .section-top{margin-bottom:24px}.space-comparison{aspect-ratio:1/1;border-radius:7px}.space-comparison>img{object-fit:cover;object-position:center}.space-label{top:14px;padding:7px 10px;font-size:11px}.space-label-before{left:12px}.space-label-after{right:12px}.space-handle{width:46px;height:46px}.space-handle .icon{width:22px;height:22px}.space-bottom{flex-direction:column;align-items:start;gap:15px;padding-top:17px}.space-bottom>p{font-size:12px;line-height:1.8}.space-presets{width:100%;justify-content:space-between}.space-presets button{font-size:11px;padding:8px 13px;flex:1}.illustration-note{font-size:12px;line-height:1.8}.flow-scene{aspect-ratio:3/2;min-height:0;height:auto}.flow-layer-inside,.flow-layer-surface,.cabinet-closed-layer{object-fit:cover;object-position:center}.flow-image-note{font-size:10px;line-height:1.6;bottom:10px;inset-inline:10px;padding:5px 8px}.flow-scene-label{font-size:11px;top:11px;right:11px;padding:5px 9px}.cabinet-controls{padding:10px 12px}.cabinet-toggle{font-size:12px;min-height:42px}.flow-detail{min-height:116px;padding:14px 15px;gap:11px}.flow-detail strong{font-size:15px}.flow-detail p{font-size:12px;line-height:1.8}.flow-navigation button{font-size:11px;padding:13px 4px;line-height:1.7}.flow-navigation button span{display:none}.flow-step{min-height:260px}.flow-step-number{font-size:11px}.flow-visual{top:106px}.placement-comparison{margin-top:28px;padding-top:26px}.placement-heading h3{font-size:25px;line-height:1.4}.placement-heading>p{font-size:12px}.placement-grid{grid-template-columns:1fr;gap:20px}.placement-option>img{aspect-ratio:3/2}.placement-option>div{padding-top:20px}.placement-index{font-size:12px}.placement-option h4{font-size:23px}.placement-option dl>div{grid-template-columns:90px 1fr;font-size:13px;gap:12px}.placement-option .text-link{font-size:13px}.editorial{padding-block:20px 50px}.editorial-grid{grid-template-columns:1fr;gap:17px}.editorial-wide{grid-row:auto;min-height:0;height:390px}.editorial-item:not(.editorial-wide){height:300px}.editorial-caption{inset-inline:22px;bottom:22px}.editorial-caption strong{font-size:23px}.editorial-caption small{font-size:12px}.editorial-bottom{padding-top:18px}.editorial-bottom>.text-link{font-size:12px}.gallery-dialog-top{padding:13px 14px;gap:12px}.gallery-dialog-top>div{display:block}.gallery-dialog-top h2{font-size:15px}.gallery-dialog-index{font-size:11px;display:block;margin-bottom:3px}#gallery-dialog{width:95vw;border-radius:7px}.gallery-dialog-note{padding:12px 15px;font-size:11px}.gallery-prev{right:10px}.gallery-next{left:10px}.icon-button{width:38px;height:38px}.benefit p{font-size:13px}.benefit-top .benefit-icon{width:29px;height:29px}.benefit-top>span:not(.benefit-icon){font-size:11px}.experience-note{font-size:12px;max-width:100%;margin-top:15px}.experience-stage{min-height:620px;padding-bottom:25px}.experience-copy p{font-size:14px}.mode-detail{font-size:11px;line-height:1.6}.mode-number{font-size:10px}.water-mode{min-height:126px;padding-inline:12px}.product-note{font-size:12px}.visual-label{font-size:10px;line-height:1.7}.visual-disclaimer{font-size:11px}.section-top>p{font-size:14px}.solution-tabs button{font-size:12px;min-height:87px}.solution-tabs button>span{font-size:11px}.solution-tag{font-size:12px}.complementary p{font-size:12px}.finder-progress{font-size:12px;gap:13px}.finder-question-note{font-size:13px}.finder-option small{font-size:12px}.finder-option strong{font-size:14px}.finder-choice-icon{font-size:11px}.finder-answer-summary>span{font-size:11px}.finder-result>small{font-size:12px}.finder-result .button{white-space:normal;text-align:right;line-height:1.6}.form-row{grid-template-columns:1fr;gap:0}.field label{font-size:13px}.field input,.field select{font-size:16px}.field input::placeholder{font-size:14px}.form-note,.phone-help{font-size:12px}.form-intro{font-size:13px}.form-submit{font-size:13px}.phone-label{font-size:12px}.footer-bottom{font-size:12px;gap:14px}.footer-disclaimer{font-size:12px}.credit,.credit>span{font-size:11px}.footer-top>p{font-size:12px}.back-top{font-size:12px}.signature small{font-size:12px}.about-image-note span+span{font-size:11px}.intro-bottom{font-size:12px}.intro-bottom .section-number{font-size:9px}.section-number{font-size:10px}.water-brand-tagline{font-size:20px}.contact-finder-summary{font-size:12px}}
@media(max-width:370px){.brand{width:148px}.hero-content{padding-top:77px}.hero h1{font-size:47px;margin-top:25px}.hero-description{font-size:14px}.hero-story{gap:6px 10px}.hero-story p{font-size:17px}.hero-assurance{font-size:9px;gap:10px}.hero-buttons{gap:24px}.space-label{font-size:10px;padding:7px 8px}.space-presets button{font-size:11px;padding-inline:8px}.flow-visual{top:102px}.flow-scene-label{font-size:10px}.flow-image-note{font-size:9px}.flow-detail{min-height:126px}.flow-detail p{font-size:12px}.flow-navigation button{font-size:10px}.placement-option dl>div{grid-template-columns:1fr;gap:3px}.editorial-wide{height:340px}.editorial-item:not(.editorial-wide){height:270px}.editorial-caption strong{font-size:21px}.solution-tabs button{font-size:11px}.finder-card{padding-inline:17px}.finder-option{padding:13px 11px}.finder-option small{font-size:12px}.finder-choice-icon{width:17px}.footer-top>p{font-size:12px}.experience-stage{min-height:635px}.experience-copy p{font-size:14px}.water-mode strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.hero-story.is-changing p{animation:none}.space-label,.space-handle,.cabinet-closed-layer,.editorial-item>img{transition:none}.editorial-item:hover>img,.editorial-item:focus-visible>img{transform:none}}
.motion-paused .hero-story.is-changing p{animation:none}.motion-paused .cabinet-closed-layer{transition:none}.motion-paused .editorial-item>img{transition:none}
.icon-drop{--icon:url('assets/icons/drop.svg')}.flow-route{display:none;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid #d8e8f4;background:#edf7ff;color:#315d7e;font-size:12px;line-height:1.7}.flow[data-step="1"].is-cabinet-open .flow-route{display:flex}.flow-route>span{display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent;padding-bottom:4px;animation:routeStep 6s infinite}.flow-route>span:nth-child(2){animation-delay:2s}.flow-route>span:nth-child(3){animation-delay:4s}.flow-route .icon{width:16px;height:16px}@keyframes routeStep{0%,30%{color:#005b93;border-color:#057bb6}34%,100%{color:#315d7e;border-color:transparent}}.motion-paused .flow-route>span,.page-inactive .flow-route>span{animation-play-state:paused}.flow:not(.is-in-view) .flow-route>span{animation-play-state:paused}@media(max-width:600px){.flow-route{padding:11px 13px;gap:9px;font-size:11px}.flow-route .icon{display:none}.flow-detail{min-height:116px}}@media(prefers-reduced-motion:reduce){.flow-route>span{animation:none;color:#315d7e;border-color:#99cce8}}
@media(max-width:600px) and (max-height:740px){.flow-visual{position:relative;top:auto}}
.mobile-menu{max-height:calc(100svh - 110px);overflow-y:auto}.hero-assurance{font-size:11px;flex-wrap:wrap;gap:8px 18px}.scroll-cue{font-size:12px}
.interaction-in-view .floating-whatsapp{visibility:hidden;opacity:0}
@media(max-width:600px){.water-experience{display:flex;flex-direction:column}.water-modes{order:-1;border-top:0;border-bottom:1px solid #81b9e43b}.glass-world{top:406px}.experience-stage{flex-shrink:0}}
@media(max-width:370px){.glass-world{top:426px}}
@media(max-width:600px){.hero-assurance{font-size:11px;gap:8px 14px}.glass-world{top:406px;height:240px}.experience-stage{min-height:680px}.mobile-menu{max-height:calc(100svh - 100px)}}
@media(max-width:370px){.hero-assurance{font-size:11px;gap:8px 12px}.header-contact-label:after{font-size:11px}.header-contact{padding-inline:9px;gap:6px}.flow-image-note{font-size:11px}.glass-world{top:426px;height:225px}.experience-stage{min-height:700px}.mobile-menu{max-height:calc(100svh - 94px)}}
.header-contact{
  position:relative;isolation:isolate;overflow:hidden;flex-shrink:0;
  min-height:52px;padding:8px 20px 8px 10px;gap:16px;border-radius:999px;
  color:#fff;background:linear-gradient(125deg,#10375e 5%,#146394 100%);
  border:1px solid #246e99;font-size:12.5px;font-weight:600;line-height:1.4;
  box-shadow:0 7px 18px #0b416f29,inset 0 1px 0 #ffffff2b;
  transition:transform .22s,box-shadow .22s,border-color .22s;
}
.header-contact:before{
  content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
  background:linear-gradient(110deg,#fff0 20%,#ffffff12 65%,#fff0);
  opacity:.5;transition:opacity .22s;
}
.header-contact>span{position:relative;z-index:1}
.header-contact>span:not(.header-contact-label){
  display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;
  border:1px solid #ffffff4d;border-radius:50%;background:#ffffff12;
  color:#fff;font:21px/1 Arial,sans-serif;transition:transform .22s,background .22s;
}
.header-contact:hover,.header-contact:focus-visible{
  color:#fff;background:linear-gradient(125deg,#164773 5%,#176da0 100%);
  border-color:#408cb7;box-shadow:0 10px 24px #0b416f38,inset 0 1px 0 #ffffff38;
}
.header-contact:focus-visible{outline:2px solid #087fb9;outline-offset:4px}
.header-contact:hover:before,.header-contact:focus-visible:before{opacity:1}
.header-contact:active{transform:translateY(0);box-shadow:0 3px 9px #0b416f29}
@media(hover:hover) and (pointer:fine){
  .header-contact:hover{transform:translateY(-2px)}
  .header-contact:hover>span:not(.header-contact-label){transform:translate(-1px,1px);background:#ffffff21}
  .header-contact:hover:active{transform:translateY(0)}
}
@media(max-width:1150px){
  .header-contact{padding:8px 15px 8px 10px;gap:12px;font-size:11.5px}
  .header-contact>span:not(.header-contact-label){width:28px;height:28px;font-size:20px}
}
@media(max-width:600px){
  .site-header{gap:12px}
  .header-contact{min-height:44px;padding:7px 10px;gap:8px;box-shadow:0 4px 12px #0b416f26,inset 0 1px 0 #ffffff2b}
  .header-contact-label:after{font-size:11px}
  .header-contact>span:not(.header-contact-label){width:24px;height:24px;font-size:18px}
}
@media(max-width:370px){
  .site-header{gap:6px;padding-inline:12px}
  .header-contact{padding-inline:6px;gap:5px}
  .header-contact>span:not(.header-contact-label){width:22px;height:22px;font-size:17px}
}
@media(prefers-reduced-motion:reduce){.header-contact:hover,.header-contact:hover>span:not(.header-contact-label){transform:none}}
.footer-bottom{flex-wrap:wrap}
.motion-setting{
  display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;
  min-height:44px;padding:8px 14px;border:1px solid #bcd6e9;border-radius:999px;
  background:#fff;color:#315e80;font-size:12px;line-height:1.5;
  transition:background .2s,border-color .2s;
}
.motion-setting:hover,.motion-setting:focus-visible{background:#e6f4ff;border-color:#7bb7dc}
.motion-setting[aria-pressed=true]{background:#e0effa;color:#154768;border-color:#8abbda}
.space-comparison{aspect-ratio:3/2;max-height:none}
.flow-scene{aspect-ratio:3/2;min-height:0}
.flow .hotspot-tap{left:68.5%;top:33%}
.flow .hotspot-filter{left:40%;top:69%}
.flow .hotspot-fit{left:61%;top:72%}
.editorial-wide>img{object-position:60% center}
.editorial-item[data-gallery="1"]>img{object-position:68% center}
.editorial-item[data-gallery="2"]>img{object-position:center 65%}
#panel-drinking .solution-visual img{object-position:68% center}
#panel-filtering .solution-visual img{object-position:center 65%}
.about-image>img{object-position:58% center}
@media(max-width:600px){
  .space-comparison{aspect-ratio:3/2}
  .space-label{font-size:10px;padding:6px 9px}
  .flow-hotspot{width:30px;height:30px}
  .flow-hotspot span{font-size:21px}
  .flow-hotspot:after{content:'';position:absolute;inset:-7px;border-radius:50%}
}
/* water-bars.css */
.water-bars{padding-block:82px 32px;background:linear-gradient(120deg,#eef8ff 0%,#fff 53%,#f7fbff 100%);border-bottom:1px solid #dce9f3;overflow:hidden}
.water-bars-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(36px,6vw,90px)}
.water-bars-copy>.eyebrow{color:#427596;margin-bottom:26px}
.water-bars h2{font-size:clamp(35px,3.6vw,55px);line-height:1.23;letter-spacing:-.035em;font-weight:500}
.water-bars h2>span{color:#5285ac}
.water-bars-copy .water-bars-lead{font-size:21px;color:#143e60;line-height:1.65;margin-block:26px 15px;font-weight:500}
.water-bars-copy>p:not(.water-bars-lead){font-size:15px;line-height:1.95;color:#486a86;max-width:490px}
.water-bar-features{list-style:none;margin:25px 0 29px;padding:0}
.water-bar-features li{display:flex;gap:17px;padding-block:14px;border-top:1px solid #dbe8f1}
.water-bar-mark{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #b8d6e9;border-radius:50%;font-size:10px;color:#3178a7;direction:ltr}
.water-bar-features h3{font-size:16px;line-height:1.5;margin-bottom:3px}
.water-bar-features p{font-size:13px;line-height:1.8;color:#587791}
.water-bars-actions{display:flex;align-items:center;flex-wrap:wrap;gap:19px 25px}
.water-bars-actions .button{gap:25px;font-size:13px}
.water-bars-actions .text-link{font-size:12px;gap:12px}
.water-bar-photo{position:relative;display:block;width:100%;padding:0;border:1px solid #cfdeeb;border-radius:140px 12px 12px 12px;overflow:hidden;text-align:right;isolation:isolate;background:#dce9ee;color:#fff;box-shadow:0 24px 65px #123e5d14;aspect-ratio:4/5}
.water-bar-photo>img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.18,.65,.28,1)}
.water-bar-photo:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(0deg,#061d37b8,transparent);pointer-events:none}
.water-bar-photo-top{position:absolute;top:26px;left:27px;font-size:9px;letter-spacing:.15em;direction:ltr;text-shadow:0 1px 8px #071b32}
.water-bar-photo-caption{position:absolute;inset-inline:27px;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:1}
.water-bar-photo-caption strong{font-size:19px;font-weight:500}
.water-bar-photo-caption .icon{width:23px;height:23px;flex-shrink:0}
.water-bar-photo:hover>img{transform:scale(1.035)}
.water-bar-photo:focus-visible{outline:3px solid #087eba;outline-offset:6px}
.water-bars-visual>.illustration-note{max-width:490px;margin-top:14px;font-size:11px}
.water-bars-service{display:flex;justify-content:space-between;gap:25px;margin-top:48px;padding-block:23px 0;border-top:1px solid #d6e6f1;color:#3e6684;font-size:12px}
.water-bars-service span:before{content:'✓';color:#1776ad;margin-left:10px}
#panel-drinking .solution-visual img{object-position:43% center}
.editorial-wide>img{object-position:43% center}
.hero h1{font-size:clamp(58px,6.1vw,91px)}
@media(max-width:1000px){.water-bars-layout{gap:34px}.water-bars h2{font-size:36px}.water-bars-copy>.eyebrow{font-size:11px}.water-bars-copy .water-bars-lead{font-size:19px}.water-bars-copy>p:not(.water-bars-lead){font-size:14px}.water-bar-features{margin-block:20px}.water-bar-features li{padding-block:11px}.water-bar-features p{font-size:12px}.water-bar-photo{border-top-right-radius:100px}.water-bar-photo-caption{inset-inline:20px}.water-bar-photo-caption strong{font-size:16px}}
@media(max-width:740px){.water-bars{padding-block:45px 24px}.water-bars-layout{grid-template-columns:1fr;gap:30px}.water-bars h2{font-size:37px}.water-bars-copy>.eyebrow{margin-bottom:20px}.water-bars-copy .water-bars-lead{margin-block:21px 13px}.water-bars-visual{max-width:480px;width:100%;justify-self:center}.water-bars-copy>p:not(.water-bars-lead){max-width:none}.water-bar-features{margin-block:23px}.water-bar-features li{padding-block:13px}.water-bar-features p{font-size:13px}.water-bars-service{gap:13px;flex-wrap:wrap;margin-top:29px;padding-top:19px;font-size:11px}.water-bars-service span:before{margin-left:6px}.water-bar-photo-caption strong{font-size:18px}.water-bars-actions{gap:19px}.water-bars-actions .text-link{font-size:11px}.hero h1{font-size:clamp(43px,9.7vw,67px)}.hero-description{max-width:520px}}
@media(max-width:370px){.water-bars h2{font-size:32px}.water-bars-copy>.eyebrow{font-size:10px}.water-bars-copy .water-bars-lead{font-size:18px}.water-bar-photo-caption{inset-inline:17px;bottom:20px}.water-bar-photo-caption strong{font-size:15px}.hero h1{font-size:39px}.water-bars-actions .button{font-size:12px}}
@media(max-width:740px){.water-bars-visual{grid-row:1}}
@media(prefers-reduced-motion:reduce){.water-bar-photo>img{transition:none}.water-bar-photo:hover>img{transform:none}}
.motion-paused .water-bar-photo>img{transition:none}
.motion-paused .water-bar-photo:hover>img{transform:none}
/* dispenser.css */
.dispenser-experience{--drink-accent:#80d9ff;--drink-glow:#39b7ed;min-height:0;background:#081e37;border:1px solid #1c4667;isolation:isolate}
.dispenser-experience .experience-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;min-height:0;padding:34px 50px 28px;pointer-events:auto;background:linear-gradient(115deg,#173c58 0%,#0a233d 48%,#071c33 75%)}
.dispenser-copy-block{position:relative;z-index:2;padding-block:15px}
.dispenser-experience .experience-counter{display:block;color:#8db4cf;font-size:10px;letter-spacing:.12em;direction:ltr;text-align:right;margin-bottom:30px}
.dispenser-experience .experience-copy{max-width:100%;min-height:178px}
.dispenser-experience .mode-eyebrow{color:var(--drink-accent);font-size:13px}
.dispenser-experience .experience-copy h3{font-size:clamp(29px,3.1vw,43px);line-height:1.3;margin-block:13px 19px;letter-spacing:-.03em;color:#fff}
.dispenser-experience .experience-copy p{font-size:15px;line-height:1.95;max-width:390px;color:#c0d5e4}
.dispenser-copy-block>.text-link{font-size:13px;margin-top:24px;gap:24px;color:#e6f7ff}
.dispenser-experience .experience-note{display:block;position:static;text-align:right;max-width:370px;line-height:1.9;font-size:11px;color:#a2c2d8;margin-top:20px}
.dispenser-visual{position:relative;display:grid;place-items:center;min-width:0;align-self:stretch;border-radius:120px 12px 12px 12px;background:radial-gradient(ellipse at 52% 40%,#86b5d74d,transparent 70%)}
.dispenser-visual:after{content:'';position:absolute;bottom:11%;left:14%;right:14%;height:4%;border-radius:50%;background:#010b17;filter:blur(14px);opacity:.45;z-index:-1}
.dispenser-picture{position:relative;width:min(100%,340px);aspect-ratio:1368/1764;transform:translate3d(var(--dispenser-x,0px),var(--dispenser-y,0px),0);transition:transform .7s cubic-bezier(.2,.65,.25,1)}
.dispenser-product{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 18px 15px #010d1c60)}
.dispenser-status{position:absolute;left:14px;top:12px;color:#d6f0ff;border:1px solid #9fd5ed4d;border-radius:25px;background:#0d2b45e0;backdrop-filter:blur(8px);font-size:11px;padding:7px 12px;z-index:3}
.dispenser-status:before{content:'';display:inline-block;vertical-align:middle;width:5px;height:5px;border-radius:50%;background:var(--drink-accent);box-shadow:0 0 10px var(--drink-glow);margin-left:7px}
.dispenser-stream{position:absolute;left:59.1%;top:35.9%;height:30%;width:2px;background:repeating-linear-gradient(180deg,#d8f7ff22 0%,#fff9 17%,#9ce5ff55 34%,#e5fbff16 50%);background-size:100% 200%;border-radius:50%;opacity:.85;box-shadow:0 0 4px #b4ecff55;animation:dispenserFlow .7s linear infinite}
.dispenser-steam{position:absolute;left:51.5%;top:43.4%;width:21.7%;height:26%;opacity:0;pointer-events:none;transition:opacity .5s}
.dispenser-steam i{position:absolute;bottom:0;left:15%;width:25%;height:75%;border-radius:50%;background:linear-gradient(0deg,#eef8ff60,transparent);filter:blur(5px);animation:dispenserSteam 3.2s ease-out infinite}
.dispenser-steam i:nth-child(2){left:42%;animation-delay:-1.1s;height:90%}.dispenser-steam i:nth-child(3){left:65%;animation-delay:-2.2s;height:65%}
.dispenser-bubbles{position:absolute;left:50.6%;top:66.8%;width:19.8%;height:19.6%;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .5s;mask-image:linear-gradient(transparent,#000 15%,#000 90%,transparent)}
.dispenser-bubbles i{position:absolute;bottom:-5px;left:12%;width:3px;height:3px;border:1px solid #e7fbffb8;border-radius:50%;animation:dispenserBubble 2.3s linear infinite}
.dispenser-bubbles i:nth-child(2n){left:42%;animation-delay:-1.2s;width:2px;height:2px}.dispenser-bubbles i:nth-child(3n){left:75%;animation-delay:-.6s}.dispenser-bubbles i:nth-child(4n){left:60%;animation-duration:3s;animation-delay:-2s}
.dispenser-experience[data-mode=hot]{--drink-accent:#f6d2ac;--drink-glow:#e9a768}.dispenser-experience[data-mode=hot] .dispenser-steam{opacity:.65}
.dispenser-experience[data-mode=sparkling]{--drink-accent:#a8eaff;--drink-glow:#66d9ed}.dispenser-experience[data-mode=sparkling] .dispenser-bubbles{opacity:1}
.dispenser-experience[data-mode]{--mode-color:var(--drink-accent)}
.dispenser-experience .water-modes{position:relative;display:grid;grid-template-columns:repeat(3,1fr);grid-column:1/-1;grid-row:2;margin:0 -50px -28px;border-top:1px solid #48708d55;z-index:4}
.dispenser-experience .water-mode{min-height:112px;padding:19px 25px;background:#061a31;color:#c2d9e8}
.dispenser-experience .water-mode strong{font-size:24px;font-weight:500}.dispenser-experience .mode-detail{font-size:12px;line-height:1.8;margin-top:8px;color:#a6c8df}
.dispenser-experience .water-mode[aria-pressed=true]{background:#16415f;color:#fff}.dispenser-experience .water-mode:after{background:var(--drink-accent)}
.dispenser-experience .water-mode:focus-visible{outline:2px solid #b7eaff;outline-offset:-5px}
.experience-installations{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:21px}
.experience-installations>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;border:1px solid #cddfeb;border-radius:8px;background:#fff;transition:border-color .25s,background .25s}
.experience-installations>a:hover{background:#eef8ff;border-color:#7dbbdf}.experience-installations small{display:block;font-size:11px;color:#4c7e9f;margin-bottom:6px}.experience-installations strong{display:block;font-size:20px;font-weight:500;color:#173c5e}.experience-installations p{font-size:13px;line-height:1.8;color:#56758e;margin-top:7px}.experience-installations .installation-arrow{border:1px solid #bdd7e8;border-radius:50%;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;font:23px Arial,sans-serif;color:#27648d}
@keyframes dispenserFlow{to{background-position:0 200%}}
@keyframes dispenserSteam{0%{transform:translateY(12px) scaleX(.6);opacity:0}20%{opacity:.55}100%{transform:translate(-8px,-38px) scaleX(1.8);opacity:0}}
@keyframes dispenserBubble{0%{transform:translateY(0);opacity:0}15%,80%{opacity:.8}100%{transform:translate(3px,-72px);opacity:0}}
.water-experience:not(.is-in-view) .dispenser-picture *,.page-inactive .dispenser-picture *,.motion-paused .dispenser-picture *{animation-play-state:paused!important}
.motion-paused .dispenser-picture{transform:none;transition:none}
@media(max-width:1000px){.dispenser-experience .experience-stage{padding-inline:28px;gap:20px}.dispenser-experience .experience-copy h3{font-size:32px}.dispenser-experience .experience-copy p{font-size:14px}.dispenser-experience .experience-copy{min-height:190px}.dispenser-experience .water-mode{padding-inline:20px}.experience-installations>a{padding:22px}.experience-installations strong{font-size:18px}}
@media(max-width:600px){.dispenser-experience .experience-stage{grid-template-columns:1fr;gap:0;padding:24px 24px 22px}.dispenser-copy-block{display:contents}.dispenser-experience .experience-counter{grid-row:1;margin-bottom:14px;text-align:right;font-size:9px}.dispenser-experience .experience-copy{grid-row:2;min-height:178px}.dispenser-experience .mode-eyebrow{font-size:12px}.dispenser-experience .experience-copy h3{font-size:30px;margin-block:10px 12px}.dispenser-experience .experience-copy p{font-size:14px;line-height:1.85}.dispenser-visual{grid-row:3;width:100%;margin-top:3px;min-height:0;background:radial-gradient(ellipse at 50% 40%,#86b5d73d,transparent 73%)}.dispenser-picture{width:min(100%,310px)}.dispenser-status{left:0;top:9px;font-size:10px;padding:6px 10px}.dispenser-copy-block>.text-link{grid-row:4;margin-top:8px;font-size:12px;justify-self:start;align-self:auto}.dispenser-experience .experience-note{grid-row:5;margin-top:15px;font-size:11px}.dispenser-experience .water-modes{grid-template-columns:repeat(3,1fr)}.dispenser-experience .water-mode{min-height:112px;padding:15px 12px;display:flex;flex-direction:column;align-items:start}.dispenser-experience .water-mode strong{font-size:20px}.dispenser-experience .mode-number{font-size:10px}.dispenser-experience .mode-detail{font-size:11px;line-height:1.7;max-width:none}.dispenser-experience .mode-arrow{display:none}.experience-installations{grid-template-columns:1fr;gap:12px;margin-top:16px}.experience-installations>a{padding:20px}.experience-installations strong{font-size:20px}.experience-installations p{font-size:13px}.experience-installations small{font-size:11px}}
@media(max-width:370px){.dispenser-experience .experience-stage{padding-inline:19px}.dispenser-experience .experience-copy h3{font-size:27px}.dispenser-experience .experience-copy{min-height:205px}.dispenser-experience .water-mode{padding-inline:10px}.dispenser-experience .water-mode strong{font-size:18px}.dispenser-experience .mode-detail{font-size:10px}.experience-installations strong{font-size:18px}}
@media(min-width:601px) and (max-width:1000px){.dispenser-experience .water-modes{margin-inline:-28px}}
@media(max-width:600px){.dispenser-experience .water-modes{grid-column:1;grid-row:3;margin:15px -24px 0}.dispenser-visual{grid-row:4}.dispenser-copy-block>.text-link{grid-row:5}.dispenser-experience .experience-note{grid-row:6}}
@media(max-width:370px){.dispenser-experience .water-modes{margin-inline:-19px}}
@media(prefers-reduced-motion:reduce){.dispenser-picture{transform:none;transition:none}.dispenser-picture *{animation:none!important}.dispenser-steam i{opacity:.25;transform:translateY(-10px)}.dispenser-bubbles i{bottom:30%;opacity:.7}.dispenser-bubbles i:nth-child(2n){bottom:65%}}
/* testimonials.css */
.testimonials{padding-block:80px 70px;background:linear-gradient(180deg,#f7fbff,#eef6fd);overflow:hidden}
.testimonials-top{text-align:center;margin-bottom:42px}
.testimonials-kicker{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.08em;color:#1d5e8c;margin-bottom:12px}
.testimonials-top h2{font-size:clamp(30px,3.4vw,44px);font-weight:600;letter-spacing:-.025em;color:#0a2348}
.testimonials-top p{font-size:17px;color:#4f6f8a;margin-top:12px}
.testimonials-top .demo-note{display:inline-block;margin-top:16px;padding:6px 14px;border-radius:30px;background:#fff4dc;border:1px solid #f0d48f;color:#7a5600;font-size:13px}
.t-marquee{position:relative;direction:ltr;overflow:hidden;padding-block:14px 22px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.t-track{display:flex;width:max-content;animation:tMarquee var(--t-duration,70s) linear infinite}
.t-marquee:hover .t-track,.t-marquee:focus-within .t-track,.motion-paused .t-track,.t-marquee:not(.is-in-view) .t-track{animation-play-state:paused}
@keyframes tMarquee{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.t-card{direction:rtl;flex:0 0 360px;display:flex;flex-direction:column;margin:0 24px 0 0;padding:26px 26px 24px;border-radius:20px;background:#fff;border:1px solid #dbe8f3;box-shadow:0 14px 34px #0a234812;transition:transform .3s,box-shadow .3s,border-color .3s}
.t-card:hover{transform:translateY(-4px);border-color:#a9d3ef;box-shadow:0 22px 44px #0a23481f}
.t-head{display:flex;align-items:center;gap:14px}
.t-avatar{display:grid;place-items:center;width:54px;height:54px;flex-shrink:0;border-radius:50%;font-size:18px;font-weight:600;color:#fff;box-shadow:0 0 0 3px #fff,0 0 0 4px #cfe3f2}
.t-avatar-0{background:linear-gradient(140deg,#1d5e8c,#0a2348)}
.t-avatar-1{background:linear-gradient(140deg,#3aa7e6,#1d5e8c)}
.t-avatar-2{background:linear-gradient(140deg,#5d7f99,#2b4560)}
.t-avatar-3{background:linear-gradient(140deg,#7fc6e8,#3b86b8)}
.t-head figcaption{flex:1;min-width:0}
.t-head strong{display:block;font-size:17px;font-weight:600;color:#0a2348}
.t-head small{display:block;font-size:13px;color:#42617b;margin-top:2px}
.t-quote{font:700 64px/1 Georgia,'Times New Roman',serif;color:#f2b33d;margin-top:-14px;height:40px}
.t-meta{display:flex;align-items:center;gap:10px;margin:16px 0 12px;font-size:13px;color:#42617b}
.t-stars{display:inline-flex;gap:3px}
.t-stars i{width:16px;height:16px;background:#f2b33d;clip-path:polygon(50% 0,61.8% 35.1%,98.1% 35.1%,68.8% 56.7%,79.4% 91.2%,50% 70%,20.6% 91.2%,31.2% 56.7%,1.9% 35.1%,38.2% 35.1%)}
.t-card blockquote{margin:0}
.t-card blockquote p{font-size:15.5px;line-height:1.85;color:#2e4a63}
@media(max-width:600px){
  .testimonials{padding-block:56px 48px}
  .testimonials-top{margin-bottom:28px}
  .testimonials-top p{font-size:15px}
  .t-card{flex-basis:290px;padding:22px 20px}
  .t-card{margin-right:16px}
  .t-marquee{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
}
@media(prefers-reduced-motion:reduce){
  .t-marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none;scroll-snap-type:x mandatory}
  .t-track{animation:none;padding-inline:20px}
  .t-track>[aria-hidden=true]{display:none}
  .t-card{scroll-snap-align:center}
}
/* polish.css */
.section-top>p,.faq-answer p,.faq-intro p,.flow-step p,.editorial p{font-size:16px;line-height:1.85;color:#365873}
.solution-panel p,.about-copy p{font-size:16px;color:#335572}
.benefit p{font-size:15px;color:#d3e5f2}
.water-bars li p,.solution-list li,.process-list p,.experience-installations p{font-size:15px;line-height:1.75;color:#3d5f7b}
.finder-option small,.finder-question-note{font-size:14px;color:#3d5f7b}
.illustration-note,.product-note,.flow-image-note{font-size:13px}
.dispenser-experience .experience-note{font-size:13px;color:#b5d0e3}
.dispenser-experience .mode-detail{font-size:13px}
.experience-installations small{font-size:12px;color:#3d6d8f}
.hero-water-note span:last-child,.dispenser-experience .experience-counter,.visual-label,.section-number{direction:rtl;letter-spacing:0;text-transform:none}
.hero-water-note span:last-child{font-size:12px}
.dispenser-experience .experience-counter{font-size:12px;text-align:right}
.visual-label{font-size:13px}
.section-number{font-size:12px}
.complementary{gap:28px;padding-block:26px}
.complementary-image{width:230px;aspect-ratio:3/2;object-fit:cover;border-radius:10px;flex-shrink:0;box-shadow:0 12px 28px #0c2a4a1f}
.complementary>div{flex:1}
.complementary strong{font-size:20px}
.complementary p{font-size:15px;line-height:1.75;color:#3d5f7b;max-width:460px;margin-top:6px}
@media(max-width:600px){
  .complementary{flex-wrap:wrap;gap:14px}
  .complementary-image{width:100%}
  .complementary strong{font-size:18px}
  .complementary p{font-size:14px;max-width:none}
  .section-top>p,.faq-answer p,.faq-intro p,.flow-step p,.editorial p,.solution-panel p,.about-copy p{font-size:15px}
  .water-bars li p,.solution-list li,.process-list p,.experience-installations p{font-size:14px}
  .dispenser-experience .mode-detail{font-size:12px}
  .benefit p{font-size:14px}
}
.footer-legal{display:flex;flex-wrap:wrap;gap:4px 18px}
.footer-legal a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;color:#1d5e8c;text-decoration:underline;text-underline-offset:3px}
.footer-legal a:hover{color:#0a2348}
main :focus-visible,.site-footer :focus-visible{outline-color:#0b6fb3}
.hero :focus-visible,.difference :focus-visible,.contact :focus-visible,.water-experience :focus-visible{outline-color:#9fdcff}
.form-note a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.floating-whatsapp{transition:opacity .25s,visibility .25s}
body.footer-in-view .floating-whatsapp{opacity:0;visibility:hidden;pointer-events:none}
.hero-bottom{justify-content:flex-start}
.hero-bottom .pointer-hint{margin-inline-start:auto}
.hero-bottom .scroll-cue{order:-2}
.hero-bottom .hero-motion-toggle{order:-1}
.hero-motion-toggle{min-height:40px;padding:8px 16px;border:1px solid #a4d4ff66;border-radius:30px;background:#06183380;color:#d9eeff;font:inherit;font-size:13px;cursor:pointer;backdrop-filter:blur(6px);flex-shrink:0}
.hero-motion-toggle:hover{background:#0d2d55cc;border-color:#a4d4ffaa}
.footer-legal .consent-settings{min-height:44px;padding:0;border:0;background:none;font:inherit;font-size:13px;color:#1d5e8c;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.consent-banner{position:fixed;inset-inline:16px;bottom:16px;z-index:60;max-width:560px;margin-inline:auto;padding:18px 20px;border-radius:12px;background:#0a2348;color:#e4f2ff;box-shadow:0 18px 40px #02102466;font-size:14px;line-height:1.7}
.consent-banner a{color:#9fdcff;text-decoration:underline}
.consent-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.consent-actions button{min-height:44px;padding:8px 18px;border-radius:24px;font:inherit;font-size:14px;cursor:pointer}
.consent-accept{border:0;background:#9fdcff;color:#06203f;font-weight:600}
.consent-decline{border:1px solid #9fdcff88;background:none;color:#e4f2ff}
@media(max-width:600px){.hero-motion-toggle{font-size:12px;padding:6px 12px;min-height:44px}}
.header-contact{position:relative;overflow:hidden;isolation:isolate;transition:transform .3s,box-shadow .3s,background .3s}
.header-contact:after{content:'';position:absolute;top:-60%;bottom:-60%;left:-70%;width:40%;z-index:2;background:linear-gradient(90deg,transparent,#ffffff8c,transparent);transform:skewX(-20deg);transition:left .65s;pointer-events:none}
.header-contact:hover:after,.header-contact:focus-visible:after{left:130%}
.header-contact:hover{transform:translateY(-3px);box-shadow:0 12px 30px #129dea33}
.header-contact>span:not(.header-contact-label){transition:transform .3s,background .3s}
.header-contact:hover>span:not(.header-contact-label){transform:rotate(-15deg)}
@media(hover:none){.header-contact:hover{transform:none}.header-contact:hover>span:not(.header-contact-label){transform:none}}
@media(prefers-reduced-motion:reduce){.header-contact:after{display:none}.header-contact:hover,.header-contact:hover>span:not(.header-contact-label){transform:none}}
.menu-toggle{position:relative;width:46px;height:46px;padding:0;border-radius:14px;border:1px solid #cfe3f2;background:linear-gradient(150deg,#ffffff,#e9f4fc);box-shadow:0 6px 16px #0a234814,inset 0 1px 0 #fff;cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s,transform .2s}
.menu-toggle:active{transform:scale(.94)}
.menu-toggle:focus-visible{outline:2px solid #0b6fb3;outline-offset:3px}
.menu-toggle span.menu-lines,.menu-toggle[aria-expanded=true] span.menu-lines{position:absolute;inset:0;display:block;width:auto;height:auto;margin:0;background:none;transform:none}
.menu-lines i{position:absolute;right:12px;height:2px;border-radius:2px;background:linear-gradient(90deg,#2a8fd0,#0a2348);transition:transform .35s cubic-bezier(.65,.05,.36,1),width .35s,opacity .2s,top .35s,background .3s}
.menu-lines i:nth-child(1){top:15px;width:20px}
.menu-lines i:nth-child(2){top:21.5px;width:13px}
.menu-lines i:nth-child(3){top:28px;width:17px}
.menu-toggle:hover .menu-lines i:nth-child(2),.menu-toggle:hover .menu-lines i:nth-child(3){width:20px}
.menu-toggle[aria-expanded=true]{border-color:#0a2348;background:linear-gradient(150deg,#123d6b,#0a2348);box-shadow:0 8px 20px #0a234840}
.menu-toggle[aria-expanded=true] .menu-lines i{background:#fff;width:20px;top:21.5px}
.menu-toggle[aria-expanded=true] .menu-lines i:nth-child(1){transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-lines i:nth-child(2){opacity:0;transform:translateX(-6px)}
.menu-toggle[aria-expanded=true] .menu-lines i:nth-child(3){transform:rotate(-45deg)}
@media(max-width:600px){.menu-toggle{width:44px;height:44px;border-radius:13px}.menu-lines i{right:11px}.menu-lines i:nth-child(1){top:14px}.menu-lines i:nth-child(2){top:20.5px}.menu-lines i:nth-child(3){top:27px}.menu-toggle[aria-expanded=true] .menu-lines i{top:20.5px}}
@media(prefers-reduced-motion:reduce){.menu-lines i{transition:none}}
.floating-whatsapp{width:58px;height:58px;background:#25d366;color:#fff;border:0;box-shadow:0 10px 26px #25d36659,0 2px 6px #0a234826;transition:transform .25s,background .25s,box-shadow .25s,opacity .25s,visibility .25s}
.floating-whatsapp:before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;opacity:0;animation:waPulse 2.8s ease-out infinite;pointer-events:none}
.floating-whatsapp:hover{background:#1ebe5b;transform:translateY(-4px) scale(1.04);box-shadow:0 14px 32px #25d36673}
.floating-whatsapp>svg.wa-glyph{width:30px;height:30px;stroke:none}
.floating-whatsapp:focus-visible{outline:3px solid #0b6fb3;outline-offset:3px}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(1.45);opacity:0}}
.motion-paused .floating-whatsapp:before{animation:none}
@media(max-width:600px){.floating-whatsapp{width:52px;height:52px}.floating-whatsapp>svg.wa-glyph{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp:before{animation:none}}
.back-to-top{position:fixed;right:25px;bottom:26px;z-index:41;display:grid;place-items:center;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffffff,#e6f2fb);box-shadow:0 12px 28px #0a234826,inset 0 1px 0 #fff;color:#0a2348;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px) scale(.9);transition:opacity .35s,visibility .35s,transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .25s}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}
.back-to-top:hover{transform:translateY(-4px);box-shadow:0 18px 34px #0a234838}
.back-to-top:active{transform:scale(.94)}
.back-to-top:focus-visible{outline:3px solid #0b6fb3;outline-offset:3px}
.btt-ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.btt-ring circle{fill:none;stroke-width:3}
.btt-track{stroke:#cfe3f2}
.btt-progress{stroke:#1d8fd6;stroke-linecap:round;transition:stroke-dashoffset .12s linear}
.btt-arrow{position:relative;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s}
.back-to-top:hover .btt-arrow{transform:translateY(-3px)}
.mobile-contact-active .back-to-top{bottom:84px}
body.footer-in-view .back-to-top{bottom:110px}
@media(max-width:600px){.back-to-top{width:52px;height:52px;right:16px;bottom:18px}.btt-arrow{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.back-to-top,.btt-progress,.btt-arrow{transition:none}}
.footer-bottom .credit{display:inline-flex;align-items:center;gap:10px}
.footer-bottom .credit .credit-label{font-size:13px;letter-spacing:0;color:#42617b}
.credit-logo{display:block;height:30px;width:auto}
@media(max-width:600px){.footer-bottom .credit .credit-label{font-size:12px}.credit-logo{height:26px}}
.hero h1#hero-title{font-size:clamp(40px,4.4vw,66px);line-height:1.12}
.hero-description strong{font-weight:500;color:#e8f4ff}
@media(max-width:600px){.hero h1#hero-title{font-size:38px}}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.contact-form-premium{--glow:#5cc8ff;padding:38px 36px 32px;border-radius:22px;border:1px solid transparent;background:linear-gradient(160deg,#0c2b52f2,#071c3af2) padding-box,linear-gradient(140deg,#9fdcff99,#2a6fa833 40%,#9fdcff22 70%,#5cc8ff88) border-box;box-shadow:0 40px 80px #0108184d,inset 0 1px 0 #ffffff14;backdrop-filter:blur(20px);overflow:hidden}
.contact-form-premium:before{content:'';position:absolute;width:340px;height:340px;top:-170px;left:-120px;border-radius:50%;background:radial-gradient(circle,#4fc3ff33,transparent 70%);pointer-events:none}
.form-head{position:relative;margin-bottom:22px}
.form-kicker{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.02em;color:#9fdcff;margin-bottom:10px}
.form-kicker:before{content:'';width:7px;height:7px;border-radius:50%;background:#5cc8ff;box-shadow:0 0 0 4px #5cc8ff26}
.contact-form-premium h3{font-size:30px;font-weight:600;letter-spacing:-.02em}
.contact-form-premium .form-intro{font-size:15px;margin:6px 0 0;color:#bcd6ea}
.channel-switch{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 26px;padding:0;border:0}
.channel-option{position:relative;display:flex;align-items:center;gap:12px;padding:14px 14px;border-radius:14px;border:1px solid #8fc4ea33;background:#ffffff08;cursor:pointer;transition:border-color .25s,background .25s,box-shadow .25s,transform .25s}
.channel-option:hover{border-color:#9fdcff66;background:#ffffff0f}
.channel-option input{position:absolute;opacity:0;pointer-events:none}
.channel-icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:#9fdcff1a;color:#9fdcff;transition:background .25s,color .25s}
.channel-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.channel-text strong{display:block;font-size:15px;font-weight:600;color:#fff}
.channel-text small{display:block;font-size:12px;line-height:1.5;color:#a9c7df;margin-top:2px}
.channel-check{position:absolute;top:10px;left:10px;width:18px;height:18px;border-radius:50%;border:1.5px solid #8fc4ea66;transition:all .25s}
.channel-option:has(input:checked){border-color:#7fd3ff;background:linear-gradient(150deg,#1d5a8a66,#0f355c66);box-shadow:0 0 0 1px #7fd3ff55,0 14px 30px #02102a66}
.channel-option:has(input:checked) .channel-icon{background:linear-gradient(140deg,#7fd3ff,#3aa7e6);color:#06203f}
.channel-option:has(input:checked) .channel-check{border-color:#7fd3ff;background:#7fd3ff;box-shadow:inset 0 0 0 3px #0d2f55}
.channel-option[class]:has(input[value=whatsapp]:checked) .channel-icon{background:linear-gradient(140deg,#6ee7a8,#25b864);color:#04281a}
.channel-option:has(input:focus-visible){outline:2px solid #9fdcff;outline-offset:3px}
.contact-form-premium .form-row{gap:14px}
.contact-form-premium .field{margin-bottom:18px}
.contact-form-premium .field label,.time-choice legend{display:block;font-size:13px;font-weight:500;color:#d4e9f8;margin-bottom:8px}
.contact-form-premium .field input,.contact-form-premium .field select,.contact-form-premium textarea{width:100%;min-height:50px;padding:12px 14px;border:1px solid #8fc4ea38;border-radius:12px;background:#03122a8c;color:#fff;font:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}
.contact-form-premium textarea{min-height:92px;resize:vertical;line-height:1.6}
.contact-form-premium .field input:hover,.contact-form-premium .field select:hover,.contact-form-premium textarea:hover{border-color:#8fc4ea66}
.contact-form-premium .field input:focus,.contact-form-premium .field select:focus,.contact-form-premium textarea:focus{outline:none;border-color:#7fd3ff;background:#05193a;box-shadow:0 0 0 4px #5cc8ff26}
.contact-form-premium .field input::placeholder,.contact-form-premium textarea::placeholder{color:#7f9fbb;font-size:14px}
.contact-form-premium .phone-help{margin-top:-10px;margin-bottom:18px;font-size:12px}
.optional{font-weight:300;color:#9dbbd3}
.contact-form-premium .field .field-help{margin:8px 0 0;font-size:12px;line-height:1.6}
.time-choice{border:0;padding:0;margin:0 0 18px}
.time-options{display:flex;flex-wrap:wrap;gap:8px}
.time-options label{position:relative;cursor:pointer}
.time-options input{position:absolute;opacity:0;pointer-events:none}
.time-options span{display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;border-radius:30px;border:1px solid #8fc4ea38;background:#ffffff08;font-size:14px;color:#cfe5f6;transition:all .2s}
.time-options label:hover span{border-color:#8fc4ea77}
.time-options input:checked+span{border-color:#7fd3ff;background:#7fd3ff;color:#06203f;font-weight:600}
.time-options input:focus-visible+span{outline:2px solid #9fdcff;outline-offset:2px}
.contact-form-premium[data-channel=whatsapp] .callback-only{display:none}
.contact-form-premium .form-submit{min-height:56px;margin-top:6px;border-radius:14px;font-size:16px;font-weight:600;background:linear-gradient(120deg,#9fe2ff,#5cc8ff 55%,#3aa7e6);color:#06203f;box-shadow:0 16px 34px #2a9de04d;transition:transform .2s,box-shadow .2s,filter .2s}
.contact-form-premium .form-submit:hover{transform:translateY(-2px);box-shadow:0 22px 40px #2a9de066}
.contact-form-premium[data-channel=whatsapp] .form-submit{background:linear-gradient(120deg,#8ef0bd,#3fcf7f 55%,#25b864);color:#03281a;box-shadow:0 16px 34px #25b8644d}
.contact-form-premium .form-submit:disabled{filter:saturate(.5);cursor:progress;transform:none}
.contact-form-premium .form-note{font-size:12.5px;color:#b9d3e7}
.contact-form-premium .form-status{font-size:13px;color:#ffd7a8}
.contact-form-premium .form-status:empty{display:none}
.contact-form-premium.is-sent>:not(.form-success){display:none}
.form-success{position:relative;text-align:center;padding:30px 6px 12px;outline:none}
.form-success h3{margin-top:18px}
.form-success p{font-size:16px;line-height:1.8;color:#c6def0;margin:10px auto 18px;max-width:340px}
.form-success bdi{white-space:nowrap}
.form-success .text-link{justify-content:center;color:#9fdcff}
.success-mark svg{width:84px;height:84px;fill:none;stroke:#7fd3ff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.success-mark circle{stroke-dasharray:151;stroke-dashoffset:151;animation:successDraw .7s .1s ease-out forwards}
.success-mark path{stroke-dasharray:36;stroke-dashoffset:36;animation:successDraw .45s .7s ease-out forwards}
.form-reset{display:block;margin:18px auto 0;min-height:44px;border:0;background:none;color:#a9c7df;font:inherit;font-size:14px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@keyframes successDraw{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.success-mark circle,.success-mark path{animation:none;stroke-dashoffset:0}}
@media(max-width:600px){
  .contact-form-premium{padding:26px 18px 24px;border-radius:18px}
  .contact-form-premium h3{font-size:26px}
  .channel-switch{gap:8px}
  .channel-option{flex-direction:column;align-items:start;gap:10px;padding:14px 12px}
  .channel-text small{font-size:11.5px}
  .contact-form-premium .form-row{grid-template-columns:1fr;gap:0}
}
@media(max-width:600px){
  .hero-media{background-image:url('assets/hero-touch-poster-mobile.webp')}
  .hero-video{object-position:center}
}
/* water-effects.css */
.dispenser-experience{overflow:visible}
.dispenser-experience .experience-stage{border-radius:13px}
.dispenser-experience .water-modes{border-radius:0 0 13px 13px;overflow:hidden}
.dispenser-picture{z-index:2}
.dispenser-steam{display:none}
.hot-steam-canvas{position:absolute;left:-12%;top:-70%;width:124%;height:150%;z-index:7;pointer-events:none;opacity:0;transition:opacity .75s;mix-blend-mode:screen}
.dispenser-experience[data-mode=hot] .hot-steam-canvas{opacity:1;mix-blend-mode:normal}
.dispenser-ice{position:absolute;left:49.7%;top:64.2%;width:22.5%;height:13.7%;z-index:5;pointer-events:none;opacity:0;transition:opacity .45s;animation:iceOnWater 6s ease-in-out infinite;filter:drop-shadow(0 1px 1px #1d5b8d30)}
.dispenser-ice img{display:block;width:100%;height:100%;object-fit:contain}
.dispenser-experience[data-mode=cold] .dispenser-ice{opacity:1}
.dispenser-experience .dispenser-bubbles{left:51.2%;top:67.4%;width:18.5%;height:18.2%;z-index:5;mask-image:linear-gradient(transparent,#000 7%,#000 88%,transparent);transition:opacity .45s}
.dispenser-experience .dispenser-bubbles i:nth-child(n){left:var(--bubble-x);bottom:-7px;width:var(--bubble-size);height:var(--bubble-size);border:1px solid #f2fcfff2;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 10%,#c6f1ff22 30%,transparent 60%);box-shadow:0 0 2px #c6f3ff6b;animation:waterCarbonation var(--bubble-duration) linear var(--bubble-delay) infinite;will-change:transform}
.soda-surface{position:absolute;left:50.8%;top:65.2%;width:19.5%;height:5%;z-index:6;pointer-events:none;opacity:0;transition:opacity .45s}
.dispenser-experience[data-mode=sparkling] .soda-surface{opacity:1}
.soda-surface:after{content:'';position:absolute;bottom:2px;left:8%;right:8%;height:3px;border-radius:50%;border-top:1px solid #dcf8ff85;box-shadow:0 -1px 3px #d1f5ff33;animation:fizzSurface 1.8s ease-in-out infinite}
.soda-surface i{position:absolute;left:var(--pop-x);bottom:0;width:3px;height:3px;border:1px solid #edfaffbf;border-radius:50%;animation:fizzEscape 2.2s ease-out var(--pop-delay) infinite}
.dispenser-experience .dispenser-stream{width:2.5px;box-shadow:0 0 5px #b8edff55;animation-duration:.55s}
.dispenser-experience[data-mode=cold] .dispenser-visual{background:radial-gradient(ellipse at 55% 65%,#409bd04f,transparent 71%)}
.dispenser-experience[data-mode=hot] .dispenser-visual{background:radial-gradient(ellipse at 55% 65%,#b78c5423,transparent 71%)}
.dispenser-experience[data-mode=sparkling] .dispenser-visual{background:radial-gradient(ellipse at 55% 65%,#5bc2dc36,transparent 71%)}
@keyframes iceOnWater{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translate(1px,-1.5px) rotate(2deg)}}
@keyframes waterCarbonation{0%{transform:translate(0,0) scale(.55);opacity:0}9%{opacity:.8}80%{opacity:1}100%{transform:translate(var(--bubble-drift),-90px) scale(1.12);opacity:0}}
@keyframes fizzEscape{0%,25%{transform:translateY(0) scale(.4);opacity:0}40%{opacity:.9}85%{opacity:.5}100%{transform:translateY(-17px) scale(1.25);opacity:0}}
@keyframes fizzSurface{0%,100%{transform:scaleX(.92);opacity:.4}50%{transform:scaleX(1);opacity:.85}}
.water-experience:not(.is-in-view) .soda-surface *,.page-inactive .soda-surface *,.motion-paused .soda-surface *{animation-play-state:paused!important}
.dispenser-experience:not([data-mode=cold]) .dispenser-ice,.dispenser-experience:not([data-mode=sparkling]) .dispenser-bubbles i,.dispenser-experience:not([data-mode=sparkling]) .soda-surface i,.dispenser-experience:not([data-mode=sparkling]) .soda-surface:after,.water-experience:not(.is-in-view) .soda-surface:after,.page-inactive .soda-surface:after{animation-play-state:paused}
@media(max-width:600px){.hot-steam-canvas{left:-10%;width:120%;top:-135%;height:220%}.dispenser-experience .water-modes{border-radius:0;overflow:visible}.dispenser-experience .water-mode:first-child{border-radius:0}.dispenser-experience .water-mode:last-child{border-radius:0}}
@media(prefers-reduced-motion:reduce){.dispenser-ice{animation:none;transition:none}.dispenser-bubbles i:nth-child(n),.soda-surface i{animation:none;transform:none}.dispenser-bubbles i:nth-child(3n){bottom:25%;opacity:.9}.dispenser-bubbles i:nth-child(3n+1){bottom:55%;opacity:.7}.dispenser-bubbles i:nth-child(3n+2){bottom:80%;opacity:.8}.soda-surface:after{animation:none}.hot-steam-canvas{transition:none}}
/* touch-faucet.css */
.dispenser-experience{--touch-ring:#7fd8ff;--touch-water:rgba(176,226,255,.42)}
.dispenser-experience[data-mode=hot]{--touch-ring:#ff8a4c;--touch-water:rgba(255,214,176,.34)}
.dispenser-experience[data-mode=sparkling]{--touch-ring:#5fe3d4;--touch-water:rgba(206,243,255,.46)}
.dispenser-experience[data-mode=shabbat]{--touch-ring:#ecd193;--drink-accent:#f3e3b5;--drink-glow:#d9b56a}
.dispenser-experience[data-mode=shabbat] .dispenser-stream{opacity:0}
.dispenser-experience .water-modes{grid-template-columns:repeat(4,1fr)}
.dispenser-experience .dispenser-visual{padding-top:54px}
.dispenser-experience[data-device=touch] .dispenser-picture,
.dispenser-experience[data-device=bar] .touch-picture,
.dispenser-experience[data-device=bar] .touch-hint{display:none}
.device-switch{position:absolute;top:12px;right:14px;display:flex;gap:4px;padding:4px;border:1px solid #9fd5ed4d;border-radius:30px;background:#0d2b45e0;backdrop-filter:blur(8px);z-index:3}
.device-switch button{border:0;border-radius:22px;background:none;color:#c4e6f8;font:inherit;font-size:12px;line-height:1.2;padding:7px 13px;cursor:pointer;transition:background .25s,color .25s}
.device-switch button small{display:block;font-size:10px;opacity:.7}
.device-switch button[aria-pressed=true]{background:#e8f6ff;color:#0a2440}
.device-switch button:focus-visible{outline:2px solid #9fe0ff;outline-offset:2px}
.touch-picture{position:relative;width:min(100%,380px);aspect-ratio:1462/1970;container-type:inline-size;border-radius:18px;overflow:hidden;
  -webkit-mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 72% 70% at 50% 50%,#000 72%,transparent 100%)}
.touch-product{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.touch-display{position:absolute;left:51.1%;top:7.41%;width:23.73%;height:17.61%;border-radius:50%;color:#eaf7ff;z-index:2}
.touch-display:before{content:'';position:absolute;inset:-3.5%;border-radius:50%;border:2px solid var(--touch-ring);box-shadow:0 0 12px var(--touch-ring),inset 0 0 10px color-mix(in srgb,var(--touch-ring) 35%,transparent);transition:border-color .4s,box-shadow .4s}
.touch-hold{position:absolute;inset:-9%;border-radius:50%;background:conic-gradient(var(--touch-ring) var(--hold,0deg),transparent 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 3px));opacity:0;pointer-events:none}
@property --hold{syntax:'<angle>';inherits:false;initial-value:0deg}
.touch-picture[data-hold] .touch-hold{opacity:1;animation:touchHold .9s linear forwards}
@keyframes touchHold{to{--hold:360deg}}
.touch-temp{position:absolute;left:0;right:0;top:18%;text-align:center;font-size:5.4cqw;font-weight:600;letter-spacing:.02em;color:var(--touch-ring);text-shadow:0 0 8px color-mix(in srgb,var(--touch-ring) 60%,transparent);direction:ltr;transition:color .4s}
.touch-key{position:absolute;width:26%;height:26%;margin:-13% 0 0 -13%;display:grid;place-items:center;border:0;border-radius:50%;background:none;color:#cfe9f8a8;padding:0;cursor:pointer;transition:color .3s,transform .2s;
  touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.touch-key svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.touch-key[data-mode=cold]{left:23%;top:60%}
.touch-key[data-mode=sparkling]{left:40%;top:80%}
.touch-key[data-mode=hot]{left:60%;top:80%}
.touch-key[data-mode=shabbat]{left:77%;top:60%}
.touch-key[aria-pressed=true]{color:var(--touch-ring)}
.touch-key:active{transform:scale(.9)}
.touch-key:focus-visible{outline:2px solid #ffffff;outline-offset:1px}
.touch-stream{position:absolute;left:62.06%;width:1.8%;top:33.9%;height:50.6%;border-radius:0 0 40% 40%;
  background:linear-gradient(90deg,rgba(255,255,255,.18),rgba(196,236,255,.85) 45%,rgba(255,255,255,.26));
  clip-path:inset(0 0 100% 0);z-index:1}
.touch-picture[data-state=pouring] .touch-stream{clip-path:inset(0);transition:clip-path .3s ease-in}
.touch-picture[data-state=full] .touch-stream{clip-path:inset(100% 0 0 0);transition:clip-path .35s ease-in}
.dispenser-experience[data-mode=hot] .touch-stream{background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(255,236,214,.8) 45%,rgba(255,255,255,.22))}
.touch-fill{position:absolute;left:51.9%;width:21.5%;bottom:15.5%;height:15.2%;border-radius:0 0 8% 8%/0 0 14% 14%;background:var(--touch-water);transform:scaleY(0);transform-origin:bottom;overflow:hidden;z-index:2;transition:background .4s}
.touch-fill:before{content:'';position:absolute;left:0;right:0;top:0;height:12%;border-radius:50%;background:rgba(255,255,255,.4)}
.touch-picture[data-state=pouring] .touch-fill{transform:scaleY(1);transition:transform 2.6s cubic-bezier(.35,.1,.45,1),background .4s}
.touch-picture[data-state=full] .touch-fill{transform:scaleY(1)}
.touch-picture[data-state=emptying] .touch-fill{transform:scaleY(0);transition:transform .45s ease-in}
.touch-fill i{position:absolute;bottom:-6px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;border:1px solid rgba(255,255,255,.75);opacity:0}
.dispenser-experience[data-mode=sparkling] .touch-fill i{animation:touchBubble var(--d) linear var(--delay) infinite}
@keyframes touchBubble{0%{transform:translateY(0);opacity:0}15%{opacity:.9}100%{transform:translateY(-9cqw);opacity:0}}
.touch-steam{position:absolute;left:54%;width:17%;bottom:34.7%;height:16%;z-index:2;pointer-events:none;opacity:0;transition:opacity .6s}
.dispenser-experience[data-mode=hot] .touch-picture:is([data-state=pouring],[data-state=full]) .touch-steam{opacity:1}
.touch-steam i{position:absolute;bottom:0;left:var(--x);width:40%;height:52%;border-radius:50%;background:radial-gradient(ellipse,rgba(236,246,252,.62),transparent 70%);filter:blur(5px);animation:touchSteam 3.4s ease-out var(--delay) infinite}
@keyframes touchSteam{0%{transform:translateY(0) scale(.6);opacity:0}25%{opacity:.85}100%{transform:translateY(-120%) scale(1.5);opacity:0}}
.touch-hint{margin:12px 0 0;font-size:12px;line-height:1.6;color:#a9cfe6;text-align:center}
.water-experience:not(.is-in-view) .touch-picture *,.motion-paused .touch-picture *{animation-play-state:paused!important}
@media(max-width:600px){
  .device-switch{right:0;top:9px}
  .device-switch button{padding:6px 10px;font-size:11px}
  .touch-picture{width:min(100%,330px)}
  .dispenser-experience .water-modes{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){.touch-picture *{animation:none!important;transition:none!important}}
/* section-visuals.css */
.process-list li{border-top-color:#cfe2f0}
.process-list li:after{content:'';position:absolute;top:-1px;right:0;width:100%;height:2px;background:linear-gradient(270deg,#7fd8ff,#139ced);transform-origin:right;transition:transform .8s cubic-bezier(.4,.1,.3,1)}
.process-list li.will-reveal:not(.is-visible):after{transform:scaleX(0)}
.process-list li:nth-child(1):after{transition-delay:.1s}
.process-list li:nth-child(2):after{transition-delay:.9s}
.process-list li:nth-child(3):after{transition-delay:1.7s}
.process-list li:nth-child(4):after{transition-delay:2.5s}
.step-icon{display:block;width:46px;height:46px;margin-bottom:16px;color:#139ced}
.step-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.step-icon svg *{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.1s ease-out}
.process-list li.will-reveal:not(.is-visible) .step-icon svg *{stroke-dashoffset:1}
.process-list li:nth-child(2) .step-icon svg *{transition-delay:.8s}
.process-list li:nth-child(3) .step-icon svg *{transition-delay:1.6s}
.process-list li:nth-child(4) .step-icon svg *{transition-delay:2.4s}
.difference-intro{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:48px;align-items:center}
.difference-ring{width:100%;max-width:250px;justify-self:center}
.difference-ring svg{display:block;width:100%;height:auto;overflow:visible}
.ring-track{fill:none;stroke:#ffffff14;stroke-width:10}
.ring-arc{fill:none;stroke:#3cb6ef;stroke-width:10;stroke-linecap:round;stroke-dasharray:0 360;opacity:.55;transition:stroke-dasharray 1s cubic-bezier(.4,.1,.3,1),opacity .3s,stroke .3s,stroke-width .3s}
.difference-ring.is-visible .ring-arc,.difference-ring:not(.will-reveal) .ring-arc{stroke-dasharray:80 280}
.ring-arc[data-arc='2']{transition-delay:.25s,0s,0s,0s}
.ring-arc[data-arc='3']{transition-delay:.5s,0s,0s,0s}
.ring-arc[data-arc='4']{transition-delay:.75s,0s,0s,0s}
.difference-ring[data-active="1"] [data-arc="1"],.difference-ring[data-active="2"] [data-arc="2"],
.difference-ring[data-active="3"] [data-arc="3"],.difference-ring[data-active="4"] [data-arc="4"]{opacity:1;stroke:#9fe4ff;stroke-width:13}
.ring-num{fill:#8abce1;font:300 12px var(--font);text-anchor:middle}
.ring-drop{fill:#139ced33;stroke:#8ed4ff;stroke-width:1.6}
.ring-label{fill:#d6edfb;font:500 15px var(--font);text-anchor:middle}
.ring-orbit{transform-origin:120px 120px;animation:ringOrbit 9s linear infinite}
.ring-orbit circle{fill:#bff0ff;filter:drop-shadow(0 0 4px #5fd0ff)}
@keyframes ringOrbit{to{transform:rotate(360deg)}}
.motion-paused .ring-orbit{animation-play-state:paused}
.finder-result-image{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:12px;margin-bottom:20px;background:#e6f1f9}
@media(max-width:900px){
  .difference-intro{grid-template-columns:1fr;gap:26px}
  .difference-ring{max-width:200px}
}
@media(prefers-reduced-motion:reduce){.ring-orbit{animation:none}.ring-orbit circle{display:none}}
/* water-thread.css */
.water-thread{position:absolute;overflow:hidden;pointer-events:none;z-index:6;--w:10px}
.water-thread:before{content:'';position:absolute;top:0;bottom:0;left:calc(var(--w) * 1.8075 - 1px);width:2px;
  background:repeating-linear-gradient(180deg,#8bbad859 0 6px,transparent 6px 13px)}
.thread-fill{position:absolute;top:0;left:0;width:calc(var(--w) * 3.615);height:0;overflow:hidden;z-index:2;transition:height .35s ease-out;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 calc(var(--w) * 3),#000 calc(100% - var(--w) * 1.1),transparent);
  mask-image:linear-gradient(180deg,transparent,#000 calc(var(--w) * 3),#000 calc(100% - var(--w) * 1.1),transparent)}
.thread-flow{position:absolute;left:0;right:0;top:calc(var(--w) * -21);bottom:0;
  background:url('assets/stream-tile.webp') 0 0/100% calc(var(--w) * 21) repeat-y;
  filter:drop-shadow(0 0 5px #3cb6ef40);animation:streamFlow 4.2s linear infinite;will-change:transform}
@keyframes streamFlow{from{transform:translateY(0)}to{transform:translateY(calc(var(--w) * 21))}}
.thread-head{position:absolute;top:0;left:calc(var(--w) * 1.8075);width:0;height:0;z-index:3;transition:transform .35s ease-out,opacity .3s}
.thread-head i{position:absolute;top:calc(var(--w) * -2.2);left:calc(var(--w) * -.45);width:calc(var(--w) * .9);height:calc(var(--w) * .9);
  background:url('assets/stream-drop.webp') center/contain no-repeat;opacity:0;animation:streamDrip 2.4s cubic-bezier(.5,0,.9,.6) infinite}
.thread-head i:nth-child(2){left:calc(var(--w) * -.95);width:calc(var(--w) * .6);height:calc(var(--w) * .6);animation-delay:.8s}
.thread-head i:nth-child(3){left:calc(var(--w) * .2);width:calc(var(--w) * .5);height:calc(var(--w) * .5);animation-delay:1.6s}
@keyframes streamDrip{0%{transform:translateY(0);opacity:0}12%{opacity:1}100%{transform:translateY(calc(var(--w) * 7));opacity:0}}
.thread-head.is-hidden{opacity:0}
.thread-node{position:absolute;left:0;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;z-index:1;
  border:1.5px solid #8bbad8;background:var(--paper,#f4f9fc);transition:width .4s,height .4s,margin .4s,background .4s,border-color .4s,box-shadow .4s}
.thread-node.is-lit{width:calc(var(--w) * 2.3);height:calc(var(--w) * 2.3);margin:calc(var(--w) * -1.15) 0 0 calc(var(--w) * -1.15);
  border-color:#bfeeff;background:radial-gradient(circle,#7fd8ff66,#3cb6ef1a 70%);box-shadow:0 0 14px #3cb6ef80}
.thread-node:after{content:'';position:absolute;inset:-2px;border-radius:50%;border:1.5px solid #7fd8ff;opacity:0}
.thread-node.is-lit:after{animation:streamRipple 1.1s ease-out}
@keyframes streamRipple{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.9);opacity:0}}
.thread-nav.is-complete .thread-end{animation:threadArrive 1s ease-out}
@keyframes threadArrive{0%{box-shadow:0 0 0 0 #3cb6ef99}100%{box-shadow:0 0 0 calc(var(--w) * 1.6) #3cb6ef00}}
.motion-paused .thread-flow,.motion-paused .thread-head i{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .water-thread *,.water-thread *:after{animation:none!important;transition:none!important}
  .thread-head i{display:none}
}
@media print{.water-thread{display:none}}
.thread-nav{position:absolute;width:0;z-index:5;pointer-events:none}
.thread-nav .thread-node{pointer-events:auto;cursor:pointer}
.thread-node:before{content:'';position:absolute;inset:-12px;border-radius:50%}
.thread-node.is-current{border-color:#ffffff;box-shadow:0 0 0 4px #3cb6ef4d,0 0 18px #3cb6ef}
.thread-node:focus-visible{outline:2px solid #0a2348;outline-offset:4px}
.thread-label{position:absolute;right:calc(100% + 16px);top:50%;transform:translate(8px,-50%);white-space:nowrap;padding:7px 14px;border-radius:20px;
  background:#0a2348;color:#fff;font:500 13px/1.2 var(--font,'Heebo',sans-serif);box-shadow:0 8px 20px #0a234833;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.thread-node:hover .thread-label,.thread-node:focus-visible .thread-label{opacity:1;transform:translate(0,-50%)}
@media(max-width:900px){.thread-nav .thread-node{pointer-events:none}.thread-label{display:none}}
@media print{.thread-nav{display:none}}
/* home-tools.css */
.hardness-check{margin-top:38px;padding:24px 24px 20px;border:1px solid #cfe2f0;border-radius:12px;background:linear-gradient(160deg,#ffffff,#eef7fd)}
.hardness-check h3{font-size:20px;font-weight:500;color:var(--ink);margin:0 0 4px}
.hardness-check>p{font-size:13px;color:#42617b;margin:0 0 14px}
.hardness-check fieldset{border:0;padding:0;margin:0;display:grid;gap:6px}
.hardness-check label{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;color:#2b4866;cursor:pointer;padding:7px 0}
.hardness-check input{flex:none;width:18px;height:18px;margin:2px 0 0;accent-color:var(--blue)}
.hardness-result{min-height:0;margin:10px 0 0;font-size:14px;line-height:1.8;color:var(--ink);font-weight:500}
.hardness-result:empty{margin:0}
.hardness-cta{margin-top:8px;color:var(--ink)}
.hardness-check small{display:block;margin-top:14px;font-size:11px;line-height:1.8;color:#42617b}
.care{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px;padding-block:10px 80px}
.care-card{border:1px solid #cfe2f0;border-radius:14px;padding:30px 32px;background:#fff}
.care-kicker{display:block;font-size:12px;color:#2f6d99;margin-bottom:8px}
.care-card h3{font-size:24px;line-height:1.35;font-weight:500;color:var(--ink);margin:0 0 10px;letter-spacing:-.02em}
.care-card p{font-size:14px;line-height:1.85;color:#2b4866;margin:0 0 8px}
.care-area{background:linear-gradient(165deg,#ffffff 40%,#e7f4fd)}
.care-area .text-link{margin-top:8px;color:var(--ink)}
.care-towns{color:var(--ink)!important;font-weight:500}
.care-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;margin:16px 0 14px}
.care-field span{display:block;font-size:12px;color:#4d6e8a;margin-bottom:6px}
.care-field input,.care-field select{width:100%;min-height:44px;border:1px solid #6f93ae;border-radius:8px;background:#f8fcff;padding:8px 12px;font:inherit;font-size:15px;color:var(--ink)}
.care-field input:focus,.care-field select:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #139ced66}
.care-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.7;color:#2b4866;margin-bottom:16px;cursor:pointer}
.care-consent input{flex:none;width:18px;height:18px;margin:3px 0 0;accent-color:var(--blue)}
.care-submit{min-height:54px}
.care-status{min-height:1.6em;margin:10px 0 0!important;font-size:14px!important;color:var(--ink)!important}
.water-ripple{position:absolute;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#ffffff00 30%,#ffffff8c 46%,#ffffff00 52%,#ffffff3d 60%,#ffffff00 68%);transform:scale(0);animation:waterRipple .75s ease-out forwards}
@keyframes waterRipple{to{transform:scale(1);opacity:0}}
@media(max-width:900px){
  .care{grid-template-columns:1fr}
}
@media(max-width:700px){
  .care-card{padding:24px 20px}
  .care-fields{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.water-ripple{display:none}}
.process,.care{position:relative;background:#edf6fc;box-shadow:0 0 0 100vmax #edf6fc;clip-path:inset(0 -100vmax)}
.process{padding-top:56px!important}
.care{padding-top:56px}
.film-close{width:44px!important;height:44px!important}
.hardness-check label{min-height:44px;align-items:center;padding:4px 0}
.builder-shabbat{min-height:44px}
.device-switch button{min-height:44px}
@media(max-width:600px){.circle-link{width:44px!important;height:44px!important}}
.touch-key:before{content:'';position:absolute;inset:-6px;border-radius:50%}
.contact-form-premium .field input:user-invalid,.contact-form-premium .field select:user-invalid{border-color:#ff8a99;box-shadow:0 0 0 3px #ff8a9926}
.care-field input:user-invalid,.care-field select:user-invalid{border-color:#c4314b;box-shadow:0 0 0 3px #c4314b1f}
.care-consent:has(input:user-invalid){color:#a3233a}
@media(max-width:360px){
  .site-header{gap:6px!important;padding-inline:12px!important}
  .site-header .brand,.site-header.is-scrolled .brand{width:128px!important;height:77px!important}
  .header-contact{padding-inline:8px!important;gap:6px!important}
}
@media(max-width:900px){
  .eyebrow,.hero-scene-number,.water-bar-mark,.space-label,.flow-detail-index,.dispenser-status,.builder-chip small,.mode-number,.finder-kicker,
  .section-number,.mode-detail,.experience-note,.product-note,.visual-label,.visual-disclaimer,.hero-water-note,.footer-bottom,.footer-disclaimer,
  .credit,.credit>span,.signature small,.form-note,.about-image-note span+span,.experience-counter,.solution-tabs button>span,.benefit-top span,
  .step-number,.phone-label,.scroll-cue,.hero-assurance,.complementary p,.difference-top .section-number,.flow-scene-label,
  .device-switch button small,.water-bar-mark,.flow-navigation button span{font-size:11px!important}
  .difference-top .section-number{max-width:none}
  .text-link{min-height:44px}
}
@media(max-width:420px){.hero-water-note{display:none!important}}
@media(max-height:500px) and (max-width:950px){
  .site-header,.site-header.is-scrolled{height:78px!important}
  .site-header .brand,.site-header.is-scrolled .brand{width:130px!important;height:78px!important}
  body .a11y{bottom:26px;left:95px}
  body .a11y-panel{max-height:calc(100vh - 110px)}
}
.water-bar-mark,.flow-navigation button span,.device-switch button small,.solution-tabs button>span,.section-number{font-size:11px!important}
@media(min-width:2240px){html{zoom:1.2}}
@media(min-width:2540px){html{zoom:1.33}}
@media(min-width:3000px){html{zoom:1.6}}
@media(min-width:3400px){html{zoom:1.8}}
@media(min-width:3800px){html{zoom:2}}
@media(min-width:1600px){.hero-content{max-width:none!important;width:calc(720px + max(7%, (100% - 1280px) / 2))!important;padding-right:max(7%, calc((100% - 1280px) / 2))!important}}
.wave-word{position:relative;display:inline-block;white-space:nowrap}
.wave-word:after{content:'';position:absolute;right:0;left:0;bottom:-.16em;height:.22em;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='8' viewBox='0 0 24 8'%3E%3Cpath d='M0 4 Q6 0.6 12 4 T24 4' fill='none' stroke='%232bb3f5' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") 0 50%/.66em 100% repeat-x;
  clip-path:inset(0 0 0 100%);transition:clip-path 1.1s cubic-bezier(.3,.1,.2,1) .15s;animation:waterWave 2.2s linear infinite}
.wave-word.is-wet:after{clip-path:inset(0)}
@keyframes waterWave{to{background-position-x:-.66em}}
.motion-paused .wave-word:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.wave-word:after{animation:none;transition:none;clip-path:none}}
.flow-navigation button{font-size:14px!important;font-weight:500;color:#0a2348;background:#eef7fd;min-height:54px}
.flow-navigation button span{font-size:12px!important;font-weight:500;color:#2f6d99}
.flow-navigation button:hover{background:#e2f2fc}
.flow-navigation button[aria-pressed=true]{background:#d9eefb;color:#08497a;font-weight:700}
.flow-navigation button[aria-pressed=true] span{color:#08497a}
.flow-navigation button[aria-pressed=true]:after{height:3px;background:#0b80c7}
@media(max-width:600px){.flow-navigation button{font-size:13px!important;padding:12px 4px}.flow-navigation button span{font-size:11px!important;margin-left:4px}}
.flow-route{font-size:13px;color:#1d4a6c}
.contact-brand{display:flex;align-items:center;gap:28px;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #ffffff1f;--brand-surface:#061a38}
.contact-brand .contact-brand-logo{flex:none;width:220px;height:132px}
.contact-brand .water-brand-name{fill:#ffffff}
.contact-brand .water-brand-tagline{fill:#a8e3ff}
.contact-brand-line{margin:0;font-size:15px;font-weight:300;line-height:1.85;color:#d4eaf8}
.site-footer .footer-bottom{border-top:0}
@media(max-width:600px){
  .contact-brand{gap:16px;margin-bottom:30px;padding-bottom:22px}
  .contact-brand .contact-brand-logo{width:150px;height:90px}
  .contact-brand-line{font-size:13px}
}
@media(min-width:901px){.contact-inner>.contact-copy{align-self:start;padding-top:8px}.contact-brand .contact-brand-logo{width:250px;height:150px}}
.credit-link{display:inline-flex;align-items:center;min-height:44px;transition:opacity .2s}
.credit-link:hover{opacity:.8}
.credit-link:focus-visible{outline:2px solid #0b6fb3;outline-offset:3px;border-radius:4px}
.heading-words .hw{display:inline-block;clip-path:inset(-.4em -.2em -.18em -.2em)}
.heading-words .hw-in{display:inline-block;transform:translateY(110%);opacity:0;
  transition:transform .95s cubic-bezier(.2,.75,.15,1),opacity .6s ease-out;transition-delay:calc(var(--i) * 70ms)}
.heading-words.is-shown .hw-in{transform:none;opacity:1}
.heading-words .wave-word:after{transition-delay:.7s}
.heading-words:not(.is-shown) .wave-word:after{clip-path:inset(0 0 0 100%)}
@media(prefers-reduced-motion:reduce){.heading-words .hw-in{transform:none;opacity:1;transition:none}}
:root{
  --wave-h:40px;--wave-w:1440px;
  --wave-down:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 0H1440V20C1200 38 960 38 720 20C480 2 240 2 0 20Z'/%3E%3C/svg%3E");
  --wave-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 40' preserveAspectRatio='none'%3E%3Cpath d='M0 40H1440V20C1200 2 960 2 720 20C480 38 240 38 0 20Z'/%3E%3C/svg%3E");
  --wave-fill:linear-gradient(#000,#000)
}
@media(max-width:600px){:root{--wave-h:24px;--wave-w:720px}}
.hero{z-index:2;margin-bottom:calc(var(--wave-h) * -1);
  -webkit-mask:var(--wave-down) left bottom/var(--wave-w) var(--wave-h) repeat-x,var(--wave-fill) left top/100% calc(100% - var(--wave-h) + 1px) no-repeat;
  mask:var(--wave-down) left bottom/var(--wave-w) var(--wave-h) repeat-x,var(--wave-fill) left top/100% calc(100% - var(--wave-h) + 1px) no-repeat}
.hero{box-sizing:content-box;padding-bottom:var(--wave-h)}
.hero .hero-bottom{bottom:var(--wave-h)}
.difference{z-index:2;margin-block:calc(var(--wave-h) * -1);padding-block:calc(70px + var(--wave-h)) calc(80px + var(--wave-h));
  -webkit-mask:var(--wave-up) left top/var(--wave-w) var(--wave-h) repeat-x,var(--wave-fill) left center/100% calc(100% - var(--wave-h) * 2 + 2px) no-repeat,var(--wave-down) left bottom/var(--wave-w) var(--wave-h) repeat-x;
  mask:var(--wave-up) left top/var(--wave-w) var(--wave-h) repeat-x,var(--wave-fill) left center/100% calc(100% - var(--wave-h) * 2 + 2px) no-repeat,var(--wave-down) left bottom/var(--wave-w) var(--wave-h) repeat-x}
@media(max-width:600px){.difference{padding-block:calc(48px + var(--wave-h)) calc(52px + var(--wave-h))}}
.contact{z-index:2;margin-top:calc(var(--wave-h) * -1);padding-top:calc(80px + var(--wave-h));
  -webkit-mask:var(--wave-up) left top/var(--wave-w) var(--wave-h) repeat-x,var(--wave-fill) left bottom/100% calc(100% - var(--wave-h) + 1px) no-repeat;
  mask:var(--wave-up) left top/var(--wave-w) var(--wave-h) repeat-x,var(--wave-fill) left bottom/100% calc(100% - var(--wave-h) + 1px) no-repeat}
@media(max-width:600px){.contact{padding-top:calc(50px + var(--wave-h))}}
@media print{.hero,.difference,.contact{-webkit-mask:none;mask:none;margin:0}}
@media(max-width:600px){.hero-description-more{display:none}}
.water-path{margin-top:56px;padding-top:44px;border-top:1px solid var(--line)}
.water-path-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:36px}
.water-path-head h3{font-size:clamp(26px,2.6vw,36px);line-height:1.25;font-weight:500;letter-spacing:-.03em;color:var(--ink);margin:0}
.water-path-head p{font-size:14px;line-height:1.9;color:#42617b;margin:0}
.water-path-steps{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none}
.water-path-steps:before{content:'';position:absolute;top:31px;right:calc(100% / 12);left:calc(100% / 12);height:6px;border-radius:6px;
  background:repeating-linear-gradient(270deg,#3cb6ef 0 18px,#9fe4ff 18px 26px,#3cb6ef 26px 44px) 0 0/44px 100%,#3cb6ef;opacity:.55;animation:wpFlow 1.6s linear infinite}
@keyframes wpFlow{to{background-position:-44px 0}}
.wp-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}
.wp-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#fff;border:1px solid #cfe2f0;box-shadow:0 8px 22px #0a23480f;z-index:1}
.wp-icon svg{width:30px;height:36px;stroke:#1d4a6c;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.wp-icon .wp-shine{fill:none;stroke:#ffffffcc;stroke-width:2}
.wp-step-1 .wp-icon svg path:first-child{fill:#9aa79f}
.wp-step-2 .wp-icon svg path:first-child{fill:#8fb2c4}
.wp-step-3 .wp-icon svg path:first-child{fill:#74bde3}
.wp-step-4 .wp-icon svg path:first-child{fill:#58c3f2}
.wp-step-5 .wp-icon svg path:first-child{fill:#8fe0ff}
.wp-icon-glass svg path:first-child{fill:#eef9ff}
.wp-icon-glass .wp-glass-water{fill:#9fe4ff;stroke:none}
.wp-step strong{font-size:15px;font-weight:700;color:var(--ink);margin-top:6px}
.wp-text{font-size:13px;line-height:1.7;color:#42617b}
.water-path.will-reveal:not(.is-visible) .wp-step{opacity:0;transform:translateY(14px)}
.water-path .wp-step{transition:opacity .6s ease-out,transform .6s ease-out}
.water-path .wp-step-2{transition-delay:.12s}.water-path .wp-step-3{transition-delay:.24s}.water-path .wp-step-4{transition-delay:.36s}
.water-path .wp-step-5{transition-delay:.48s}.water-path .wp-step-6{transition-delay:.6s}
@media(max-width:900px){
  .water-path-head{grid-template-columns:1fr;gap:12px}
  .water-path-steps{grid-template-columns:1fr;gap:0}
  .water-path-steps:before{top:34px;bottom:34px;right:31px;left:auto;width:6px;height:auto;
    background:repeating-linear-gradient(180deg,#3cb6ef 0 18px,#9fe4ff 18px 26px,#3cb6ef 26px 44px) 0 0/100% 44px,#3cb6ef;animation-name:wpFlowDown}
  @keyframes wpFlowDown{to{background-position:0 44px}}
  .wp-step{display:grid;grid-template-columns:68px 1fr;column-gap:16px;align-items:center;text-align:right;padding:8px 0}
  .wp-step .wp-icon{grid-row:1/3}
  .wp-step strong{margin:0;align-self:end}
  .wp-text{align-self:start}
}
.motion-paused .water-path-steps:before{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.water-path-steps:before{animation:none}.water-path .wp-step{transition:none}}
.water-path{--wp-cycle:6s}
.water-path-steps:after{content:'';position:absolute;top:27px;right:calc(100% / 12 - 7px);left:calc(100% / 12 - 7px);height:14px;pointer-events:none;z-index:2;
  background:radial-gradient(circle,#fff 0 3px,#d6f6ff 4px,#5cc8ffb3 5.5px,transparent 7px) 100% 50%/14px 14px no-repeat;
  filter:drop-shadow(0 0 5px #5cc8ff) drop-shadow(0 0 10px #5cc8ff99);animation:wpBead var(--wp-cycle) linear infinite}
@keyframes wpBead{
  0%{background-position:100% 50%;opacity:0}
  4%{opacity:1}
  58%{opacity:1}
  60%{background-position:0% 50%;opacity:0}
  100%{background-position:0% 50%;opacity:0}}
.wp-icon{position:relative;animation:wpPing var(--wp-cycle) ease-out infinite}
.wp-icon:after{content:'';position:absolute;inset:-1px;border-radius:50%;border:2px solid #5cc8ff;opacity:0;pointer-events:none;animation:wpRing var(--wp-cycle) ease-out infinite}
@keyframes wpPing{
  0%,100%{transform:scale(1);box-shadow:0 8px 22px #0a23480f}
  4%{transform:scale(1.1);box-shadow:0 8px 22px #0a23480f,0 0 0 5px #7fd3ff33,0 0 22px #5cc8ff66}
  14%{transform:scale(1);box-shadow:0 8px 22px #0a23480f,0 0 0 0 #7fd3ff00,0 0 10px #5cc8ff22}
  30%{box-shadow:0 8px 22px #0a23480f}}
@keyframes wpRing{
  0%{transform:scale(1);opacity:0}
  3%{opacity:.9}
  22%{transform:scale(1.55);opacity:0}
  100%{transform:scale(1.55);opacity:0}}
.wp-icon svg{animation:wpBob 3.2s ease-in-out infinite}
@keyframes wpBob{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
.wp-icon .wp-shine{animation:wpShine var(--wp-cycle) ease-in-out infinite}
@keyframes wpShine{0%,100%{opacity:.55}6%{opacity:1}20%{opacity:.55}}
.wp-step-1 .wp-icon,.wp-step-1 .wp-icon:after,.wp-step-1 .wp-shine{animation-delay:0s}
.wp-step-2 .wp-icon,.wp-step-2 .wp-icon:after,.wp-step-2 .wp-shine{animation-delay:.72s}
.wp-step-3 .wp-icon,.wp-step-3 .wp-icon:after,.wp-step-3 .wp-shine{animation-delay:1.44s}
.wp-step-4 .wp-icon,.wp-step-4 .wp-icon:after,.wp-step-4 .wp-shine{animation-delay:2.16s}
.wp-step-5 .wp-icon,.wp-step-5 .wp-icon:after,.wp-step-5 .wp-shine{animation-delay:2.88s}
.wp-step-6 .wp-icon,.wp-step-6 .wp-icon:after{animation-delay:3.6s}
.wp-step-2 .wp-icon svg{animation-delay:-.6s}.wp-step-3 .wp-icon svg{animation-delay:-1.2s}.wp-step-4 .wp-icon svg{animation-delay:-1.8s}.wp-step-5 .wp-icon svg{animation-delay:-2.4s}
.wp-icon-glass svg{animation:none}
.wp-icon-glass .wp-glass-water{transform-box:fill-box;transform-origin:50% 100%;animation:wpFill var(--wp-cycle) ease-in-out infinite}
@keyframes wpFill{0%,52%{transform:scaleY(.25)}72%,88%{transform:scaleY(1)}100%{transform:scaleY(.25)}}
@media(max-width:900px){
  .water-path-steps:after{top:27px;bottom:27px;right:27px;left:auto;width:14px;height:auto;background-position:50% 0%}
  @keyframes wpBead{
    0%{background-position:50% 0%;opacity:0}
    4%{opacity:1}
    58%{opacity:1}
    60%{background-position:50% 100%;opacity:0}
    100%{background-position:50% 100%;opacity:0}}
}
.water-path.will-reveal:not(.is-visible) .water-path-steps:after,.water-path.will-reveal:not(.is-visible) .wp-icon,
.water-path.will-reveal:not(.is-visible) .wp-icon:after,.water-path.will-reveal:not(.is-visible) .wp-icon svg,
.water-path.will-reveal:not(.is-visible) .wp-icon *{animation-play-state:paused}
.motion-paused .water-path-steps:after,.motion-paused .wp-icon,.motion-paused .wp-icon:after,.motion-paused .wp-icon svg,.motion-paused .wp-icon *{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .water-path-steps:after{display:none}
  .wp-icon,.wp-icon:after,.wp-icon svg,.wp-icon *{animation:none}
  .wp-icon-glass .wp-glass-water{transform:none}
}
:root{--display:'Frank Ruhl Libre','Heebo',Georgia,serif}
.hero h1,main h2,.intro-heading,.experience-copy h3,.solution-copy h3,.compare-head h3,.water-path-head h3,.builder-panel h3,.contact-form h3,.care-card h3,.process-list h3,.benefit h3,.faq-intro h2{
  font-family:var(--display);letter-spacing:0;font-weight:500}
.hero h1{font-weight:700;line-height:1.22}
.hero h1 .wave-word:after{bottom:-.1em}
.hero h1,main h2,main h3,.intro-heading{text-wrap:balance}
.nw{white-space:nowrap}
.section-top>div:first-child{flex:0 0 auto;max-width:62%}
.section-top>p{flex:1 1 320px;max-width:560px}
@media(max-width:600px){.section-top>div:first-child{max-width:none}}
.testimonials[hidden]{display:none!important}
.pains{padding:96px 0 40px;background:linear-gradient(180deg,#f7fbff 0%,#fff 100%)}
.pains-head{display:grid;grid-template-columns:auto minmax(0,440px);align-items:end;justify-content:space-between;gap:16px 60px;margin-bottom:44px}
.pains-head .eyebrow{grid-column:1/-1;color:#2f6d99}
.pains-head h2{margin:0;font-size:clamp(38px,3.8vw,56px);line-height:1.23;color:var(--ink)}
.pains-head h2 .muted{color:#3d7fb5}
.pains-head p{margin:0;font-size:15px;line-height:1.85;color:var(--muted)}
.pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.pains-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-top:28px;padding:20px 26px;border-radius:16px;border:1px dashed #b9d7ec;background:#fbfdff}
.pains-foot p{margin:0;font-size:16px;color:var(--ink)}
@media(max-width:1100px){.pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.pains-head{grid-template-columns:1fr}}
@media(max-width:600px){.pains{padding:64px 0 28px}.pains-head{margin-bottom:28px}.pains-head h2{font-size:34px}.pain-grid{grid-template-columns:1fr;gap:16px}.pains-foot{padding:18px}}
.quick-lead{padding:34px 0}
.ql-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px 40px;padding:28px 32px;border-radius:22px;background:#fff;border:1px solid #d5e5f2;box-shadow:0 18px 44px #0a234814}
.ql-copy{display:flex;align-items:center;gap:18px}
.ql-icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(140deg,#26b4fa,#007fd9);box-shadow:0 10px 22px #139ced4d}
.ql-icon svg{width:22px;height:22px;fill:#fff}
.ql-title{margin:0 0 4px;font-size:clamp(22px,2vw,28px);line-height:1.3;color:var(--ink)}
.ql-copy p{margin:0;font-size:15px;line-height:1.6;color:var(--muted)}
.ql-fields{display:flex;align-items:flex-end;gap:12px}
.ql-field{display:grid;gap:6px;font-size:13px;font-weight:500;color:var(--ink)}
.ql-field input{width:200px;height:54px;padding:0 16px;border:1px solid #c7dbeb;border-radius:10px;background:#f7fbff;font:inherit;font-size:16px;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.ql-field input[type=tel]{text-align:right}
.ql-field input:focus{outline:0;border-color:#139ced;background:#fff;box-shadow:0 0 0 4px #139ced26}
.ql-field input:user-invalid{border-color:#c2410c;box-shadow:0 0 0 3px #c2410c1f}
.ql-submit{min-height:54px;gap:22px}
.ql-note{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--muted)}
.ql-note a{color:#0b5f99;text-decoration:underline;text-underline-offset:3px}
.ql-status{display:block;font-size:14px;font-weight:500;color:#0b5f99}
.ql-status:empty{display:none}
.ql-form.is-sending .ql-submit{opacity:.7;pointer-events:none}
.ql-lift{position:relative;z-index:3;padding:0;margin-top:-58px}
.ql-dark .ql-form{background:radial-gradient(120% 160% at 85% 0%,#0f4a86 0%,#082a55 50%,#061a38 100%);border-color:#ffffff1f;box-shadow:0 24px 50px #061a3840}
.ql-dark .ql-title,.ql-dark .ql-field{color:#fff}
.ql-dark .ql-copy p,.ql-dark .ql-note{color:#bcd9ee}
.ql-dark .ql-note a,.ql-dark .ql-status{color:#a8e3ff}
.ql-dark .ql-field input{background:#ffffff14;border-color:#ffffff33;color:#fff}
.ql-dark .ql-field input:focus{background:#ffffff1f;border-color:#7fd8ff}
@media(max-width:1100px){.ql-form{grid-template-columns:1fr}.ql-fields{width:100%}.ql-field{flex:1}.ql-field input{width:100%}}
@media(max-width:600px){.quick-lead{padding:22px 0}.ql-lift{margin-top:-34px}.ql-form{padding:22px 18px;gap:16px}.ql-copy{align-items:flex-start;gap:14px}.ql-icon{width:44px;height:44px}.ql-fields{flex-direction:column;align-items:stretch}.ql-submit{width:100%}}
@media(max-width:360px){.ql-title{font-size:21px}.hero h1#hero-title{font-size:34px}}
@media(max-width:340px){.hero h1#hero-title{font-size:31px}}
.t-note{margin-top:18px;margin-bottom:0;font-size:12px;color:#7c93aa;text-align:center}
.hero-buttons .hero-wa{gap:16px;color:#fff;background:#ffffff14;border:1px solid #ffffff4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-buttons .hero-wa:hover{background:#25d36626;border-color:#25d366}
.hero-wa .wa-disc{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 6px 16px #25d36659}
.hero-wa .wa-disc svg{width:22px;height:22px}
@media(max-width:600px){.hero-buttons .hero-wa,.hero-buttons .button-dark{width:100%;min-height:56px}}
.more-details{margin:4px 0 18px;border:1px solid #8fc4ea38;border-radius:14px;background:#ffffff08}
.more-details summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 16px;cursor:pointer;list-style:none;font-size:15px;font-weight:500;color:#fff}
.more-details summary .optional{color:#9fc3df}
.more-details summary::-webkit-details-marker{display:none}
.more-details summary:after{content:'+';margin-inline-start:auto;font-size:20px;font-weight:300;color:#7fd3ff;transition:transform .25s}
.more-details[open] summary:after{transform:rotate(45deg)}
.more-details summary:focus-visible{outline:3px solid #7fd8ff;outline-offset:2px;border-radius:12px}
.more-details-body{padding:4px 16px 16px}
.more-details-body .field:last-child{margin-bottom:0}
.about-proof{display:flex;align-items:flex-start;gap:16px;margin:4px 0 22px;padding:18px 20px;border-radius:16px;background:linear-gradient(120deg,#eaf6fd,#f6fbff);border:1px solid #cfe2f0}
.about-proof-icon{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:15px;color:#e9f7ff;background:radial-gradient(120% 120% at 28% 12%,#2b8bd0 0%,#0e4380 46%,#071b3d 100%);box-shadow:inset 0 1px 0 #ffffff4d,0 10px 22px #0a234830}
.about-proof-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.about-proof strong{display:block;margin-bottom:4px;font-size:17px;color:var(--ink)}
.about-proof span{display:block;font-size:15px;line-height:1.7;color:var(--muted)}
@media(min-width:1101px){
  .ql-form{grid-template-columns:auto minmax(0,1fr);column-gap:48px}
  .ql-copy{max-width:440px}
  .ql-fields{width:100%}
  .ql-field{flex:1}
  .ql-field input{width:100%}
}
.flow-hotspot span{display:block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.flow-hotspot[aria-expanded=true]{background:#139ced;box-shadow:0 0 0 10px #88dbff40}
.flow-hotspot[aria-expanded=true] span{transform:rotate(45deg)}
.part-pop{position:fixed;z-index:70;width:340px;padding:22px 22px 18px;border-radius:20px;direction:rtl;text-align:right;color:var(--ink);
  background:linear-gradient(180deg,#ffffff 0%,#f4faff 100%);border:1px solid #d3e6f4;box-shadow:0 30px 60px #061a3847,0 8px 18px #061a381f;
  opacity:0;transform:translateY(8px) scale(.97);transform-origin:var(--arrow-x,50%) 100%;transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
.part-pop[data-side=below]{transform-origin:var(--arrow-x,50%) 0;transform:translateY(-8px) scale(.97)}
.part-pop.is-open{opacity:1;transform:none}
.part-pop-arrow{position:absolute;left:calc(var(--arrow-x,50%) - 9px);width:18px;height:18px;background:#f4faff;border:1px solid #d3e6f4;transform:rotate(45deg)}
.part-pop[data-side=above] .part-pop-arrow{bottom:-10px;border-top:0;border-left:0}
.part-pop[data-side=below] .part-pop-arrow{top:-10px;background:#fff;border-bottom:0;border-right:0}
.part-pop-close{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#e8f2fa;color:#0a2348;font-size:22px;line-height:1;cursor:pointer}
.part-pop-close:hover{background:#d5e9f7}
.part-pop-close:focus-visible{outline:3px solid #7fd8ff;outline-offset:2px}
.part-pop-head{display:flex;align-items:center;gap:14px;margin:0 0 12px;padding-left:36px}
.part-pop-icon{position:relative;overflow:hidden;flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:15px;color:#e9f7ff;
  background:radial-gradient(120% 120% at 28% 12%,#2b8bd0 0%,#0e4380 46%,#071b3d 100%);box-shadow:inset 0 1px 0 #ffffff4d,0 10px 22px #0a234830}
.part-pop-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.part-pop-icon .ac{fill:#6fd3ff;stroke:none}.part-pop-icon .acs{stroke:#7fdcff}.part-pop-icon .tint{fill:#6fd3ff2e}
.part-pop-kicker{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;color:#0b6fb3}
.part-pop h3{margin:2px 0 0;font:500 22px/1.25 var(--display);color:var(--ink)}
.part-pop p{margin:0 0 12px;font-size:15px;line-height:1.7;color:#3f5d7a}
.part-pop ul{display:grid;gap:7px;margin:0 0 14px;padding:0;list-style:none}
.part-pop li{position:relative;padding-right:22px;font-size:14px;line-height:1.6;color:var(--ink)}
.part-pop li:before{content:'';position:absolute;right:2px;top:.55em;width:9px;height:9px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#7fd8ff,#139ced)}
.part-pop-ask{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-top:10px;border-top:1px solid #dbe9f4;width:100%;font-size:14px;font-weight:500;color:#0b5f99}
.part-pop-ask:hover{color:#0a2348;text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
  .part-pop{top:auto!important;left:12px!important;right:12px;bottom:12px;width:auto;max-height:calc(100vh - 90px);overflow:auto;transform:translateY(24px)}
  .part-pop.is-open{transform:none}
  .part-pop-arrow{display:none}
}
@media(prefers-reduced-motion:reduce){.part-pop,.flow-hotspot span{transition:none}}
html.a11y-still .part-pop{transition:none}
.arr{display:inline-block;width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.15em}
.arrow-disc .arr{width:16px;height:16px;vertical-align:0}
.hero-story{display:none!important}
.bottle-calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:22px 48px;align-items:center;margin-top:28px;padding:32px 34px;border-radius:22px;color:#fff;
  background:radial-gradient(120% 160% at 90% 0%,#0f4a86 0%,#082a55 50%,#061a38 100%);box-shadow:0 24px 50px #061a3833}
.calc-kicker{display:inline-block;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.04em;color:#7fd8ff}
.calc-copy h3{margin:0 0 10px;font:500 clamp(24px,2.3vw,32px)/1.3 var(--display);color:#fff}
.calc-copy p{margin:0;font-size:15px;line-height:1.75;color:#bcd9ee}
.calc-fields{display:grid;gap:16px}
.calc-field{display:grid;gap:8px;font-size:14px;color:#dceefa}
.calc-field>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}
.calc-field output{min-width:42px;padding:2px 10px;border-radius:20px;background:#ffffff1f;color:#fff;font-weight:700;text-align:center}
.calc-field input[type=range]{width:100%;height:28px;accent-color:#26b4fa;cursor:pointer}
.calc-price-input{position:relative;display:block}
.calc-price-input input{width:100%;height:50px;padding:0 16px 0 40px;border:1px solid #ffffff38;border-radius:10px;background:#ffffff14;color:#fff;font:inherit;font-size:16px}
.calc-price-input input::placeholder{color:#9fc3dd}
.calc-price-input input:focus{outline:0;border-color:#7fd8ff;box-shadow:0 0 0 4px #7fd8ff33}
.calc-price-input b{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9fc3dd;font-weight:500}
.calc-result{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.calc-result div{display:grid;gap:2px;padding:16px 18px;border-radius:14px;background:#ffffff12;border:1px solid #ffffff1f}
.calc-result strong{font:500 clamp(26px,2.6vw,36px)/1.15 var(--display);color:#fff}
.calc-result span{font-size:13px;color:#bcd9ee}
.calc-cta{grid-column:1/-1;justify-self:start}
@media(max-width:900px){.bottle-calc{grid-template-columns:1fr;padding:26px 22px}}
@media(max-width:600px){.calc-result{grid-template-columns:1fr}.calc-result div{grid-template-columns:auto 1fr;align-items:baseline;gap:10px}.calc-cta{width:100%}}
.next-steps{margin-top:34px;padding-top:26px;border-top:1px solid #ffffff24}
.next-steps h3{margin:0 0 16px;font-size:17px;font-weight:500;color:#fff}
.next-steps ol{display:grid;gap:14px;margin:0;padding:0;list-style:none;counter-reset:ns}
.next-steps li{counter-increment:ns;display:grid;grid-template-columns:34px 1fr;column-gap:14px;align-items:start}
.next-steps li:before{content:counter(ns);grid-row:span 2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff14;border:1px solid #7fd8ff66;color:#a8e3ff;font-weight:700;font-size:14px}
.next-steps strong{font-size:15px;color:#fff}
.next-steps span{font-size:14px;line-height:1.6;color:#b8d3e9}
.service-map{margin:16px 0 14px}
.service-map svg{display:block;width:100%;max-width:300px;height:auto;margin-inline:auto;border-radius:14px;overflow:hidden;border:1px solid #d5e5f2}
.map-land{fill:#fbfdff}
.map-sea{fill:#e3f1fb}
.map-coast{fill:none;stroke:#9cc9e8;stroke-width:1.4}
.map-area{fill:#139ced24;stroke:#139ced8c;stroke-width:1.2}
.map-sea-label{font:500 9px Heebo,Arial,sans-serif;fill:#7aa9cc}
.map-city circle{fill:#0a2348}
.map-city.is-hub circle{fill:#139ced;stroke:#fff;stroke-width:2}
.map-city text{font:500 11px Heebo,Arial,sans-serif;fill:#0a2348;paint-order:stroke;stroke:#fbfdff;stroke-width:3px;stroke-linejoin:round}
.map-city.is-hub text{font-weight:700}
.service-map figcaption{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;font-size:12.5px;color:var(--muted)}
.map-key{display:inline-block;width:12px;height:12px;border-radius:4px}
.map-key-area{background:#139ced24;border:1px solid #139ced8c}
.map-key-hub{margin-inline-start:10px;border-radius:50%;background:#139ced}
.exit-nudge{position:fixed;bottom:26px;left:50%;z-index:65;display:flex;align-items:center;gap:16px;width:min(560px,calc(100vw - 220px));padding:16px 18px 16px 20px;border-radius:18px;direction:rtl;
  background:#fff;border:1px solid #d3e6f4;box-shadow:0 26px 56px #061a3840;transform:translate(-50%,20px);opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.exit-nudge.is-open{opacity:1;transform:translate(-50%,0)}
.exit-nudge-icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 8px 18px #25d36659}
.exit-nudge-icon svg{width:24px;height:24px}
.exit-nudge-copy{flex:1}
.exit-nudge-copy strong{display:block;font-size:16px;color:var(--ink)}
.exit-nudge-copy span{font-size:14px;color:var(--muted)}
.exit-nudge-go{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:10px;background:#25d366;color:#fff;font-weight:700;font-size:14px;white-space:nowrap}
.exit-nudge-go:hover{background:#1ebe5b}
.exit-nudge-close{flex:none;display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#eef5fb;color:var(--ink);font-size:20px;cursor:pointer}
.exit-nudge :focus-visible{outline:3px solid #7fd8ff;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.exit-nudge{transition:none}}
.hero-price{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:14px 0 0;font-size:14px;color:#cfe6f7}
.hero-price b{color:#fff;font-weight:700}
.hero-price span{color:#7fd8ff}
@media(max-width:600px){.hero-price{font-size:13px;gap:4px 8px}}
.contact-hours{margin:8px 0 0;font-size:14px;color:#a8cbe4}
.prices{padding:90px 0 40px}
.prices-head{display:grid;grid-template-columns:auto minmax(0,420px);align-items:end;justify-content:space-between;gap:14px 60px;margin-bottom:34px}
.prices-head .eyebrow{color:#2f6d99;margin-bottom:18px}
.prices-head h2{margin:0;font-size:clamp(38px,3.8vw,56px);line-height:1.23;color:var(--ink)}
.prices-head h2 .muted{color:#3d7fb5}
.prices-head p{margin:0;font-size:15px;line-height:1.85;color:var(--muted)}
.price-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
.price-card{display:flex;flex-direction:column;padding:24px 20px 18px;border-radius:20px;background:#fff;border:1px solid #d8e6f2;box-shadow:0 14px 34px #0a23480b;transition:transform .3s,box-shadow .3s,border-color .3s}
.price-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px #0a234816;border-color:#a9d3ef}
.price-name{font-size:17px;font-weight:700;line-height:1.35;color:var(--ink)}
.price-desc{margin-top:6px;font-size:13.5px;line-height:1.6;color:var(--muted)}
.price-row{display:flex;align-items:baseline;gap:6px;margin-top:auto;padding-top:18px}
.price-from{font-size:13px;color:#0b6fb3;font-weight:500}
.price-num{font:500 clamp(30px,2.6vw,40px)/1 var(--display);color:var(--ink);direction:ltr;unicode-bidi:isolate}
.price-num small{margin-inline-start:3px;font-size:.5em;color:#0b5f99}
.price-note{margin-top:4px;font-size:13px;color:#2f8a57;font-weight:500}
.price-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding-top:10px;border-top:1px solid #e3eef7;font-size:14px;font-weight:500;color:#0b5f99}
.price-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.price-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 0;padding:0;list-style:none}
.price-terms li{display:grid;gap:4px;padding:18px 20px;border-radius:16px;background:linear-gradient(120deg,#eaf6fd,#f6fbff);border:1px solid #d3e8f6}
.price-terms strong{font:500 22px/1.2 var(--display);color:var(--ink)}
.price-terms span{font-size:14px;line-height:1.6;color:var(--muted)}
@media(max-width:1200px){.price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.prices-head{grid-template-columns:1fr}.price-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-terms{grid-template-columns:1fr}}
@media(max-width:600px){.prices{padding:60px 0 24px}.prices-head h2{font-size:34px}.price-grid{grid-template-columns:1fr}.price-card{padding:20px 18px 14px}}
@media(prefers-reduced-motion:reduce){.price-card:hover{transform:none}}
.map-core{fill:#139ced52;stroke:#0b6fb3;stroke-width:1.2}
.builder-more{margin:8px 0 0;font-size:12.5px;line-height:1.6;color:var(--muted)}
.service-map svg{direction:ltr}
.button .arrow-disc,.button .wa-disc,.header-contact>span:last-child{flex:0 0 auto;aspect-ratio:1}
.button .arrow-disc{width:38px;height:38px;min-width:38px}
.hero-wa .wa-disc{width:42px;height:42px;min-width:42px}
.hero-buttons .hero-wa{min-height:62px;padding:12px 22px 12px 12px;gap:18px;box-sizing:border-box}
.hero-buttons .hero-wa .wa-disc{width:36px;height:36px;min-width:36px;box-shadow:0 4px 12px #25d36640}
.hero-buttons .hero-wa .wa-disc svg{width:20px;height:20px}
.hero-buttons{flex-wrap:wrap;row-gap:14px}
.hero-buttons .button{flex:0 0 auto}
.price-media{display:block;margin:-6px -6px 16px;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #edf3f8;aspect-ratio:4/3}
.price-media img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.price-card:hover .price-media img{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.price-card:hover .price-media img{transform:none}}
@media(max-width:600px){
  .mobile-contact-bar{padding:7px;gap:7px;border-radius:18px;inset-inline:12px}
  .mobile-contact-bar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 10px;border-radius:12px;font:500 15px/1 'Heebo',Arial,sans-serif;text-decoration:none;white-space:nowrap}
  .mobile-contact-bar .mobile-consult{background:#25d366;color:#fff;font-size:15px;padding:0 10px}
  .mobile-contact-bar .mobile-phone{background:#092b52;color:#fff;font-size:15px;padding:0 10px}
  .mobile-contact-bar a:active{transform:scale(.98)}
  .mobile-contact-bar svg{width:21px;height:21px;flex:none}
}
@media(max-width:600px){
  .mobile-contact-active .back-to-top{bottom:96px}
  .mobile-contact-active .a11y{bottom:96px}
}
@media(min-width:601px){
  .flow-step{min-height:max(330px,62vh)}
  .flow-step:last-child{min-height:var(--flow-visual-h,290px)}
  .flow-visual{width:min(100%,calc((100vh - 440px) * 1.5));justify-self:start}
}
.flow-image-note{inset-inline:auto 14px;bottom:14px;width:max-content;max-width:calc(100% - 28px);padding:5px 10px;border-radius:30px;background:#06254cb8;backdrop-filter:blur(6px);font-size:11px;line-height:1.5}
@media(max-width:600px){.flow-image-note{inset-inline:auto 10px;bottom:10px;font-size:10px;padding:4px 9px}}
.ts-box{flex-basis:100%;width:100%;max-width:100%}
.ts-box:has(iframe){margin-top:10px}
.ts-box iframe{max-width:100%}
.arr-ne{transform:rotate(180deg)}
.experience-links{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center}
.pains .pain-grid{gap:22px}
.pains .pain-card{--pc-accent:#00d2ff;--pc-lite:rgba(226,232,240,.72);--pc-e:cubic-bezier(.16,1,.3,1);position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;
  border-radius:28px;background:linear-gradient(165deg,#132447 0%,#0a1128 58%,#050b1c 100%);border:1px solid rgba(255,255,255,.1);
  box-shadow:0 20px 46px -26px rgba(8,14,34,.5);transition:opacity .8s,transform .5s var(--pc-e),box-shadow .5s var(--pc-e)}
.pains .pain-ph{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden;background:#0a1128}
.pains .pain-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--pc-e)}
.pains .pain-ph:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(10,17,40,.95) 2%,rgba(10,17,40,.3) 42%,rgba(10,17,40,0) 74%)}
.pains .pain-copy{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;margin-top:-40px;padding:0 24px 26px}
.pains .pain-eye{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;margin-bottom:14px;font-size:12px;font-weight:800;letter-spacing:.16em;color:var(--pc-accent)}
.pains .pain-eye:before{content:'';flex:none;width:7px;height:7px;background:var(--pc-accent);transform:rotate(45deg)}
.pains .pain-n{margin-bottom:4px;font-size:40px;font-weight:800;line-height:.9;color:#fff;opacity:.14}
.pains .pain-card h3{margin:0 0 8px;font-size:clamp(21px,1.75vw,24px);font-weight:800;line-height:1.15;color:#fff}
.pains .pain-sub{margin:0 0 18px;font-size:15px;font-weight:700;line-height:1.45;color:var(--pc-accent)}
.pains .pain-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-bottom:18px;padding:14px 24px;
  border:1px solid #2a72ad;border-radius:999px;background:#2a72ad;color:#fff;font-size:16px;font-weight:700;line-height:1.2;text-align:center;
  box-shadow:0 14px 40px -12px rgba(42,114,173,.55);transition:transform .3s var(--pc-e),box-shadow .3s var(--pc-e),border-color .3s var(--pc-e)}
.pains .pain-btn:before{content:'';position:absolute;inset:0;z-index:0;background:#0a1128;transform:translateY(101%);transition:transform .42s var(--pc-e)}
.pains .pain-btn span{position:relative;z-index:1}
.pains .pain-btn:hover{color:#fff;border-color:var(--pc-accent);transform:translateY(-3px);box-shadow:0 18px 44px -14px rgba(42,114,173,.7)}
.pains .pain-btn:hover:before{transform:translateY(0)}
.pains .pain-btn:focus-visible{outline:3px solid var(--pc-accent);outline-offset:3px}
.pains .pain-text{margin:0 0 18px;font-size:15px;line-height:1.68;color:var(--pc-lite)}
.pains .pain-l{display:grid;gap:9px;margin:0;padding:0;list-style:none}
.pains .pain-l li{position:relative;padding-inline-start:20px;font-size:14.5px;font-weight:500;line-height:1.45;color:var(--pc-lite)}
.pains .pain-l li:before{content:'';position:absolute;top:.5em;inset-inline-start:0;width:8px;height:8px;background:var(--pc-accent);transform:rotate(45deg)}
@media(hover:hover) and (pointer:fine){
  .pains .pain-card:hover{transform:translateY(-6px);box-shadow:0 34px 60px -28px rgba(8,14,34,.7)}
  .pains .pain-card:hover .pain-ph img{transform:scale(1.05)}
}
.pains .pain-grid.is-stack{gap:0}
.pains .pain-grid.is-stack>.pain-card{position:sticky;top:calc(var(--stack-top,86px) + var(--k,0) * 10px);margin-bottom:calc(16px + 33vh);margin-bottom:calc(16px + 33svh);box-shadow:0 -10px 34px -18px rgba(8,14,34,.55),0 20px 44px -20px rgba(10,17,40,.5)}
.pains .pain-grid.is-stack>.pain-card:last-child{margin-bottom:0}
.pains .pain-grid.is-stack>.pain-card:nth-child(2){--k:1}.pains .pain-grid.is-stack>.pain-card:nth-child(3){--k:2}.pains .pain-grid.is-stack>.pain-card:nth-child(4){--k:3}
.pains .pain-grid.is-stack>.pain-card:nth-child(5){--k:4}.pains .pain-grid.is-stack>.pain-card:nth-child(6){--k:5}
@media(max-width:600px){.pains .pain-card{border-radius:24px}.pains .pain-copy{padding:0 20px 24px}.pains .pain-card h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.pains .pain-card:hover,.pains .pain-card:hover .pain-ph img,.pains .pain-btn:hover{transform:none}}
html.a11y-still .pains .pain-card:hover,html.a11y-still .pains .pain-card:hover .pain-ph img{transform:none}
.compare{--cmp-e:cubic-bezier(.16,1,.3,1);margin-top:64px;padding-top:52px;border-top:1px solid var(--line)}
.compare-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px 32px;margin-bottom:30px}
.compare-head h3{margin:0;font-size:clamp(28px,2.8vw,40px);font-weight:500;line-height:1.2;letter-spacing:-.03em;color:var(--ink)}
.compare-head p{margin:0;font-size:15px;color:#4a6a85}
.cmp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.cmp-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:26px;
  background:linear-gradient(180deg,#fff,#f7fbff) padding-box,linear-gradient(160deg,#cfe5f5,#eef6fc 50%,#cfe5f5) border-box;border:1px solid transparent;
  box-shadow:0 2px 4px #0a234808,0 24px 50px -24px #0a23482e;transition:transform .5s var(--cmp-e),box-shadow .5s var(--cmp-e)}
.cmp-media{position:relative;height:170px;margin:10px 10px 0;overflow:hidden;border-radius:18px;background:#e7f1f9}
.cmp-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--cmp-e)}
.cmp-tag{position:absolute;top:12px;inset-inline-start:12px;padding:6px 12px;border-radius:999px;background:#ffffffe6;backdrop-filter:blur(8px);font-size:12.5px;font-weight:700;color:#0b4f8f;box-shadow:0 6px 16px -8px #0a234866}
.cmp-body{display:flex;flex:1;flex-direction:column;padding:22px 24px 24px}
.cmp-body h4{margin:0 0 4px;font-size:22px;font-weight:700;line-height:1.25;color:var(--ink)}
.cmp-fit{margin:0 0 18px;font-size:14.5px;line-height:1.5;color:#55728b}
.cmp-price{display:flex;align-items:baseline;gap:4px;color:var(--ink)}
.cmp-from{font-size:14px;font-weight:500;color:#55728b}
.cmp-price strong{font-size:44px;font-weight:800;line-height:1;letter-spacing:-.03em}
.cmp-cur{font-size:22px;font-weight:700}
.cmp-note{margin-top:6px;font-size:13px;color:#55728b}
.cmp-feat{display:grid;gap:10px;margin:20px 0 22px;padding:18px 0 0;border-top:1px solid #dbe9f4;list-style:none}
.cmp-feat li{position:relative;padding-inline-start:28px;font-size:14.5px;font-weight:500;line-height:1.45;color:#28465f}
.cmp-feat li:before{content:'';position:absolute;top:1px;inset-inline-start:0;width:19px;height:19px;border-radius:50%;
  background:#e1f2fd url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230b6fb3' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 8.4 2.6 2.6L12 5.4'/%3E%3C/svg%3E") center/12px no-repeat}
.cmp-btn{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:auto;min-height:52px;padding:12px 20px;border-radius:999px;
  border:1px solid #bcd9ee;background:#fff;color:#0a2348;font-size:15px;font-weight:700;transition:transform .3s var(--cmp-e),box-shadow .3s var(--cmp-e),border-color .3s,color .3s}
.cmp-btn:before{content:'';position:absolute;inset:0;background:#0a2348;transform:translateY(101%);transition:transform .42s var(--cmp-e)}
.cmp-btn span,.cmp-btn svg{position:relative}
.cmp-btn svg{width:18px;height:18px;transition:transform .35s var(--cmp-e)}
.cmp-btn:hover{color:#fff;border-color:#0a2348;transform:translateY(-2px);box-shadow:0 14px 30px -14px #0a234880}
.cmp-btn:hover:before{transform:translateY(0)}
.cmp-btn:hover svg{transform:translate(-3px,3px)}
.cmp-btn:focus-visible{outline:3px solid #2b8bd0;outline-offset:3px}
.cmp-card.is-dark{background:linear-gradient(165deg,#132447 0%,#0a1128 60%,#050b1c 100%) padding-box,linear-gradient(160deg,#2c5a8a,#0e1d3d 50%,#2c5a8a) border-box;box-shadow:0 30px 60px -26px #08122e99}
.cmp-card.is-dark .cmp-media{background:#0d1a36}
.cmp-card.is-dark h4,.cmp-card.is-dark .cmp-price{color:#fff}
.cmp-card.is-dark .cmp-fit,.cmp-card.is-dark .cmp-from,.cmp-card.is-dark .cmp-note{color:#b8c8dc}
.cmp-card.is-dark .cmp-feat{border-top-color:#ffffff1f}
.cmp-card.is-dark .cmp-feat li{color:#e2e8f0}
.cmp-card.is-dark .cmp-feat li:before{background-color:#00d2ff24;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2300d2ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 8.4 2.6 2.6L12 5.4'/%3E%3C/svg%3E")}
.cmp-card.is-dark .cmp-btn{border-color:#2a72ad;background:#2a72ad;color:#fff;box-shadow:0 14px 34px -14px #2a72ad99}
.cmp-card.is-dark .cmp-btn:before{background:#fff}
.cmp-card.is-dark .cmp-btn:hover{color:#0a2348;border-color:#fff}
@media(hover:hover) and (pointer:fine){
  .cmp-card:hover{transform:translateY(-6px);box-shadow:0 4px 10px #0b6fb314,0 34px 64px -26px #0a234852}
  .cmp-card:hover .cmp-media img{transform:scale(1.06)}
}
.cmp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:26px 0 0;padding:16px 22px;border-radius:16px;background:#f2f8fd;border:1px solid #dcebf6;font-size:14.5px;color:#36546d}
.cmp-foot-icon{flex:none;width:30px;height:30px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b6fb3' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E") center/18px no-repeat;box-shadow:0 4px 10px -6px #0a234840}
.cmp-foot .text-link{margin-inline-start:auto;color:var(--ink);font-weight:600}
@media(max-width:1000px){.cmp-body{padding:20px 20px 22px}.cmp-price strong{font-size:38px}}
@media(max-width:760px){
  .compare{margin-top:48px;padding-top:40px}
  .compare-head{margin-bottom:20px}
  .compare-head h3{font-size:28px}
  .cmp-grid{display:flex;gap:14px;margin-inline:-22px;padding:6px 22px 18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:22px;scrollbar-width:none;overscroll-behavior-x:contain}
  .cmp-grid::-webkit-scrollbar{display:none}
  .cmp-card{flex:0 0 84%;scroll-snap-align:start}
  .cmp-media{height:150px}
  .cmp-foot{padding:14px 16px}
  .cmp-foot .text-link{margin-inline-start:0}
}
@media(prefers-reduced-motion:reduce){.cmp-card:hover,.cmp-card:hover .cmp-media img,.cmp-btn:hover,.cmp-btn:hover svg{transform:none}}
html.a11y-still .cmp-card:hover,html.a11y-still .cmp-card:hover .cmp-media img{transform:none}
.proc{--p:0;--e:cubic-bezier(.16,1,.3,1);--node:76px;position:relative;margin-top:48px}
.proc-list{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none}
.proc-track{position:absolute;top:calc(var(--node) / 2 - 3px);inset-inline:calc(12.5% - 9px);height:6px;border-radius:6px;background:#d4e7f5;box-shadow:inset 0 1px 2px #0a234814}
.proc-fill{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(270deg,#7fdcff,#139ced 55%,#0b5f99);transform:scaleX(var(--p));transform-origin:right;box-shadow:0 0 14px #139ced66}
.proc-fill:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(270deg,transparent 0 30%,#ffffff8c 45%,transparent 60% 100%);background-size:220px 100%;animation:procFlow 1.6s linear infinite}
@keyframes procFlow{from{background-position:0 0}to{background-position:-220px 0}}
.proc-drop{position:absolute;top:50%;right:calc(var(--p) * 100%);width:18px;height:18px;margin:-9px -9px 0 0;border-radius:50% 50% 50% 0;background:radial-gradient(circle at 35% 35%,#fff,#7fdcff 40%,#139ced);transform:rotate(-45deg);box-shadow:0 4px 12px #139ced80;opacity:calc(min(1, var(--p) * 20) * (1 - max(0, var(--p) * 20 - 19)))}
.proc-step{display:flex;flex-direction:column;align-items:center;text-align:center}
.proc-node{position:relative;display:grid;place-items:center;width:var(--node);height:var(--node);margin-bottom:22px;border-radius:50%;background:#fff;color:#7aa7c9;
  box-shadow:0 0 0 6px #edf6fc,0 0 0 7px #cfe2f0,0 14px 28px -12px #0a234840;transition:background .6s var(--e),color .6s var(--e),box-shadow .6s var(--e),transform .6s var(--e)}
.proc-node:before{content:'';position:absolute;inset:-7px;border-radius:50%;border:2px solid #139ced;opacity:0;transform:scale(.8)}
.proc .step-icon{width:34px;height:34px;margin:0;color:inherit}
.proc .step-icon svg{stroke-width:1.8}
.proc .step-icon svg *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1s ease-out .15s}
.proc-card{position:relative;flex:1;width:100%;overflow:hidden;padding:26px 22px 22px;border-radius:22px;border:1px solid transparent;
  background:linear-gradient(180deg,#ffffffcc,#ffffff99) padding-box,linear-gradient(160deg,#d6e8f5,#ffffff 50%,#d6e8f5) border-box;backdrop-filter:blur(6px);
  box-shadow:0 18px 40px -26px #0a234840;opacity:.55;transform:translateY(14px);transition:opacity .7s var(--e),transform .7s var(--e),box-shadow .7s var(--e),background .7s var(--e)}
.proc-n{position:absolute;top:8px;inset-inline-end:16px;font-size:54px;font-weight:800;line-height:1;letter-spacing:-.04em;color:#0b5f99;opacity:.08;transition:opacity .7s,color .7s}
.proc-card h3{position:relative;margin:0 0 10px;font-family:var(--font);font-size:19px;font-weight:700;line-height:1.35;letter-spacing:-.01em;color:var(--ink)}
.proc-card p{position:relative;margin:0 0 16px;font-size:14.5px;line-height:1.7;color:#4d6b84}
.proc-chip{position:relative;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:#e8f4fc;font-size:12.5px;font-weight:700;color:#0b5f99}
.proc-chip:before{content:'';width:6px;height:6px;border-radius:50%;background:#139ced}
.proc-step.is-on .proc-node{background:linear-gradient(150deg,#2fb4f5,#0b5f99);color:#fff;transform:translateY(-3px);box-shadow:0 0 0 6px #edf6fc,0 0 0 7px #7fcff5,0 18px 34px -10px #0b6fb380}
.proc-step.is-on .proc-node:before{animation:procPing 1.1s var(--e) both}
@keyframes procPing{0%{opacity:.9;transform:scale(.85)}100%{opacity:0;transform:scale(1.45)}}
.proc-step.is-on .step-icon svg *{stroke-dashoffset:0}
.proc-step.is-on .proc-card{opacity:1;transform:none;background:linear-gradient(180deg,#fff,#f6fbff) padding-box,linear-gradient(160deg,#8fd6fb,#e6f4fd 50%,#3aa6e6) border-box;box-shadow:0 26px 50px -26px #0b6fb359}
.proc-step.is-on .proc-n{opacity:.14;color:#139ced}
@media(hover:hover) and (pointer:fine){.proc-step.is-on .proc-card:hover{transform:translateY(-5px);box-shadow:0 32px 60px -26px #0b6fb366}}
@media(max-width:760px){
  .proc{--node:56px;margin-top:32px}
  .proc-list{grid-template-columns:1fr;gap:18px}
  .proc-step{display:grid;grid-template-columns:var(--node) 1fr;align-items:start;gap:16px;text-align:start}
  .proc-node{margin:6px 0 0}
  .proc .step-icon{width:26px;height:26px}
  .proc-track{top:34px;bottom:34px;inset-inline:calc(var(--node) / 2 - 3px) auto;width:6px;height:auto}
  .proc-fill{transform:scaleY(var(--p));transform-origin:top}
  .proc-fill:after{background:linear-gradient(180deg,transparent 0 30%,#ffffff8c 45%,transparent 60% 100%);background-size:100% 220px;animation-name:procFlowY}
  .proc-drop{top:calc(var(--p) * 100%);right:50%;margin:-9px -9px 0 0;transform:rotate(45deg)}
  .proc-card{padding:20px 18px 18px}
  .proc-n{font-size:44px}
  .proc-card h3{font-size:18px}
}
@keyframes procFlowY{from{background-position:0 0}to{background-position:0 220px}}
@media(prefers-reduced-motion:reduce){.proc-fill:after{animation:none}.proc-card,.proc-node,.proc .step-icon svg *{transition:none}.proc-step.is-on .proc-node:before{animation:none}}
html.a11y-still .proc-fill:after{animation:none}
.care{grid-template-columns:1fr}
@media(min-width:901px){
  .care-area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,340px);column-gap:56px;align-content:start;padding:36px 40px}
  .care-area>*{grid-column:1}
  .care-area>.service-map{grid-column:2;grid-row:1 / span 7;align-self:center;margin:0}
}
.proc-n{position:static;display:block;margin:-8px 0 -16px;font-size:52px}
@media(max-width:760px){.proc-n{margin:-6px 0 -14px;font-size:42px}}
/* wa-float.css */
.wa-float{position:fixed;bottom:26px;left:25px;z-index:40;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#25d366;color:#fff;
  box-shadow:0 10px 26px #25d36659,0 2px 6px #0a234826;transition:transform .25s,background .25s,box-shadow .25s}
.wa-float:before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;opacity:0;animation:waPulse 2.8s ease-out infinite;pointer-events:none}
.wa-float:hover{background:#1ebe5b;transform:translateY(-4px) scale(1.04);box-shadow:0 14px 32px #25d36673}
.wa-float:focus-visible{outline:3px solid #7fd8ff;outline-offset:3px}
.wa-float svg{width:30px;height:30px}
@keyframes waPulse{0%{transform:scale(1);opacity:.6}70%,100%{transform:scale(1.45);opacity:0}}
@media(max-width:600px){.wa-float{width:52px;height:52px;bottom:18px;left:16px}.wa-float svg{width:27px;height:27px}}
html.a11y-still .wa-float:before{animation:none}
@media(prefers-reduced-motion:reduce){.wa-float:before{animation:none}}
.wa-menu{position:fixed;left:95px;bottom:26px;z-index:61;width:250px;padding:12px;border-radius:16px;background:#fff;border:1px solid #cfe2f0;box-shadow:0 18px 46px #0a234838;direction:rtl;
  animation:waMenuIn .22s ease-out}
.wa-menu[hidden]{display:none}
.wa-menu-title{margin:2px 6px 8px;font:700 15px var(--font);color:#0a2348}
.wa-topic{display:flex;align-items:center;min-height:44px;padding:8px 12px;border-radius:10px;font:500 14px/1.35 var(--font);color:#0a2348;text-decoration:none;transition:background .2s}
.wa-topic:before{content:'';flex:none;width:8px;height:8px;margin-left:10px;border-radius:50%;background:#25d366}
.wa-topic:hover{background:#eaf8ef}
.wa-topic:focus-visible{outline:2px solid #0b6fb3;outline-offset:1px}
@keyframes waMenuIn{from{opacity:0;transform:translateY(8px)}}
@media(max-width:600px){.wa-menu{left:78px;bottom:18px;width:min(250px,calc(100vw - 94px))}}
@media(prefers-reduced-motion:reduce){.wa-menu{animation:none}}