/* One viewport-sized water surface behind the whole landing page. */
body{position:relative;isolation:isolate;background:#eaf7f8}
#site-view{position:relative;z-index:1}
.page-water{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#d4f0f2 url('water-still.svg') center/900px auto}
.page-water canvas{display:block;width:100%;height:100%;opacity:.82}
.page-water::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,253,253,.78),rgba(248,253,253,.48) 45%,rgba(248,253,253,.22))}
.hero{position:relative;background:transparent}
header{background:rgba(255,255,255,.84)}
.process{background:rgba(247,250,251,.52)}
.estimate-section{background:rgba(234,249,251,.24)}
.estimate-section:before{opacity:.45}
footer{position:relative;background:rgba(16,47,60,.92)}
.business{background:rgba(16,47,60,.94)}
.business .copy{background:linear-gradient(#102f3ce6,#102f3ce6),url('water-still.svg') center/cover}
.service,.works-case,form{background:rgba(255,255,255,.95)}
.water-toggle{display:flex;align-items:center;gap:6px;margin:18px 24px 0 auto;border:1px solid #6a929d;background:transparent;padding:8px 12px;color:#e2f4f6;font-size:12px;border-radius:8px}
.water-toggle:hover{background:#254b58}
.water-toggle svg{width:14px;height:14px;fill:currentColor}
@media(max-width:700px){.page-water{background-size:auto 650px}.page-water::after{background:linear-gradient(90deg,#f7fcfcc9,#f7fcfc80)}.water-toggle{margin-right:24px}}