/* Decorative motion is progressive enhancement; content is visible without JS. */
.water-reflection{position:relative;isolation:isolate}
.water-reflection:before{content:'';position:absolute;inset:2%;z-index:-1;pointer-events:none;opacity:.13;background:radial-gradient(ellipse 65% 15% at 12% 85%,transparent 55%,#9ceaf2 58%,transparent 65%),radial-gradient(ellipse 80% 25% at 78% 38%,transparent 50%,#58b9d1 54%,transparent 61%),radial-gradient(ellipse 50% 32% at 50% 110%,transparent 56%,#c2e9ee 60%,transparent 66%);clip-path:inset(0);transform:translate3d(0,0,0)}
.water-reflection.is-water-visible:before{animation:marine-reflection 4.8s ease-in-out both;animation-play-state:paused}
.water-reflection.is-water-visible.water-running:before{animation-play-state:running}
@keyframes marine-reflection{0%{transform:translate3d(-1%,1%,0);opacity:.08}50%{transform:translate3d(1%,-1%,0);opacity:.16}100%{transform:translate3d(0,0,0);opacity:.11}}
.finish-wipe.is-wiping{animation:marine-image-wipe .75s cubic-bezier(.22,.65,.3,1) both}
@keyframes marine-image-wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.care-steps li{transition:border-color .25s ease,color .25s ease}
.care-option{transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.care-option:focus-within{outline:2px solid #008b9c;outline-offset:3px}
@media(max-width:800px){.water-reflection:before{opacity:.09}.water-reflection.is-water-visible:before{animation-duration:3.6s}.finish-wipe.is-wiping{animation-duration:.5s}}
@media(prefers-reduced-motion:reduce){.water-reflection.is-water-visible:before{animation:none;opacity:.08;transform:none}.finish-wipe.is-wiping{animation:none;clip-path:none}.care-steps li,.care-option{transition:none}}
