.c-clean{position:relative;isolation:isolate;background:#f7f5f0;color:#30231d;overflow:clip;padding:76px 0 24px}
.c-clean-heading{text-align:center;position:relative;z-index:3;padding:0 24px;max-width:800px;margin:auto}
.c-clean-heading>span{font-size:11px;letter-spacing:2px;font-weight:700;color:#6b625b}.c-clean-heading h2{font-size:clamp(38px,5vw,66px);letter-spacing:-2.6px;line-height:1.02;margin:18px 0 22px}.c-clean-heading p{font-size:16px;line-height:1.65;color:#6b625b;margin:0}
.c-clean-scene{height:650px;position:relative;max-width:1600px;margin:-15px auto 0;overflow:hidden;isolation:isolate}
.c-clean-glow{position:absolute;inset:25% 0 0;background:radial-gradient(ellipse at 50% 70%,#d5eef0,transparent 65%)}
.c-clean-water{position:absolute;width:150%;max-width:none;height:100%;left:-25%;top:0;pointer-events:none}.c-clean-water-back{z-index:1}.c-clean-water-front{z-index:4}
.c-clean-water path{animation:clean-wave 12s linear infinite}.c-clean-water-front path{animation-duration:17s;animation-direction:reverse}
.c-clean-object{position:absolute;z-index:2;animation:clean-float 7s ease-in-out infinite;--tilt:0deg;--drift:14px}.c-clean-object img{display:block;width:100%;height:100%;object-fit:contain;transform:rotate(var(--tilt));user-select:none;pointer-events:none}
.c-clean-body{width:260px;height:260px;left:57%;top:-12px;--tilt:32deg;animation-duration:9s}
.c-clean-cup{width:250px;height:290px;left:15%;top:310px;--tilt:-14deg;animation-delay:-2s}
.c-clean-holder{width:160px;height:160px;left:38%;top:330px;--tilt:20deg;animation-delay:-4s}
.c-clean-capsule{width:140px;height:140px;left:24%;top:200px;--tilt:-18deg;animation-delay:-1s}
.c-clean-grounds{width:175px;height:200px;left:55%;top:350px;--tilt:13deg;animation-delay:-5s}
.c-clean-lid{width:210px;height:210px;left:72%;top:285px;--tilt:-16deg;animation-delay:-3s}
.c-clean-bubbles{position:absolute;inset:40% 0 0;z-index:5;pointer-events:none;overflow:hidden}.c-clean-bubbles i{position:absolute;left:var(--x);bottom:-30px;width:var(--size);height:var(--size);border:1px solid #ffffffb0;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff9,transparent 50%);animation:clean-bubble var(--duration) linear infinite;animation-delay:var(--delay)}
.c-clean-footer{display:flex;align-items:center;justify-content:center;gap:24px;padding:0 24px;position:relative;z-index:6}.c-clean-footer p{font-size:12px;color:#6b625b;line-height:1.5;margin:0}
.c-clean:not([data-playing]) *{animation-play-state:paused!important}
@keyframes clean-wave{to{transform:translateX(720px)}}@keyframes clean-float{0%,100%{transform:translate(0,0) rotate(-2deg)}50%{transform:translate(7px,var(--drift)) rotate(2deg)}}@keyframes clean-bubble{to{transform:translate(22px,-420px);opacity:0}}
@media(max-width:749px){.c-clean{padding-top:48px}.c-clean-heading h2{font-size:42px;letter-spacing:-1.6px;margin:14px 0 16px}.c-clean-heading p{font-size:14px}.c-clean-scene{height:500px;margin:10px auto 0}.c-clean-body{width:180px;height:180px;left:46%;top:-8px}.c-clean-cup{width:145px;height:175px;left:1%;top:285px}.c-clean-holder{width:110px;height:110px;left:37%;top:260px}.c-clean-capsule{width:100px;height:100px;left:10%;top:167px}.c-clean-grounds{width:110px;height:145px;left:65%;top:325px}.c-clean-lid{width:130px;height:130px;left:62%;top:183px}.c-clean-footer{flex-direction:column;text-align:center;gap:12px}.c-clean-footer p{max-width:290px}}
@media(prefers-reduced-motion:reduce){.c-clean *{animation:none!important}}

.c-clean-water{top:80px}
@media(max-width:749px){.c-clean-water{top:70px}}


.c-clean-footer{padding-top:18px;text-align:center}.c-clean-footer strong{display:block;margin-top:5px;font-size:15px;font-weight:700;color:#30231d;line-height:1.5}