.demo-browser[data-v-b216ff6a]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;overflow:hidden}@keyframes pulse-ring-b216ff6a{0%{opacity:.5;transform:scale(.95)}50%{opacity:.2;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}@keyframes float-b216ff6a{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.drawing-overlay[data-v-b216ff6a]{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:50}.draw-enter-active[data-v-b216ff6a],.draw-leave-active[data-v-b216ff6a]{transition:opacity .5s ease}.draw-enter-from[data-v-b216ff6a],.draw-leave-to[data-v-b216ff6a]{opacity:0}.sketch-frame path[data-v-b216ff6a]{animation:draw-stroke-b216ff6a 1.5s ease-out forwards;stroke-dasharray:1000;stroke-dashoffset:1000}.curly-arrow[data-v-b216ff6a]{animation:draw-stroke-b216ff6a .8s ease-out .5s forwards;stroke-dasharray:200;stroke-dashoffset:200}.wobbly-underline[data-v-b216ff6a]{animation:draw-stroke-b216ff6a .6s ease-out .2s forwards}.checkmark-stroke[data-v-b216ff6a],.wobbly-underline[data-v-b216ff6a]{stroke-dasharray:100;stroke-dashoffset:100}.checkmark-stroke[data-v-b216ff6a]{animation:draw-stroke-b216ff6a .5s cubic-bezier(.175,.885,.32,1.275) 1s forwards}.star-shape[data-v-b216ff6a]{animation:pop-in-b216ff6a .4s cubic-bezier(.175,.885,.32,1.275) 1.2s backwards;transform-origin:center}.handwritten-text[data-v-b216ff6a]{animation:fade-in-b216ff6a .5s ease-out 1.2s forwards;opacity:0}.smiley-circle[data-v-b216ff6a]{animation:pop-in-b216ff6a .5s cubic-bezier(.175,.885,.32,1.275) .8s backwards;transform-origin:center}.smiley-eye[data-v-b216ff6a],.smiley-mouth[data-v-b216ff6a]{animation:fade-in-b216ff6a .3s ease-out 1.3s forwards;opacity:0}.sparkle-1[data-v-b216ff6a],.sparkle-2[data-v-b216ff6a],.sparkle-3[data-v-b216ff6a]{animation:twinkle-b216ff6a 1s ease-in-out infinite alternate;opacity:0}.sparkle-1[data-v-b216ff6a]{animation-delay:1.5s}.sparkle-2[data-v-b216ff6a]{animation-delay:1.7s}.sparkle-3[data-v-b216ff6a]{animation-delay:1.9s}@keyframes draw-stroke-b216ff6a{to{stroke-dashoffset:0}}@keyframes pop-in-b216ff6a{0%{opacity:0;transform:scale(0) rotate(-45deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes fade-in-b216ff6a{to{opacity:1}}@keyframes twinkle-b216ff6a{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.demo-popup[data-v-133d5fbd]{border:1px solid oklch(var(--color-base-300));border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;display:flex;flex-direction:column;height:520px;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:420px;z-index:100}.popup-content[data-v-133d5fbd]{flex:1;overflow:hidden;position:relative}.popup-enter-active[data-v-133d5fbd],.popup-leave-active[data-v-133d5fbd]{transition:all .3s cubic-bezier(.16,1,.3,1)}.popup-enter-from[data-v-133d5fbd],.popup-leave-to[data-v-133d5fbd]{opacity:0;transform:translateY(-10px) scale(.95)}.hero-demo-container[data-v-a0c45c35]{display:flex;justify-content:center;padding:2rem 1rem 3rem;position:relative;width:100%}@media(max-width:1023px){.hero-demo-container[data-v-a0c45c35]{display:none}}.demo-glow[data-v-a0c45c35]{animation:glow-rotate-a0c45c35 12s linear infinite;background:conic-gradient(from 0deg,oklch(var(--color-primary)/.5),oklch(var(--color-accent)/.4),oklch(var(--color-secondary)/.5),oklch(var(--color-primary)/.4),oklch(var(--color-primary)/.5) 1turn);border-radius:1.5rem;filter:blur(40px);inset:-30px;opacity:.6;pointer-events:none;position:absolute;z-index:-1}@keyframes glow-rotate-a0c45c35{to{transform:rotate(1turn)}}.hero-demo[data-v-a0c45c35]:before{background:radial-gradient(ellipse 80% 60% at center,oklch(var(--color-primary)/.15) 0,oklch(var(--color-accent)/.08) 40%,transparent 70%);content:"";inset:-60px;pointer-events:none;position:absolute;z-index:-2}.hero-demo[data-v-a0c45c35]{max-width:1000px;position:relative;transform:perspective(2500px) rotateX(4deg);transform-origin:center bottom;transition:transform .6s cubic-bezier(.23,1,.32,1);width:100%}.hero-demo[data-v-a0c45c35]:hover{transform:perspective(2500px) rotateX(0)}.popup-anchor[data-v-a0c45c35]{position:absolute;right:.5rem;top:2.5rem;transform:scale(.75);transform-origin:top right;z-index:50}.demo-hints[data-v-a0c45c35]{bottom:-3.5rem;display:flex;justify-content:center;left:50%;position:absolute;transform:translate(-50%)}.hint-badge[data-v-a0c45c35]{align-items:center;animation:hint-pulse-a0c45c35 3s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,oklch(var(--color-base-100)/.9) 0,oklch(var(--color-base-200)/.95));border:1px solid oklch(var(--color-primary)/.2);border-radius:9999px;box-shadow:0 4px 20px oklch(var(--color-primary)/.1),0 0 0 1px oklch(var(--color-base-300)/.5);color:oklch(var(--color-base-content)/.8);display:flex;font-size:.8rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem}@keyframes hint-pulse-a0c45c35{0%,to{box-shadow:0 4px 20px oklch(var(--color-primary)/.1),0 0 0 1px oklch(var(--color-base-300)/.5);opacity:1}50%{box-shadow:0 4px 30px oklch(var(--color-primary)/.2),0 0 0 1px oklch(var(--color-primary)/.3);opacity:.85}}