@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#073e50;--ink:#123f4c;--muted:#647a80;--aqua:#bce8dd;--paper:#f5f6f1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;top:0;z-index:20;width:100%;color:white;border-bottom:1px solid #ffffff30}.logo{width:143px;height:auto;display:block}nav{display:flex;gap:32px;font-size:13px}nav a:hover{color:var(--aqua)}.nav-cta{font-size:13px;border:1px solid #ffffff70;padding:14px 20px;border-radius:3px}.nav-cta span{margin-left:20px}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{height:850px;min-height:700px;max-height:1000px;position:relative;color:white;display:flex;align-items:center;background:#174b58}.hero-img,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{background:linear-gradient(90deg,#052d3bca 0%,#062e3b70 50%,#062e3b15),linear-gradient(0deg,#062e3b85,transparent 35%)}.hero-copy{position:relative;padding:110px 7% 60px;width:100%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;display:flex;align-items:center;gap:12px}.eyebrow i{width:7px;height:7px;background:var(--aqua);border-radius:50%}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(58px,6.7vw,102px);font-weight:500;line-height:1.09;letter-spacing:-5px;margin:30px 0}em{font-style:normal;color:#83cfc5}h1 em{font-family:Georgia,serif;font-style:italic;font-weight:400;color:#c5eee1}p{font-size:15px;line-height:1.8}.hero-copy p{color:#e1eceb;font-size:16px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:36px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;border:0;border-radius:3px;padding:20px 24px;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.light{background:#e0f2e9;color:#123f4c}.text-link{font-size:13px;border-bottom:1px solid #ffffff70;padding-bottom:7px}.hero-bottom{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px}.hero-bottom b{font-weight:400;opacity:.6;margin-left:25px}.image-note{position:absolute;right:20px;top:110px;font-size:9px;opacity:.6;writing-mode:vertical-rl}.intro-bar{display:flex;justify-content:space-around;align-items:center;padding:28px 6%;background:#e7ece5;font-size:13px}.intro-bar i{font-style:normal;color:#7aa6a1}.section{padding:110px 7%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.dark{color:#67817f}h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(34px,3.5vw,53px);line-height:1.2;font-weight:500;letter-spacing:-2px;margin:23px 0 0}h2 em{color:#6b9992}.section-top>p{width:340px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ccd6cf}.service{padding:30px 32px;position:relative;transition:background .25s}.service:hover{background:#e3ece5}.service+.service{border-left:1px solid #ccd6cf}.number{font-size:11px;color:#81928c}.icon{font-size:65px;display:block;margin:28px 0;color:#458b84;font-family:Georgia,serif;font-weight:400;height:78px}h3{font-family:Manrope,Arial,sans-serif;font-size:21px;font-weight:500;letter-spacing:-.6px}.service p{color:var(--muted);min-height:85px;font-size:14px}.service-bottom{border-top:1px solid #ccd6cf;padding-top:25px;display:flex;justify-content:space-between;font-size:11px;margin-top:25px}.service-bottom b{font-size:20px;font-weight:400}.feature{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white}.feature-image{position:relative;min-height:640px;overflow:hidden}.feature-image img{width:100%;height:100%;position:absolute;object-fit:cover}.feature-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#04334470,transparent)}.feature-image>span{position:absolute;bottom:35px;left:40px;z-index:1;font-size:10px;letter-spacing:2px}.feature-copy{padding:75px 13% 65px 12%}.feature-copy h2{font-size:42px}.feature-copy h2 em{color:#9acdc3}.tabs{display:flex;border-bottom:1px solid #ffffff30;margin-top:30px;gap:23px}.tabs button{background:none;border:0;color:#9ab7bc;padding:18px 0;font-size:12px;border-bottom:2px solid transparent}.tabs button[aria-selected=true]{color:white;border-color:#bce8dd}#tab-content{min-height:238px}#tab-content h3{font-size:18px;margin-top:25px}#tab-content p,#tab-content li{font-size:13px;color:#b9d1d4;line-height:1.9}ul{padding:0;list-style:none}li:before{content:'↗';margin-right:12px;color:#a2d9cc}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.steps article{border-top:1px solid #b9cdc6;padding-top:25px}.steps span{font-size:10px;letter-spacing:1px;color:#6b9992}.steps h3{margin-top:32px}.steps p{font-size:13px;color:var(--muted)}.care{padding:65px 7%;display:flex;align-items:center;justify-content:space-between;gap:45px;background:#cbded5;position:relative;overflow:hidden}.care h2{font-size:36px;margin-top:15px}.care h2 em{color:#568d83}.care p{font-size:13px;max-width:520px}.care .eyebrow{color:#477a71}.water-lines{font-size:220px;color:#a9cbc0;position:absolute;right:35%;bottom:-90px;pointer-events:none}.care>div:not(.water-lines),.care>a{position:relative}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:90px}details{border-bottom:1px solid #cdd6d0;padding:23px 0}details:first-child{padding-top:0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:25px;font-size:16px}summary::-webkit-details-marker{display:none}summary span{font-size:22px;color:#6b9992}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;color:var(--muted);max-width:540px}.contact{background:#083c4d;color:white;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact h2{font-size:62px}.contact p{max-width:360px;color:#a4c3c8;font-size:14px}.contact .phone{font-size:25px;margin:35px 0 15px;display:block}.contact a:not(.phone){color:#b0d2d6;font-size:15px}.contact-note{font-size:9px;letter-spacing:2px;margin-top:50px;color:#80a6ae}form label{display:block;font-size:11px;color:#bbd3d7}input,select,textarea{display:block;width:100%;border:0;border-bottom:1px solid #547580;border-radius:0;background:transparent;color:white;padding:15px 0;margin-bottom:25px;font-size:14px}input::placeholder,textarea::placeholder{color:#789ba5}select option{background:#083c4d}.form-row{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}textarea{resize:vertical}form .button{width:100%;margin-top:5px}small{display:block;color:#8fb0b8;font-size:10px;line-height:1.8;margin-top:15px}footer{padding:35px 7%;background:#062f3e;color:#a4c3c8;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px}footer .logo{width:115px}footer>span{font-size:13px}.float-wa{position:fixed;right:24px;bottom:24px;background:#c3eadb;color:#083c4d;border:1px solid #ffffff70;padding:14px 20px;border-radius:30px;font-size:13px;z-index:30;box-shadow:0 4px 22px #062f3e22}.float-wa span{margin-left:8px}a,button{-webkit-tap-highlight-color:transparent}@media(min-width:1600px){.hero{height:920px}.hero-copy{padding-left:10%}.section{padding-left:10%;padding-right:10%}}@media(max-width:1000px){nav{gap:18px}.nav-cta{display:none}.hero{height:780px}h1{letter-spacing:-3px}.feature-copy{padding:55px 9%}.feature-copy h2{font-size:34px}.service{padding:25px}.service p{min-height:120px}.contact{gap:7%}.contact h2{font-size:50px}.steps{gap:20px}.faq{gap:50px}}@media(max-width:700px){header{height:80px;padding:0 6%}.logo{width:124px}.menu{display:block}nav{display:none;position:absolute;top:80px;left:0;right:0;background:#073e50;padding:25px;flex-direction:column}nav.open{display:flex}.hero{height:760px;min-height:680px;max-height:none}.hero-copy{padding:100px 7% 65px}.hero-img{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#052d3be0,#052d3b40)}h1{font-size:59px;letter-spacing:-3px;margin-top:26px}.eyebrow{font-size:8px;letter-spacing:1.4px}.hero-copy p{font-size:14px}.hero-actions{align-items:start;flex-direction:column;gap:22px}.button{padding:18px 20px}.hero-bottom{bottom:25px;font-size:8px}.hero-bottom>span:last-child{display:none}.intro-bar{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:11px;padding:25px 7%}.intro-bar i{display:none}.section{padding:65px 7%}.section-top{display:block;margin-bottom:32px}.section-top>p{width:auto;margin-top:25px;font-size:14px}h2{font-size:34px;letter-spacing:-1.5px}.service-grid{grid-template-columns:1fr}.service+.service{border-left:0;border-top:1px solid #ccd6cf}.service{padding:25px}.icon{margin:10px 0;height:55px;font-size:50px}.service h3{margin:18px 0 8px}.service p{min-height:0}.service-bottom{margin-top:20px;padding-top:18px}.number{position:absolute;right:25px;top:28px}.feature{grid-template-columns:1fr}.feature-image{min-height:340px}.feature-copy{padding:48px 7%}.feature-copy h2{font-size:33px}#tab-content{min-height:245px}.steps{grid-template-columns:1fr 1fr;gap:30px 22px}.steps h3{font-size:18px;margin-top:22px}.care{padding:50px 7%;display:block}.care h2{font-size:29px}.care .button{margin-top:15px}.faq{grid-template-columns:1fr;gap:35px}summary{font-size:14px}.contact{grid-template-columns:1fr;gap:45px}.contact h2{font-size:46px}.contact-note{margin-top:28px}.contact .phone{font-size:23px}.form-row{gap:18px}footer{display:grid;grid-template-columns:1fr 1fr;padding-bottom:95px}footer>span{font-size:11px}footer>a:last-child{text-align:right}.float-wa{bottom:18px;right:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.calculator{background:#edf2eb}.calc-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:40px;align-items:start}.calculator form{background:#fff;border:1px solid #d9e1d8;padding:35px;border-radius:6px}.calc-progress{display:flex;gap:24px;border-bottom:1px solid #d9e1d8;margin-bottom:30px}.calc-progress button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 18px;color:#8b9c97;font-size:12px}.calc-progress button[aria-current]{color:#073e50;border-color:#073e50}.calc-progress span{margin-left:6px}.calculator fieldset{border:0;margin:0;padding:0;min-width:0}.calculator legend{font:500 21px Manrope,Arial,sans-serif;margin-bottom:28px;letter-spacing:-.5px}.calculator label{color:#476862;font-size:12px}.calculator input,.calculator select,.calculator textarea{color:#123f4c;background:#f6f8f4;padding:14px 12px;margin:9px 0 22px;border:1px solid #d3ddd3;border-radius:3px;font-size:13px}.calculator select option{background:white}.calculator input::placeholder,.calculator textarea::placeholder{color:#8da099}.calc-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.calc-hint{font-size:11px;color:#6b8279;line-height:1.8}.calc-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px}.calc-nav small{font-size:10px;color:#71877d}.calc-dark{background:#073e50;color:#e0f2e9}.calc-back{background:none;border:0;font-size:12px;color:#51776d;padding:12px 0}.extras{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px}.calculator .extras label,.calculator .consent,.quick-consent{display:flex;gap:10px;align-items:start;line-height:1.7}.calculator input[type=checkbox],.quick-consent input{width:16px;height:16px;margin:2px 0 0;accent-color:#073e50;flex-shrink:0}.calculator .consent{font-size:11px;margin:10px 0 20px}.quick-consent{margin:20px 0;font-size:10px!important}.calc-summary{padding:35px;background:#073e50;color:#e0f2e9;border-radius:6px;position:sticky;top:25px}.pool-drawing{height:170px;position:relative;display:flex;align-items:center;justify-content:center}.pool-water{width:72%;height:95px;transform:rotate(-12deg) skew(14deg);background:repeating-linear-gradient(165deg,#70bfb5 0,#70bfb5 2px,#90d4c7 3px,#90d4c7 18px);border:6px solid #c9e8db;box-shadow:8px 9px 0 #37616a;display:flex;align-items:center;justify-content:center;font-size:40px;color:#e1f3e9;transition:border-radius .3s}#draw-length{position:absolute;bottom:8px;font-size:12px;color:#b1d4cc}#draw-width{position:absolute;right:0;top:60px;font-size:12px;color:#b1d4cc}.volume{display:flex;align-items:center;gap:16px;margin:25px 0}.volume>strong{font:500 65px Manrope,Arial,sans-serif;letter-spacing:-3px}.volume>span{font-size:22px}.volume b{display:block;font-size:12px;font-weight:400;margin-top:5px;color:#8fbdb6}.calc-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #46707a;border-bottom:1px solid #46707a;padding:25px 0}.calc-stats span{display:block;color:#8fb5b4;font-size:10px;margin-bottom:8px}.calc-stats b{font-size:16px;font-weight:500}#choice-summary{padding-top:18px}#choice-summary>div{display:flex;justify-content:space-between;gap:20px;font-size:10px;margin-bottom:12px}#choice-summary span{color:#8fb5b4}#choice-summary b{text-align:right;font-weight:400}.calc-summary small{font-size:10px}.calc-no-price{font-size:12px;margin:22px 0 0;color:#d3e8df}.trap{display:none!important}#calc-error{background:#fff0e9;padding:14px;color:#923d20;font-size:12px;border-radius:3px}#calc-success{padding:40px 0;text-align:center}#calc-success p{font-size:13px;color:#57736a}#receipt-code{font-weight:700}#new-request{display:block;margin:20px auto 0}.success-mark{display:inline-flex;width:50px;height:50px;border-radius:50%;align-items:center;justify-content:center;background:#d7eee1;color:#073e50;font-size:24px}.calculator [hidden]{display:none!important}.button:disabled{opacity:.6;cursor:wait;transform:none}.contact #quick-result{font-size:12px;color:#c5e5dc}@media(max-width:1000px){.calc-layout{gap:20px;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.calculator form,.calc-summary{padding:25px}.calc-row{gap:14px}.volume>strong{font-size:52px}}@media(max-width:700px){.calc-layout{grid-template-columns:1fr}.calc-summary{position:static}.calculator form{padding:25px 20px}.calc-progress{gap:15px}.calc-progress button{font-size:11px}.calc-row{grid-template-columns:1fr 1fr;gap:12px}.calculator input,.calculator select{font-size:12px;padding:12px 8px}.calculator legend{font-size:18px}.calc-nav small{display:none}.calc-nav .button{margin-left:auto;font-size:12px;gap:15px}.calc-summary{padding:30px}.pool-drawing{height:150px}.volume{margin-top:10px}.volume>strong{font-size:65px}}@media(max-width:390px){.calc-row{grid-template-columns:1fr}}
