.hero-demo-object{position:relative;display:inline-block;flex-shrink:0;width:72px;height:40px;margin-inline:2px;pointer-events:none;-webkit-user-select:none;user-select:none}.hero-demo-scene{position:absolute;inset:50% 0 auto;aspect-ratio:11 / 8;transform:translateY(-50%)}.hero-demo-window{width:100%;height:100%;object-fit:contain}.hero-demo-hotspot,.hero-demo-ripple{position:absolute;left:62%;top:58%;width:11%;aspect-ratio:1;border:1.5px solid white;border-radius:50%;background:#e94e09;box-shadow:0 1px 3px #80350040;transform:translate(-50%,-50%)}.hero-demo-ripple{background:transparent;opacity:0}.hero-demo-cursor{position:absolute;left:58%;top:55%;width:33%;height:auto;max-width:none;transform-origin:15% 10%;filter:drop-shadow(0 1px 1px #722b1930)}.hero-demo-tooltip{position:absolute;left:22%;top:17%;width:54%;height:28%;display:flex;align-items:center;gap:9%;padding:7%;border:1px solid #fff;border-radius:4px;background:linear-gradient(145deg,#fff,#fff5e9);box-shadow:0 2px #dfc7b3,0 4px 6px #5e270d24;transform-origin:75% 100%}.hero-demo-tooltip:after{content:"";position:absolute;bottom:-3px;left:70%;width:5px;height:5px;background:#fff5e9;transform:rotate(45deg)}.hero-demo-tooltip-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#eb570d}.hero-demo-tooltip-lines{width:100%;height:2px;border-radius:2px;background:#8c796b;box-shadow:0 4px #d9c8ba;transform:translateY(-2px)}@media(min-width:640px){.hero-demo-object{width:88px;height:48px;margin-inline:4px}}@media(prefers-reduced-motion:no-preference){.hero-demo-cursor{animation:hero-demo-point 7.2s ease-in-out infinite}.hero-demo-tooltip{animation:hero-demo-guide 7.2s ease-in-out infinite}.hero-demo-ripple{animation:hero-demo-click 7.2s ease-out infinite}}@keyframes hero-demo-point{0%,7%,to{opacity:0;transform:translate(12px,9px)}12%{opacity:1;transform:translate(12px,9px)}24%,30%,76%{opacity:1;transform:translate(0) scale(1)}27%{opacity:1;transform:translate(0) scale(.84)}86%,94%{opacity:0;transform:translate(7px,5px)}}@keyframes hero-demo-guide{0%,28%,94%,to{opacity:0;transform:translateY(3px) scale(.88)}35%,82%{opacity:1;transform:translateY(0) scale(1)}}@keyframes hero-demo-click{0%,25%,40%,to{opacity:0;transform:translate(-50%,-50%) scale(1)}27%{opacity:.9;transform:translate(-50%,-50%) scale(1)}38%{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}