.coming-soon{background:#050810;flex-direction:column;justify-content:center;align-items:center;height:100dvh;max-height:100dvh;padding:1rem;display:flex;position:relative;overflow:hidden}.cs-bg{opacity:.12;z-index:0;position:absolute;inset:0}.cs-bg img{object-fit:cover;filter:blur(3px);width:100%;height:100%}.cs-content{z-index:10;flex-direction:column;align-items:center;gap:clamp(.75rem,2vh,1.5rem);max-height:100%;display:flex;position:relative}.cs-logo{filter:brightness(0)invert();opacity:.9}.cs-machine-container{aspect-ratio:.89;flex-shrink:0;width:clamp(200px,38vw,380px);position:relative}.cs-machine-img{object-fit:contain;z-index:3;filter:drop-shadow(0 20px 60px #00000080);pointer-events:none;width:100%;height:100%;position:relative}.cs-drum-viewport{aspect-ratio:1;z-index:4;mix-blend-mode:screen;border-radius:50%;width:36%;position:absolute;top:52%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.cs-lottie-layer{opacity:0;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:absolute;inset:-25%}.cs-lottie-layer.active{opacity:.85}.cs-glow{z-index:1;background:radial-gradient(circle,#3b82f626 0%,#3b82f60d 40%,#0000 70%);border-radius:50%;width:120%;height:120%;animation:4s ease-in-out infinite csGlowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes csGlowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}}.cs-text{text-align:center;z-index:10;flex-direction:column;align-items:center;display:flex}.cs-heading{color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;line-height:1.1}.cs-tagline{color:#ffffff73;letter-spacing:.05em;margin-top:.5rem;font-size:clamp(.875rem,1.8vw,1.125rem);font-weight:500}.cs-dots{justify-content:center;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.cs-dot{background:#ffffff26;border-radius:50%;width:6px;height:6px;transition:all .4s}.cs-dot.active{background:#007bff;box-shadow:0 0 10px #007bff}@media (max-width:640px){.cs-machine-container{width:clamp(180px,55vw,280px)}.cs-heading{font-size:clamp(1.75rem,7vw,2.5rem)}.cs-content{gap:clamp(.5rem,1.5vh,1rem)}}@media (max-height:600px){.cs-machine-container{width:clamp(120px,25vh,200px)}.cs-content{gap:.5rem}.cs-heading{font-size:1.5rem}}