.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.case-tile{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--paper)}.case-tile h3{font-size:18px;margin:8px 0}.case-tile p{font-size:13px;color:var(--muted)}.case-agents{grid-template-columns:repeat(5,1fr)}.case-agents h2{font-size:12px}.table-scroll{overflow:auto;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{background:var(--paper);color:var(--green);font-size:12px}td,th{padding:14px;border-bottom:1px solid var(--line)}.scenario-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:20px}.scenario-card.selected{border:2px solid var(--green);background:#f4f8ed}.scenario-card h3{margin:4px 0;font-size:17px}.scenario-card .scenario-amount{color:var(--green);font-size:25px;font-weight:700;margin:8px 0}.scenario-card p{font-size:13px;color:var(--muted);flex:1}.scenario-card button{margin-top:12px}.case-art{height:235px;padding:20px 26px;color:white;background:linear-gradient(130deg,#17231b,#365532)}.case-art-symbol{font-size:50px;line-height:1.2;color:#c5e892;margin:8px 0}.case-art>strong{font-size:20px;display:block}.mini-flow{display:flex;gap:8px;margin-top:15px;font-size:10px}.mini-flow span{border:1px solid #ffffff35;padding:5px 8px;border-radius:7px}.art-delivery{background:linear-gradient(130deg,#193137,#487775)}.art-margin{background:linear-gradient(130deg,#353322,#69743d)}.art-purchase{background:linear-gradient(130deg,#24352f,#466a46)}.case-step-count{font-size:12px;color:var(--muted)}.case-error{border-left:3px solid #bb812f;padding:12px;background:#fff8e8}.case-toolbar{display:flex;gap:12px;justify-content:space-between;margin-top:20px;align-items:center}@media(max-width:900px){.case-agents{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.case-grid{grid-template-columns:1fr}.case-agents{grid-template-columns:1fr 1fr}.case-toolbar{align-items:stretch;flex-direction:column}.mini-flow{flex-wrap:wrap}}

.demo-cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:#e9eee1}.demo-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.demo-cover .badge{position:absolute;top:18px;left:18px;background:#ffffffed}.demo-choice{display:flex;flex-direction:column}.demo-choice .choice-copy{flex:1}