/* Choice, then interpretation: one ink stage with a paper result. */
#product-demo{background:var(--ink);color:var(--paper);padding-block:clamp(30px,4svh,50px)}
#product-demo .section-heading{grid-template-columns:1fr 1fr;align-items:center;gap:48px;margin-bottom:24px}
#product-demo .section-heading h2{font-size:clamp(38px,3.6vw,60px);line-height:1.08;max-width:none;letter-spacing:-.035em}
#product-demo .section-heading>p{font-size:18px;line-height:1.5;color:var(--light-muted);max-width:54ch}
.decision-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:16px;margin-bottom:24px;border-bottom:1px solid var(--dark-line)}
#product-demo .decision-roles{display:flex;flex-wrap:wrap;gap:8px;margin:0}
#product-demo .decision-role{min-height:44px;padding:10px 16px;font-size:15px;color:var(--light-muted);border:1px solid #74797d;background:transparent;border-radius:6px}
#product-demo .decision-role[aria-selected=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.decision-position{font-size:14px;color:var(--light-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
#product-demo .decision-case{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.25fr);gap:clamp(32px,5vw,88px);border:0}
#product-demo .decision-situation{padding:16px 0 0;background:transparent;color:var(--paper)}
#product-demo .decision-situation h3{font:650 clamp(30px,2.7vw,46px)/1.15 var(--display);letter-spacing:-.035em;margin:0 0 18px}
#product-demo .decision-situation .decision-pressure{font:500 clamp(19px,1.5vw,25px)/1.35 var(--body);color:var(--orange);margin:0 0 22px}
#product-demo .decision-situation>p:not(.decision-pressure):not(.decision-skill){font-size:17px;line-height:1.5;max-width:53ch;color:var(--light-muted)}
#product-demo .decision-situation .decision-skill{font-size:14px;line-height:1.4;color:var(--light-muted);margin-top:24px}
.decision-workspace{min-width:0;min-height:430px}
#product-demo .decision-response{padding:0;background:transparent;color:var(--paper)}
#product-demo .decision-question{font:500 19px/1.4 var(--body);margin:0 0 16px}
#product-demo .decision-options{gap:0;border-top:1px solid #74797d}
#product-demo .decision-option{align-items:center;gap:18px;min-height:102px;padding:17px 18px;border:0;border-bottom:1px solid #74797d;border-radius:0;background:transparent;color:var(--paper);transition:background-color 160ms ease,color 160ms ease,transform 160ms var(--ease)}
#product-demo .decision-option>span:nth-child(2){flex:1;min-width:0}
#product-demo .decision-letter{width:36px;height:36px;font-size:15px;border-color:#74797d}
#product-demo .decision-option b{font:550 20px/1.25 var(--body)}
#product-demo .decision-option small{font-size:16px;line-height:1.4;margin-top:7px;color:var(--light-muted)}
#product-demo .decision-option>svg{color:var(--orange);width:24px}
#product-demo .decision-option[aria-pressed=true]{background:var(--paper);color:var(--ink)}
#product-demo .decision-option[aria-pressed=true] small{color:var(--muted)}
#product-demo .decision-option[aria-pressed=true] .decision-letter{background:var(--orange);color:var(--ink);border-color:var(--orange)}
.decision-choice-hint{font-size:14px;line-height:1.4;color:var(--light-muted);margin-top:14px}
#product-demo .decision-discussion{display:block;padding:26px;background:#fafbf9;color:var(--ink);border:0;min-width:0}
.demo-result-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.demo-result-heading h3{font:600 24px/1.25 var(--body);letter-spacing:-.02em}
.demo-compare{background:transparent;border:0;padding:8px 0;min-height:44px;font:400 14px/1.35 var(--body);text-decoration:underline;text-underline-offset:4px;flex-shrink:0}
.demo-chosen-answer{font-size:15px;line-height:1.4;color:var(--muted);margin-top:8px}
#product-demo .decision-signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
#product-demo .decision-signals b{display:block;font:600 15px/1.35 var(--body)}
#product-demo .decision-signals small{display:block;font:400 15px/1.4 var(--body);color:var(--muted);margin-top:7px}
#product-demo .interview-prompt{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}
#product-demo .interview-prompt>p{font-size:13px;color:var(--muted);margin-bottom:8px}
#product-demo .interview-prompt blockquote{font:500 23px/1.3 var(--body);margin:0;max-width:52ch}
.demo-result-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px}
.demo-copy,.demo-next{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 12px;font:500 14px/1.4 var(--body);border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);transition:background-color 160ms ease,transform 160ms var(--ease)}
.demo-next{background:var(--orange);border-color:var(--orange);color:var(--ink)}
.demo-copy:active,.demo-next:active{transform:scale(.98)}
#product-demo .decision-discussion :focus-visible{outline-color:var(--ink)}
#product-demo .decision-study-note{font-size:13px;line-height:1.4;color:var(--light-muted);margin-top:18px;max-width:95ch}
@media(hover:hover) and (pointer:fine){#product-demo .decision-option:hover{background:var(--paper);color:var(--ink)}#product-demo .decision-option:hover small{color:var(--muted)}#product-demo .decision-option:hover .decision-letter{background:var(--orange);color:var(--ink);border-color:var(--orange)}#product-demo .decision-role:not([aria-selected=true]):hover{background:#222527;border-color:var(--paper)}.demo-copy:hover{border-color:var(--ink)}.demo-next:hover{background:var(--orange-hover)}.demo-compare:hover{color:var(--muted)}}
@media(min-width:851px) and (max-height:800px){#product-demo{padding-block:24px}#product-demo .section-heading{margin-bottom:16px}#product-demo .section-heading h2{font-size:40px}#product-demo .section-heading>p{font-size:16px}.decision-toolbar{padding-bottom:12px;margin-bottom:18px}#product-demo .decision-situation{padding-top:8px}#product-demo .decision-situation h3{font-size:32px;margin-bottom:14px}#product-demo .decision-situation .decision-pressure{font-size:20px;margin-bottom:16px}#product-demo .decision-situation>p:not(.decision-pressure):not(.decision-skill){font-size:16px}#product-demo .decision-situation .decision-skill{margin-top:18px}.decision-workspace{min-height:380px}#product-demo .decision-option{min-height:88px;padding:13px 16px}#product-demo .decision-option b{font-size:18px}#product-demo .decision-option small{font-size:15px;margin-top:5px}#product-demo .decision-discussion{padding:20px}.demo-result-heading h3{font-size:22px}#product-demo .decision-signals{margin-top:16px;gap:16px}#product-demo .decision-signals b,#product-demo .decision-signals small{font-size:14px}#product-demo .interview-prompt{margin-top:16px;padding-top:14px}#product-demo .interview-prompt blockquote{font-size:20px}.demo-result-actions{margin-top:16px}.demo-copy,.demo-next{font-size:13px}#product-demo .decision-study-note{margin-top:14px}}
@media(max-width:1099px){#product-demo .decision-case{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}#product-demo .decision-situation h3{font-size:30px}#product-demo .decision-situation .decision-pressure{font-size:20px}#product-demo .decision-discussion{grid-column:auto;display:block;padding:22px}#product-demo .decision-signals{grid-template-columns:1fr;gap:12px}#product-demo .decision-signals b,#product-demo .decision-signals small{display:inline;font-size:15px}#product-demo .decision-signals b::after{content:': '}#product-demo .interview-prompt blockquote{font-size:21px}.demo-result-heading{align-items:start;flex-direction:column;gap:0}.demo-compare{padding-top:0;min-height:36px}}
@media(max-width:850px){#product-demo{padding-block:36px}#product-demo .section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:24px}#product-demo .section-heading h2{font-size:38px}#product-demo .section-heading>p{font-size:17px}.decision-toolbar{align-items:start;flex-direction:column;gap:14px}#product-demo .decision-case{grid-template-columns:1fr;gap:28px}#product-demo .decision-situation{padding-top:0}.decision-workspace{min-height:0}#product-demo .decision-situation .decision-skill{margin-top:14px}#product-demo .decision-option{min-height:100px}#product-demo .decision-signals{grid-template-columns:repeat(3,minmax(0,1fr))}#product-demo .decision-signals b,#product-demo .decision-signals small{display:block}#product-demo .decision-signals b::after{content:none}.demo-result-heading{flex-direction:row;align-items:center;gap:12px}}
@media(max-width:560px){#product-demo .section-heading h2{font-size:34px}#product-demo .decision-roles{display:flex;width:100%;gap:8px}#product-demo .decision-role{font-size:14px;padding:10px 12px;min-height:44px;text-align:center}#product-demo .decision-option{padding:16px 0;gap:12px}#product-demo .decision-letter{width:30px;height:30px;font-size:14px}#product-demo .decision-option b{font-size:18px}#product-demo .decision-option small{font-size:16px}#product-demo .decision-option>svg{width:18px}#product-demo .decision-situation h3{font-size:28px}#product-demo .decision-situation .decision-pressure{font-size:20px}#product-demo .decision-discussion{padding:22px 20px}.demo-result-heading{flex-direction:column;align-items:start;gap:0}.demo-result-heading h3{font-size:23px}#product-demo .decision-signals{grid-template-columns:1fr;gap:12px}#product-demo .decision-signals b,#product-demo .decision-signals small{display:inline;font-size:16px}#product-demo .decision-signals b::after{content:': '}#product-demo .interview-prompt{margin-top:20px;padding-top:16px}#product-demo .interview-prompt blockquote{font-size:22px}.demo-result-actions{flex-direction:column;align-items:stretch}.demo-copy,.demo-next{font-size:16px}.demo-next{justify-content:space-between}#product-demo .decision-study-note{font-size:13px;line-height:1.45;margin-top:20px}}
@media(prefers-reduced-motion:reduce){.demo-copy:active,.demo-next:active{transform:none}}