@font-face{font-family:Manrope;src:url('./assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f0f7ff;color:#072b65;font-family:Manrope,Arial,sans-serif;font-size:17px;line-height:1.5}a{color:inherit}header{position:absolute;z-index:2;top:0;left:0;width:100%;padding:22px 5%;display:flex;justify-content:space-between;align-items:start;font-size:12px;line-height:1.3}header>span{text-align:right}.brand{text-decoration:none;font-size:26px;font-weight:800;letter-spacing:-.07em}.brand span,.close span{color:#ffdd5c}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.055em;line-height:1.04}h1{font-size:clamp(52px,8vw,116px);max-width:900px;view-transition-name:vk-title}h2{font-size:clamp(46px,6.5vw,92px)}h3{font-size:clamp(38px,5vw,70px)}p{max-width:620px}section{scroll-margin-top:20px}.hero{min-height:100svh;background:#0c4fe3;color:white;padding:150px 5% 35px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}.hero-intro>p:last-child{margin-top:22px;font-size:20px}.clock{margin-bottom:28px;font-weight:700}.clock span{color:#ffdd5c}.choices{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.choices a{background:white;color:#072b65;text-decoration:none;padding:25px;min-height:145px;display:flex;flex-direction:column;justify-content:space-between;font-size:20px;font-weight:700}.choices a b{font-size:15px;color:#0c4fe3}.choices a:hover,.choices a:focus-visible{background:#ffdd5c}.hero-bottom{font-size:14px}.urgent-head,.after,.booking,.diy,.close{padding:110px 5%}.urgent-head{display:grid;grid-template-columns:1fr 1fr;gap:24px 8%}.urgent-head h2{grid-column:1}.urgent-head>p:first-child{grid-column:1/-1}.urgent-head>p:nth-of-type(2){grid-column:2;grid-row:2}.safety{grid-column:2;background:#dbeaff;padding:24px}.scene{height:200svh;background:#0c4fe3;color:white}.sticky{height:100svh;position:sticky;top:0;overflow:hidden;padding:6vh 5%;display:grid;grid-template-columns:1fr 1fr;align-items:center}.water{position:absolute;inset:0;background:#092e70;transform:translateY(100%);pointer-events:none}.scene-copy,.scene svg,.scene-foot{position:relative}.scene-copy p:first-child{margin-bottom:20px}.scene-copy p:last-child{margin-top:25px}.scene svg{width:min(100%,520px);justify-self:center}#handle{transform-origin:210px 158px}.scene-foot{align-self:end;grid-column:1/-1;font-size:15px}.after{background:#092e70;color:white;display:grid;grid-template-columns:1fr 1fr;gap:30px 8%}.after p{align-self:center}.action,button{display:flex;justify-content:space-between;gap:20px;background:#ffdd5c;color:#072b65;padding:20px 24px;text-decoration:none;font:inherit;font-weight:800;border:0;cursor:pointer;min-height:60px}.action{grid-column:2}.booking{display:grid;grid-template-columns:1fr 1fr;row-gap:0;column-gap:10%;background:#dbeaff}.booking h2,.diy h2{margin:20px 0 28px}.booking form{display:grid;gap:12px;align-content:start}input,textarea,select{font:inherit;padding:16px;border:2px solid #072b65;background:white;color:#072b65;width:100%}label{font-weight:800;margin-top:12px}.form-note{font-size:14px}.diy{display:grid;grid-template-columns:1fr 1fr;row-gap:0;column-gap:10%;background:white}.diy p+p{margin-top:24px}.big{font-size:28px;font-weight:800;line-height:1.2}.diy a{display:inline-block;margin-top:30px;font-weight:800}.close{background:#0c4fe3;color:white;padding-bottom:60px}.close p{font-size:clamp(28px,4vw,54px);line-height:1.1;max-width:800px}.close div{font-size:clamp(72px,18vw,260px);font-weight:800;letter-spacing:-.08em;line-height:1;margin-top:100px}a:focus-visible,button:focus-visible,textarea:focus-visible,select:focus-visible{outline:4px solid #ff9e00;outline-offset:3px}:root{--vk-display:Manrope;--vk-text:Manrope}@media(max-width:700px){header{padding:18px 5%}.hero{padding-top:140px;gap:30px}.hero-intro>p:last-child{font-size:17px}.choices{grid-template-columns:1fr;gap:3px}.choices a{min-height:78px;padding:15px 18px;flex-direction:row;align-items:center;gap:12px;font-size:16px}.choices a b{font-size:13px;white-space:nowrap}.urgent-head,.after,.booking,.diy{padding:75px 5%;display:block}.urgent-head h2,.booking h2,.diy h2{margin:20px 0}.urgent-head p,.after p,.diy>div+div{margin-top:24px}.safety{padding:20px}.sticky{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;padding:6vh 5%}.scene-copy p:last-child{margin-top:16px}.scene svg{width:75%;max-height:35vh;align-self:center}.scene-foot{font-size:14px}.after .action{margin-top:30px}.booking form{margin-top:40px}.close{padding:75px 5%}.close div{margin-top:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene{height:auto}.sticky{position:relative;min-height:100svh}.water{transform:translateY(55%)}}

header{color:white}.hero-bottom{padding-left:0;margin-bottom:45px}

[hidden]{display:none!important}.routed .hero{display:none}.back{display:inline-flex;align-items:center;min-height:48px;font-weight:800;margin:24px 5%;text-decoration:none}.booking .back,.diy .back{grid-column:1/-1;margin:0 0 35px}.steps{padding:80px 5%;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#dbeaff}.steps p{font-size:clamp(20px,2vw,30px);line-height:1.3}.steps b{display:block;font-size:16px;color:#0c4fe3}.routed header{display:none}@media(max-width:700px){.steps{grid-template-columns:1fr;gap:50px;padding:70px 5%}.booking .back,.diy .back{margin-bottom:35px}}

#handle{transform:rotate(-90deg)}.brand,.diy a{min-height:44px;display:inline-flex;align-items:center}@media(prefers-reduced-motion:reduce){#handle{transform:rotate(0deg)}}

.remedies article{padding:55px 0;border-top:2px solid #072b65}.remedies article svg{width:min(240px,70%);height:auto;display:block;margin-bottom:28px}.remedies article h3{margin-bottom:22px}.remedies article p+p{margin-top:18px}.remedies a,.hero-bottom{min-height:44px}.scene-foot{max-width:850px}@media(max-width:700px){header>span{font-size:13px}.remedies article{padding:45px 0}.remedies article h3{font-size:40px}}
.scene .sticky{isolation:isolate}.room,.room-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.room-shade{background:rgba(0,20,47,.62)}.scene .water{z-index:0;background:rgba(7,93,160,.68);border-top:5px solid #a5e6ff}.scene-copy,.valve-wrap,.scene-foot{position:relative;z-index:1}.valve-wrap{justify-self:center;text-align:center}.valve{padding:0;display:block;min-height:0;width:min(31vw,350px);aspect-ratio:1;background:transparent;border:0;touch-action:none;cursor:grab}.valve:active{cursor:grabbing}.valve svg{width:100%;height:100%;display:block}.wheel{transform-origin:150px 150px}.valve-wrap p{margin:12px auto 0;font-size:16px;max-width:330px}.scene-foot{font-size:16px}.scene-copy h3{max-width:550px}@media(max-width:700px){.scene .sticky{padding:5vh 5% 8vh}.valve{width:min(58vw,260px);margin:auto}.scene-copy h3{font-size:38px}.valve-wrap p{font-size:16px}.scene-foot{font-size:16px}.room{object-position:57% center}}
/* Regia: il comando resta distinto dall'acqua anche al livello massimo. */
.valve:focus-visible{outline:4px solid #ffdd5c;outline-offset:8px;border-radius:50%}.valve-wrap p{font-weight:700;text-shadow:0 1px 3px #00152c}@media(max-width:700px){.scene-foot{padding-bottom:20px}}
