.customer-scenario-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px}
.customer-scenario-picker button{font:inherit;font-size:14px;text-align:left;color:var(--ink);border:1px solid #dce2ea;background:white;padding:10px 15px;border-radius:7px;cursor:pointer;line-height:1.4;transition:background .15s,color .15s}
.customer-scenario-picker button>span{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.06em;margin-bottom:3px;opacity:.7}
.customer-scenario-picker button[aria-pressed="true"]{background:var(--blue);color:var(--on-color);border-color:var(--blue)}
.customer-scenario-picker button:focus-visible{outline:3px solid #8dbaff;outline-offset:3px}
/* Reclaim heading space for the world while keeping the action row in view. */
#agentwereld{padding-top:18px}
#agentwereld .section-heading{margin-bottom:14px}
#agentwereld .section-heading h2{font-size:clamp(1.8rem,calc(var(--uppr-vh, 1svh) * 3.9),2.35rem)}
#agentwereld .section-heading .eyebrow{margin-bottom:7px}
#agentwereld .miniature-workspace{height:clamp(400px,calc(calc(var(--uppr-vh, 1svh) * 100) - 270px),820px)}
#agentwereld .miniature-layout{grid-template-columns:minmax(0,1fr) 300px}
#agentwereld .miniature-actionbar{min-height:70px;padding-block:10px}
.customer-scenario-picker button{padding-block:8px}
#agentwereld .miniature-report:not([hidden]){max-height:min(240px,90%)}
#agentwereld .miniature-report .button{margin-top:9px;min-height:40px;padding:9px 13px;font-size:13px}
.scenario-context{font-size:12px;line-height:1.6;color:var(--muted);max-width:1000px;margin-top:14px}
#agentwereld .miniature-explanation{margin-top:6px}
.customer-cases{padding-top:78px;padding-bottom:78px}
.customer-cases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.customer-case{display:flex;flex-direction:column;border-top:2px solid var(--blue);padding:22px 0 0;min-width:0}
.case-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:10px;letter-spacing:.03em;margin-bottom:23px;color:var(--muted)}
.case-status{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe1d7;border-radius:20px;background:#eef6f0;color:#38694c;padding:4px 9px;font:12px var(--body, sans-serif);white-space:nowrap}
.case-status::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}
.customer-case h3{font-size:clamp(22px,2.2vw,30px);line-height:1.18;letter-spacing:-.025em;margin-bottom:16px}
.customer-case>p{font-size:15px;line-height:1.7;color:var(--muted);margin-bottom:22px;flex:1}
.case-outcome{padding:18px;background:#eef3fa;border-radius:7px;min-height:160px}
.case-outcome>span{display:block;color:#5b759b;font:10px var(--mono);letter-spacing:.06em;margin-bottom:10px}
.case-outcome strong{display:block;font-size:17px;line-height:1.4;color:var(--ink);font-weight:500}
.case-outcome p{margin-top:9px;font-size:13px;line-height:1.6;color:var(--muted)}
.case-stack{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0;font-size:12px;color:var(--muted)}
.case-stack span{border:1px solid #dce2e8;padding:5px 8px;border-radius:4px}
.customer-case details{border-top:1px solid #dce2e8;border-bottom:1px solid #dce2e8;margin-bottom:18px;padding:14px 0;font-size:14px}
.customer-case summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px;list-style:none;color:var(--ink)}
.customer-case summary::-webkit-details-marker{display:none}
.customer-case details[open] summary{margin-bottom:12px}.customer-case details[open] summary span{transform:rotate(45deg)}
.customer-case details p{margin-top:8px;line-height:1.6;font-size:13px;color:var(--muted)}
.customer-case>a{font-size:14px;align-self:flex-start}



.case-next-step{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:36px;margin-top:36px;border-top:1px solid #dce2e8}
.case-next-step h3{font-size:26px;margin-bottom:12px}.case-next-step p{font-size:15px;max-width:700px;line-height:1.7;color:var(--muted)}.case-next-step .eyebrow{font-size:11px;margin-bottom:12px}.case-next-step .button{flex-shrink:0}
.result-item{padding:18px 0;border-block-start:1px solid #e1e6ec;margin-top:18px}.result-item h3{font-size:18px;margin-bottom:8px}.result-item small{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:10px}
#result-content p{line-height:1.75}.contact-inner .contact-selection{font-size:14px;color:var(--muted);margin-top:20px;margin-bottom:0}
@media(max-width:1000px){.customer-cases-grid{gap:24px}.case-top{flex-wrap:wrap}.case-outcome{min-height:205px}.case-next-step{align-items:flex-start;flex-direction:column}}
@media(max-width:800px){
 #agentwereld .miniature-workspace{height:clamp(340px,calc(calc(var(--uppr-vh, 1svh) * 100) - 295px),720px)}
 #agentwereld .miniature-layout{grid-template-columns:1fr}
 .customer-scenario-picker{gap:5px}.customer-scenario-picker button{padding:9px 8px;font-size:12px}.customer-scenario-picker button>span{font-size:9px;letter-spacing:0}
 .customer-cases{padding-block:50px}.customer-cases-grid{grid-template-columns:1fr}.customer-case h3{font-size:28px}.case-top{margin-bottom:14px}.case-outcome{min-height:0}.customer-case>p{max-width:600px}.customer-case{padding-top:18px;margin-bottom:12px}
 .case-next-step{margin-top:26px;padding-top:26px;gap:20px}.case-next-step h3{font-size:24px}
 #agentwereld .miniature-story{display:block}.miniature-request p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
}
@media(prefers-reduced-motion:reduce){.customer-scenario-picker button{transition:none}}