.ll-tri-whirl{animation:3.2s cubic-bezier(.2,.8,.3,1) ll-tri-whirl}.ll-stamp-glow{color:hsl(var(--primary));filter:drop-shadow(0 0 6px hsl(var(--primary)))}.ll-stamp-etched{color:hsl(var(--muted-foreground))}.ll-stamp-ember{color:hsl(var(--accent));animation:1.4s ease-out ll-stamp-burn}.ll-stamp-pulse{animation:2.8s ease-in-out infinite ll-stamp-heartbeat}@keyframes ll-stamp-heartbeat{0%,35%,65%,to{transform:scale(1)}45%{transform:scale(1.07)}55%{transform:scale(1.025)}}@keyframes ll-stamp-burn{0%{filter:drop-shadow(0 0 14px hsl(var(--accent)));transform:scale(1.15)}to{filter:none;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ll-stamp-ember,.ll-stamp-pulse{animation:none}}@keyframes ll-tri-whirl{0%{transform:scale(.3)rotate(0)}to{transform:scale(1)rotate(1440deg)}}.ll-stars-spin{animation:3s cubic-bezier(.2,.8,.3,1) ll-stars-spin}@keyframes ll-stars-spin{0%{transform:scale(.2)rotate(-540deg)}to{transform:scale(1)rotate(0)}}.ll-star>div{animation:ll-twinkle 2.4s ease-in-out calc(3s + var(--d)) infinite;filter:drop-shadow(0 0 8px hsl(var(--primary)))}@keyframes ll-twinkle{0%,to{scale:1}50%{scale:1.08}}.ll-square{animation:ll-flip .7s cubic-bezier(.2,1.3,.4,1) calc(.3s + var(--d)) both;transform-origin:50%}@keyframes ll-flip{0%{opacity:0;transform:rotateY(90deg)scale(.4)}to{opacity:1;transform:rotateY(0)scale(1)}}.ll-theatre{perspective:850px}.ll-theatre-spin{animation:3.2s cubic-bezier(.2,.8,.3,1) 5.6s both ll-theatre-spin}.ll-theatre-flight{animation:5.6s linear both ll-theatre-flight}.ll-theatre-pane{transform-style:preserve-3d;animation:5.6s ease-in-out both ll-theatre-turn}.ll-theatre-face{transform:rotate(var(--blade-angle)) scale(1.45);animation:5.6s cubic-bezier(.45,0,.2,1) both ll-theatre-face}.ll-glass-tile{background:var(--gradient-logo-glass)}.ll-glass-tile .ll-theatre-face{opacity:.82}.ll-glass-glint{background:var(--gradient-logo-glint);pointer-events:none;animation:5.6s ease-in-out both ll-glass-glint}.ll-theatre-pane{filter:drop-shadow(0 0 5px hsl(var(--logo-glass) / .4))}@keyframes ll-glass-glint{0%,36%{opacity:.9;transform:translate(-12%)}55%{opacity:.65;transform:translate(15%)}76%{opacity:.45;transform:translate(-8%)}to{opacity:.18;transform:translate(0)}}@keyframes ll-theatre-face{0%,76%{transform:rotate(0)scale(1.45)}to{transform:rotate(var(--blade-angle)) scale(1.45)}}@keyframes ll-theatre-flight{0%{transform:rotate(var(--blade-angle)) translate(var(--flight-x), var(--flight-y)) scale(.55);opacity:.7}18%{transform:rotate(var(--blade-angle)) translate(calc(var(--flight-x) * 1.12), calc(var(--flight-y) - 12px)) scale(.5);opacity:.8}35.714%{transform:rotate(var(--blade-angle)) translate(var(--flight-x), var(--flight-y)) scale(.55);opacity:.8}56%{transform:rotate(var(--blade-angle)) translate(var(--flight-x), calc(var(--flight-y) - 10px)) scale(1.5);opacity:1}76%{transform:rotate(var(--blade-angle)) translate(calc(var(--flight-x) * .85), var(--flight-y)) scale(1.4)}to{opacity:1;transform:rotate(0)translate(0)scale(1)}}@keyframes ll-theatre-turn{0%{transform:rotateY(var(--twist)) rotateX(24deg) rotateZ(-12deg)}18%{transform:rotateY(calc(var(--twist) * -1)) rotateX(-20deg) rotateZ(12deg)}35.714%{transform:rotateY(var(--twist)) rotateX(24deg) rotateZ(-12deg)}50%{transform:rotateY(-24deg)rotateX(-12deg)rotate(5deg)}62%,70%{transform:rotateY(0)rotateX(0)rotate(0)}82%{transform:rotateY(calc(var(--twist) * -1)) rotateX(16deg) rotateZ(8deg)}to{transform:rotateY(0)rotateX(0)rotate(0)}}@keyframes ll-theatre-spin{0%{transform:rotate(0)}to{transform:rotate(1440deg)}}@media (prefers-reduced-motion:reduce){.ll-tri-whirl,.ll-stars-spin,.ll-star>div,.ll-square,.ll-theatre-spin,.ll-theatre-flight,.ll-theatre-pane,.ll-theatre-face,.ll-glass-glint{animation:none!important}}.live-logo-design{--orbit-distance:27px;--face-size:26px;width:100%;height:112px;display:block;position:relative}.live-logo-design[data-windows="6"]{--face-size:22px}.live-logo-design[data-windows="9"]{--face-size:18px}.live-logo-design[data-windows="9"] .live-logo-design-arm:nth-child(2n){--orbit-distance:19px}.live-logo-design[data-windows="9"].is-expanded .live-logo-design-arm:nth-child(2n){--orbit-distance:25px}.live-logo-design.is-expanded{--orbit-distance:37px}.live-logo-design-orbit{animation:18s linear infinite live-logo-design-spin;position:absolute;top:50%;left:50%}.live-logo-design-arm{width:0;height:0;transform:rotate(var(--angle));position:absolute}.live-logo-design-face{width:var(--face-size);height:var(--face-size);left:calc(var(--face-size) / -2);top:calc(var(--face-size) / -2);transform:translateY(calc(-1 * var(--orbit-distance))) rotate(calc(-1 * var(--angle)));transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute}.live-logo-design-face img{object-fit:cover;border:1px solid hsl(var(--primary));width:100%;height:100%;box-shadow:0 2px 5px hsl(var(--foreground) / .15);border-radius:50%;animation:18s linear infinite reverse live-logo-design-spin}.live-logo-design-centre{background:hsl(var(--primary));border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes live-logo-design-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.live-logo-design-orbit,.live-logo-design-face img{animation:none}.live-logo-design-face{transition:none}}.live-logo-design-shape{width:100px;height:100px;transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;top:-50px;left:-50px;overflow:visible}.live-logo-design-shape polygon{fill:hsl(var(--primary) / .28);stroke:hsl(var(--primary));stroke-width:3.5px;stroke-linejoin:round}.live-logo-design.is-expanded .live-logo-design-shape{transform:scale(1.37)}.live-logo-design[data-style=stars] .live-logo-design-face img{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border:0;border-radius:0}.live-logo-design[data-style=squares] .live-logo-design-face img{border-radius:4px}.live-logo-design[data-style=stars] .live-logo-design-shape polygon{stroke-dasharray:2 3;fill:hsl(var(--primary) / .06)}.live-logo-design[data-style=squares] .live-logo-design-shape polygon{stroke-linejoin:miter}.live-logo-design.is-playing .live-logo-design-face{animation:none}.live-logo-design.is-playing[data-style=spheres] .live-logo-design-face{animation-name:ll-bubbles}.live-logo-design.is-playing[data-style=stars] .live-logo-design-face{animation-name:ll-stars}.live-logo-design.is-playing[data-style=squares] .live-logo-design-face{animation-name:ll-squares}.live-logo-design.is-playing[data-style=spheres] .live-logo-design-shape,.live-logo-design.is-playing[data-style=squares] .live-logo-design-shape{animation:1.6s ease-out both ll-shape-in}.live-logo-design.is-playing[data-style=stars] .live-logo-design-shape{animation:1.6s ease-out .5s both ll-shape-in}.live-logo-design.is-playing[data-style=stars] .live-logo-design-centre{animation:.7s ease-out ll-flare}.live-logo-design.is-playing[data-style=squares] .live-logo-design-centre{animation:1.6s ease-in-out ll-wormhole}@keyframes ll-bubbles{0%{transform:translateY(0) rotate(calc(-1 * var(--angle))) scale(.3)}35%{transform:translateY(calc(-.4 * var(--orbit-distance))) rotate(calc(-1 * var(--angle))) scale(.8)}70%{transform:translateY(calc(-1.15 * var(--orbit-distance))) rotate(calc(-1 * var(--angle) + 360deg)) scale(1.1)}to{transform:translateY(calc(-1 * var(--orbit-distance))) rotate(calc(-1 * var(--angle) + 360deg)) scale(1)}}@keyframes ll-stars{0%{transform:translateY(0) rotate(calc(-1 * var(--angle))) scale(.1);opacity:0}25%{transform:translateY(calc(-2.2 * var(--orbit-distance))) rotate(calc(-1 * var(--angle) + 200deg)) scale(.5);opacity:1}60%{transform:translateY(calc(-.7 * var(--orbit-distance))) translateX(10px) rotate(calc(-1 * var(--angle) + 320deg)) scale(.9)}to{transform:translateY(calc(-1 * var(--orbit-distance))) rotate(calc(-1 * var(--angle) + 360deg)) scale(1)}}@keyframes ll-squares{0%{transform:translateY(0) rotate(calc(-1 * var(--angle) - 540deg)) scale(0)}40%{transform:translateY(calc(-.8 * var(--orbit-distance))) translateX(-12px) rotate(calc(-1 * var(--angle) - 90deg)) scale(.9)}60%{transform:translateY(calc(-1.3 * var(--orbit-distance))) translateX(10px) rotate(calc(-1 * var(--angle) + 20deg)) scale(1)}80%{transform:translateY(calc(-.9 * var(--orbit-distance))) rotate(calc(-1 * var(--angle))) scale(1.05)}to{transform:translateY(calc(-1 * var(--orbit-distance))) rotate(calc(-1 * var(--angle))) scale(1)}}@keyframes ll-shape-in{0%{opacity:0;transform:scale(.2)rotate(-90deg)}to{opacity:1;transform:scale(1.37)}}@keyframes ll-flare{0%{box-shadow:0 0 0 0 hsl(var(--primary) / .8);transform:translate(-50%,-50%)scale(1)}50%{box-shadow:0 0 24px 12px hsl(var(--primary) / .5);transform:translate(-50%,-50%)scale(3)}to{transform:translate(-50%,-50%)scale(1)}}@keyframes ll-wormhole{0%{transform:translate(-50%,-50%)scale(1)}30%{border:2px dashed hsl(var(--primary));background:0 0;border-radius:30%;transform:translate(-50%,-50%)scale(4)rotate(180deg)}to{transform:translate(-50%,-50%)scale(1)rotate(360deg)}}@media (prefers-reduced-motion:reduce){.live-logo-design.is-playing .live-logo-design-face,.live-logo-design.is-playing .live-logo-design-shape,.live-logo-design.is-playing .live-logo-design-centre{animation:none}}.ll-show-stage .live-logo-design{animation-delay:.9s!important}.ll-demo{isolation:isolate}.ll-space-backdrop{z-index:1;pointer-events:none;background:hsl(var(--logo-space));animation:3.2s linear both ll-space-blackout;position:absolute;inset:0}.ll-space-star{left:var(--star-x);top:var(--star-y);width:var(--star-size);height:var(--star-size);background:hsl(var(--logo-starlight));opacity:var(--star-opacity);border-radius:50%;position:absolute}.ll-demo-close{z-index:3}.ll-demo-controls{z-index:2}.ll-space-show .ll-site-stage{z-index:2;animation:3.2s linear both ll-space-frame}.ll-space-show .ll-site,.ll-space-show .ll-demo-controls,.ll-space-show .ll-entrance-caption{animation:3.2s linear both ll-space-return}.ll-space-show .ll-demo-close{color:hsl(var(--logo-starlight));animation:3.2s linear both ll-space-close}@keyframes ll-space-blackout{0%{opacity:0}8%,62.5%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes ll-space-return{0%,62.5%{opacity:0}to{opacity:1}}@keyframes ll-space-frame{0%,62.5%{background-color:#0000;border-color:#0000}to{background-color:hsl(var(--card));border-color:hsl(var(--border))}}@keyframes ll-space-close{0%,62.5%{color:hsl(var(--logo-starlight))}to{color:hsl(var(--muted-foreground))}}@media (prefers-reduced-motion:reduce){.ll-space-backdrop{display:none}.ll-space-show .ll-site-stage,.ll-space-show .ll-site,.ll-space-show .ll-demo-controls,.ll-space-show .ll-entrance-caption,.ll-space-show .ll-demo-close{animation:none}.ll-space-show .ll-demo-close{color:hsl(var(--muted-foreground))}}.ll-show-stage>.ll-show-anim{animation:1s cubic-bezier(.2,1.4,.4,1) .8s both ll-show-in}@keyframes ll-show-in{0%{opacity:.6;transform:scale(.9)rotate(-90deg)}to{opacity:1;transform:scale(2.4)rotate(0)}}.ll-fx-core,.ll-fx-ring,.ll-fx-bit{pointer-events:none;position:absolute;top:50%;left:50%}.ll-fx-core{background:radial-gradient(circle, hsl(var(--primary-foreground)), hsl(var(--primary)) 45%, transparent 70%);border-radius:50%;width:40px;height:40px;margin:-20px;animation:1.4s ease-out both ll-core}@keyframes ll-core{0%{opacity:0;transform:scale(.2)}35%{opacity:1;transform:scale(1.4)}60%{transform:scale(.8)}to{opacity:0;transform:scale(14)}}.ll-fx-ring{border:3px solid hsl(var(--primary));opacity:0;border-radius:50%;width:60px;height:60px;margin:-30px;animation:1.6s ease-out .5s both ll-ring}@keyframes ll-ring{0%{opacity:1;transform:scale(.2)}to{opacity:0;transform:scale(9)}}.ll-fx-bit{background:hsl(var(--primary));opacity:0;width:10px;height:10px;animation:ll-bit 1.8s calc(.45s + var(--d)) cubic-bezier(.1,.8,.3,1) both;border-radius:50%;margin:-5px}@keyframes ll-bit{0%{transform:rotate(var(--a)) translateY(0) scale(.3);opacity:1}60%{opacity:1}to{transform:rotate(calc(var(--a) + 120deg)) translateY(calc(var(--r) * -1)) scale(1);opacity:0}}.ll-show-stage[data-style=stars]{background:radial-gradient(circle at center, hsl(var(--primary) / .25), transparent 65%)}.ll-show-stage[data-style=stars] .ll-fx-bit{background:hsl(var(--primary-foreground));clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);width:14px;height:14px;box-shadow:0 0 12px hsl(var(--primary));border-radius:0;margin:-7px}.ll-show-stage[data-style=squares] .ll-fx-ring{border-style:dashed;border-radius:22%;animation-name:ll-vortex}@keyframes ll-vortex{0%{opacity:1;transform:scale(.2)rotate(0)}to{opacity:0;transform:scale(8)rotate(540deg)}}.ll-show-stage[data-style=squares] .ll-fx-bit{border-radius:3px;width:16px;height:16px;margin:-8px;animation-name:ll-tile}@keyframes ll-tile{0%{transform:rotate(var(--a)) translateY(0) rotate(0) scale(.2);opacity:1}50%{transform:rotate(calc(var(--a) - 90deg)) translateY(calc(var(--r) * -.6)) rotate(360deg) scale(1.2);opacity:1}to{transform:rotate(calc(var(--a) - 180deg)) translateY(calc(var(--r) * -1)) rotate(720deg) scale(.6);opacity:0}}.ll-show-stage[data-style=spheres] .ll-fx-core{animation-name:ll-drop}@keyframes ll-drop{0%{opacity:0;transform:scale(.2)}30%{opacity:1;transform:scale(1.6,1.2)}45%{transform:scale(1.2,1.7)}60%{transform:scale(1.8,1.3)}to{opacity:0;transform:scale(10)}}.ll-show-stage[data-style=spheres] .ll-fx-bit{background:hsl(var(--primary) / .5);border:1px solid hsl(var(--primary-foreground) / .6);width:18px;height:18px;margin:-9px}@media (prefers-reduced-motion:reduce){.ll-fx-core,.ll-fx-ring,.ll-fx-bit,.ll-show-stage>.ll-show-anim{opacity:0;animation:none!important}.ll-show-stage>div{opacity:1}}.ll-site-logo-slot{background:hsl(var(--muted))}.ll-lift-logo{z-index:3;width:40px;height:40px;box-shadow:0 1px 2px hsl(var(--background) / .4);position:absolute;top:49px;left:12px}.ll-lift-shadow{background:hsl(var(--background) / .7);filter:blur(2px);opacity:0;z-index:2;border-radius:50%;width:40px;height:40px;position:absolute;top:49px;left:12px}.ll-site-stage[data-phase=site] .ll-lift-logo{animation:.35s ease-in-out 1.05s ll-shudder}@keyframes ll-shudder{0%,to{transform:translate(0)}25%{transform:translate(-1px,1px)rotate(-4deg)}75%{transform:translate(1px,-1px)rotate(4deg)}}.ll-site-stage[data-phase=lift] .ll-lift-logo{animation:1.3s cubic-bezier(.45,0,.2,1) both ll-lift}@keyframes ll-lift{0%{box-shadow:0 1px 2px hsl(var(--background) / .4);top:49px;left:12px;transform:scale(1)}25%{box-shadow:0 18px 24px hsl(var(--background) / .6);top:40px;left:12px;transform:scale(1.25)}to{box-shadow:0 30px 50px hsl(var(--background) / .8), 0 0 40px hsl(var(--primary) / .6);top:calc(50% - 20px);left:calc(50% - 20px);transform:scale(2.6)rotate(360deg)}}.ll-site-stage[data-phase=lift] .ll-lift-shadow{animation:1.3s cubic-bezier(.45,0,.2,1) both ll-lift-shadow}@keyframes ll-lift-shadow{0%{opacity:0;transform:translate(0)scale(1)}25%{opacity:.8;transform:translate(4px,10px)scale(1.2)}to{opacity:0;top:calc(50% - 20px);left:calc(50% - 20px);transform:translate(20px,60px)scale(3,1.4)}}.ll-site{transition:filter .8s,opacity .8s,transform .8s}.ll-site-stage[data-phase=lift] .ll-site{filter:brightness(.75)}.ll-site-stage[data-phase=show] .ll-site{filter:blur(3px)brightness(.45);transform:scale(.97)}.ll-site-stage[data-phase=show]:has(.ll-show-stage[data-style=spheres]) .ll-site{filter:blur(1px)brightness(.85)}.ll-site-stage[data-phase=show] .ll-show-anim{animation-delay:0s!important}.ll-site-stage .ll-show-stage .live-logo-design{animation-delay:.1s!important}