.demo-scroll-container[data-v-8ad0f9df]{display:flex;flex-direction:column;height:300%;width:100%}.demo-section[data-v-8ad0f9df]{flex-shrink:0;height:33.33333%;overflow:hidden;width:100%}.demo-section-img[data-v-8ad0f9df]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.phone-wrapper[data-v-a3c64b39]{width:260px}.phone-frame-img[data-v-a3c64b39]{height:auto;pointer-events:none;position:relative;width:100%;z-index:2}.phone-screen[data-v-a3c64b39]{border-radius:2rem;height:96.4%;left:4.8%;overflow:hidden;position:absolute;top:1.8%;width:90.4%;z-index:1}.phone-screen-inner[data-v-a3c64b39]{height:100%;transition:transform 1.2s cubic-bezier(.22,.61,.36,1);width:100%}.hotspot-anchor[data-v-a3c64b39]{position:absolute;transform:translate(-50%,-50%);z-index:10}.hotspot-row[data-v-a3c64b39]{align-items:center;display:flex;white-space:nowrap}.hotspot-dot[data-v-a3c64b39]{flex-shrink:0;height:16px;position:relative;width:16px}.hotspot-ping[data-v-a3c64b39]{animation:hotspot-pulse-a3c64b39 2s cubic-bezier(0,0,.2,1) infinite;background:#e0a53666;inset:-4px}.hotspot-core[data-v-a3c64b39],.hotspot-ping[data-v-a3c64b39]{border-radius:50%;position:absolute}.hotspot-core[data-v-a3c64b39]{background:#e0a536;border:2px solid #fff;box-shadow:0 0 8px #e0a53699;inset:2px}@keyframes hotspot-pulse-a3c64b39{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}.hotspot-line[data-v-a3c64b39]{background:linear-gradient(90deg,#e0a53699,#e0a5361a);flex-shrink:0;height:2px;width:40px}.hotspot-row-left .hotspot-line[data-v-a3c64b39]{background:linear-gradient(90deg,#e0a5361a,#e0a53699)}.hotspot-tooltip[data-v-a3c64b39]{animation:tooltip-appear-a3c64b39 .5s ease-out both;background:#fff;border-radius:14px;box-shadow:0 4px 20px #00000026,0 0 0 1px #0000000d;flex-shrink:0;padding:14px 16px;white-space:normal;width:200px}.tooltip-close[data-v-a3c64b39]{align-items:center;background:#eee;border:none;border-radius:50%;color:#484848;cursor:pointer;display:flex;height:20px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .2s;width:20px}.tooltip-close[data-v-a3c64b39]:hover{background:#dedede}.tooltip-title[data-v-a3c64b39]{color:#0b0b0b;font-size:.875rem;font-weight:700;margin-bottom:6px;padding-right:20px}.tooltip-desc[data-v-a3c64b39]{color:#484848;font-size:.75rem;line-height:1.5;margin-bottom:10px}.tooltip-cta[data-v-a3c64b39]{background:#e0a536;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.7rem;font-weight:600;padding:4px 12px;transition:background .2s}.tooltip-cta[data-v-a3c64b39]:hover{background:#cc9218}@keyframes tooltip-appear-a3c64b39{0%{opacity:0;transform:translateY(-50%) scale(.9)}to{opacity:1;transform:translateY(-50%) scale(1)}}@media(max-width:768px){.phone-frame[data-v-a3c64b39]{width:200px}.hotspot-tooltip[data-v-a3c64b39]{padding:10px 12px;width:160px}.hotspot-line[data-v-a3c64b39]{width:24px}.hotspot-tooltip-left[data-v-a3c64b39]{right:calc(100% + 36px)}.hotspot-tooltip-right[data-v-a3c64b39]{left:calc(100% + 36px)}}