.case-demo{padding:18px;border-radius:22px;background:radial-gradient(ellipse at bottom right,#265065,#102b3b 75%);border:1px solid #345467;color:#e9f1f5;box-shadow:0 20px 42px -30px #102b3b90;font-size:13px;line-height:1.4}
.demo-window{border:1px solid #4c6c7b;border-radius:12px;background:#102c3d;overflow:hidden}
.demo-window-head{display:flex;align-items:center;gap:10px;min-height:46px;padding:12px 16px;background:#1d394a;border-bottom:1px solid #426071}
.demo-window-head strong{font-size:13px;font-weight:600}.demo-window-dots{font-size:7px;color:#7093a7;white-space:nowrap;letter-spacing:1px}.demo-window-label{margin-left:auto;font-size:10px;color:#b4cbd7;text-align:right;max-width:90px}
.demo-brands{display:flex;gap:9px;align-items:center;padding:18px 18px 4px;flex-wrap:wrap}
.demo-brand{display:inline-flex;justify-content:center;align-items:center;min-width:64px;height:32px;padding:6px 9px;background:white;border-radius:5px;color:#173a4b;font-size:11px;font-weight:700}
.demo-brand img{width:60px;height:20px;object-fit:contain;max-width:100%}.demo-brand .icon{width:15px;height:15px}.demo-brand>span{display:flex;align-items:center;gap:5px}.demo-amazon{font-size:14px;font-weight:700;text-decoration:underline;text-decoration-color:#ff9900;text-underline-offset:3px}
.demo-order-card{margin:16px 18px 6px;background:#f4f8fa;color:#173849;border-radius:8px;padding:16px;display:flex;align-items:center;gap:12px}
.demo-order-card>.icon{width:25px;height:25px;flex-shrink:0}.demo-order-card>div{flex:1}.demo-order-card small{display:block;font-size:10px;color:#567081;margin-bottom:5px}.demo-order-card b{font-size:16px}.demo-order-card b span{font-size:10px;color:#197854;font-weight:500;margin-left:6px}.demo-order-card>strong{font-size:15px;white-space:nowrap}
.demo-pipeline{list-style:none;padding:10px 18px 16px;margin:0;display:grid;gap:0}
.demo-pipeline li{position:relative;display:flex;align-items:center;gap:12px;padding:12px 0;color:#cbdce5;transition:color .35s}
.demo-pipeline li:not(:last-child)::after{content:"";position:absolute;top:34px;bottom:-10px;left:5px;width:1px;background:#476779}
.demo-stage-dot{width:11px;height:11px;border:1px solid #678699;border-radius:50%;flex-shrink:0;background:#102c3d;z-index:1;transition:background .35s,box-shadow .35s}
.demo-pipeline b{display:block;font-size:13px;font-weight:600}.demo-pipeline small{display:block;color:#a6becb;font-size:11px;margin-top:4px}.demo-stage-check{margin-left:auto;color:#67d4a6;opacity:0;transition:opacity .35s}
.demo-pipeline .is-current{color:#fff}.demo-pipeline .is-current .demo-stage-dot{background:#ff7b35;border-color:#ff7b35;box-shadow:0 0 0 4px #ff7b3529}.demo-pipeline .is-complete .demo-stage-dot{background:#67d4a6;border-color:#67d4a6}.demo-pipeline .is-complete .demo-stage-check{opacity:1}
.demo-outputs{border-top:1px solid #3a5b6c;display:flex;gap:14px;justify-content:space-between;padding:14px 18px;color:#c7dce6;font-size:11px}.demo-outputs>span{display:flex;align-items:center;gap:6px}.demo-outputs .icon{width:17px;height:17px}
.demo-controls{display:flex;align-items:center;gap:10px;padding-top:14px}.case-page .demo-controls p{display:flex;align-items:center;gap:8px;font-size:11px;color:#b9cfda;margin:0;flex:1}.demo-status-dot{width:5px;height:5px;border-radius:50%;background:#8ecbb9;flex-shrink:0}.demo-controls button{min-height:36px;padding:6px 10px;border:1px solid #577a8c;border-radius:6px;color:#e6f0f5;background:transparent;font:inherit;font-size:11px;cursor:pointer}.demo-controls button:hover{background:#335669}.demo-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.demo-conversation{padding:16px 18px 0;display:grid;gap:10px}.demo-question,.demo-answer{border-radius:9px;padding:13px 15px;max-width:95%}.demo-question{background:#edf3f6;color:#173849}.case-page .demo-question p,.case-page .demo-answer p{font-size:13px;line-height:1.5;margin:5px 0;color:inherit}.demo-question small,.demo-answer small{font-size:10px;font-weight:600}.demo-answer{justify-self:end;background:#265244;color:#ebf9f3;border:1px solid #427562;transition:background .35s}.demo-answer.is-current{background:#1f684d}.demo-answer>span{font-size:10px;color:#ade3c9}.demo-context{padding:10px 12px;border-left:2px solid #6c96aa;display:grid;gap:3px;font-size:11px;color:#c4dae5}.demo-context small{font-size:10px;color:#9fbcca}.demo-context b{font-size:12px}
.demo-pipeline-compact{padding-top:12px}.demo-pipeline-compact li{padding:9px 0}.demo-pipeline-compact small{display:none}
.demo-monitor-title{display:flex;gap:14px;align-items:center;padding:18px}.demo-monitor-title>span:last-child{font-size:11px;color:#afc8d4}.demo-monitor-title b{display:block;font-size:14px;color:white;margin-top:3px}
.demo-price-table{margin:0 18px;border-radius:8px;overflow:hidden;background:#f5f8fa;color:#254353;font-size:12px}.demo-price-table>[role="row"]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:13px 12px;border-bottom:1px solid #dde6eb;transition:background .35s}.demo-price-table>[role="row"]:last-child{border:0}.demo-price-table .demo-table-head{font-size:10px;color:#647e8d;background:#e7eff3}.demo-price-table strong{color:#c64d16;font-weight:650}.demo-price-table .is-current{background:#fff0e7}.demo-price-table .is-complete{background:#ecf7f1}
.demo-price-alert{display:flex;align-items:center;gap:12px;margin:15px 18px 0;padding:12px;border:1px solid #915c43;background:#503b31;border-radius:8px;color:#fff3e8}.demo-price-alert .icon{flex:0 0 22px}.demo-price-alert b{font-size:12px}.case-page .demo-price-alert p{font-size:11px;color:#edc9b5;margin:4px 0 0}
.demo-workforce-top{display:flex;align-items:center;gap:14px;padding:20px 18px}.demo-reader{border:1px solid #628295;background:#244455;border-radius:12px;display:grid;grid-template-columns:1fr auto;gap:9px;padding:15px;flex:1}.demo-reader>.icon{width:24px;height:24px}.demo-reader b{font-size:12px;align-self:center}.demo-reader small{font-size:10px;grid-column:1/-1;color:#b9dbcf}.demo-reader-light{height:4px;background:#67d4a6;border-radius:5px;grid-column:1/-1;transition:box-shadow .35s}.case-demo[data-demo-step="0"] .demo-reader-light{box-shadow:0 0 12px #67d4a6}.demo-connector{color:#a1c0cf;font-size:22px}.demo-clock{display:grid;gap:7px;flex:1}.demo-clock small{font-size:11px;color:#bbd0dc}.demo-clock strong{font-size:30px;font-weight:600;letter-spacing:-.04em}.demo-clock>span{font-size:10px;color:#8ce1ba}.demo-integration-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:0 18px 8px}.demo-integration-line>span:last-child{font-size:10px;color:#c1d6e1;border:1px solid #476d82;border-radius:5px;padding:8px;flex:1;text-align:center}
@media(max-width:520px){.case-demo{padding:10px;border-radius:16px}.demo-window-head{padding:11px 12px;gap:8px}.demo-window-head strong{font-size:12px}.demo-window-label{display:none}.demo-brands{padding:14px 12px 0;gap:6px}.demo-brand{min-width:54px;padding:5px 7px}.demo-brand img{width:48px}.demo-order-card{margin:14px 12px 4px;padding:12px;gap:8px}.demo-order-card>strong{font-size:13px}.demo-order-card b span{display:none}.demo-pipeline{padding:8px 12px 14px}.demo-pipeline b{font-size:12px}.demo-pipeline small{font-size:10px;max-width:24ch}.demo-outputs{padding:12px;gap:8px;font-size:10px}.demo-outputs .icon{width:15px;height:15px}.demo-conversation{padding:14px 12px 0}.demo-price-table{margin-inline:12px;font-size:11px}.demo-price-table>[role="row"]{gap:6px;padding:12px 8px}.demo-price-table .demo-table-head{font-size:9px}.demo-monitor-title{padding:14px 12px}.demo-price-alert{margin:14px 12px 0;padding:10px}.demo-price-alert b{font-size:11px}.demo-workforce-top{padding:16px 12px;gap:9px}.demo-reader{padding:12px;gap:7px}.demo-reader b{font-size:11px}.demo-reader small{font-size:9px}.demo-clock strong{font-size:27px}.demo-integration-line{padding-inline:12px}.demo-integration-line>span:last-child{font-size:9px}.demo-controls{gap:6px}.case-page .demo-controls p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.case-demo *{transition:none!important}}