.demo-section{background:#080b14;color:#f7f8ff;padding:110px clamp(22px,6vw,100px) 95px;position:relative;overflow:hidden}.demo-section:before{content:'';position:absolute;width:750px;height:750px;border-radius:50%;background:radial-gradient(circle,#284eaa44,transparent 65%);top:-300px;right:-250px;pointer-events:none}.demo-container{position:relative;max-width:1370px;margin:auto;display:grid;grid-template-columns:.83fr 1.5fr;align-items:center;gap:65px}.demo-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #364258;background:#141c2b;border-radius:30px;padding:10px 14px;color:#a6beff;font-size:10px;letter-spacing:1.7px;font-weight:700}.live-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#56d3a9;box-shadow:0 0 13px #56d3a988}.demo-intro h2{font-size:clamp(43px,5vw,73px);line-height:1.07;letter-spacing:-.06em;margin:24px 0}.demo-intro h2 em{font-style:normal;background:linear-gradient(100deg,#83a6ff,#cedeff);background-clip:text;-webkit-text-fill-color:transparent}.demo-intro>p:not(.demo-disclaimer){color:#a0a8b8;font-size:16px;line-height:1.85;max-width:410px}.demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;border-top:1px solid #2a3448;padding-top:24px;margin-top:40px}.demo-metrics div{display:flex;flex-direction:column;gap:8px}.demo-metrics strong{font-size:20px;font-weight:500;color:#c8d7ff}.demo-metrics small{font-size:11px;color:#969fb0;line-height:1.5}.demo-disclaimer{font-size:11px;color:#717d92;line-height:1.6;margin-top:30px}.demo-window{border:1px solid #46516b;border-radius:22px;overflow:hidden;box-shadow:0 50px 100px #0009,0 0 90px #3f66b91c;background:#f5f6fa;direction:ltr}.demo-window-head{height:42px;background:#171e2c;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#a8b2c5;font-size:9px;letter-spacing:1.2px;font-weight:700}.demo-dots{display:flex;gap:5px}.demo-dots i{width:7px;height:7px;border-radius:50%;background:#536177}.demo-dots i:first-child{background:#dd6d6d}.demo-dots i:nth-child(2){background:#e8bb69}.demo-dots i:nth-child(3){background:#72c8a5}.demo-status{display:flex;align-items:center;gap:7px}.demo-status .live-dot{width:5px;height:5px}.demo-app{display:grid;grid-template-columns:.86fr 1.14fr;height:520px;color:#151b26}.demo-store{background:#e9edf7;display:flex;flex-direction:column;min-width:0}.demo-store-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;border-bottom:1px solid #d9dfeb}.demo-store-name{font-size:14px;letter-spacing:1.7px;font-weight:700}.demo-store-name span{color:#8da0c8}.demo-store-top>span{font-size:9px;color:#8590a2}.demo-store-body{padding:20px;display:flex;flex:1;flex-direction:column;min-height:0}.demo-product-art{height:300px;flex:1;min-height:0;border-radius:13px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#d4d0ca,#b5aab0 50%,#858b9d);transition:background .4s}.demo-art-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 42%,#ffffffb0,transparent 65%)}.demo-object{height:156px;width:100px;position:relative;z-index:1;background:linear-gradient(105deg,#25252d,#4c4652 45%,#10131e);border-radius:15px 15px 10px 10px;box-shadow:20px 33px 35px #1f203450,-12px 8px 20px #fff4;display:grid;place-items:center;transition:all .35s}.demo-object:before{content:'';position:absolute;width:65%;height:21px;background:linear-gradient(90deg,#bcb4aa,#eee4cc,#aaa196);top:-17px;border-radius:4px 4px 0 0}.demo-object span{font-size:10px;letter-spacing:1.5px;color:#e9dbc6}.demo-product-art.fashion{background:linear-gradient(145deg,#aab4c3,#60728d)}.demo-product-art.fashion .demo-object{width:143px;height:166px;background:linear-gradient(120deg,#353e52,#111823);clip-path:polygon(17% 0,34% 0,42% 9%,58% 9%,66% 0,83% 0,100% 33%,81% 43%,79% 100%,21% 100%,19% 43%,0 33%);border-radius:0}.demo-product-art.fashion .demo-object:before{display:none}.demo-product-art.beauty{background:linear-gradient(145deg,#d6bec6,#b894a3)}.demo-product-art.beauty .demo-object{height:158px;width:72px;border-radius:26px 26px 8px 8px;background:linear-gradient(100deg,#c8a8b1,#f4dce5,#a77b90)}.demo-product-art.beauty .demo-object:before{height:25px;top:-22px;width:65%;background:#e8cdd5}.demo-product-art.beauty .demo-object span{color:#604455}.demo-product-caption{padding:16px 3px 2px;display:flex;flex-direction:column;gap:5px}.demo-product-caption span{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#788399}.demo-product-caption b{font-size:21px;letter-spacing:-.6px}.demo-product-caption small{font-size:10px;color:#8791a2}.demo-chat{display:flex;flex-direction:column;background:#fff;min-width:0}.demo-chat-head{height:66px;padding:13px 16px;border-bottom:1px solid #e9ebf1;display:flex;gap:10px;align-items:center}.demo-avatar{width:36px;height:36px;background:#131a2a;color:white;border-radius:12px;display:grid;place-items:center;font-size:20px}.demo-chat-head>div:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.demo-chat-head b{font-size:12px}.demo-chat-head small{font-size:10px;color:#8991a0}.demo-head-icon{margin-left:auto;color:#a9afbc}.demo-conversation{height:100%;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:20px 16px;scroll-behavior:smooth}.demo-msg{max-width:92%;padding:12px 14px;border-radius:16px;font-size:12px;line-height:1.75;animation:msg-in .3s ease-out;white-space:pre-line}.demo-msg.agent{background:#f0f3f9;color:#374156;border-bottom-left-radius:5px;align-self:flex-start}.demo-msg.user{background:#225de6;color:white;border-bottom-right-radius:5px;align-self:flex-end}.demo-msg.recommendation{border:1px solid #d8e2ff;background:#f6f8ff;color:#283655;align-self:flex-start}.demo-msg.recommendation strong{display:block;color:#245dd5;margin-bottom:4px}.demo-input-zone{border-top:1px solid #ecedf2;padding:13px 15px}.demo-options{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.demo-options button{border:1px solid #dbe3f5;background:#f7f9ff;color:#2856ae;border-radius:20px;padding:8px 11px;font-size:10px;font-weight:600;transition:.2s}.demo-options button:hover,.demo-options button:focus-visible{background:#245edc;color:white;outline:none}.demo-input-faux{height:37px;border:1px solid #e5e9f0;border-radius:10px;display:flex;justify-content:space-between;align-items:center;color:#a3aab7;padding:5px 7px 5px 11px;font-size:10px}.demo-send{width:25px;height:25px;background:#255fec;color:#fff;border-radius:7px;display:grid;place-items:center;font-size:15px}.demo-bottom{max-width:1370px;margin:27px auto 0;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#8a95ac;font-size:12px}.demo-bottom a{color:#a9c2ff;font-weight:700}@keyframes msg-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}html[dir=rtl] .demo-intro h2{letter-spacing:-.025em}html[dir=rtl] .demo-conversation{direction:rtl}html[dir=rtl] .demo-msg.agent{align-self:flex-start;border-radius:16px 16px 5px 16px}html[dir=rtl] .demo-msg.user{align-self:flex-end;border-radius:16px 16px 16px 5px}html[dir=rtl] .demo-chat-head{direction:rtl}html[dir=rtl] .demo-head-icon{margin-right:auto;margin-left:0}html[dir=rtl] .demo-input-zone{direction:rtl}html[dir=rtl] .demo-input-faux{padding:5px 11px 5px 7px}@media(max-width:1120px){.demo-container{grid-template-columns:1fr;gap:45px}.demo-intro{text-align:center}.demo-intro>p:not(.demo-disclaimer){margin-left:auto;margin-right:auto}.demo-metrics{max-width:500px;margin-left:auto;margin-right:auto}.demo-window{max-width:750px;width:100%;margin:auto}.demo-disclaimer{margin-bottom:0}}@media(max-width:620px){.demo-section{padding:75px 18px}.demo-intro h2{font-size:45px}.demo-app{grid-template-columns:1fr;height:auto}.demo-store{display:none}.demo-chat{height:485px}.demo-window-head{font-size:8px}.demo-metrics{gap:7px}.demo-bottom{flex-direction:column;text-align:center}.demo-conversation{padding:14px}.demo-msg{font-size:12px}}