/* Fictional request journey — no remote actions. */
.case-demo{margin:0 0 36px;padding:30px;border:1px solid var(--line);background:linear-gradient(125deg,#141f18,#0d100e);overflow:hidden}.case-heading .micro{color:var(--gold);font-size:10px;line-height:1.8;letter-spacing:.07em}.case-heading h2{font:350 clamp(25px,3vw,40px)/1.2 var(--display);letter-spacing:-.045em;margin:17px 0 10px}.case-heading>p{font:13px/1.7 var(--sans);color:var(--muted);margin-bottom:25px}.case-layout{display:grid;grid-template-columns:190px minmax(0,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.case-steps{list-style:none;margin:0;padding:20px 22px 20px 0}.case-steps li{border-bottom:1px solid var(--line)}.case-steps li:last-child{border:0}.case-steps button{background:transparent;border:0;color:var(--muted);font:12px/1.5 var(--sans);width:100%;display:grid;grid-template-columns:22px 1fr 12px;gap:6px;text-align:left;align-items:center;padding:18px 0;cursor:pointer}.case-steps button>span:first-child{font:10px var(--mono);color:var(--gold)}.case-steps button[aria-pressed=true]{color:var(--fg)}.case-steps button:hover{color:var(--gold)}.case-detail{padding:28px;border-left:1px solid var(--line);min-height:390px;min-width:0}.case-count{display:block;font:10px/1.7 var(--mono);color:var(--muted);margin-bottom:20px}.case-message{padding:20px;background:#1b2a21;border-left:2px solid var(--gold);margin-bottom:24px}.case-message>span{font:10px/1.6 var(--mono);color:var(--gold)}.case-message blockquote{font:350 20px/1.5 var(--display);letter-spacing:-.02em;margin:12px 0 0;color:var(--fg)}.case-detail h3{font:500 11px/1.7 var(--sans);color:var(--muted);margin:0 0 7px}.case-detail>p,.case-record>p{font:13px/1.85 var(--sans);color:var(--fg)}.case-record{border-top:1px solid var(--line);padding-top:18px;margin-top:23px}.case-record>p{color:var(--muted);font-size:12px}.case-detail .case-human{color:var(--gold);font-size:12px;margin-top:14px}.case-files{display:inline-block;color:var(--gold);font:12px/1.6 var(--sans);margin-top:16px}.case-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px}.case-footer>p{font:11px/1.8 var(--sans);max-width:330px;color:var(--muted)}.case-footer>div{display:flex;gap:8px;flex-shrink:0}.case-footer button{background:transparent;border:1px solid var(--line);padding:12px;color:var(--fg);cursor:pointer;font:11px/1.5 var(--sans);min-height:42px}.case-footer button:disabled{opacity:.3;cursor:default}.case-footer button:not(:disabled):hover{border-color:var(--gold);color:var(--gold)}.case-footer .case-next{display:flex;gap:20px;align-items:center}.case-demo button:focus-visible,.case-files:focus-visible,.case-confidential summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.case-confidential{border:1px solid var(--line);padding:22px;margin:25px 0}.case-confidential summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;font:14px/1.6 var(--sans)}.case-confidential summary>span{color:var(--gold)}.case-confidential p,.case-confidential small{display:block;font:13px/1.8 var(--sans);color:var(--muted);margin-top:15px;max-width:750px}
@media(max-width:1100px){.case-layout{grid-template-columns:160px minmax(0,1fr)}.case-detail{padding:23px 0 23px 22px}.case-footer{align-items:start;flex-direction:column}.case-footer>p{max-width:none}.case-footer>div{align-self:flex-end}}
@media(max-width:700px){.case-demo{padding:22px 18px}.case-layout{grid-template-columns:1fr}.case-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 0}.case-steps li{border:1px solid var(--line)!important}.case-steps button{grid-template-columns:1fr;padding:10px 8px;height:100%;font-size:11px;align-content:start;gap:5px}.case-steps button>span:last-child{display:none}.case-steps li:has([aria-pressed=true]){border-color:var(--gold)!important;background:#1b2a21}.case-detail{border-left:0;border-top:1px solid var(--line);padding:20px 0;min-height:0}.case-message{padding:16px}.case-message blockquote{font-size:19px}.case-heading h2{font-size:28px}.case-footer>div{width:100%}.case-footer .case-next{flex:1;justify-content:space-between}.case-confidential{padding:18px}}