@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:#061e32;--blue:#0a4c77;--cyan:#8ae5e5;--aqua:#20c9d2;--ink:#122d40;--paper:#f6f9f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #0c99c1;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h2{font-size:clamp(34px,4.2vw,62px);font-weight:500;letter-spacing:-2.6px;line-height:1.13}h2 em,h1 em{font-style:normal;color:var(--aqua)}h3{font-weight:600;letter-spacing:-.8px}.wrap{max-width:1320px;width:calc(100% - 112px);margin:auto}header{height:105px;display:flex;align-items:center;padding:0 4%;gap:32px;position:absolute;top:0;z-index:10;width:100%;color:white;border-bottom:1px solid #ffffff25}.brand{margin-right:auto;align-self:flex-start;background:#ffffffeb;padding:3px 13px 8px;border-radius:0 0 12px 12px}.brand img{display:block;object-fit:contain;width:100px;height:105px}nav{display:flex;gap:30px;font-size:13px}nav a{opacity:.85}nav a:hover{opacity:1;color:var(--cyan)}.nav-cta{border:1px solid #ffffff70;border-radius:4px;padding:13px 20px;font-size:13px}#menu{display:none}.hero{min-height:840px;height:100svh;max-height:1150px;position:relative;background:#08364e;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,23,35,.85),rgba(2,23,35,.32) 60%,rgba(2,23,35,.12)),linear-gradient(0deg,#061e32a0,transparent 40%),url('assets/hero.webp') center/cover;animation:herozoom 20s ease-out both}.hero-content{position:relative;z-index:1;padding:195px 0 140px;width:calc(100% - 112px);max-width:1320px;margin:auto}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.1px;line-height:1.6}.hero .eyebrow{color:#c4f3f1;display:flex;align-items:center;gap:12px}.dot{display:inline-block;background:var(--aqua);width:7px;height:7px;border-radius:50%;box-shadow:0 0 0 5px #2bc7cd24}h1{font-size:clamp(56px,6.6vw,96px);line-height:1.04;font-weight:500;letter-spacing:-4.5px;margin:29px 0}.hero-desc{max-width:470px;font-size:16px;line-height:1.8;color:#e0e9ed}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.button{display:inline-flex;align-items:center;gap:40px;padding:19px 24px;border-radius:3px;font-size:14px;font-weight:600;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.primary{background:var(--cyan);color:var(--navy)}.primary:hover{background:white}.text-link{font-size:13px;border-bottom:1px solid #ffffff70;padding-bottom:7px}.hero-foot{position:absolute;bottom:38px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.6px;line-height:1.8}.hero-foot a{display:flex;gap:22px;align-items:center;letter-spacing:0;font-size:13px}.hero-foot a span{font-size:25px}.image-note{position:absolute;right:18px;top:125px;font-size:9px;opacity:.7}.ticker{background:var(--cyan);overflow:hidden;padding:20px 0;font-family:Manrope;font-size:13px;letter-spacing:2px;font-weight:700}.ticker>div{white-space:nowrap;width:max-content;animation:marquee 35s linear infinite}.ticker b{margin:0 40px;font-size:19px}.intro{padding:120px 0;display:grid;grid-template-columns:1fr 2.4fr;gap:40px}.intro>.eyebrow{margin-top:12px;color:#62828f}.intro-bottom{margin-top:38px;display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.intro-bottom>p{font-size:15px;line-height:1.8;color:#5f7380}.location{padding-left:30px;border-left:1px solid #cddfe2}.location span{display:block;font-size:30px;color:#159da9;margin-bottom:8px}.location strong{color:var(--ink)}.transformation{background:var(--navy);color:white;padding:95px 0}.section-top{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:48px}.section-top .eyebrow{margin-bottom:23px;color:#70a0ae}.section-top>p{max-width:310px;font-size:14px;line-height:1.85;color:#849eab}.transformation .section-top>p{color:#a2b9c5}.compare{height:510px;position:relative;overflow:hidden;background:#c9d2d1;border-radius:5px}.pool-scene{position:absolute;inset:0;overflow:hidden}.garden{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,#a2a978,transparent 25%),repeating-linear-gradient(8deg,#527451 0 2px,#587e56 2px 5px)}.deck{position:absolute;width:76%;height:77%;top:12%;left:13%;background:repeating-linear-gradient(90deg,#e8e0ce 0 99px,#c8c3b7 100px 102px);transform:perspective(1000px) rotateX(23deg) rotateZ(-9deg);border-radius:10px;box-shadow:0 25px 45px #142b2d55}.pool{position:absolute;inset:32px 40px;background:linear-gradient(135deg,#067baf,#1cc4d6);border:10px solid #f9f6e9;border-radius:9px;box-shadow:inset 3px 7px 12px #006d9c80}.pool:after{content:'';position:absolute;inset:0;background:repeating-radial-gradient(ellipse at 20% 40%,transparent 0 16px,#b1ffff44 18px 20px,transparent 22px 38px);opacity:.65;animation:water 12s linear infinite}.steps{position:absolute;right:0;top:0;bottom:0;width:21%;background:linear-gradient(90deg,#64d5e480 0 28%,#aff9f455 28% 60%,#e2fffa55 60%);border-left:2px solid #b1ffff88}.empty{clip-path:inset(0 50% 0 0)}.empty .garden{background:repeating-linear-gradient(30deg,#8e8c83 0 2px,#949286 2px 6px)}.empty .deck{background:#b5b2a8;box-shadow:none}.empty .pool{background:linear-gradient(135deg,#d4e1e5,#eef2f4);border-color:#f5f7f5;box-shadow:inset 18px 22px 20px #697b8b77}.empty .pool:after{display:none}.empty .steps{background:linear-gradient(90deg,#c2d2d8 0 28%,#d9e3e5 28% 60%,#f1f6f5 60%)}.scene-label{position:absolute;top:23px;right:24px;background:#061e32d9;border:1px solid #ffffff33;border-radius:3px;padding:10px 14px;font-size:10px;letter-spacing:1px}.empty .scene-label{left:24px;right:auto}.divider{position:absolute;left:50%;top:0;bottom:0;width:2px;background:white;pointer-events:none}.divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:white;color:var(--navy);display:grid;place-items:center;font-size:23px;box-shadow:0 4px 20px #0003}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare:focus-within{outline:3px solid var(--cyan);outline-offset:5px}.compare-caption{display:flex;justify-content:space-between;gap:20px;margin-top:16px;color:#a4bac6;font-size:11px;line-height:1.5}.services{padding:110px 0}.dark{border-color:#16384966}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbdcde}.service{padding:30px 34px 15px 0}.service+.service{border-left:1px solid #cbdcde;padding-left:35px}.service>span{font-size:11px;color:#6e8995}.service-icon{font-size:52px;line-height:1;color:#138da5;margin:32px 0}.service h3{font-size:26px;line-height:1.3}.service p{margin-top:20px;color:#6c7d86;font-size:14px;line-height:1.85;max-width:300px}.models{padding:100px 0;background:#eaf1f2}.filters{display:flex;gap:10px;margin-bottom:30px;flex-wrap:wrap}.filters button{border:1px solid #bdcfd5;border-radius:30px;background:transparent;padding:11px 18px;font-size:12px;color:#31546a}.filters button.active{background:var(--navy);color:white;border-color:var(--navy)}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.model-card{background:white;border-radius:4px;overflow:hidden;transition:transform .3s}.model-card:hover{transform:translateY(-6px)}.model-card[hidden]{display:none}.model-image{position:relative;overflow:hidden;aspect-ratio:1.35}.model-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.model-card:hover img{transform:scale(1.045)}.model-image span{position:absolute;bottom:12px;left:12px;padding:6px 9px;background:#ffffffed;font-size:9px;letter-spacing:1px;color:var(--navy)}.model-body{padding:23px}.model-body h3{font-size:27px}.model-body p{font-size:12px;margin-top:8px;color:#66808b}.model-bottom{margin-top:25px;padding-top:17px;border-top:1px solid #e2e9eb;display:flex;justify-content:space-between;gap:15px;align-items:center}.model-bottom strong{font-size:15px}.model-bottom strong small{display:block;font-size:9px;font-weight:400;color:#70858e;margin-top:5px}.model-bottom a{font-size:12px;color:#007e99}.price-list{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-top:60px;padding-top:40px;border-top:1px solid #bfd0d6}.price-list h3{font-size:25px;margin:12px 0}.price-list p:not(.eyebrow){font-size:13px;line-height:1.8;color:#627d88;max-width:330px}.price-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #bfd0d6;font-size:14px}.price-row small{display:block;color:#6b8490;font-size:11px;margin-top:5px}.price-row b{font-weight:500;white-space:nowrap}.process{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:110px 0}.process .eyebrow{color:#6a8794;margin-bottom:20px}ol{list-style:none;margin:0;padding:0}ol li{display:flex;gap:28px;padding:25px 0;border-bottom:1px solid #d5e0e3}ol li:first-child{padding-top:0}ol li>span{font-size:12px;color:#008da4;padding-top:5px}ol h3{font-size:22px}ol p{font-size:14px;color:#6b808c;line-height:1.8;margin-top:9px}.contact{background:var(--navy);color:white;overflow:hidden;position:relative}.contact:after{content:'';position:absolute;width:700px;height:700px;border:1px solid #4ac7d32a;border-radius:50%;right:-150px;top:-150px;box-shadow:0 0 0 70px #4ac7d309,0 0 0 140px #4ac7d306}.contact-inner{padding:100px 0;position:relative;z-index:1}.contact .eyebrow{color:var(--cyan);margin-bottom:25px}.contact h2{font-size:clamp(38px,4.8vw,69px)}.contact p:not(.eyebrow){margin:25px 0 30px;color:#a4bac6;line-height:1.8;font-size:15px}footer{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:45px 0}footer img{object-fit:contain}footer p{font-size:12px;line-height:1.9;color:#6c808b}footer p strong{font-weight:500;color:var(--ink)}footer>div{display:flex;flex-direction:column;gap:13px;font-size:12px}footer small{color:#7e929a;margin-top:10px;font-size:10px}.floating-wa{position:fixed;bottom:25px;right:25px;z-index:20;background:#21bf72;border:1px solid #ffffff66;color:white;padding:13px 18px;border-radius:50px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;box-shadow:0 6px 24px #021f3355}.floating-wa svg{width:26px;height:26px}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-35%)}}@keyframes water{50%{transform:scale(1.05);opacity:.4}}@keyframes herozoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(min-width:1500px){.hero-content{padding-top:210px}}@media(max-width:1000px){.wrap,.hero-content{width:calc(100% - 64px)}header{gap:20px}nav{gap:18px}.hero{min-height:800px}h1{font-size:72px}.intro{grid-template-columns:1fr 3fr;gap:25px}.intro-bottom{gap:25px}.model-grid{grid-template-columns:repeat(2,1fr)}.section-top{gap:30px}h2{letter-spacing:-1.8px}.service h3{font-size:22px}.price-list{gap:30px}.compare{height:420px}}
@media(max-width:700px){.wrap,.hero-content{width:calc(100% - 40px)}header{height:85px;padding:0 20px}.brand{padding:0 7px 4px}.brand img{width:77px;height:87px}.nav-cta{margin-left:auto;font-size:11px;padding:10px 12px}#menu{display:block;border:0;background:transparent;color:white;font-size:25px;padding:8px}nav{display:none;position:absolute;top:85px;left:0;right:0;padding:25px;background:var(--navy);flex-direction:column;gap:24px}nav.open{display:flex}.hero{min-height:760px;max-height:950px}.hero-bg{background-position:60% center;background-image:linear-gradient(90deg,#021723db,#02172366),linear-gradient(0deg,#061e32c0,transparent 60%),url('assets/hero.webp')}.hero-content{padding:160px 0 120px}h1{font-size:clamp(47px,11.8vw,72px);letter-spacing:-2.8px;margin:25px 0}.hero .eyebrow{font-size:9px;letter-spacing:1.5px}.hero-desc{font-size:14px;line-height:1.8;max-width:330px}.actions{align-items:flex-start;flex-direction:column;gap:22px;margin-top:28px}.button{padding:17px 21px;font-size:13px;gap:28px}.hero-foot{bottom:23px;left:20px;right:20px}.hero-foot>span{font-size:8px;letter-spacing:1px}.hero-foot a{font-size:10px;gap:10px;max-width:150px}.image-note{top:auto;bottom:90px;font-size:8px}.ticker{padding:15px 0;font-size:10px}.ticker b{margin:0 23px}.intro{padding:65px 0;display:block}.intro>.eyebrow{margin:0 0 25px}.intro-bottom{display:block;margin-top:25px}.intro-bottom>p{font-size:14px}.location{margin-top:25px;padding-left:20px}.location span{display:none}h2{font-size:36px;letter-spacing:-1.7px}.section-top{display:block;margin-bottom:30px}.section-top .eyebrow{margin-bottom:18px}.section-top>p{margin-top:22px;max-width:100%;font-size:13px}.transformation{padding:65px 0}.compare{height:310px}.deck{width:85%;height:65%;left:7%;top:20%;transform:perspective(800px) rotateX(20deg) rotateZ(-9deg)}.pool{inset:18px 16px;border-width:6px}.scene-label{font-size:7px;padding:8px;top:12px;right:10px;letter-spacing:.4px}.empty .scene-label{left:10px}.divider span{width:43px;height:43px;font-size:20px}.compare-caption{flex-direction:column;font-size:10px;gap:8px}.services{padding:65px 0}.services .section-top>a{display:inline-block;margin-top:25px}.service-grid{grid-template-columns:1fr}.service,.service+.service{padding:26px 0;border-left:0;border-bottom:1px solid #cbdcde;display:grid;grid-template-columns:45px 1fr}.service>span{grid-column:1}.service-icon{grid-column:1;font-size:35px;margin:18px 0 0;grid-row:2}.service h3{grid-column:2;grid-row:2;font-size:24px}.service p{grid-column:2;max-width:none;margin-top:15px;font-size:13px}.models{padding:65px 0}.filters{gap:7px}.filters button{font-size:10px;padding:10px 12px}.model-grid{gap:15px}.model-body{padding:16px}.model-body h3{font-size:22px}.model-body p{font-size:11px;line-height:1.5}.model-bottom{flex-direction:column;align-items:flex-start;gap:15px;margin-top:18px}.model-image{aspect-ratio:1.1}.model-image span{font-size:7px;left:7px;bottom:7px;padding:5px}.model-bottom strong{font-size:13px}.price-list{display:block;margin-top:35px;padding-top:30px}.price-list>div+div{margin-top:18px}.price-row{font-size:12px}.price-row small{font-size:10px}.process{padding:65px 0;display:block}.process ol{margin-top:35px}ol h3{font-size:20px}ol p{font-size:13px}.contact-inner{padding:65px 0}.contact h2{font-size:38px}.contact:after{right:-500px}footer{padding:35px 0 100px;flex-wrap:wrap;gap:24px}footer img{width:110px;height:110px}footer>div{width:100%;border-top:1px solid #cbdcde;padding-top:20px}.floating-wa{bottom:18px;right:16px;padding:12px}.floating-wa span{display:none}}
@media(max-width:380px){.model-grid{grid-template-columns:1fr}.model-image{aspect-ratio:1.4}.nav-cta{font-size:10px;padding:9px}.hero{min-height:780px}h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}

/* Matched architectural visualizations for the transformation slider. */
.pool-scene.finished{background:url(assets/hero.webp) center/cover}.pool-scene.empty{background:url(assets/casco.webp) center/cover}.pool-scene .garden,.pool-scene .deck{display:none}