@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#082e50;--blue:#03a9c4;--paper:#f7f8f3;--muted:#516775;--lime:#d8f189}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--navy);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{max-width:1440px;margin:auto;padding:28px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{display:block;width:225px}nav{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:600}.nav-cta{padding:14px 19px;border:1px solid #bdc8c8;border-radius:6px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:55px 6% 65px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 25px}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,5.5vw,82px);line-height:1.08;letter-spacing:-4px;margin:0 0 24px;font-weight:800}em{font-style:normal;color:var(--blue)}.intro{max-width:450px;font-size:18px;line-height:1.7;color:var(--muted)}.button{display:inline-flex;gap:35px;align-items:center;background:var(--navy);color:white;padding:18px 24px;border-radius:6px;font-weight:600;margin-top:16px}.button:hover{background:#145275}.service-line{font-size:12px;line-height:1.9;color:var(--muted);max-width:470px;margin-top:30px}.pool-scene{position:relative;min-height:510px;background:#c3e7e3;border-radius:14px;overflow:hidden}.pool-deck{position:absolute;width:87%;height:67%;left:11%;top:5%;transform:rotate(-14deg);background:#ede8d9;border-radius:120px 20px 100px 20px;padding:27px;box-shadow:0 20px 0 #98ccc6}.pool{position:relative;height:100%;border:8px solid #fff;background:repeating-linear-gradient(0deg,transparent 0 23px,#52c5d64a 24px 25px),repeating-linear-gradient(90deg,#058fae 0 23px,#54c7d6 24px 25px);border-radius:90px 8px 75px 8px;overflow:hidden;box-shadow:inset 12px 16px 20px #00527370}.ripple{position:absolute;border:2px solid #c2f9ff6b;border-radius:50%;width:85%;height:45%;left:8%;top:25%;transform:rotate(15deg)}.r2{width:65%;height:30%;left:18%;top:33%}.r3{width:43%;height:17%;left:29%;top:40%}.ladder{position:absolute;right:18%;top:-8px;width:46px;height:110px;border:6px solid #dbe5e4;border-top:0;border-radius:0 0 16px 16px;display:flex;flex-direction:column;justify-content:space-evenly}.ladder i{height:5px;background:#dbe5e4}.scene-label{position:absolute;bottom:28px;left:28px;background:var(--navy);color:#fff;padding:23px 28px;border-radius:6px;box-shadow:5px 5px 0 var(--lime)}.scene-label span{display:block;font-size:9px;letter-spacing:2px;margin-bottom:12px}.scene-label strong{font-family:Manrope;font-size:24px;line-height:1.3}.section{padding:85px 6%;max-width:1440px;margin:auto}h2{font-size:clamp(33px,3.4vw,49px);line-height:1.2;letter-spacing:-1.7px;margin:0 0 30px}.services{border-top:1px solid #d3ddda}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:45px}.service-grid article{border-top:2px solid var(--navy);padding:23px 10px 0 0}.number{font-size:12px;letter-spacing:1px}.service-icon{height:60px;margin-top:25px;font-size:48px;color:var(--blue);line-height:1}h3{font-size:20px;letter-spacing:-.5px}.service-grid p,.steps p{color:var(--muted);font-size:15px;line-height:1.75}.service-grid a{display:inline-block;font-size:13px;font-weight:700;margin-top:18px;border-bottom:1px solid var(--blue);padding-bottom:7px}.liners{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:#e7f0ed;border-radius:12px}.liner-art{background:#083959;border-radius:10px;min-height:400px;position:relative;padding:40px;overflow:hidden}.liner-art p{position:relative;color:#fff;font-size:32px;font-family:Manrope;font-weight:800;letter-spacing:-1px;margin:220px 0 0}.liner-swatches{position:absolute;left:20%;top:-40px;width:85%;height:280px;transform:rotate(-20deg)}.liner-swatches span{position:absolute;width:75%;height:100%;border:8px solid #e6f4f5;border-radius:12px;background:repeating-linear-gradient(0deg,transparent 0 14px,#d5f2f560 14px 16px),repeating-linear-gradient(90deg,#007c9d 0 14px,#a4dfeb 14px 16px);box-shadow:0 7px 15px #0004}.liner-swatches span:nth-child(2){left:15%;top:30px;background:repeating-linear-gradient(45deg,#03abc4 0 8px,#007388 8px 16px)}.liner-swatches span:nth-child(3){left:30%;top:60px;background:#50c8d9}.body-copy{color:var(--muted);line-height:1.8}.detail-list{padding:0;list-style:none;margin:30px 0}.detail-list li{border-top:1px solid #c4d5d2;padding:16px 0;font-size:14px}.detail-list span{font-size:11px;color:#62838b;margin-right:18px}.text-link{font-weight:700;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:45px}.steps article>span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--lime);font-weight:700;font-size:13px}.contact{background:var(--navy);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-radius:12px}.contact em{color:var(--lime)}.contact>div>p:not(.eyebrow){line-height:1.8;color:#c4d7e3;max-width:430px}.project-card{padding:35px;background:#16425f;border-radius:8px}.project-card .eyebrow{color:#9bc9d9}.project-card ul{list-style:none;padding:0}.project-card li{padding:13px 0;border-bottom:1px solid #35607a;font-size:14px}.small{font-size:12px;line-height:1.7;color:#c4d7e3}footer{max-width:1440px;margin:auto;padding:50px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer img{width:170px}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.contact-link{display:block;font-size:23px;font-weight:700;margin-top:20px}.contact-area{font-size:14px;color:#c4d7e3}
@media(max-width:900px){header{flex-wrap:wrap}.brand img{width:200px}nav{gap:20px}.hero{gap:25px}h1{letter-spacing:-2px}.pool-scene{min-height:440px}.service-grid{grid-template-columns:repeat(2,1fr);gap:40px}.liners,.contact{gap:35px}.steps{gap:25px}footer{flex-wrap:wrap}}@media(max-width:620px){header{padding:20px 6%}nav{width:100%;justify-content:space-between;gap:8px;font-size:11px}.nav-cta{padding:9px}.hero{grid-template-columns:1fr;padding-top:35px}.pool-scene{min-height:400px}.hero-copy{padding-bottom:15px}h1{font-size:56px}.intro{font-size:16px}.section{padding:55px 6%}.service-grid{gap:30px 20px}.service-grid h3{font-size:18px}.service-grid p{font-size:14px}.liners,.contact{grid-template-columns:1fr;border-radius:0}.liner-art{min-height:350px}.liner-art p{margin-top:185px;font-size:28px}.steps{grid-template-columns:1fr;gap:25px}.steps article{border-bottom:1px solid #d3ddda;padding-bottom:18px}.project-card{padding:25px}footer{display:block}footer p{margin:20px 0}.contact-link{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}