.pool-site{color:#253c59;--form-ink:#263b62;--form-paper:#fff;background:#f0f5f3;font-family:Inter,Arial,sans-serif;transition:background .6s,color .6s}.pool-site.night{color:#e4f2f4;--form-ink:#cde4e9;--form-paper:#182c42;background:#182c42}.pool-head{justify-content:space-between;align-items:center;gap:25px;padding:30px 6vw;display:flex}.pool-head img{background:0 0;width:330px;height:auto}.pool-head .action{border-radius:3px;font-size:13px}.pool-nav{border-block:1px solid #9bafb8;justify-content:space-around;gap:15px;padding:20px 6vw;font-size:12px;display:flex}.pool-hero{padding:55px 6vw 30px}.pool-copy{text-align:center}.pool-copy h1{margin:25px 0;font:400 clamp(49px,6.2vw,90px)/1.03 Georgia,serif}.pool-copy h1 i{color:#35738b}.night .pool-copy h1 i{color:#91d6e2}.pool-copy p{font-size:15px}.pool-tank{border:14px solid #c7d5d6;background:#d9e4e2;border-top-width:22px;border-bottom-width:22px;border-radius:4px 4px 65px 65px;margin-top:40px;display:flex;overflow:hidden;box-shadow:0 18px #bccdce44}.pool-depth{color:#253c59;background:#d9e4e2;flex-direction:column;align-items:center;gap:20px;width:48px;padding:18px 5px;display:flex}.pool-depth span{writing-mode:vertical-rl;letter-spacing:.1em;font:8px monospace}.pool-depth i{background:#5e7b83;flex:1;width:1px}.pool-water{flex:1;height:340px;position:relative;overflow:hidden}.pool-water svg{width:100%;height:100%}.pool-cloud{background:#93a58a;transition:opacity .15s linear;position:absolute;inset:0}.pool-light{opacity:0;clip-path:polygon(48% 100%,0 0,100% 0);filter:blur(12px);background:#eafeda;width:190px;height:230px;transition:opacity .5s;position:absolute;bottom:0;left:38%}.pool-light.on{opacity:.5}.pool-water-word{color:#123e52;letter-spacing:.02em;text-align:center;place-content:center;font:700 clamp(24px,4vw,55px)/1.1 Arial,sans-serif;display:grid;position:absolute;inset:0}.pool-lamp-button{color:#123e52;background:#e4f3e8;border:1px solid #123e52;border-radius:30px;padding:12px 20px;font-size:12px;position:absolute;bottom:20px;right:20px}.pool-controls{align-items:center;gap:25px;margin-top:30px;font-size:13px;display:flex}.pool-controls input{flex:1}.pool-controls button{color:inherit;background:0 0;border:1px solid;padding:12px 18px}.pool-disclaimer{margin-top:15px}.pool-care{grid-template-columns:.8fr 1.3fr;gap:7vw;padding:70px 7vw;display:grid}.pool-care-tabs{flex-direction:column;gap:10px;display:flex}.pool-care-tabs>span{margin-bottom:18px}.pool-care-tabs button{color:inherit;text-align:left;background:0 0;border:1px solid #9bafb8;justify-content:space-between;gap:15px;padding:22px;display:flex}.pool-care-tabs button[aria-pressed=true]{color:#fff;background:#263b62}.pool-care-copy h2,.pool-local h2,.pool-request h2{margin:25px 0;font:400 clamp(40px,4.5vw,65px)/1.05 Georgia,serif}.pool-care-copy p{max-width:500px}.pool-care-copy .action{margin:12px 0;font-size:13px}.pool-scope{border-top:1px solid #9bafb8;grid-template-columns:1fr 1fr;gap:15px;margin-top:22px;padding-top:22px;font-size:12px;display:grid}.pool-local{color:#253c59;background:#dce9e8;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;padding:70px 7vw;display:grid}.pool-local p{font-size:14px}.pool-local figure{background:#f0f5f3;margin:0;padding:15px;transform:rotate(2deg)}.pool-local img{object-position:50% 85%;object-fit:cover;width:100%;height:340px}.pool-local figcaption{padding-top:15px}.pool-local blockquote{border-top:1px solid #9bafb8;margin:25px 0 0;padding-top:25px;font:22px/1.5 Georgia,serif}.pool-local cite{margin-top:15px;font:11px/1.7 Inter,sans-serif;display:block}.pool-prep{padding:70px 12vw}.pool-prep h2{font:38px Georgia,serif}.pool-prep details{border-color:#9bafb8}.pool-prep details p{font-size:14px}.pool-request{color:#253c59;--form-ink:#263b62;--form-paper:#fff;background:#cbdde0;grid-template-columns:1fr 1fr;gap:8vw;padding:70px 7vw;display:grid}.pool-type{gap:10px;margin-bottom:30px;display:flex}.pool-type button{color:inherit;background:0 0;border:1px solid #657f8d;flex:1;padding:12px;font-size:13px}.pool-type button[aria-pressed=true]{color:#fff;background:#263b62}@media (width<=800px){.pool-head img{width:230px}.pool-care,.pool-local,.pool-request{gap:30px}.pool-local img{object-position:50% 85%;height:280px}}@media (width<=600px){.pool-head{flex-wrap:wrap;gap:20px}.pool-head img{width:270px}.pool-head .action{padding:12px 18px}.pool-nav{flex-wrap:wrap;justify-content:start;gap:18px 30px}.pool-hero{padding:35px 5vw 25px}.pool-copy h1{font-size:46px}.pool-water{height:240px}.pool-tank{border-width:9px;border-radius:4px 4px 35px 35px}.pool-depth{width:30px}.pool-water-word{padding:10px;font-size:25px}.pool-lamp-button{padding:10px 13px;font-size:11px;bottom:12px;right:12px}.pool-controls{flex-wrap:wrap;gap:10px}.pool-controls input{min-width:130px}.pool-care,.pool-local,.pool-request{grid-template-columns:1fr;padding:45px 6vw}.pool-scope{grid-template-columns:1fr}.pool-local figure{transform:none}.pool-prep{padding:45px 6vw}.pool-type{flex-direction:column}}@font-face{font-family:Inter;src:url(/examples/pool-care/fonts/inter.woff2)format("woff2");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:5px;outline:3px solid}button{min-height:44px}img{max-width:100%;height:auto;display:block}svg{max-width:100%;display:block}p{line-height:1.7}h1,h2,h3,p,figure{margin-top:0}h1,h2{letter-spacing:-.045em}a,button{overflow-wrap:break-word}section{scroll-margin-top:35px}.skip{color:#000;z-index:100;background:#fff;padding:15px;position:fixed;top:-100px;left:15px}.skip:focus{top:10px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font:11px/1.6 monospace}.caption{font:12px/1.6 Inter,Arial,sans-serif}.action{border:1px solid;justify-content:center;align-items:center;gap:20px;min-height:48px;padding:16px 23px;font-weight:600;text-decoration:none;display:inline-flex}.preview-footer{border-top:1px solid;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:25px max(5vw,20px);font:12px/1.7 Inter,Arial,sans-serif;display:flex}.preview-footer p{max-width:650px;margin:0}.request-form{font:15px/1.5 Inter,Arial,sans-serif}.request-form fieldset{border:0;margin:0;padding:0}.request-form label{gap:8px;margin:16px 0;display:grid}.request-form input,.request-form textarea,.request-form select{width:100%;color:inherit;background:0 0;border:1px solid;border-radius:0;min-width:0;padding:14px}.request-form textarea{resize:vertical;min-height:110px}.request-form option{color:#202020;background:#fff}.request-form .form-pair{grid-template-columns:1fr 1fr;gap:20px;display:grid}.request-form .brief-summary{border-block:1px solid;margin-bottom:24px;padding:18px 0}.request-form .brief-summary p{margin:0}.request-form .form-success{border:1px solid;padding:25px}.request-form .submit{background:var(--form-ink,#202020);color:var(--form-paper,#fff);border:0;padding:16px 25px}.request-form small{margin-top:12px;display:block}input[type=range]{accent-color:currentColor;max-width:100%;min-height:44px}summary{cursor:pointer;min-height:48px;padding:18px 0}details{border-top:1px solid}details p{padding-bottom:16px}body{overflow-wrap:break-word}main{min-width:0}@media (width<=600px){.request-form .form-pair{grid-template-columns:1fr;gap:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}select,fieldset{min-width:0;max-width:100%}main>section>div{min-width:0}.arrow-icon{vertical-align:-.12em;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1em;height:1em;display:inline-block}header nav a,.pool-nav a,.trees-index a,.preview-footer>a{align-items:center;min-height:44px;display:inline-flex}