/* The invitation is explicit, and the three steps reflect real actions. */
.demo-progress{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:14px 20px}
.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;padding:0;margin:0;flex:1;max-width:1050px}
.demo-steps li{display:flex;align-items:center;gap:10px;font:400 15px/1.35 var(--body);color:var(--light-muted);border-bottom:2px solid var(--dark-line);padding-bottom:12px;transition:border-color 180ms ease,color 180ms ease}
.demo-step-number{display:grid;place-items:center;flex-shrink:0;width:28px;height:28px;border:1px solid #74797d;border-radius:50%;font:500 14px/1 var(--body)}
.demo-steps li[aria-current=step]{color:var(--paper);border-color:var(--orange);font-weight:600}
.demo-steps li[aria-current=step] .demo-step-number{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.demo-steps li.is-complete{color:var(--paper);border-color:var(--paper)}
.demo-steps li.is-complete .demo-step-number{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.demo-completion{font-size:14px;line-height:1.4;color:var(--light-muted);font-variant-numeric:tabular-nums;flex-shrink:0}
#product-demo .decision-toolbar{display:block;border-bottom:0;margin-bottom:0;padding-bottom:0}
.demo-role-heading{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-bottom:16px}
.demo-role-heading h3{font:500 21px/1.35 var(--body)}
.demo-role-heading .decision-position{margin-left:auto}
.demo-role-hint{position:relative;display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:10px 14px;background:var(--orange);color:var(--ink);border-radius:6px;font:500 15px/1.35 var(--body)}
.demo-role-hint::after{content:'';position:absolute;left:20px;bottom:-5px;width:10px;height:10px;background:var(--orange);transform:rotate(45deg)}
#product-demo .decision-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#product-demo .decision-role{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:108px;padding:22px 24px;text-align:left;color:var(--paper);border-color:#74797d;background:transparent}
.role-copy{display:block;min-width:0}.role-copy b{display:block;font:500 21px/1.3 var(--body)}
.role-preview{display:block;margin-top:8px;font:400 15px/1.4 var(--body);color:var(--light-muted)}
.role-arrow{display:flex;flex-shrink:0;color:var(--orange)}
.role-done{display:inline-flex;align-items:center;gap:5px;color:var(--orange);font-size:13px}
#product-demo .decision-role[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}
#product-demo .decision-role[aria-pressed=true] .role-preview{color:var(--muted)}
#product-demo .decision-role[aria-pressed=true] .role-done{color:var(--ink)}
#product-demo.has-role .decision-toolbar{padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--dark-line)}
#product-demo.has-role .decision-roles{display:flex;flex-wrap:wrap;gap:8px}
#product-demo.has-role .decision-role{min-height:44px;padding:10px 14px;gap:8px}
#product-demo.has-role .role-copy b{font-size:15px}
#product-demo.has-role .role-preview,#product-demo.has-role .role-arrow,#product-demo.has-role .role-done>span{display:none}
#product-demo.has-role .demo-role-heading{margin-bottom:12px}
#product-demo.has-role .demo-role-heading h3{font-size:15px;color:var(--light-muted)}
#product-demo .decision-workspace{min-height:0}
.decision-answer{min-width:0}
#product-demo .decision-answer .decision-option{width:100%}
#product-demo .has-result>.decision-option{border-bottom-color:var(--paper)}
#product-demo .has-result>.decision-option>svg{transform:rotate(90deg)}
#product-demo .has-result .decision-discussion{padding-top:18px}
#product-demo .decision-discussion{margin-bottom:14px}
#product-demo[data-phase=result] .decision-answer:not(.has-result) .decision-option{min-height:56px;padding-block:12px}
#product-demo[data-phase=result] .decision-answer:not(.has-result) small{display:none}
.demo-complete-message{font-size:15px;line-height:1.4;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted)}
#product-demo[data-instant=true] .demo-steps li{transition:none}
@media(hover:hover) and (pointer:fine){#product-demo.guided-demo .decision-role:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}#product-demo .decision-role:hover .role-preview{color:var(--muted)}#product-demo .decision-role:hover .role-done{color:var(--ink)}}
@media(min-width:851px) and (max-height:800px){.demo-progress{padding-block:2px 14px}.demo-steps li{padding-bottom:8px;font-size:14px}.demo-step-number{width:25px;height:25px}.demo-role-heading{margin-bottom:12px}.demo-role-heading h3{font-size:19px}.demo-role-hint{padding:8px 12px;font-size:14px}#product-demo.has-role .decision-toolbar{padding-bottom:12px;margin-bottom:14px}#product-demo.has-role .demo-role-heading{display:none}#product-demo .decision-role{min-height:92px;padding:18px}.role-copy b{font-size:19px}#product-demo .decision-discussion{padding:18px}}
@media(max-width:1099px){.demo-progress{align-items:start;flex-direction:column;gap:12px}.demo-steps{width:100%;max-width:none}.demo-completion{font-size:13px}#product-demo .decision-role{padding:18px}.role-copy b{font-size:18px}}
@media(max-width:850px){.demo-progress{padding-top:0;padding-bottom:20px}.demo-steps{gap:14px}.demo-steps li{font-size:14px;gap:8px;align-items:start}.demo-step-number{width:25px;height:25px}.demo-role-heading{align-items:start;gap:12px}.demo-role-heading h3{font-size:21px}.demo-role-hint{margin-left:0}#product-demo .decision-roles{grid-template-columns:1fr;gap:10px}#product-demo .decision-role{min-height:82px;padding:16px 18px}.role-copy b{font-size:18px}.role-preview{margin-top:5px;font-size:14px}.role-done>span{display:none}#product-demo.has-role .decision-roles{display:flex}#product-demo.has-role .decision-role{padding:10px 12px;min-height:44px}#product-demo .decision-discussion{margin-bottom:10px}#product-demo .has-result .decision-option{padding-inline:16px}.demo-role-heading .decision-position{margin-left:0}}
@media(max-width:560px){.demo-steps{gap:10px}.demo-steps li{flex-direction:column;gap:8px;font-size:13px}.demo-role-heading{flex-direction:column;align-items:start}.demo-role-hint{font-size:14px;padding:9px 12px}#product-demo .decision-discussion{padding:18px 16px}#product-demo .has-result .decision-letter{width:27px;height:27px}#product-demo .has-result .decision-option{gap:10px}.demo-result-heading h3{font-size:21px}#product-demo .decision-signals b,#product-demo .decision-signals small{font-size:16px}.demo-complete-message{font-size:15px}}