.demo-wrapper[data-v-e498004c]{flex-direction:column;align-items:center;gap:1rem;display:flex}.phone-frame[data-v-e498004c]{background:#1a1a1a;border-radius:32px;width:280px;padding:12px;position:relative;box-shadow:0 25px 50px #00000040,inset 0 0 0 1px #ffffff14}.phone-notch[data-v-e498004c]{z-index:10;background:#1a1a1a;border-radius:0 0 14px 14px;width:90px;height:22px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen[data-v-e498004c]{aspect-ratio:393/847;background:#f4ecdf;border-radius:22px;position:relative;overflow:hidden}.screen-scroll[data-v-e498004c]{-webkit-overflow-scrolling:touch;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.screen-scroll[data-v-e498004c]::-webkit-scrollbar{display:none}.screen-content[data-v-e498004c]{width:100%;position:relative}.screen-img[data-v-e498004c]{width:100%;line-height:0}.screen-img[data-v-e498004c] .screen-svg{width:100%;height:auto;display:block}.hotspot[data-v-e498004c]{cursor:pointer;z-index:5;background:0 0;border:none;border-radius:8px;padding:0;transition:background .15s;position:absolute}.hotspot[data-v-e498004c]:hover{background:#f5822026}.hotspot-pulse[data-v-e498004c]{border:2px solid #f5822080;border-radius:8px;animation:2s ease-in-out infinite pulse-e498004c;position:absolute;inset:0}@keyframes pulse-e498004c{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}.demo-controls[data-v-e498004c]{align-items:center;gap:1rem;display:flex}.ctrl-btn[data-v-e498004c]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#21202099;border:1px solid var(--color-fog);cursor:pointer;background:0 0;border-radius:4px;padding:.375rem .75rem;font-size:.6875rem;transition:color .15s,border-color .15s}.ctrl-btn[data-v-e498004c]:hover:not(:disabled){color:var(--color-ink);border-color:var(--color-ink)}.ctrl-btn[data-v-e498004c]:disabled{opacity:.3;cursor:not-allowed}.step-label[data-v-e498004c]{font-family:var(--font-mono);color:#21202099;text-align:center;min-width:3rem;font-size:.75rem}.demo-hint[data-v-e498004c]{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:#21202099;margin:0;font-size:.8125rem}.scroll-hint[data-v-e498004c]{z-index:15;pointer-events:auto;cursor:pointer;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.scroll-arrow[data-v-e498004c]{color:#f58220d9;filter:drop-shadow(0 1px 4px #0003);width:36px;height:36px;animation:1.5s ease-in-out infinite bounce-down-e498004c}@keyframes bounce-down-e498004c{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(6px)}}.fade-enter-active[data-v-e498004c],.fade-leave-active[data-v-e498004c]{transition:opacity .3s}.fade-enter-from[data-v-e498004c],.fade-leave-to[data-v-e498004c]{opacity:0}.slide-fwd-enter-active[data-v-e498004c],.slide-fwd-leave-active[data-v-e498004c],.slide-back-enter-active[data-v-e498004c],.slide-back-leave-active[data-v-e498004c]{transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s}.slide-fwd-enter-from[data-v-e498004c]{opacity:0;transform:translate(100%)}.slide-fwd-leave-to[data-v-e498004c]{opacity:0;transform:translate(-30%)}.slide-back-enter-from[data-v-e498004c]{opacity:0;transform:translate(-100%)}.slide-back-leave-to[data-v-e498004c]{opacity:0;transform:translate(30%)}@media (width>=640px){.phone-frame[data-v-e498004c]{width:320px}}@media (width>=1024px){.phone-frame[data-v-e498004c]{width:360px}}