:root{--ink:#073348;--deep:#052838;--aqua:#43c8d7;--foam:#e9f6f5;--sand:#f5f1e9;--muted:#5e747e;--coral:#ff7544}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:16px/1.55 "DM Sans",sans-serif}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}header{height:84px;padding:0 clamp(1.25rem,5vw,6rem);display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:.65rem;font:800 1rem Manrope,sans-serif;letter-spacing:.08em}.brand small{display:block;font-size:.55rem;letter-spacing:.23em}.mark{font-size:2.5rem;color:var(--aqua);line-height:.5}nav{display:flex;gap:2rem;align-items:center;font-weight:600;font-size:.9rem}.menu{display:none;border:1px solid #b9c9cd;background:#fff;border-radius:99px;padding:.5rem 1rem}.pill{display:inline-flex;border:0;border-radius:99px;padding:.82rem 1.25rem;font-weight:700}.dark{background:var(--ink);color:#fff}.coral{background:var(--coral);color:#fff}.hero{display:grid;grid-template-columns:51% 49%;min-height:680px;background:var(--foam)}.hero-copy{padding:clamp(4rem,7vw,7rem) clamp(1.5rem,6vw,7rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow{margin:0 0 1rem;color:#138095;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.hero h1,.heading h2,.planner-intro h2,.process h2,.final h2{font:800 clamp(2.5rem,5vw,5.7rem)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:0}.lede{font-size:1.14rem;color:#45636e;max-width:600px;margin:1.6rem 0 2rem}.actions{display:flex;align-items:center;gap:1.6rem}.link{font-weight:700}.brands{margin-top:4.2rem;padding-top:1.2rem;border-top:1px solid #bad3d4;display:flex;gap:1rem;align-items:center}.brands span{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.brands strong{font:800 .74rem Manrope,sans-serif}.brands i{width:1px;height:18px;background:#a8c4c7}.hero-image{position:relative;background:linear-gradient(145deg,transparent 60%,#052838a8),url("pool-hero.jpg") center/cover}.photo-note{position:absolute;right:2rem;bottom:2rem;background:white;border-radius:.8rem;padding:1rem 1.2rem}.photo-note span{display:block;color:var(--muted);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.photo-note b{font-family:Manrope}.proof{display:grid;grid-template-columns:repeat(3,1fr);padding:1.7rem clamp(1.5rem,6vw,7rem);background:var(--deep);color:#fff}.proof div{display:flex;align-items:center;gap:1rem;border-right:1px solid #ffffff25}.proof div:last-child{border:0}.proof b{font:800 1.6rem Manrope;color:var(--aqua)}.proof span{font-size:.74rem;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;color:#d7e5e8}.section{padding:clamp(5rem,8vw,8rem) clamp(1.25rem,6vw,7rem)}.heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:2.5rem}.heading h2,.planner-intro h2,.process h2,.final h2{font-size:clamp(2.2rem,4vw,4rem)}.heading>p{max-width:430px;color:var(--muted)}.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}.filters button{border:1px solid #c9d8db;background:#fff;color:var(--ink);padding:.65rem 1rem;border-radius:99px}.filters .active{background:var(--ink);color:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3rem}.cards article{border:1px solid #dce7e8;border-radius:1.2rem;overflow:hidden;transition:.25s}.cards article:hover{transform:translateY(-5px);box-shadow:0 18px 45px #07334815}.cards article[hidden]{display:none}.pool-photo{height:270px;background:center/cover;position:relative}.pool-photo span{position:absolute;top:1rem;left:1rem;background:#fff;border-radius:99px;padding:.4rem .7rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.one{background-image:url("pool-family.jpg")}.two{background-image:url("pool-relax.jpg")}.three{background-image:url("pool-fitness.jpg")}.card-copy{padding:1.35rem}.card-copy small{color:#11869a;letter-spacing:.13em;font-weight:700}.card-copy h3{font:800 1.55rem Manrope;margin:.2rem 0}.card-copy p{color:var(--muted)}.card-copy a{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid #e1eaeb;font-weight:700}.card-copy a b{color:var(--coral)}.fine{font-size:.8rem;color:var(--muted)}.planner-wrap{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--ink);color:#fff}.planner-intro{padding:clamp(4rem,7vw,7rem) clamp(1.5rem,5vw,6rem);background:linear-gradient(145deg,#0c4a60,#052a3a)}.planner-intro>p:not(.eyebrow){color:#bed2d8}.steps{display:flex;flex-direction:column;margin-top:3rem}.steps span{padding:1rem 0;border-top:1px solid #ffffff20;color:#7199a6}.steps .current{color:#fff}.steps b{margin-left:1rem}form{padding:clamp(3rem,6vw,6rem);background:#f7faf9;color:var(--ink);min-height:620px;display:flex;flex-direction:column}.quiz,.result{display:none}.quiz.active,.result.active{display:block}.quiz>small,.result>small{color:#168398;font-weight:700;letter-spacing:.14em}.quiz h3,.result h3{font:800 clamp(1.8rem,3vw,2.8rem)/1.1 Manrope;margin:.75rem 0 2rem}.choices{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.choices label{border:1px solid #ccdbdd;border-radius:1rem;padding:1.1rem;background:#fff;display:grid;grid-template-columns:40px 1fr}.choices label:has(input:checked){border:2px solid #1590a4;background:#edfafa;padding:calc(1.1rem - 1px)}.choices input{position:absolute;opacity:0}.choices i{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;background:var(--foam);border-radius:50%;font-style:normal;color:#138095}.choices span{color:var(--muted);font-size:.85rem}.planner-actions{margin-top:auto;padding-top:2rem;display:flex;justify-content:space-between}.back{border:0;background:transparent;color:var(--ink);font-weight:700;padding:.8rem}.back:disabled{opacity:.3}.result p{background:#fff;border-left:4px solid var(--aqua);padding:1.2rem;color:#45636e}.result .back{display:block;margin-top:1rem}.why{background:var(--sand)}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#cdd9d8}.benefits article{padding:2rem;background:var(--sand)}.benefits span{color:#138095;font-weight:700}.benefits h3{font:700 1.25rem Manrope}.benefits p{color:var(--muted)}.process{padding:clamp(5rem,8vw,8rem) clamp(1.25rem,6vw,7rem);background:#0c4054;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:55px 1fr;padding:1.3rem 0;border-top:1px solid #ffffff25}.process li>span{color:var(--aqua);font-weight:700}.process h3{font:700 1.2rem Manrope;margin:0}.process p{color:#bad0d6;margin:.3rem 0}.final{text-align:center;padding:clamp(5rem,9vw,9rem) 1.5rem;background:var(--aqua)}.final .eyebrow{color:#094355}.final h2{margin:0 auto 2rem}footer{padding:2.5rem clamp(1.25rem,6vw,7rem);background:#041f2c;color:#c6d8dc;display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;font-size:.78rem}footer .brand{color:#fff}
@media(max-width:900px){nav{display:none;position:absolute;top:76px;left:1rem;right:1rem;flex-direction:column;align-items:stretch;padding:1rem;background:#fff;border-radius:1rem;box-shadow:0 20px 45px #05283825}nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr}.hero-image{min-height:430px}.cards{grid-template-columns:1fr 1fr}.planner-wrap,.process{grid-template-columns:1fr}.steps{display:none}.heading{align-items:start;flex-direction:column}.benefits{grid-template-columns:1fr}footer{grid-template-columns:1fr}}@media(max-width:620px){header{height:72px}.hero h1{font-size:2.75rem}.actions{flex-direction:column;align-items:flex-start}.brands{flex-wrap:wrap;margin-top:3rem}.brands span{width:100%}.proof{grid-template-columns:1fr;gap:1rem}.proof div{border:0;border-bottom:1px solid #ffffff25;padding-bottom:1rem}.cards,.choices{grid-template-columns:1fr}.pool-photo{height:240px}form{padding:3rem 1.25rem}.process{gap:3rem}}