.cosmic-particles{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.cosmic-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#afd5ff;box-shadow:0 0 16px 4px #82b3ff35;opacity:.35;left:8%;top:25%;--drift:45px;--duration:16s}
.cosmic-particles i:nth-child(2){left:32%;top:78%;width:3px;height:3px;--drift:-30px;--duration:21s}
.cosmic-particles i:nth-child(3){left:64%;top:18%;background:#c1aaff;--drift:38px;--duration:19s}
.cosmic-particles i:nth-child(4){left:89%;top:68%;width:5px;height:5px;--drift:-45px;--duration:23s}
.cosmic-particles i:nth-child(5){left:48%;top:52%;width:2px;height:2px;--drift:25px;--duration:14s}
.cosmic-particles i:nth-child(6){left:76%;top:88%;width:3px;height:3px;--drift:-38px;--duration:18s}
.floating-product{position:relative;transform-origin:50% 65%;will-change:transform}
.motion-active .floating-product{animation:bottle-float 6s ease-in-out infinite}
.motion-active .cosmic-particles i{animation:cosmic-drift var(--duration) ease-in-out infinite alternate}
.motion-active .cosmic-particles i:nth-child(even){animation-delay:-7s}
.motion-active .hero-switch button[aria-pressed="true"]{animation:selection-pop .42s ease-out both}
.hero .acid,.product-link{position:relative;overflow:hidden;isolation:isolate}
.hero .acid:before,.product-link:before{content:"";position:absolute;inset:-70% auto -70% -75%;width:35%;background:linear-gradient(90deg,transparent,#ffffff60,transparent);transform:rotate(25deg);pointer-events:none;z-index:-1}
.motion-active .hero .acid:hover:before,.motion-active .product-link:hover:before{animation:button-sheen .8s ease-out}
.usage-note{border:1px solid #d5ef8b48;border-left:3px solid #d5ef8b;background:#d5ef8b09;border-radius:10px;padding:14px 16px;margin:0 0 25px;color:#edf4df;max-width:430px}
.usage-note strong{font-size:15px;display:block;margin-bottom:6px}.usage-note p{font-size:14px;line-height:1.65;color:#c9d1bd;margin:0}
.product.plain .product-copy{padding-top:25px}.product.plain{min-height:600px}.product.plain .product-image img{object-fit:contain;background:#080a0c}.product.plain .product-copy>p:not(.category){margin-bottom:20px}
@keyframes bottle-float{0%,100%{transform:translateY(0) rotate(-.35deg)}50%{transform:translateY(-10px) rotate(.35deg)}}
@keyframes cosmic-drift{from{transform:translate(0,0);opacity:.2}to{transform:translate(var(--drift),-90px);opacity:.65}}
@keyframes selection-pop{0%{transform:scale(.95)}60%{transform:scale(1.055)}100%{transform:scale(1)}}
@keyframes button-sheen{to{left:150%}}
.motion-paused .floating-product,.motion-paused .cosmic-particles i{animation:none!important;transform:none!important}
@media(max-width:760px){.cosmic-particles i:nth-child(n+4){display:none}.product.plain{min-height:0}.usage-note{max-width:none;width:100%;padding:13px 14px}.usage-note p{font-size:14px}.product.plain .product-copy{padding-top:0}.motion-active .floating-product{animation-duration:8s}}