@media(min-width:768px){.hero-demo-cursor{position:absolute;top:0;left:0;z-index:40;pointer-events:none;will-change:transform,opacity;transition:opacity .45s ease;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));opacity:0}.hero-demo-cursor svg{transition:transform .12s ease}.hero-demo-cursor.clicking svg{transform:scale(.7)}[data-demo-target].demo-hover img,[data-demo-photo2].demo-hover img,[data-demo-video].demo-hover img{opacity:1!important;filter:brightness(1.06);box-shadow:0 0 0 2px #ff795080,0 4px 16px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)!important}[data-demo-target].demo-click img,[data-demo-photo2].demo-click img,[data-demo-video].demo-click img{transform:scale(.97)!important;transition:transform .1s ease!important}.hero-demo-overlay{position:absolute;inset:0;z-index:30;border-radius:inherit;display:flex;opacity:0;pointer-events:none;transition:opacity .45s cubic-bezier(.4,0,.2,1);overflow:hidden}.hero-demo-overlay.active{opacity:1}.hero-demo-overlay-left{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05050af2;padding:.75rem;gap:.625rem}.hero-demo-overlay-img{max-width:94%;max-height:84%;-o-object-fit:contain;object-fit:contain;border-radius:4px;transform:scale(.92);opacity:0;transition:transform .5s cubic-bezier(.4,0,.2,1) .05s,opacity .3s ease .05s;box-shadow:0 8px 32px #0006}.hero-demo-overlay.active .hero-demo-overlay-img{transform:scale(1);opacity:1}.hero-demo-overlay-right{width:42%;background:#fff;display:flex;flex-direction:column;border-left:1px solid rgba(0,0,0,.06);opacity:0;transform:translate(8px);transition:opacity .35s ease .12s,transform .4s cubic-bezier(.4,0,.2,1) .12s}.hero-demo-overlay-right.visible{opacity:1;transform:translate(0)}.hero-demo-overlay-right.opening{animation:demoCommentsIn .4s cubic-bezier(.4,0,.2,1) both}@keyframes demoCommentsIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.hero-demo-typing.active:after{content:"";display:inline-block;width:1.5px;height:.85em;background:#ff7950;margin-left:1px;vertical-align:text-bottom;animation:demoCaret .7s step-end infinite}@keyframes demoCaret{50%{opacity:0}}.hero-demo-posted.animate{animation:demoMsgIn .35s cubic-bezier(.4,0,.2,1) both}@keyframes demoMsgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hero-demo-send.demo-hover{background:#ff795040!important}.hero-demo-send.demo-click{transform:scale(.8)}.hero-demo-heart-btn{transition:all .2s ease;color:#fffc}.hero-demo-heart.demo-hover .hero-demo-heart-btn{background:#fff3;transform:scale(1.15);color:#fff}.hero-demo-heart.demo-click .hero-demo-heart-btn{transform:scale(.8)!important;transition:transform .1s ease!important}.hero-demo-heart.demo-active .hero-demo-heart-btn{color:#ff7950;background:#ff795026;animation:demoHeartPop .5s cubic-bezier(.17,.67,.3,1.5) both}.hero-demo-heart.demo-active .hero-demo-heart-btn svg{fill:currentColor}@keyframes demoHeartPop{0%{transform:scale(.8)}50%{transform:scale(1.3)}to{transform:scale(1)}}.hero-demo-overlay-video{max-width:94%;max-height:90%;border-radius:4px;transform:scale(.92);opacity:0;transition:transform .5s cubic-bezier(.4,0,.2,1) .05s,opacity .3s ease .05s;box-shadow:0 8px 32px #0006}.hero-demo-overlay.active .hero-demo-overlay-video{transform:scale(1);opacity:1}.hero-demo-overlay.mode-full .hero-demo-actions{display:none}.hero-demo-comment-inner{transition:all .2s ease;color:#fffc}.hero-demo-comment-btn.demo-hover .hero-demo-comment-inner{background:#fff3;transform:scale(1.15);color:#fff}.hero-demo-comment-btn.demo-click .hero-demo-comment-inner{transform:scale(.8)!important;transition:transform .1s ease!important}.hero-demo-nav-btn{transition:all .2s ease}.hero-demo-nav-next.demo-hover .hero-demo-nav-btn{background:#ffffff38;transform:scale(1.1)}.hero-demo-nav-next.demo-click .hero-demo-nav-btn{transform:scale(.85);transition:transform .1s ease!important}.hero-demo-overlay-img.slide-out{animation:demoSlideOut .4s cubic-bezier(.4,0,.2,1) both}.hero-demo-overlay-img.slide-in{animation:demoSlideIn .4s cubic-bezier(.4,0,.2,1) both}@keyframes demoSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-8%) scale(.97)}}@keyframes demoSlideIn{0%{opacity:0;transform:translate(8%) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.demo-content-enter{animation:demoSlideIn .4s cubic-bezier(.4,0,.2,1) both}}@media(max-width:767px){.hero-demo-cursor,.hero-demo-overlay{display:none!important}}@media(prefers-reduced-motion:reduce){.hero-demo-cursor,.hero-demo-overlay{display:none!important}}