@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap";.splash-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:100dvh;gap:3rem;padding:1rem}.main-canvas{position:relative;width:min(51vw,432px);aspect-ratio:1024 / 249}.layer{position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center;pointer-events:none}.icon-group{position:absolute;width:100%;height:100%;transform:translate(-39%);transition:transform 1.2s cubic-bezier(.77,0,.175,1);z-index:10}.e-ghost{position:absolute;width:100%;height:100%;background-image:url(/layer_e.png);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.4;filter:brightness(2)}.e-water-mask{position:absolute;width:100%;height:100%;-webkit-mask-image:url(/layer_e.png);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:url(/layer_e.png);mask-size:contain;mask-repeat:no-repeat;mask-position:center;overflow:hidden}.water-fill{position:absolute;bottom:0;left:0;width:100%;height:0%;background:linear-gradient(to top,#07c,#00cfff);transition:height 3s ease-out}.water-fill:before,.water-fill:after{content:"";position:absolute;left:-100%;width:300%;height:16px;background-repeat:repeat-x}.water-fill:before{top:-12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20'%3E%3Cpath fill='%2300cfff' d='M0,12 Q15,4 30,12 T60,12 T90,12 T120,12 L120,20 L0,20 Z'/%3E%3C/svg%3E");background-size:60px 16px;animation:waveSlide1 1s linear infinite}.water-fill:after{top:-8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 20'%3E%3Cpath fill='%230099dd' opacity='0.7' d='M0,12 Q15,18 30,12 T60,12 T90,12 T120,12 L120,20 L0,20 Z'/%3E%3C/svg%3E");background-size:80px 16px;animation:waveSlide2 1.5s linear infinite reverse}@keyframes waveSlide1{0%{transform:translate(0)}to{transform:translate(60px)}}@keyframes waveSlide2{0%{transform:translate(0)}to{transform:translate(80px)}}.layer-bottle{background-image:url(/layer_bottle.png);opacity:0;clip-path:inset(0 0 0 100%);transition:opacity .5s ease,clip-path 1.2s cubic-bezier(.77,0,.175,1);z-index:5}.layer-tm{background-image:url(/layer_tm.png);opacity:0;transform:translateY(10px);transition:all .6s ease .6s;z-index:6}.layer-smart{background-image:url(/layer_smart.png);opacity:0;transform:translateY(15px);transition:all .8s cubic-bezier(.23,1,.32,1)}.layer-everywhere{background-image:url(/layer_everywhere.png);opacity:0;transform:translateY(15px);transition:all .8s cubic-bezier(.23,1,.32,1)}.state-filling .water-fill{height:100%}.state-expand .icon-group{transform:translate(0)}.state-expand .layer-bottle{opacity:1;clip-path:inset(0 0 0 0)}.state-expand .layer-tm{opacity:1;transform:translateY(0);filter:brightness(0) invert(1)}.state-smart .layer-smart,.state-everywhere .layer-everywhere{opacity:1;transform:translateY(0)}.state-final .water-fill{background:#fff;transition:background 1s ease}.state-final .layer-tm{filter:brightness(0) invert(1)!important;opacity:1!important;transition:filter .5s ease}.state-final .water-fill:before,.state-final .water-fill:after{animation:none;opacity:0;transition:opacity .5s ease}.coming-soon{position:absolute;bottom:10vh;display:flex;flex-direction:column;align-items:center;gap:.75rem;opacity:0;transform:translateY(20px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.23,1,.32,1)}.coming-soon.visible{opacity:1;transform:translateY(0)}.coming-soon-text{font-family:Inter,sans-serif;font-weight:300;font-size:clamp(.7rem,2vw,.9rem);letter-spacing:.35em;text-transform:uppercase;color:#ffffff80;text-align:center}.coming-soon-line{width:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(0,168,255,.5),transparent);animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.4;width:30px}50%{opacity:1;width:45px}}@media(max-width:768px){.main-canvas{width:min(60vw,360px)}.splash-container{gap:2.5rem}}@media(max-width:480px){.main-canvas{width:65vw}.splash-container{gap:2rem}.coming-soon-text{letter-spacing:.35em}}@media(max-width:320px){.main-canvas{width:57vw}.splash-container{gap:1.5rem}}@media(min-width:1440px){.main-canvas{width:min(60vw,900px)}}@media(max-height:500px)and (orientation:landscape){.main-canvas{width:min(70vh,500px)}.splash-container{gap:1rem}.coming-soon-text{font-size:.75rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background-color:#000;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100%}