.home-demo{--row-height:76px;width:100%;max-width:580px;margin:0;padding:24px 0;color:#263043;text-align:left;font-family:'DM Sans',sans-serif;font-size:12px;line-height:1.4}.home-demo *,.home-demo ::after,.home-demo ::before{box-sizing:border-box}.home-demo [hidden]{display:none!important}.home-demo svg{display:block;width:20px;height:20px;flex-shrink:0}.home-demo__window{position:relative;background:#fff;border-radius:14px;box-shadow:0 25px 65px -20px #192e5633,0 2px 8px #192e560b}.home-demo__chrome{display:flex;align-items:center;gap:10px;height:34px;padding:0 16px;background:#f1f3f7;border-radius:14px 14px 0 0;font-size:9px;color:#748093}.home-demo__dots{display:flex;gap:4px}.home-demo__dots i{width:6px;height:6px;border-radius:50%;background:#c7ced8}.home-demo__dots i:first-child{background:#f7c38e}.home-demo__address{letter-spacing:.02em}.home-demo__live{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:8px}.home-demo__live i{width:4px;height:4px;background:#16a36a;border-radius:50%}.home-demo__appbar{display:flex;align-items:center;gap:10px;padding:18px 16px 15px}.home-demo__appbar strong{display:block;font-size:17px;letter-spacing:-.03em}.home-demo__app-icon{display:grid;place-items:center;width:36px;height:36px;background:#fff2dc;color:#d98a11;border-radius:10px}.home-demo__subtitle{display:block;margin-top:2px;color:#8a92a0;font-size:10px}.home-demo__connected{display:flex;gap:3px;margin-left:auto}.home-demo__connected span{font-size:8px;font-weight:700;padding:4px 5px;background:#f7f8fa;border-radius:4px;color:#7b8494}.home-demo__workspace{position:relative;height:417px;overflow:hidden;border-radius:0 0 14px 14px}.home-demo__list{transition:opacity .45s,transform .6s cubic-bezier(.22,1,.36,1)}.home-demo__tabs{display:flex;align-items:center;gap:19px;height:40px;padding:0 16px;border-bottom:1px solid #eef0f4;color:#9299a6;font-size:11px}.home-demo__tab{display:inline-flex;align-items:center;gap:6px;height:40px}.home-demo__tab.is-active{color:#d58b1b;border-bottom:2px solid #e9a532;font-weight:700}.home-demo__tab b{padding:1px 5px;background:#fff3de;border-radius:4px;font-size:9px}.home-demo__search{margin-left:auto}.home-demo__search svg{width:15px;height:15px}.home-demo__list-heading{display:flex;justify-content:space-between;padding:13px 16px 9px;color:#a0a7b3;font-size:9px}.home-demo__rows{position:relative;height:calc(var(--row-height) * 4);margin:0 8px}.home-demo__row{position:absolute;top:0;left:0;width:100%;height:var(--row-height);display:flex;align-items:center;gap:10px;padding:10px 8px;border-bottom:1px solid #f1f3f6;border-radius:6px;transform:translateY(calc(var(--slot) * var(--row-height) - 18px));opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .45s,background .4s}.home-demo__row.is-visible{transform:translateY(calc(var(--slot) * var(--row-height)));opacity:1}.home-demo__row.is-selected{background:#fff6e7}.home-demo__row.is-leaving{transform:translate(24px,calc(var(--slot) * var(--row-height)));opacity:0}.home-demo__avatar{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;background:#ecedf8;color:#6d6fb4;font-size:11px;font-weight:700}.home-demo__row:nth-child(3n+2) .home-demo__avatar{background:#fceee5;color:#c4875d}.home-demo__row:nth-child(3n) .home-demo__avatar{background:#e9f4f3;color:#539991}.home-demo__ticket{flex:1;min-width:0}.home-demo__ticket strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700}.home-demo__meta{display:flex;align-items:center;gap:7px;margin-top:7px}.home-demo__buyer{font-size:10px;color:#9199a7;white-space:nowrap}.home-demo__channel{display:inline-block;flex-shrink:0;padding:2px 5px;border-radius:4px;font-size:9px;font-weight:700;line-height:1.5}.home-demo__channel[data-demo-channel=allegro]{background:#fff1e7;color:#e06e28}.home-demo__channel[data-demo-channel=erli]{background:#fdebf0;color:#d84e70}.home-demo__channel[data-demo-channel=empik]{background:#eef0f3;color:#323b4c}.home-demo__trailing{flex-shrink:0;width:92px;text-align:right}.home-demo__status{display:inline-block;padding:2px 7px;border-radius:5px;font-size:10px;line-height:1.5;font-weight:700;transition:color .4s,background .4s}.home-demo__status[data-demo-status=nowe]{background:#edf1ff;color:#6c76c3}.home-demo__status[data-demo-status=czekamy]{background:#fff3da;color:#b88628}.home-demo__status[data-demo-status='załatwione']{background:#e8f6ee;color:#3f9c70}.home-demo__sla{margin-top:5px;color:#7e8c9f;font-size:9px;font-variant-numeric:tabular-nums}.home-demo__meter{display:block;height:4px;margin-top:4px;overflow:hidden;border-radius:4px;background:#ecf4f0}.home-demo__meter i{display:block;width:var(--remaining);height:100%;border-radius:4px;background:linear-gradient(90deg,#a9d7c2,#55ad86);transition:width 1s linear}.home-demo__sla[data-tone=amber] .home-demo__meter{background:#fcf3e3}.home-demo__sla[data-tone=amber] .home-demo__meter i{background:linear-gradient(90deg,#f3d59c,#e8ad51)}.home-demo__sla[data-tone=red] .home-demo__meter{background:#fbecec}.home-demo__sla[data-tone=red] .home-demo__meter i{background:linear-gradient(90deg,#f5c1bd,#dd827c)}.home-demo__resolved{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:6px;color:#74a68d;font-size:8px}.home-demo__resolved svg{width:11px;height:11px}.home-demo__list-footer{display:flex;align-items:center;gap:6px;height:35px;margin:0 16px;border-top:1px solid #eef0f4;color:#929ba9;font-size:9px}.home-demo__footer-check{color:#70ae91}.home-demo__footer-check svg{width:12px;height:12px}.home-demo__conversation{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;transform:translateX(105%);opacity:0;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .4s}[data-demo-view=conversation] .home-demo__conversation{transform:translateX(0);opacity:1}[data-demo-view=conversation] .home-demo__list{transform:translateX(-30px);opacity:0}.home-demo__conversation-head{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid #f1f3f6;border-bottom:1px solid #f1f3f6}.home-demo__back{margin-right:2px;color:#9ca3af}.home-demo__back svg{width:15px;height:15px}.home-demo__conversation-head strong{font-size:11px}.home-demo__conversation-head>.home-demo__channel{margin-left:auto}.home-demo__conversation-topic{display:block;margin-top:1px;color:#9aa2af;font-size:9px}.home-demo__messages{flex:1;min-height:0;padding:12px 19px;overflow:hidden}.home-demo__conversation-time{margin-bottom:10px;text-align:center;color:#b1b7c2;font-size:8px}.home-demo__message{width:fit-content;max-width:88%;padding:11px 13px;border-radius:10px;font-size:11px;line-height:1.65}.home-demo__message--buyer{background:#f2f4f8;border-bottom-left-radius:3px}.home-demo__order{display:flex;align-items:center;gap:8px;margin:11px 0 13px;padding:8px 9px;background:#fafbfc;border:1px solid #edf0f4;border-radius:7px}.home-demo__order strong{display:block;font-size:9px;color:#596879}.home-demo__order span:not(.home-demo__order-icon){display:block;margin-top:2px;font-size:8px;color:#99a2af}.home-demo__order-icon{color:#a3adbc}.home-demo__order .home-demo__order-open{display:flex;align-items:center;gap:2px;margin:0 0 0 auto;color:#b87920;font-size:9px;font-weight:700;white-space:nowrap}.home-demo__order-open svg{width:12px;height:12px}.home-demo__conversation::after{content:'';position:absolute;inset:0;z-index:1;background:#23314720;opacity:0;pointer-events:none;transition:opacity .45s}.home-demo__order-details{position:absolute;inset:0 0 0 auto;z-index:2;width:88%;max-width:370px;background:#fff;box-shadow:-8px 0 30px #2331471c;transform:translateX(105%);opacity:0;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .4s}[data-demo-order=open] .home-demo__order-details{transform:translateX(0);opacity:1}[data-demo-order=open] .home-demo__conversation::after{opacity:1}.home-demo__details-head{display:flex;align-items:center;justify-content:space-between;min-height:65px;padding:12px 19px;border-bottom:1px solid #edf0f4}.home-demo__details-eyebrow{display:block;margin-bottom:3px;color:#9ba4b2;font-size:9px}.home-demo__details-head strong{color:#34435a;font-size:14px}.home-demo__details-close{color:#a1aab7}.home-demo__details-close svg{width:17px;height:17px}.home-demo__details-content{padding:17px 19px}.home-demo__details-identity{display:flex;align-items:center;justify-content:space-between}.home-demo__details-identity strong{display:block;color:#44536a;font-size:12px}.home-demo__details-identity div>span{display:block;margin-top:3px;color:#97a2b2;font-size:9px}.home-demo__details-product{display:flex;align-items:center;gap:9px;padding:17px 0;border-bottom:1px solid #edf0f4}.home-demo__product-image{display:grid;place-items:center;flex-shrink:0;width:38px;height:42px;color:#8d82b1;background:#f1eef8;border-radius:6px}.home-demo__product-image svg{width:29px;height:29px}.home-demo__details-product div{min-width:0}.home-demo__details-product strong{display:block;color:#5c687b;font-size:10px;line-height:1.45}.home-demo__details-product div>span{display:block;margin-top:4px;color:#a0a8b5;font-size:9px}.home-demo__details-product b{flex-shrink:0;margin-left:auto;font-size:10px;color:#58667b}.home-demo__details-payment{display:flex;align-items:center;justify-content:space-between;padding:13px 0}.home-demo__details-payment>span{display:flex;align-items:center;gap:5px;color:#5ca17b;font-size:10px}.home-demo__details-payment svg{width:13px;height:13px}.home-demo__details-payment strong{font-size:12px;color:#3e5067}.home-demo__details-delivery{margin:0;padding:11px 12px;background:#f8f9fc;border-radius:6px}.home-demo__details-delivery div{display:flex;align-items:center;justify-content:space-between;gap:9px;margin:7px 0;font-size:10px}.home-demo__details-delivery dt{color:#9ba5b4}.home-demo__details-delivery dd{margin:0;color:#69768a;text-align:right}.home-demo__details-delivery .home-demo__delivery-status{color:#b68a3e}.home-demo__details-tracking{display:flex;align-items:center;padding:13px 20px 0}.home-demo__details-tracking span{position:relative;width:8px;height:8px;background:#a8ceb9;border-radius:50%}.home-demo__details-tracking span+span{margin-left:auto}.home-demo__details-tracking span+span::before{content:'';position:absolute;right:8px;top:3px;width:85px;height:2px;background:#d8e8de}.home-demo__details-tracking span:last-child{background:#ebedf1}.home-demo__details-context{display:flex;align-items:center;gap:6px;margin:18px 0 0;color:#a08cb9;font-size:9px;line-height:1.5}.home-demo__details-context svg{flex-shrink:0;width:13px;height:13px}.home-demo__ai-label{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-bottom:7px;color:#8d78bf;font-size:9px;font-weight:700}.home-demo__ai-label svg{width:13px;height:13px}.home-demo__ai-label span{margin-left:2px;color:#a8a0b8;font-size:8px;font-weight:400}.home-demo__typing{display:flex;align-items:center;justify-content:flex-end;gap:3px;height:30px;opacity:0;transition:opacity .3s}.home-demo__typing i{width:4px;height:4px;border-radius:50%;background:#aa96d2;animation:1.2s ease-in-out infinite paused home-demo-dot}.home-demo__typing i:nth-child(2){animation-delay:.15s}.home-demo__typing i:nth-child(3){animation-delay:.3s}.home-demo__typing span{margin-left:5px;font-size:9px;color:#a298b4}.home-demo__message--ai{display:none;min-height:36px;margin-left:auto;background:#f0eafb;color:#63517e;border-bottom-right-radius:3px}.home-demo__sent{display:flex;justify-content:flex-end;align-items:center;gap:3px;margin-top:7px;color:#8c9aab;font-size:8px;opacity:0;transition:opacity .35s}.home-demo__sent svg{width:12px;height:12px;color:#76a58f}[data-demo-writing=typing] .home-demo__typing{opacity:1}[data-demo-writing=reply] .home-demo__typing,[data-demo-writing=sent] .home-demo__typing{display:none}[data-demo-writing=reply] .home-demo__message--ai,[data-demo-writing=sent] .home-demo__message--ai{display:block}[data-demo-writing=sent] .home-demo__sent{opacity:1}.home-demo__composer{display:flex;align-items:center;justify-content:space-between;margin:0 14px 14px;padding:8px 10px;border:1px solid #ebedf2;border-radius:7px;color:#bac0c9;font-size:10px}.home-demo__send{display:grid;place-items:center;width:25px;height:25px;background:#f1eafa;border-radius:6px;color:#a387c9}.home-demo__send svg{width:13px;height:13px}.home-demo__cursor{position:absolute;top:0;left:0;width:24px;height:30px;z-index:3;opacity:0;pointer-events:none;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .3s}.home-demo__cursor svg{width:24px;height:30px;filter:drop-shadow(0 3px 2px #0002)}.home-demo__cursor.is-visible{opacity:1}.home-demo__cursor span{position:absolute;top:-8px;left:-8px;width:25px;height:25px;border:2px solid #e9b34f;border-radius:50%;opacity:0}.home-demo__cursor.is-clicking span{animation:.55s ease-out home-demo-click}.home-demo__notification{position:absolute;z-index:4;bottom:52px;left:-15px;display:flex;align-items:center;gap:10px;max-width:calc(100% - 12px);padding:13px 17px;border-radius:10px;background:#fff;box-shadow:0 12px 38px #333b5425;transform:translateY(12px);opacity:0;pointer-events:none;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1)}.home-demo__notification.is-visible{opacity:1;transform:translateY(0)}.home-demo__notification strong{display:block;color:#354158;font-size:11px}.home-demo__notification span:not(.home-demo__notification-icon):not(.home-demo__notification-check){display:block;margin-top:2px;color:#9aa3b1;font-size:9px}.home-demo__notification-icon{color:#a78bc9;padding:7px;background:#f4effb;border-radius:8px}.home-demo__notification-icon svg{width:16px;height:16px}.home-demo__notification-check{color:#78b197;margin-left:8px}.home-demo__notification-check svg{width:16px;height:16px}.home-demo__visual{transition:opacity .4s}.home-demo__visual.is-resetting{opacity:0}.home-demo__caption{display:flex;align-items:center;gap:8px;min-height:36px;padding:13px 2px 0}.home-demo__scene-label{font-size:11px;font-weight:700;color:#657184}.home-demo__preview-label{margin-left:auto;font-size:8px;color:#aab1bd}.home-demo__toggle{display:flex;align-items:center;gap:4px;padding:4px 6px;border:0;border-radius:4px;color:#8894a6;background:0 0;cursor:pointer;font:inherit;font-size:9px}.home-demo__toggle:hover{color:#ba7c1d;background:#fff2db}.home-demo__toggle:focus-visible{outline:#e9a532 solid 2px;outline-offset:3px}.home-demo__toggle svg{width:10px;height:10px;fill:currentColor}.home-demo__pause{display:none!important}.home-demo[data-demo-playing=true] .home-demo__pause{display:block!important}.home-demo[data-demo-playing=true] .home-demo__play{display:none}.home-demo[data-demo-playing=true] .home-demo__typing i{animation-play-state:running}.home-demo[data-demo-playing=false] .home-demo__cursor span{animation-play-state:paused}@keyframes home-demo-dot{0%,100%,70%{transform:translateY(0);opacity:.4}35%{transform:translateY(-3px);opacity:1}}@keyframes home-demo-click{0%{transform:scale(.3);opacity:1}100%{transform:scale(1.8);opacity:0}}@media (max-width:420px){.home-demo{padding-top:4px}.home-demo__chrome{padding:0 11px;gap:7px}.home-demo__live{font-size:7px}.home-demo__appbar{padding:15px 12px;gap:8px}.home-demo__appbar strong{font-size:16px}.home-demo__connected{gap:2px}.home-demo__connected span{padding:3px;font-size:7px}.home-demo__row{gap:7px;padding-left:4px;padding-right:4px}.home-demo__avatar{width:24px;height:24px;font-size:10px}.home-demo__trailing{width:78px}.home-demo__ticket strong{font-size:10px}.home-demo__buyer{font-size:8px}.home-demo__notification{left:7px;padding:11px 12px}.home-demo__messages{padding:12px}.home-demo__message{max-width:94%;font-size:10px}.home-demo__ai-label span{font-size:7px}}@media (prefers-reduced-motion:reduce){.home-demo *,.home-demo ::after,.home-demo ::before{transition:none!important;animation:none!important}}