/* Product interface motion preview. Deliberately isolated from the real product UI. */
.product-section{padding-top:100px;--demo-accent:#787878;--demo-progress:0%;--demo-ease:cubic-bezier(.2,.8,.2,1)}
.product-heading h2{font-size:34px;letter-spacing:-1.4px;line-height:1.45}.product-mobile-break{display:none}.product-heading .section-intro{color:#676767;line-height:1.9;font-size:12px}.product-demo-frame{position:relative;margin-top:35px;border:1px solid #fff;border-radius:24px;background:#f4f4f4;box-shadow:0 20px 60px rgba(41,41,41,.08),0 1px 3px rgba(28,28,28,.06),0 0 0 1px #eeeeee;overflow:hidden;isolation:isolate;transform-origin:50% 65%;will-change:transform}.demo-browser-bar{height:43px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px;background:rgba(252,252,252,.92);border-bottom:1px solid rgba(255,255,255,.9)}.demo-browser-dots{display:flex;gap:5px;width:90px}.demo-browser-dots i{width:7px;height:7px;border-radius:50%;background:#d9d9d9}.demo-browser-dots i:first-child{background:#d9cad0}.demo-browser-dots i:nth-child(2){background:#e0d9c9}.demo-browser-dots i:nth-child(3){background:#ccd9d1}.demo-browser-title{display:flex;align-items:center;gap:6px;font-size:11px;color:#686868;font-weight:550;letter-spacing:.1px}.demo-browser-title img{object-fit:contain;width:15px;height:15px}.demo-preview-tag{font-size:9px;color:#7d7d7d;letter-spacing:.3px;background:#f0f0f0;border-radius:5px;padding:5px 8px}.demo-canvas{position:relative;aspect-ratio:16/8.65;min-height:490px;overflow:hidden;background:linear-gradient(180deg,#ededed 0%,#e2e2e2 55%,#d6d6d6 100%)}.demo-canvas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#a8a8a8 .6px,transparent .6px);background-size:20px 20px;opacity:.17;pointer-events:none;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.demo-canvas-top{position:absolute;z-index:2;top:23px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between}.demo-workspace-pill{display:flex;align-items:center;gap:13px;border:1px solid rgba(255,255,255,.86);border-radius:10px;background:rgba(255,255,255,.63);box-shadow:0 3px 8px rgba(50,50,50,.025);padding:10px 13px;font-size:11px;color:#5b5b5b}.demo-workspace-pill>span:first-child{font-size:15px;color:#848484}.demo-workspace-pill>span:last-child{color:#a2a2a2;margin-left:8px}.demo-canvas-caption{font-size:8px;letter-spacing:1.7px;color:#a6a6a6}.demo-team-panel,.demo-task-panel,.demo-result-panel{position:absolute;border:1px solid rgba(255,255,255,.9);background:rgba(251,251,251,.7);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 10px 28px rgba(36,36,36,.045);border-radius:17px;color:#565656}.demo-team-panel{left:2.4%;top:102px;width:18%;padding:16px 10px 13px}.demo-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-inline:6px}.demo-panel-heading strong{font-size:11px;font-weight:550}.demo-panel-heading>span{font-size:16px;color:#979797}.demo-team-person{display:flex;align-items:center;gap:9px;padding:11px 7px;margin-top:5px;border:1px solid transparent;border-radius:10px;min-width:0;position:relative}.demo-team-person img{border-radius:10px;background:#ececec;object-fit:contain;width:34px;height:34px;flex-shrink:0}.demo-team-person>div{min-width:0}.demo-team-person strong{font-size:10px;display:block;font-weight:550;white-space:nowrap}.demo-team-person small{font-size:8px;display:block;color:#949494;margin-top:4px;line-height:1.6;white-space:nowrap}.demo-team-person.is-current{background:rgba(227,227,227,.65);border-color:rgba(184,184,184,.4);margin-top:16px}.demo-team-person.is-current>i{position:absolute;right:6px;top:13px;width:4px;height:4px;background:#959595;border-radius:50%}.demo-team-footer{font-size:8px;color:#969696;display:flex;align-items:center;gap:6px;padding:13px 6px 1px;border-top:1px solid rgba(192,192,192,.3);margin-top:9px;line-height:1.6}.demo-online-dot{display:inline-block;flex-shrink:0;height:4px;width:4px;border-radius:50%;background:#929e91}.demo-chat-window{position:absolute;left:23.4%;top:83px;width:48.5%;bottom:57px;z-index:3;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.98);border-radius:18px;background:rgba(252,252,252,.89);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 18px 36px rgba(44,44,44,.09),0 0 0 1px rgba(143,143,143,.07);overflow:hidden}.demo-chat-header{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid #ececec;background:rgba(255,255,255,.48);flex-shrink:0}.demo-chat-header>img{width:35px;height:35px;background:#ececec;border-radius:50%;object-fit:contain}.demo-chat-header strong{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550;color:#444444;line-height:1.5}.demo-chat-header strong>span{font-size:8px;border:1px solid #e4e4e4;border-radius:5px;padding:1px 5px;font-weight:400;color:#949494}.demo-chat-header p{display:flex;align-items:center;gap:5px;font-size:9px;color:#939393;margin-top:4px;line-height:1.5}.demo-window-actions{font-size:12px;color:#a6a6a6;margin-left:auto;white-space:nowrap;align-self:flex-start}.demo-chat-body{flex:1;min-height:0;padding:15px 20px 8px;overflow:auto;scrollbar-width:thin;scrollbar-color:#d3d3d3 transparent}.demo-chat-date{text-align:center;font-size:8px;color:#a8a8a8;line-height:1.5}.demo-user-message{max-width:86%;width:fit-content;margin:13px 0 18px auto;padding:11px 14px;border-radius:12px 12px 3px 12px;background:#ededed;color:#5a5a5a;font-size:11px;line-height:1.85}.demo-agent-response{display:flex;align-items:flex-start;gap:9px;color:#565656}.demo-response-mark{font-family:Arial,sans-serif;font-size:18px;line-height:24px;color:#939393;flex-shrink:0}.demo-response-content{flex:1;min-width:0}.demo-stage-content>p{font-size:11px;line-height:1.85;color:#616161;margin:1px 0 12px}.demo-stage-content[hidden]{display:none}.demo-stage-content.demo-content-enter{animation:demo-content-enter .45s var(--demo-ease) both}.demo-brief-card{padding:13px 14px;border:1px solid #e6e6e6;border-radius:9px;background:rgba(255,255,255,.85)}.demo-tiny-label{display:block;font-size:7px;letter-spacing:1.4px;color:#a6a6a6;line-height:1.5}.demo-brief-card>strong{display:block;font-size:12px;font-weight:550;color:#595959;margin-top:7px;line-height:1.7}.demo-brief-card dl{margin:11px 0 0;display:grid;gap:7px}.demo-brief-card dl>div{display:grid;grid-template-columns:25px 1fr;gap:10px;font-size:9px;line-height:1.7}.demo-brief-card dt{color:#9b9b9b}.demo-brief-card dd{margin:0;color:#797979}.demo-chat-composer{display:flex;align-items:center;gap:10px;margin:9px 15px 14px;border:1px solid #e5e5e5;border-radius:10px;background:#f7f7f7;padding:10px 11px;color:#a6a6a6;flex-shrink:0;font-size:9px}.demo-chat-composer>span:first-child{font-size:14px;line-height:1}.demo-chat-composer b{display:grid;place-items:center;width:22px;height:22px;background:#9e9e9e;color:white;font-size:14px;font-weight:400;border-radius:7px;margin-left:auto;flex-shrink:0}.demo-task-panel{right:2.3%;top:123px;width:21%;padding:17px 14px}.demo-task-panel .demo-task-count{font-size:9px;color:#959595}.demo-task-progress{display:grid;gap:14px;padding:20px 6px 17px}.demo-task-progress>span{display:flex;align-items:center;gap:8px;font-size:10px;color:#939393;transition:color .4s}.demo-task-progress i{display:block;width:10px;height:10px;border:1px solid #d0d0d0;border-radius:50%;position:relative;transition:background .4s,border-color .4s}.demo-task-progress>span.is-running{color:#777777}.demo-task-progress>span.is-running i{background:#a6a6a6;border-color:#a6a6a6;box-shadow:0 0 0 3px rgba(165,165,165,.14)}.demo-task-progress>span.is-done{color:#777777}.demo-task-progress>span.is-done i{background:#aaaaaa;border-color:#aaaaaa}.demo-task-progress>span.is-done i:after{content:"";position:absolute;left:2px;top:2px;width:4px;height:2px;border-left:1px solid #fff;border-bottom:1px solid #fff;transform:rotate(-45deg)}.demo-mini-avatars{display:flex;align-items:center;border-top:1px solid rgba(192,192,192,.3);padding-top:12px;padding-left:5px}.demo-mini-avatars img{border-radius:50%;border:2px solid #f5f5f5;background:#e2e2e2;width:25px;height:25px;object-fit:contain;margin-left:-5px}.demo-mini-avatars>span{font-size:7px;color:#a2a2a2;margin-left:5px;line-height:1.6}.demo-result-panel{right:4%;top:70%;width:20%;padding:15px 16px;transform:translateY(-10%);transition:background .5s,box-shadow .5s,border-color .5s}.demo-result-panel>div{display:flex;align-items:center;gap:9px;margin-top:11px}.demo-result-icon{display:grid;place-items:center;width:27px;height:31px;border-radius:5px;background:#e7e7e7;font-size:20px;color:#a0a0a0;flex-shrink:0}.demo-result-panel strong{font-size:11px;color:#777777;font-weight:500;line-height:1.7}.demo-result-panel p{font-size:8px;color:#9e9e9e;line-height:1.8;margin-top:11px}.demo-result-status{display:block;font-size:8px;color:#aaaaaa;border-top:1px solid rgba(196,196,196,.4);margin-top:11px;padding-top:10px;line-height:1.6}.demo-poster-play{position:absolute;z-index:6;left:47.65%;top:51%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:11px;white-space:nowrap;padding:13px 19px 13px 13px;border:1px solid rgba(255,255,255,.95);border-radius:40px;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 30px rgba(54,54,54,.16);color:#575757;font-size:11px;font-weight:550;transition:box-shadow .2s,opacity .2s}.demo-poster-play:hover{box-shadow:0 12px 35px rgba(54,54,54,.23)}.demo-play-symbol{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#868686;color:#fff;font-size:10px;padding-left:2px}.demo-poster-play small{font-size:8px;color:#adadad;margin-left:6px;font-weight:400}.demo-canvas-coordinate{position:absolute;bottom:17px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;color:#9d9d9d;letter-spacing:1.5px}.demo-canvas-coordinate>span:last-child{letter-spacing:0}.demo-canvas-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.demo-canvas-connectors path{stroke:#acacac;stroke-width:1.2;stroke-dasharray:5 7;opacity:.35;transition:opacity .5s}.product-demo-frame[data-demo-stage="2"] .demo-canvas-connectors path,.product-demo-frame[data-demo-stage="3"] .demo-canvas-connectors path{opacity:.9}.product-demo-frame[data-demo-state="playing"][data-demo-stage="2"] .demo-canvas-connectors path{animation:demo-flow 2s linear infinite}.product-demo-frame[data-demo-stage="3"] .demo-result-panel{background:rgba(249,249,249,.9);border-color:#f3f3f3;box-shadow:0 8px 32px rgba(86,86,86,.1)}.product-demo-frame[data-demo-state="playing"] .demo-poster-play{display:none}.product-demo-frame[data-demo-state="paused"] .demo-poster-play{top:auto;bottom:18px;transform:translate(-50%,0);padding-block:7px}.product-demo-frame[data-demo-state="ended"] .demo-poster-play{top:auto;bottom:18px;transform:translate(-50%,0);padding-block:7px}.product-demo-frame[data-demo-state="playing"] .demo-activity-bars i{animation:demo-activity .7s ease-in-out infinite alternate}.product-demo-frame[data-demo-state="playing"] .demo-activity-bars i:nth-child(2){animation-delay:.15s}.product-demo-frame[data-demo-state="playing"] .demo-activity-bars i:nth-child(3){animation-delay:.3s}.demo-task-line{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #e9e9e9}.demo-task-line:last-child{border:0}.demo-task-line>i{font-style:normal;font-family:Arial,sans-serif;font-size:8px;color:#a9a9a9}.demo-task-line>div{min-width:0}.demo-task-line strong{display:block;font-size:10px;font-weight:550;color:#676767}.demo-task-line>div>span{display:block;font-size:8px;color:#949494;margin-top:4px;line-height:1.7}.demo-task-line>b{margin-left:auto;border:1px solid #e3e3e3;border-radius:5px;padding:3px 5px;font-size:7px;font-weight:400;color:#9c9c9c;flex-shrink:0}.demo-collaboration-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #e9e9e9}.demo-collaboration-row:last-child{border:0}.demo-collaboration-row img{width:29px;height:29px;border-radius:50%;background:#ededed;flex-shrink:0}.demo-collaboration-row strong{font-size:10px;color:#6b6b6b;font-weight:550;display:block}.demo-collaboration-row div>span{display:block;font-size:8px;color:#989898;margin-top:4px;line-height:1.7}.demo-activity-bars{display:flex;align-items:center;gap:2px;margin-left:auto;height:17px;flex-shrink:0}.demo-activity-bars i{height:9px;width:2px;background:#a7a7a7;border-radius:2px}.demo-activity-bars i:nth-child(2){height:14px}.demo-delivery-card{display:flex;align-items:center;gap:10px;padding:16px 12px;border:1px solid #dfdfdf;border-radius:10px;background:#f6f6f6;margin-top:14px}.demo-document-symbol{font-size:24px;color:#9b9b9b}.demo-delivery-card strong{display:block;font-size:12px;font-weight:550;color:#606060}.demo-delivery-card div>span{display:block;font-size:8px;color:#9c9c9c;margin-top:7px;line-height:1.6}.demo-done-icon{margin-left:auto;width:18px;height:18px;border-radius:50%;background:#a0a0a0;color:#fff;display:grid;place-items:center;font-size:10px;flex-shrink:0}.demo-review-note{font-size:8px;line-height:1.8;margin-top:14px;color:#8d8d8d;display:flex;align-items:center;gap:7px}.demo-review-note>span{font-size:13px}.product-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:22px}.demo-transport{display:flex;align-items:center;gap:9px;flex-shrink:0}.demo-transport-main{display:flex;align-items:center;gap:8px;background:#232323;color:#fff;border:1px solid #232323;border-radius:24px;min-height:35px;padding:8px 13px;font-size:10px;transition:background .2s}.demo-transport-main:hover{background:#4a4a4a}.demo-transport-main>span:first-child{font-size:8px;width:10px;text-align:center}.demo-replay{width:33px;height:33px;border:1px solid #e3e3e3;border-radius:50%;background:#fff;font-size:17px;color:#919191;transition:background .2s}.demo-replay:hover{background:#f2f2f2}.demo-time{font-size:9px;font-family:Arial,sans-serif;color:#868686;margin-left:4px;letter-spacing:.3px}.demo-time>span:last-child{color:#b6b6b6}.demo-stage-navigation{display:flex;gap:22px;align-items:center}.demo-stage-navigation button{position:relative;display:flex;align-items:center;gap:7px;border:0;background:none;padding:9px 0;font-size:10px;color:#919191;white-space:nowrap;transition:color .2s}.demo-stage-navigation button>span{font-family:Arial,sans-serif;font-size:8px;color:#bababa}.demo-stage-navigation button.is-active{color:#5c5c5c;font-weight:550}.demo-stage-navigation button.is-active>span{color:#8e8e8e}.demo-stage-navigation button:hover{color:#5c5c5c}.demo-timeline{height:2px;border-radius:2px;background:#efefef;overflow:hidden;margin-top:18px}.demo-timeline>span{display:block;height:100%;width:var(--demo-progress);background:#ababab;border-radius:2px;transition:width .08s linear}.product-preview-note{font-size:10px;color:#999999;line-height:1.8;text-align:center;margin-top:15px}
@keyframes demo-content-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-flow{to{stroke-dashoffset:-48}}@keyframes demo-activity{to{transform:scaleY(.35)}}
@media(min-width:1450px){.demo-canvas{min-height:545px}.demo-chat-window{top:88px;bottom:63px}.demo-chat-body{padding-top:18px}.demo-user-message,.demo-stage-content>p{font-size:12px}.demo-brief-card dl>div{font-size:10px}.demo-team-person strong{font-size:11px}}
@media(max-width:1100px) and (min-width:768px){.product-heading h2{font-size:29px}.product-heading .section-intro{font-size:11px}.demo-canvas{min-height:490px;aspect-ratio:auto}.demo-team-panel{left:2%;width:20%;padding-inline:6px}.demo-chat-window{left:24%;width:51%;top:83px;bottom:44px}.demo-task-panel{right:2%;width:21%;padding:15px 9px}.demo-result-panel{right:2%;width:21%;padding:13px 10px;top:73%}.demo-chat-body{padding-inline:14px}.demo-team-person{gap:6px;padding-inline:5px}.demo-team-person img{width:28px;height:28px}.demo-team-person strong{font-size:9px}.demo-team-person small{font-size:7px}.demo-team-footer{font-size:7px}.demo-mini-avatars>span{display:none}.demo-result-panel strong{font-size:10px}.demo-result-panel p{font-size:7px}.demo-user-message{font-size:10px;padding:9px 11px}.demo-stage-navigation{gap:13px}.demo-poster-play{left:49.5%}.demo-canvas-caption{font-size:7px}.demo-task-line>div>span,.demo-collaboration-row div>span{font-size:8px}.demo-chat-header{padding-inline:14px}.demo-task-progress>span{font-size:9px}.demo-chat-header strong{font-size:11px}}
@media(max-width:767px){.product-section{padding-top:68px}.product-heading{display:block}.product-heading h2{font-size:29px;line-height:1.4;letter-spacing:-1.2px}.product-mobile-break{display:block}.product-heading .section-intro{font-size:12px;margin-top:18px;max-width:300px}.product-demo-frame{margin-top:25px;border-radius:18px}.demo-browser-bar{height:39px;padding-inline:12px;gap:8px}.demo-browser-dots{width:24px;gap:3px}.demo-browser-dots i{width:4px;height:4px}.demo-browser-title{font-size:9px;gap:5px}.demo-browser-title img{width:12px;height:12px}.demo-preview-tag{font-size:7px;padding:4px 5px}.demo-canvas{aspect-ratio:auto;height:551px;min-height:0;background:linear-gradient(180deg,#ededed,#d6d6d6)}.demo-canvas-top{top:15px;left:14px;right:14px}.demo-workspace-pill{font-size:10px;padding:8px 10px;gap:8px;border-radius:8px}.demo-workspace-pill>span:first-child{font-size:13px}.demo-canvas-caption{display:none}.demo-team-panel,.demo-task-panel,.demo-result-panel,.demo-canvas-connectors{display:none}.demo-chat-window{left:12px;right:12px;top:72px;bottom:47px;width:auto;border-radius:14px}.demo-chat-header{padding:13px 12px;gap:9px}.demo-chat-header>img{width:33px;height:33px}.demo-chat-header strong{font-size:12px}.demo-chat-header strong>span{font-size:7px;padding:2px 4px}.demo-chat-header p{font-size:9px}.demo-chat-body{padding:14px 13px 8px}.demo-chat-date{font-size:8px}.demo-user-message{max-width:94%;font-size:11px;padding:11px 12px;line-height:1.85;margin-top:13px;margin-bottom:17px}.demo-agent-response{gap:7px}.demo-response-mark{font-size:16px}.demo-stage-content>p{font-size:11px;line-height:1.85}.demo-brief-card{padding:13px 11px}.demo-brief-card>strong{font-size:12px}.demo-brief-card dl>div{font-size:9px;grid-template-columns:23px 1fr;gap:8px}.demo-brief-card dl{gap:9px}.demo-chat-composer{margin:8px 10px 11px;font-size:8px;gap:8px;padding:9px 10px}.demo-chat-composer b{height:21px;width:21px}.demo-poster-play{left:50%;top:49%;gap:9px;font-size:10px;padding:11px 14px 11px 11px}.demo-poster-play small{display:none}.demo-poster-play .demo-play-symbol{width:28px;height:28px}.demo-canvas-coordinate{bottom:16px;left:15px;right:15px;font-size:7px}.product-demo-frame[data-demo-state="paused"] .demo-poster-play,.product-demo-frame[data-demo-state="ended"] .demo-poster-play{bottom:7px;padding-block:4px}.product-demo-frame[data-demo-state="paused"] .demo-play-symbol,.product-demo-frame[data-demo-state="ended"] .demo-play-symbol{width:23px;height:23px;font-size:8px}.product-demo-controls{display:block;margin-top:18px}.demo-transport{justify-content:center;gap:10px}.demo-stage-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:16px;border-top:1px solid #ededed;padding-top:7px}.demo-stage-navigation button{justify-content:center;flex-direction:column;gap:5px;padding:8px 0;font-size:9px}.demo-stage-navigation button>span{font-size:8px}.demo-timeline{margin-top:8px}.product-preview-note{font-size:9px;max-width:280px;margin:13px auto 0}.demo-task-line{gap:7px;padding:10px 0}.demo-task-line strong,.demo-collaboration-row strong{font-size:10px}.demo-task-line>div>span,.demo-collaboration-row div>span{font-size:8px}.demo-task-line>b{font-size:7px;padding:3px 4px}.demo-collaboration-row{gap:8px;padding:10px 0}.demo-collaboration-row img{width:27px;height:27px}.demo-delivery-card{padding:15px 10px;gap:8px}.demo-delivery-card strong{font-size:11px}.demo-delivery-card div>span{font-size:8px}.demo-document-symbol{font-size:22px}.demo-review-note{font-size:9px;align-items:flex-start}}
@media(max-width:359px){.product-heading h2{font-size:25px;letter-spacing:-1px}.product-heading .section-intro{font-size:11px}.demo-browser-title{font-size:8px}.demo-browser-title img{width:11px;height:11px}.demo-preview-tag{font-size:6px}.demo-canvas{height:560px}.demo-chat-window{left:9px;right:9px}.demo-chat-header strong{font-size:11px;gap:5px}.demo-chat-header strong>span{font-size:6px}.demo-chat-header{gap:7px;padding-inline:10px}.demo-chat-header>img{width:30px;height:30px}.demo-window-actions{font-size:10px}.demo-chat-body{padding-inline:10px}.demo-user-message{font-size:10px;padding:10px}.demo-stage-content>p{font-size:10px}.demo-brief-card{padding:12px 9px}.demo-brief-card>strong{font-size:11px}.demo-brief-card dl>div{font-size:8px;grid-template-columns:21px 1fr;gap:5px}.demo-task-line strong,.demo-collaboration-row strong{font-size:9px}.demo-task-line>div>span,.demo-collaboration-row div>span{font-size:7px}.demo-task-line>b{display:none}.demo-chat-composer{font-size:7px}.demo-delivery-card{padding:13px 8px;gap:7px}.demo-delivery-card strong{font-size:10px}.demo-delivery-card div>span{font-size:7px}.demo-review-note{font-size:8px}.demo-stage-navigation button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.demo-stage-content.demo-content-enter,.product-demo-frame[data-demo-state="playing"] .demo-activity-bars i,.product-demo-frame[data-demo-state="playing"][data-demo-stage="2"] .demo-canvas-connectors path{animation:none!important}.demo-timeline>span,.demo-result-panel,.demo-task-progress>span,.demo-task-progress i{transition:none}.product-demo-frame{will-change:auto}}

@media(min-width:1101px){.product-demo-frame{aspect-ratio:16/9;display:flex;flex-direction:column}.demo-browser-bar{flex-shrink:0}.demo-canvas{flex:1;aspect-ratio:auto;min-height:0}}
@media(min-width:360px) and (max-width:767px){.demo-user-message,.demo-stage-content>p{font-size:12px}.demo-brief-card dl>div{font-size:10px}.demo-task-line strong,.demo-collaboration-row strong{font-size:11px}.demo-task-line>div>span,.demo-collaboration-row div>span{font-size:9px}}

/* Main conversation keeps a readable size in the desktop poster. */
@media(min-width:768px){.demo-user-message,.demo-stage-content>p{font-size:12px}.demo-task-line strong,.demo-collaboration-row strong{font-size:11px}.demo-task-line>div>span,.demo-collaboration-row div>span{font-size:9px}.demo-brief-card dl>div{font-size:10px}}

/* Full screenshot placeholder; replace the image with the recorded video later. */
.product-desktop-preview{margin:35px 0 0;min-width:0}
.product-desktop-preview img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid #e6e7e9;background:#f4f5f6;box-shadow:0 20px 60px rgba(41,41,41,.08),0 1px 3px rgba(28,28,28,.06)}
.product-desktop-preview figcaption{margin-top:16px;color:#999;font-size:11px;line-height:1.8;text-align:center}
@media(max-width:767px){.product-desktop-preview{margin-top:25px}.product-desktop-preview img{border-radius:16px}.product-desktop-preview figcaption{font-size:10px;margin-top:12px}}

/* The operation recording keeps its full frame in the existing workbench slot. */
.product-operation-video video{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:1920/986;object-fit:contain;border:1px solid #e6e7e9;border-radius:24px;background:#f4f5f6;box-shadow:0 20px 60px rgba(41,41,41,.08),0 1px 3px rgba(28,28,28,.06)}
.product-operation-video video:focus-visible{outline:2px solid #555;outline-offset:5px}
@media(max-width:767px){.product-operation-video video{border-radius:16px}}