:root{--atmosphere-x:0px;--atmosphere-y:0px;--water-light-x:48%}
html{background:#eaf8fe}
body{position:relative;isolation:isolate;background:transparent}
.site-atmosphere{position:fixed;inset:-7vh -5vw;z-index:0;pointer-events:none;overflow:hidden;background:#eaf8fe}
.site-atmosphere:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(239,250,255,.18),rgba(246,252,255,.1)),url("assets/aqua4u-florida-water-background.webp");background-size:cover;background-position:center;transform:translate3d(var(--atmosphere-x),var(--atmosphere-y),0) scale(1.09);transform-origin:center;will-change:transform;opacity:.72}
.site-atmosphere:after{content:"";position:absolute;inset:-10%;background:radial-gradient(ellipse at var(--water-light-x) 17%,rgba(255,255,255,.88),transparent 30%),radial-gradient(circle at 14% 56%,rgba(56,202,240,.14),transparent 18%),radial-gradient(circle at 83% 70%,rgba(0,137,191,.1),transparent 21%);mix-blend-mode:soft-light;animation:water-light 13s ease-in-out infinite alternate;will-change:transform,opacity}
.site-header,main,footer{position:relative;z-index:1}
.site-header{position:sticky;z-index:50}
.scroll-progress{position:fixed;z-index:99}
.skip-link{position:fixed;z-index:1000}
.hero{background:radial-gradient(ellipse at 12% 2%,rgba(255,255,255,.98),transparent 58%),linear-gradient(120deg,rgba(238,251,255,.93),rgba(211,239,251,.74))}
.services{background:rgba(255,255,255,.77);-webkit-backdrop-filter:blur(12px) saturate(125%);backdrop-filter:blur(12px) saturate(125%);box-shadow:0 20px 60px rgba(13,108,146,.08)}
.care-section{background:linear-gradient(180deg,rgba(238,250,255,.64),rgba(255,255,255,.34));-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}
.solution-intro{position:relative}
.solution-intro:before{content:"";position:absolute;inset:58px -26px -8px;z-index:-1;border:1px solid rgba(255,255,255,.78);border-radius:34px;background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(226,247,254,.52));box-shadow:inset 0 1px 1px white,0 14px 38px rgba(8,94,132,.07);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}
.work-section{background:linear-gradient(180deg,rgba(247,252,255,.82),rgba(222,246,253,.7) 52%,rgba(247,252,255,.76));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}
.process{margin-top:76px;margin-bottom:76px;padding-inline:clamp(24px,4vw,60px);border:1px solid rgba(255,255,255,.9);border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.82),rgba(225,247,254,.61));box-shadow:inset 0 1px 2px white,0 22px 58px rgba(4,82,119,.1);-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%)}
.contact{background:linear-gradient(rgba(247,252,255,.78),rgba(226,246,253,.72));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
@keyframes water-light{0%{transform:translate3d(-1.2%,-.5%,0) scale(1);opacity:.68}100%{transform:translate3d(1.2%,.8%,0) scale(1.035);opacity:1}}
@media(max-width:900px){.site-atmosphere:before{background-position:57% center;opacity:.6}.solution-intro:before{inset:34px -12px -6px}.process{margin-top:48px;margin-bottom:48px;border-radius:30px}}
@media(max-width:600px){.site-atmosphere{inset:-5vh -18vw}.site-atmosphere:before{background-position:62% center;opacity:.54;transform:translate3d(var(--atmosphere-x),var(--atmosphere-y),0) scale(1.08)}.solution-intro:before{inset:25px -7px -2px;border-radius:27px}.process{padding-inline:20px;margin-top:34px;margin-bottom:34px;border-radius:27px}}
@media(prefers-reduced-motion:reduce){.site-atmosphere:before{transform:scale(1.05);will-change:auto}.site-atmosphere:after{animation:none;will-change:auto}}
@media(forced-colors:active){.site-atmosphere{display:none}.solution-intro:before,.process{background:Canvas;border:1px solid CanvasText}}
