/* Four product demonstrations: real inputs, saved responses, real source playback. */
.marketplace-windows .feature-card.demo-card{height:310px;background:#111;color:#f5f5f2;border-color:#252524;isolation:isolate}
.demo-chrome{display:flex;align-items:center;gap:12px;height:32px;padding:9px 14px 5px;font:9px var(--mono);color:#9a9a94;flex:none}.demo-chrome>small{margin-left:auto;font:8px var(--mono);color:#8b8b86}.demo-window-dots{display:flex;gap:4px}.demo-window-dots i{height:7px;width:7px;border-radius:50%;background:#d98d9e}.demo-window-dots i:nth-child(2){background:#d2be8c}.demo-window-dots i:nth-child(3){background:#98b1a1}.demo-scene{flex:1;min-height:0;position:relative;overflow:hidden}.marketplace-windows .demo-card .feature-caption{position:relative;z-index:2;background:#111;min-height:42px;border-top:1px solid #ffffff08}.demo-card a:focus-visible,.demo-card button:focus-visible,.demo-card input:focus-visible{outline:2px solid #da5595;outline-offset:3px}.demo-card button{cursor:pointer}
.composer-scene{display:flex;align-items:center;justify-content:center;perspective:1100px;padding:12px 32px 13px;background:radial-gradient(ellipse at 50% 80%,#ffffff09,transparent 70%)}.composer-back-sheet{position:absolute;width:77%;height:170px;background:#d1d1cc;border:1px solid #e9e9e4;border-radius:6px;transform:rotate(-5deg) translate(9px,5px);opacity:.4}.demo-order-paper{position:relative;background:#f9f9f6;color:#171717;border:1px solid #fff;border-radius:6px;padding:15px 17px 11px;width:100%;max-width:460px;transform:rotateX(8deg) rotateY(-5deg) rotateZ(-1.5deg);box-shadow:0 18px 25px #0005;transition:transform .25s}.demo-order-paper:focus-within,.demo-order-paper:hover{transform:rotateX(0) rotateY(0) rotateZ(0)}.demo-paper-title{display:flex;gap:8px;align-items:center;font-size:12px;margin-bottom:11px}.demo-paper-title strong{font-weight:550}.demo-paper-title>span:last-child{margin-left:auto;font:8px var(--mono);padding:3px 5px;color:#757570;border:1px solid #ddddd7}.mini-brand{color:#b14179;font-size:22px;line-height:16px}.demo-service-choice{display:flex;gap:4px;margin-bottom:11px}.demo-service-choice button{border:1px solid #deded9;background:white;border-radius:3px;font:9px Archivo,Arial,sans-serif;padding:5px 8px;line-height:1.1;white-space:nowrap;color:#686863}.demo-service-choice button[aria-pressed=true]{background:#101010;border-color:#101010;color:white}.demo-draft-field{display:flex;align-items:center;border:1px solid #ddddd7;padding:0 9px;margin-bottom:7px;gap:8px;border-radius:3px;background:white;min-width:0;transition:border-color .3s}.demo-draft-field>span{font:8px var(--mono);color:#77776e;width:40px;flex:none}.demo-draft-field input{width:100%;min-width:0;border:0;background:none;color:#333;font:10px/1.4 Archivo,Arial,sans-serif;padding:8px 0;outline-offset:2px}.demo-draft-field:focus-within{border-color:#b14179}.demo-draft-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.demo-draft-footer>small{font:8px var(--mono);color:#77776e}.demo-draft-footer>button{background:#111;color:#fff;border:1px solid #111;border-radius:3px;padding:7px 10px;font:10px Archivo,Arial,sans-serif}.demo-draft-footer button>span{margin-left:10px}.demo-form-error:empty{display:none}.demo-form-error{font-size:10px;color:#a22e55;margin-top:8px;line-height:1.5}.demo-cursor{pointer-events:none;position:absolute;left:67%;top:40%;z-index:3;display:flex;align-items:flex-end;gap:2px;animation:demo-cursor-tour 6.6s ease-in-out infinite}.demo-cursor>svg{width:21px;height:26px;fill:#d65a94;stroke:#fff;stroke-width:1.3;filter:drop-shadow(0 2px 2px #0003)}.demo-cursor>span{font:9px var(--mono);background:#cd4d89;color:white;border-radius:3px;padding:4px 6px;transform:translateY(8px)}
@keyframes demo-cursor-tour{0%,15%{transform:translate(-140px,-31px)}35%,49%{transform:translate(-20px,15px)}70%,85%{transform:translate(65px,68px)}100%{transform:translate(-140px,-31px)}}
.demo-composer[data-focus-step="0"] .demo-service-choice button[aria-pressed=true]{box-shadow:0 0 0 2px #da559522}.demo-composer[data-focus-step="1"] .demo-draft-field:nth-of-type(1),.demo-composer[data-focus-step="2"] .demo-draft-field:nth-of-type(2){border-color:#b75c8a}
.debate-scene{padding:8px 20px 9px;background:radial-gradient(ellipse at 50% 40%,#da55950b,transparent 65%)}.demo-review-meta{display:flex;justify-content:space-between;gap:16px;font:8px var(--mono);color:#9e9e98}.demo-review-meta a{color:#bbb;white-space:nowrap}.demo-agent-flow{position:relative;display:flex;align-items:flex-start;justify-content:space-around;max-width:420px;margin:11px auto 8px;height:81px}.demo-agent-wire{position:absolute;inset:0 0 auto;width:100%;height:56px;pointer-events:none;fill:none;stroke:#393936;stroke-width:1}.demo-agent-wire .demo-wire-packet{stroke:#da5595;stroke-width:1.6;stroke-dasharray:16 286;animation:demo-wire-flow 2.2s linear infinite}.demo-role{position:relative;z-index:1;border:0;background:none;color:#94948d;display:grid;gap:6px;justify-items:center;min-width:70px;padding:0}.demo-role>span{display:grid;place-items:center;width:52px;height:52px;border:1px solid #454541;border-radius:50%;background:#1b1b1a;box-shadow:0 6px 8px #0004;transition:transform .3s,border-color .3s,background .3s}.demo-role.role-review>span{border-radius:13px}.demo-role.role-code>span{border-radius:5px;transform:rotate(4deg)}.demo-role svg{width:31px;height:31px;fill:none;stroke:#c8c8be;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.demo-role strong{font:10px Archivo,Arial,sans-serif;font-weight:400}.demo-role[aria-pressed=true]{color:white}.demo-role[aria-pressed=true]>span{transform:translateY(-3px);border-color:#ce77a3;background:#292127}.demo-role[aria-pressed=true] svg{stroke:#f0c4dc}.demo-speech{position:relative;background:#1b1b1a;border:1px solid #383532;border-radius:8px;padding:10px 13px;min-height:87px;box-shadow:0 7px 15px #0002;max-width:440px;margin:auto}.demo-speech:before{content:'';position:absolute;top:-5px;left:calc(16.66% - 4px);width:8px;height:8px;background:#1b1b1a;border-left:1px solid #383532;border-top:1px solid #383532;transform:rotate(45deg);transition:left .3s}.marketplace-windows[data-demo-phase="1"] .demo-speech:before{left:calc(50% - 4px)}.marketplace-windows[data-demo-phase="2"] .demo-speech:before{left:calc(83.33% - 4px)}.demo-speech-title{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11px}.demo-speech-title strong{font-weight:500;color:#eee}.demo-verdict{font:8px var(--mono);color:#c1c1b8;padding:3px 5px;background:#30302b;border:1px solid #42423a}.demo-verdict.verdict-reject,.demo-verdict.verdict-review-veto{color:#f1b1d2;background:#da559518;border-color:#834a68}.demo-speech p{font-size:11px;line-height:1.65;color:#bcbcb3;margin:7px 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;animation:demo-speech-arrive .3s ease-out}.demo-speech time{font:7px var(--mono);color:#87877d;display:block}.demo-review-progress{display:flex;gap:6px;max-width:80px;margin:9px auto 0}.demo-review-progress i{flex:1;height:2px;background:#3f3f38;transition:background .3s}.marketplace-windows[data-demo-phase="0"] .demo-review-progress i:first-child,.marketplace-windows[data-demo-phase="1"] .demo-review-progress i:nth-child(2),.marketplace-windows[data-demo-phase="2"] .demo-review-progress i:nth-child(3){background:#db87b3}
@keyframes demo-wire-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-302}}@keyframes demo-speech-arrive{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.replay-scene{padding:10px 20px 8px;background:#151514}.demo-replay-price{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.demo-replay-price>div>span{font:9px var(--mono);color:#9e9e95;display:block;margin-bottom:7px}.demo-replay-price strong{font:400 29px/1 Archivo,Arial,sans-serif;letter-spacing:-1px;display:block;font-variant-numeric:tabular-nums}.demo-replay-price strong small{font:9px var(--mono);letter-spacing:0;color:#9f9f95;margin-left:9px}.demo-replay-price>time{font:8px/1.6 var(--mono);color:#929288;text-align:right;padding-top:2px}.demo-price-plot{display:block;width:100%;height:100px;overflow:visible;margin:7px 0 2px}.demo-chart-grid{fill:none;stroke:#2b2b28;stroke-width:1}.demo-chart-area{fill:#da55950a}.demo-chart-line{fill:none;stroke:#e8b7d1;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:demo-draw-path 1s ease-out}.demo-last-price{fill:#e9b7d2;stroke:#452b38;stroke-width:4;animation:demo-price-pulse 2.2s ease-in-out infinite}.demo-replay-controls{display:flex;gap:12px;align-items:center}.demo-replay-play{border:1px solid #54544b;color:#e8e8dc;background:#252522;width:25px;height:25px;border-radius:50%;font:10px Archivo,Arial,sans-serif;flex:none}.demo-replay-controls input{min-width:0;width:100%;height:18px;accent-color:#d47ba8;cursor:ew-resize}.demo-replay-controls>span{font:9px var(--mono);white-space:nowrap;color:#bbbbae;min-width:40px;text-align:right}.demo-round-outcome{display:flex;gap:15px;justify-content:space-between;font:9px/1.6 var(--mono);color:#8d8d81;margin-top:10px}.demo-round-outcome span{color:#ccc}.demo-no-source{height:100px;display:grid;place-items:center;color:#999;font-size:12px}.demo-record-empty{font:11px/1.7 Archivo,Arial,sans-serif;color:#aaa;padding:17px 5px}.demo-record-empty a{display:block;font-size:10px;margin-top:10px;color:#e3c0d1;text-decoration:underline;text-underline-offset:3px}
@keyframes demo-draw-path{from{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}@keyframes demo-price-pulse{0%,100%{stroke-width:3;stroke-opacity:.6}50%{stroke-width:9;stroke-opacity:.2}}
.marketplace-windows .demo-builder{background:#edede9;border-color:#deded8;color:#171717}.demo-builder .demo-chrome{color:#74746c}.demo-builder .demo-chrome>small{color:#8b8b81}.builder-scene{background:linear-gradient(135deg,#f6f6f2,#e5e5e0);perspective:1000px;padding:0 20px}.demo-job-slip{position:absolute;right:28px;top:5px;width:154px;height:101px;transform:rotate(7deg);padding:14px 13px;background:#fff;border:1px solid #d3d3ca;box-shadow:0 10px 12px #0001;animation:demo-slip-float 6.6s ease-in-out infinite}.demo-job-slip>span{display:block;font:9px var(--mono);color:#777}.demo-job-slip>i{height:3px;width:80%;display:block;background:#e6e6df;margin-top:10px}.demo-job-slip>i:nth-of-type(2){width:56%;margin-top:5px}.demo-job-slip>b{display:block;font:8px var(--mono);color:#a34574;margin-top:10px}.demo-runtime{position:relative;width:calc(100% - 40px);max-width:410px;top:25px;background:#121212;color:#e9e9df;border:1px solid #3f3f38;box-shadow:0 14px 20px #0002;border-radius:7px;overflow:hidden;transform:rotateY(6deg) rotateX(7deg) rotateZ(-2deg);transition:transform .3s}.demo-runtime:focus-within,.demo-runtime:hover{transform:none}.demo-runtime-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid #30302b}.demo-runtime-head>span{display:flex;align-items:center;gap:7px;font-size:11px}.demo-runtime-head svg{width:19px;height:19px;fill:none;stroke:#c789aa;stroke-width:1.8}.demo-runtime-head>div{display:flex;gap:5px}.demo-runtime-head button{font:8px var(--mono);border:1px solid transparent;background:transparent;color:#919186;padding:4px 6px;border-radius:3px}.demo-runtime-head button[aria-pressed=true]{color:#f4d8e7;border-color:#765469;background:#da559517}.demo-code{font:10px/1.8 var(--mono);margin:0;padding:12px 0;white-space:pre;overflow:hidden;color:#b5b5a8}.demo-code-line{display:block;padding:1px 12px;border-left:2px solid transparent;transition:background .2s,border-color .2s}.demo-code-line b{font-weight:400;color:#d792b7}.demo-code-line.is-current{border-color:#cf679d;background:#da55950e}.demo-runtime-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #2c2c27;padding:9px 12px;font:7px var(--mono);color:#88887d}.demo-port{width:12px;height:7px;border:1px solid #a06487;border-radius:2px;background:#282025}.demo-builder-actions{position:absolute;bottom:11px;left:25px;right:25px;display:flex;justify-content:space-between;gap:15px;font-size:10px;z-index:2}.demo-builder-actions a{padding:5px 0;text-decoration:underline;text-underline-offset:3px}.marketplace-windows .demo-builder .feature-caption{background:#edede9;color:#171717;border-top:1px solid #d6d6cd}.marketplace-windows .demo-builder .feature-caption>span{color:#77776e}
@keyframes demo-slip-float{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(5deg) translateY(-5px)}}
.marketplace-windows[data-motion="paused"] *{animation-play-state:paused!important}.marketplace-windows[data-motion="paused"] .demo-cursor{opacity:0;transition:opacity .2s}.demo-card .feature-caption:focus-visible{outline-offset:-3px}.home-preview-toolbar [data-demo-toggle]{min-width:92px;text-align:right}
@media(max-width:1000px){.composer-scene{padding-left:20px;padding-right:20px}.demo-order-paper{padding:13px}.demo-service-choice button{font-size:8px;padding:5px 6px}.demo-runtime{width:calc(100% - 15px)}.demo-code{font-size:9px}.demo-builder-actions{font-size:9px}.demo-replay-price strong{font-size:26px}.demo-replay-price>time{font-size:7px}}
@media(max-width:720px){.marketplace-windows .feature-card.demo-card{height:325px}.demo-chrome{font-size:8px;gap:9px;height:32px}.demo-chrome>small{font-size:7px}.composer-scene{padding:15px 18px 20px}.demo-order-paper{padding:15px 12px}.demo-paper-title{font-size:11px}.demo-paper-title>span:last-child{font-size:7px}.demo-service-choice{gap:3px}.demo-service-choice button{font-size:8px;padding:6px 7px;flex:1}.demo-draft-field>span{font-size:8px;width:35px}.demo-draft-field input{font-size:10px;padding:10px 0}.demo-draft-footer>button{font-size:10px}.composer-back-sheet{width:83%;height:180px}.demo-cursor{display:none}.debate-scene{padding:10px 15px}.demo-agent-flow{margin-top:16px;height:83px}.demo-review-meta{font-size:7px}.demo-role>span{height:49px;width:49px}.demo-role svg{height:30px;width:30px}.demo-speech{min-height:95px;padding:11px 12px}.demo-speech p{font-size:11px;-webkit-line-clamp:3;line-height:1.7}.demo-speech time{font-size:7px}.demo-review-progress{margin-top:11px}.replay-scene{padding:15px 15px 10px}.demo-replay-price{gap:10px}.demo-replay-price strong{font-size:25px}.demo-replay-price strong small{font-size:8px;margin-left:7px}.demo-replay-price>time{font-size:7px;max-width:80px}.demo-price-plot{height:111px;margin-top:12px}.demo-round-outcome{font-size:8px;line-height:1.6;margin-top:14px}.demo-replay-controls{gap:10px}.demo-replay-controls>span{font-size:8px}.builder-scene{padding:0 15px}.demo-job-slip{right:19px;top:14px;width:138px;height:101px}.demo-runtime{width:calc(100% - 13px);top:36px}.demo-code{font-size:9px;padding:13px 0}.demo-code-line{padding:2px 10px}.demo-runtime-head{padding:10px}.demo-runtime-foot{font-size:6px;padding:10px}.demo-builder-actions{bottom:14px;left:20px;right:20px;font-size:9px}.marketplace-windows .demo-card .feature-caption>span{font-size:7px}.marketplace-windows .demo-card .feature-caption{font-size:11px;padding:10px 12px}.marketplace-windows .demo-card .feature-caption b{margin-left:5px}.home-preview-toolbar{line-height:1.7}.home-preview-toolbar [data-demo-toggle]{min-width:78px}}
@media(prefers-reduced-motion:reduce){.marketplace-windows *{animation:none!important;transition:none!important}.demo-cursor{display:none}.demo-order-paper,.demo-runtime{transform:none}.demo-job-slip{animation:none}}
/* Keep the light integration scene readable against the dark-window base. */
.marketplace-windows .feature-card.demo-builder{background:#edede9;color:#171717;border-color:#deded8}
.demo-builder-actions a{color:#33332b;text-shadow:none}.demo-builder-actions a:hover{color:#973c6a}.demo-builder .demo-code{line-height:1.7;padding:9px 0}.demo-builder .demo-code-line{padding-top:1px;padding-bottom:1px}.demo-builder .demo-runtime{top:25px}.demo-builder .demo-runtime-foot{font-size:7px}
@media(max-width:720px){.demo-builder .demo-runtime{top:30px}.demo-builder .demo-code{padding:12px 0;line-height:1.8}.demo-builder .demo-runtime-foot{font-size:6px}.demo-builder .demo-builder-actions{bottom:12px}}
.marketplace-windows[data-motion="paused"] .demo-chart-line{animation:none!important;stroke-dasharray:none!important;stroke-dashoffset:0!important}
.marketplace-windows[data-motion="paused"] .demo-speech p{animation:none!important}
.demo-paper-title img.mini-brand{width:18px;height:18px;object-fit:contain;flex:none}