/* A question and an assistant reply, with its result attached in the conversation. */
.window-demo-section{position:relative;z-index:4;padding-block:80px 100px}
.window-demo-heading{display:grid;grid-template-columns:1.25fr 1fr;align-items:end;gap:80px;margin-bottom:35px}
.window-demo-heading h2{font-size:clamp(38px,4.6vw,65px);font-weight:800;line-height:1.1}
.window-demo-heading .chapter-label{margin-bottom:18px}.window-demo-heading>p{font-size:14px;line-height:1.85;max-width:410px;color:var(--muted)}
.window-scenarios{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}
.window-scenarios button{display:flex;align-items:center;gap:13px;min-height:69px;padding:12px 19px;border:1px solid var(--line);border-radius:8px;background:var(--bg);text-align:left}
.window-scenarios button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.window-scenarios button:not([aria-pressed=true]):hover{border-color:var(--red)}
.case-symbol{display:grid;place-items:center;width:31px;height:31px;font-size:21px;color:var(--red);background:var(--accent-soft);border-radius:5px}
.window-scenarios strong{display:block;font-size:12px;font-weight:600;line-height:1.5}.window-scenarios small{display:block;font-size:10px;margin-top:2px;color:var(--muted);line-height:1.6}
.window-scenarios button[aria-pressed=true] small{color:#c5cdc0}
.product-window{border:1px solid #bfc6b9;border-radius:11px;overflow:hidden;background:#fff;position:relative}
.product-window-chrome{height:52px;padding-inline:21px;display:flex;align-items:center;gap:20px;background:#222d25;color:#f6f7f1}
.window-dots{display:flex;gap:6px}.window-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#a9b6a4}.window-dots i:first-child{background:var(--stage-light)}
.window-brand{display:flex;align-items:center;gap:8px;min-width:0}.window-brand strong{font-size:15px;letter-spacing:-.03em}.window-brand>span{border-left:1px solid #667560;padding-left:15px;margin-left:7px;color:#c8d2c4;font-size:10px}
.window-sample-label{font-size:9px;margin-left:auto;color:#c8d2c4;white-space:nowrap}
.product-window-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-inline:24px;border-bottom:1px solid var(--line);background:#fff}
.window-conversation-label{font-size:11px;color:var(--muted)}
.window-view-tabs{display:flex;gap:25px;padding-inline:24px;margin-top:9px;border-bottom:1px solid var(--line)}.window-view-tabs button{font-size:11px;padding:13px 0 11px;background:none;border:0;border-bottom:2px solid transparent;min-height:44px;color:var(--muted)}
.window-view-tabs button[aria-selected=true]{color:var(--red);border-bottom-color:var(--red);font-weight:600}
.window-playback{display:flex;gap:17px;align-items:center}.window-playback button{min-height:42px;background:none;border:0;padding:5px 0;font-size:10px;display:inline-flex;gap:6px;align-items:center;color:var(--ink)}
.window-playback button:hover{color:var(--red)}.window-playback button:disabled{color:#7b8077;cursor:default}.window-playback button[aria-pressed=true]{color:var(--red)}
.product-window-body{min-height:740px;padding:28px clamp(22px,4vw,58px);background:#fff}
.window-conversation{max-width:1010px;margin-inline:auto}
.window-user-message{display:flex;flex-direction:column;align-items:flex-end;gap:7px;max-width:76%;margin-left:auto;margin-bottom:28px}
.window-message-author{font-size:12px;font-weight:600;line-height:24px;color:var(--ink)}
.window-user-message>.window-message-author{color:var(--muted);padding-right:3px;font-size:11px;font-weight:400;line-height:1.5}
.window-prompt{font-size:14px;font-weight:400;line-height:1.8;margin:0;padding:13px 18px;background:var(--surface);border-radius:10px 10px 3px 10px;text-wrap:pretty;overflow-wrap:anywhere}
.window-assistant-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:13px;align-items:start}
.window-assistant-avatar{display:block;margin-top:0}
.window-reply-body{min-width:0}
.window-reply-text{font-size:14px;line-height:1.85;max-width:75ch;margin:9px 0 0;min-height:26px;overflow-wrap:anywhere}
.product-window[data-stage=answer] .window-reply-text:after{content:'';display:inline-block;height:1em;width:2px;background:var(--red);vertical-align:-.1em;margin-left:3px}
.window-working{display:flex;align-items:center;gap:10px;margin-top:10px;min-height:30px;font-size:12px;line-height:1.8;color:var(--muted)}
.window-working-dots{display:inline-flex;gap:4px;flex-shrink:0}
.window-working-dots i{display:block;width:4px;height:4px;border-radius:50%;background:var(--red);opacity:.3;transition:opacity .16s ease-out,transform .16s ease-out}
.window-working-dots i[data-active=true]{opacity:1;transform:translateY(-1px)}
.window-result{margin-top:20px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--canvas-surface);min-width:0}
.window-result[hidden],.window-working[hidden],.window-reply-text[hidden],.window-reply-footer[hidden]{display:none!important}
.window-reply-footer{display:flex;align-items:center;justify-content:space-between;gap:9px 24px;flex-wrap:wrap;margin-top:10px}
.window-source-note{font-size:10px;color:var(--muted);line-height:1.8}
.window-how{font-size:10px;display:flex;align-items:center;gap:14px;min-height:36px;color:var(--red)}
.window-how:hover{text-decoration:underline;text-underline-offset:4px}
.window-canvas{padding:22px 24px 24px;min-width:0}
.window-content-heading{padding:20px 24px 0}
.window-content-heading h3{font-size:21px;line-height:1.4;font-weight:800;letter-spacing:-.025em}.window-content-heading>p{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;font-size:10px;color:var(--muted);margin-top:7px;line-height:1.7}
.window-definition-chip{background:#e7eddf;color:#365631;border-radius:3px;padding:3px 7px}
.window-panel{margin:0}
.window-metrics{display:grid;grid-template-columns:1.4fr 1fr 1fr;margin:0 0 22px;gap:16px;border-bottom:1px solid var(--line);padding-bottom:19px}
.window-metrics dt{font-size:10px;color:var(--muted);line-height:1.7;margin-bottom:7px}
.window-metrics dd{margin:0;font-size:clamp(20px,2.1vw,29px);font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.25;overflow-wrap:anywhere}
.product-window[data-scenario=compare] .window-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.product-window[data-scenario=compare] .window-metrics dd{font-size:clamp(17px,1.65vw,24px)}
.preview-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.preview-chart-heading h4{font-size:13px;font-weight:600;margin:0}.preview-chart-heading>span{font-size:9px;color:var(--muted)}
.preview-chart-bars{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:16px}
.preview-chart-bars>li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;align-items:center}
.preview-bar-label>span{display:block;font-size:11px;line-height:1.6}.preview-bar-label small{display:block;font-size:9px;color:var(--muted);line-height:1.6}
.preview-bar-track{height:14px;position:relative;padding-right:55px;display:flex;align-items:center}
.preview-bar-track i{display:block;width:var(--amount-width);height:7px;border-radius:2px;background:var(--red);transform-origin:left;transform:scaleX(var(--chart-scale,1))}
.preview-bar-track.confirmed i{background:var(--green)}
.preview-bar-track>span{position:absolute;right:0;top:0;text-align:right;font-size:9px;line-height:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.preview-chart-legend{display:flex;gap:17px;margin-top:12px;font-size:9px;color:var(--muted)}.preview-chart-legend span{display:flex;gap:6px;align-items:center}.preview-chart-legend span:before{content:'';height:6px;width:6px;border-radius:1px;background:var(--red)}.preview-chart-legend span:last-child:before{background:var(--green)}
.preview-chart-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:22px;max-width:560px}
.preview-panel-intro{font-size:12px;line-height:1.8;color:var(--muted);max-width:540px}
.preview-type-path{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;margin-block:25px 27px}
.preview-type-path>div{position:relative;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:10px;text-align:center;line-height:1.5;min-width:0}
.preview-type-path>div:not(:last-child):after{content:'';position:absolute;top:15px;height:1px;background:var(--accent-line);width:calc(100% - 19px);left:calc(50% + 19px)}
.preview-type-path strong{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--red)}
.preview-mapping>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 0;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}
.preview-mapping code{font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;color:var(--ink)}.preview-mapping code+code{color:var(--red)}
.preview-evidence-record{border-bottom:1px solid var(--line)}
.preview-evidence-record summary{display:flex;align-items:center;gap:16px;min-height:51px;font-size:10px;cursor:pointer;list-style:none}
.preview-evidence-record summary::-webkit-details-marker{display:none}.preview-evidence-record summary:before{content:'+';color:var(--red);font-size:17px}.preview-evidence-record[open] summary:before{content:'−'}
.preview-evidence-record summary strong{font-weight:600}.preview-evidence-record summary small{color:var(--green);font-size:9px;margin-left:auto}.preview-evidence-record blockquote{margin:0 0 20px 25px;border-left:1px solid #bcc9b1;padding-left:13px;font-size:12px;line-height:1.8;color:var(--muted)}
.window-progress{height:2px;background:var(--line)}.window-progress i{display:block;height:100%;background:var(--tomato);transform-origin:left;transform:scaleX(1)}
.product-window-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 22px;font-size:9px;line-height:1.7;color:var(--muted);background:var(--bg)}
.window-demo-note{font-size:11px;color:var(--muted);line-height:1.8;max-width:820px;margin-top:17px}
.product-window[data-stopped=true] *{transition:none!important}
@media(max-width:1100px){.window-demo-heading{gap:40px}.window-content-heading h3{font-size:19px}.preview-chart-bars>li{grid-template-columns:102px minmax(0,1fr);gap:12px}.window-metrics dd{font-size:23px}.window-scenarios button{padding-inline:15px}}
@media(max-width:760px){
  .window-demo-section{padding-block:60px 65px}.window-demo-heading{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.window-demo-heading h2{font-size:clamp(36px,8vw,54px)}.window-demo-heading>p{font-size:13px;max-width:500px}
  .window-scenarios{gap:8px;margin-bottom:22px}.window-scenarios button{flex:1 1 130px;min-height:62px;padding:10px 13px;gap:10px}.window-scenarios strong{font-size:11px}.window-scenarios small{font-size:9px}.case-symbol{width:26px;height:26px;flex-shrink:0;font-size:18px}
  .product-window-chrome{height:48px;padding-inline:16px;gap:13px}.window-brand>span{display:none}.window-brand strong{font-size:14px}.window-sample-label{font-size:8px}
  .product-window-toolbar{padding-inline:17px;gap:15px}.window-view-tabs{gap:22px;padding-inline:20px}.window-view-tabs button{font-size:11px;min-height:44px}.window-playback{gap:16px}.window-playback button{min-height:44px;font-size:10px}
  .product-window-body{min-height:780px;padding:24px 20px}.window-user-message{max-width:88%;margin-bottom:25px}.window-prompt{font-size:13px;line-height:1.8;padding:12px 15px}
  .window-assistant-message{gap:10px;grid-template-columns:25px minmax(0,1fr)}.window-assistant-avatar{width:25px;height:25px}.window-reply-text{font-size:13px}.window-working{font-size:11px}
  .window-canvas{padding:20px}.window-content-heading{padding:18px 20px 0}.window-content-heading h3{font-size:20px}.window-content-heading>p{font-size:10px;gap:6px}
  .window-metrics dd{font-size:24px}.window-metrics dt{font-size:9px}.preview-chart-bars>li{grid-template-columns:112px minmax(0,1fr)}.preview-bar-label>span{font-size:10px}
  .preview-panel-intro{font-size:11px}.preview-type-path{gap:9px}.preview-type-path>div{font-size:9px}.preview-type-path strong{font-size:17px}.preview-type-path img{width:26px;height:26px}.preview-type-path>div:not(:last-child):after{top:13px;left:calc(50% + 16px);width:calc(100% - 19px)}
  .product-window-footer{padding-inline:17px;font-size:8px;gap:15px}.window-demo-note{font-size:10px}
}
@media(max-width:520px){
  .window-dots{display:none}.window-scenarios{display:grid;grid-template-columns:1fr}.window-scenarios button{min-height:53px;padding-block:9px}.window-scenarios button>span:last-child{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex:1}.window-scenarios small{font-size:8px;text-align:right}
  .product-window-toolbar{padding-inline:16px}.window-view-tabs{justify-content:space-between;padding-inline:14px;gap:14px}.window-playback button{min-height:44px}
  .product-window-body{padding:21px 14px;min-height:850px}.window-user-message{max-width:95%}.window-prompt{font-size:12px}.window-assistant-message{grid-template-columns:minmax(0,1fr);position:relative}.window-assistant-avatar{position:absolute;top:0;left:0;width:24px;height:24px}.window-reply-body>.window-message-author{display:block;padding-left:34px;min-height:24px}
  .window-reply-text{font-size:12px;line-height:1.85;margin-top:12px}.window-reply-footer{gap:0 14px}.window-source-note,.window-how{font-size:9px}
  .window-canvas{padding:18px 14px}.window-content-heading{padding:17px 14px 0}.window-content-heading h3{font-size:18px}.window-metrics,.product-window[data-scenario=compare] .window-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.window-metrics>div:first-child{grid-column:1/-1}.window-metrics dt{margin-bottom:5px}.window-metrics dd,.product-window[data-scenario=compare] .window-metrics dd{font-size:21px}.window-metrics>div:first-child dd{font-size:27px}
  .preview-chart-bars>li{grid-template-columns:88px minmax(0,1fr);gap:10px}.preview-bar-label>span{font-size:9px}.preview-bar-label small{font-size:8px}.preview-bar-track{padding-right:42px}.preview-bar-track>span{font-size:8px}.preview-chart-note{font-size:9px}
  .preview-type-path{gap:7px}.preview-type-path>div{font-size:8px}.preview-type-path img{width:23px;height:23px}.preview-type-path>div:not(:last-child):after{top:12px;left:calc(50% + 14px);width:calc(100% - 18px)}.preview-mapping code{font-size:10px}.preview-mapping>div{gap:12px;font-size:9px}
  .preview-evidence-record summary{gap:9px;font-size:9px}.preview-evidence-record summary small{font-size:8px}.preview-evidence-record blockquote{font-size:11px}.product-window-footer{font-size:8px}.product-window-footer>span:last-child{max-width:145px;text-align:right}
}
@media(prefers-reduced-motion:reduce){.product-window *{transition:none!important}}