.motion-stage{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.design-hero-copy{position:relative;z-index:2}.design-hero{isolation:isolate}.motion-dot{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;border-radius:50%;background:#ccddff;box-shadow:0 0 9px #aac7ff;animation:spark 4s ease-in-out infinite alternate;animation-delay:var(--delay)}.motion-orbit{position:absolute;right:-10%;top:22%;width:58%;aspect-ratio:1;border:1px solid #d4b3ff38;border-radius:50%;transform:rotateX(65deg) rotate(-20deg)}.motion-orbit:after{content:'';position:absolute;top:50%;left:0;width:9px;height:9px;background:#d8c6ff;border-radius:50%;box-shadow:0 0 24px 8px #9f75ff;animation:orbit 18s linear infinite;transform-origin:calc(29vw) 0}.theme-cosmos .design-primary{animation:pulse 4s ease-in-out infinite}.theme-manga .motion-dot{width:110px;height:2px;background:linear-gradient(90deg,transparent,#efc965);border-radius:0;box-shadow:none;animation:speed 5s ease-out infinite}.theme-manga .design-primary:hover{transform:translate(-3px,-4px) rotate(-2deg)!important;box-shadow:7px 7px 0 #171717!important}.theme-candy .motion-dot{width:var(--size);height:calc(var(--size)*.42);background:#fff9;border-radius:50%;box-shadow:18px -6px 0 #fff8,-13px 3px 0 #fff8;animation:cloud 14s ease-in-out infinite alternate}.theme-candy .design-icon{animation:bob 4s ease-in-out infinite}.theme-candy .design-shortcuts>:nth-child(2) .design-icon{animation-delay:-1s}.theme-candy .design-shortcuts>:nth-child(3) .design-icon{animation-delay:-2s}.theme-candy .design-shortcuts>:nth-child(4) .design-icon{animation-delay:-3s}.design-shortcuts .design-icon{transition:transform .35s}.theme-cosmos .design-shortcuts>:hover .design-icon{transform:translateY(-7px) scale(1.09)}.theme-manga .design-shortcuts>:hover .design-icon{transform:rotate(-9deg) scale(1.14)}.theme-candy .design-primary:hover{transform:translateY(-5px) scale(1.035)!important}.design-story{transition:transform .35s,box-shadow .35s}.design-story:hover{transform:translateY(-6px)}.motion-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.motion-reveal.is-visible{opacity:1;transform:translateY(0)}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-stage{opacity:var(--motion-strength,.65)}@keyframes spark{from{opacity:.15;transform:scale(.7)}to{opacity:.95;transform:scale(1.35)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{filter:brightness(1.2)}}@keyframes speed{0%,60%{opacity:0;transform:translateX(-100px) skewX(-25deg)}65%{opacity:.5}85%,100%{opacity:0;transform:translateX(260px) skewX(-25deg)}}@keyframes cloud{to{transform:translateX(65px) translateY(-12px)}}@keyframes bob{50%{transform:translateY(-6px) rotate(3deg)}}@media(max-width:650px){.motion-orbit{display:none}.motion-stage{opacity:calc(var(--motion-strength,.65)*.65)}}@media(prefers-reduced-motion:reduce){.motion-stage{display:none}*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.motion-reveal{opacity:1;transform:none;transition:none}}


.motion-stage{display:none}.fx-arena{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;opacity:var(--motion-strength,1)}.fx-ring{position:absolute;left:69%;top:51%;width:340px;height:340px;margin:-170px;border-radius:50%;border:3px solid #b2a2ff;box-shadow:0 0 25px #925bff,inset 0 0 25px #925bff;animation:energy 4s ease-out infinite}.fx-ring:nth-child(2){animation-delay:-1.33s}.fx-ring:nth-child(3){animation-delay:-2.66s}.fx-trail{position:absolute;left:var(--x);top:-20%;width:3px;height:150px;background:linear-gradient(transparent,#b6dfff);box-shadow:0 0 12px #849aff;transform:rotate(35deg);animation:meteor 3.5s linear infinite;animation-delay:var(--delay)}.fx-bubble{position:absolute;left:var(--x);bottom:-110px;width:var(--size);height:var(--size);border-radius:50%;border:2px solid #fff9;background:radial-gradient(circle at 28% 25%,#fff 0%,#ffffffbb 6%,#ffb9e960 28%,#d69aff90 67%,#72ceffbb);box-shadow:inset -8px -9px 16px #d375ba60,inset 4px 4px 12px white,0 4px 12px #74c3ff44;animation:balloon 9s linear infinite;animation-delay:var(--delay)}.fx-ray{position:absolute;left:69%;top:54%;height:4px;width:48%;transform-origin:0 50%;background:linear-gradient(90deg,transparent 22%,#ffcc38 70%,#13100c);transform:rotate(var(--angle));animation:rush 2.6s ease-in-out infinite;animation-delay:var(--delay)}.fx-badge{position:absolute;right:8%;top:40%;font:900 italic clamp(35px,6vw,84px)/1 'Barlow Condensed',sans-serif;color:#fff2a2;text-shadow:4px 4px #14100b,-2px -2px #14100b;transform:rotate(-12deg);animation:pow 3.8s ease-in-out infinite}.theme-manga .design-hero-art{animation:camera 7s ease-in-out infinite}.theme-cosmos .design-hero-art{animation:camera 12s ease-in-out infinite}.theme-candy .design-icon{animation:bob 2.2s ease-in-out infinite}.fx-burst{position:absolute;left:var(--bx);top:var(--by);width:12px;height:12px;border-radius:50%;background:var(--color);box-shadow:0 0 10px var(--color);animation:burst 1.4s ease-out forwards}.theme-manga .fx-burst{border-radius:0;width:9px;height:30px}.fx-shock{position:absolute;left:69%;top:52%;width:80px;height:80px;margin:-40px;border:8px solid #d5b5ff;border-radius:50%;animation:shock 1.2s ease-out forwards}.theme-manga .fx-shock{border-color:#ffdb46}.theme-candy .fx-shock{border-color:#ffb3e1}@keyframes energy{0%{transform:scale(.35) rotateX(30deg);opacity:0}20%{opacity:.85}100%{transform:scale(1.8) rotateX(30deg);opacity:0}}@keyframes meteor{to{top:120%;translate:-300px 0}}@keyframes balloon{0%{transform:translateY(0) translateX(0) rotate(0)}100%{transform:translateY(-1000px) translateX(90px) rotate(30deg)}}@keyframes rush{0%,100%{opacity:.12;scale:.85}50%{opacity:.7;scale:1.2}}@keyframes pow{0%,75%,100%{opacity:0;scale:.65}8%,55%{opacity:1;scale:1}12%{scale:1.12}}@keyframes camera{50%{transform:scale(1.045)}}@keyframes burst{to{transform:translate(var(--dx),var(--dy)) rotate(220deg) scale(.2);opacity:0}}@keyframes shock{to{transform:scale(12);opacity:0}}@media(max-width:650px){.fx-ring{width:180px;height:180px;margin:-90px;top:67%}.fx-badge{top:65%;right:5%;font-size:42px}.fx-ray{top:70%}.fx-shock{top:70%}}@media(prefers-reduced-motion:reduce){.fx-arena{display:none}.design-hero-art{animation:none!important}}

@media(prefers-reduced-motion:reduce){.design-home *,.design-home *:before,.design-home *:after{animation:none!important;transition:none!important}.motion-reveal{opacity:1;transform:none}}