.demo-banner{text-align:center;background:#f7eddb;color:#68512d;font-size:12px;padding:10px 18px}
.back-link{margin-left:auto;font-size:13px;text-decoration:none}
.exp-nav{display:flex;gap:6px;flex-wrap:wrap;padding:6px;background:#e8eee4;border-radius:12px;width:fit-content;margin-bottom:32px}
.exp-nav button{background:transparent;color:#536b59;border:0;padding:10px 18px}.exp-nav button.selected{background:white;color:#204d35;box-shadow:0 2px 6px #23483510}
.exp-title{max-width:690px}.exp-title h1{font-size:44px;letter-spacing:-1.8px}.exp-title p{color:#667b6c}
.work-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px;align-items:start}
.card.soft{background:#edf3e8}.card h2{margin-top:0}.person-list{display:grid;gap:12px}
.person-button{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid #dce5d9;background:white;color:#213e32;width:100%;padding:18px;border-radius:12px}
.avatar{display:grid;place-items:center;border-radius:50%;height:42px;width:42px;flex-shrink:0;background:#edf3e8;font-size:13px;letter-spacing:1px}
.person-button strong{display:block}.person-button small{font-weight:400;color:#718474}.person-button.selected{border:2px solid #21533b}
.steps{display:flex;gap:5px;margin:26px 0 8px}.steps span{flex:1;height:5px;background:#dce5d9;border-radius:5px}.steps .done{background:#79945e}.steps .current{background:#21533b}
.summary-list{margin:0}.summary-list div{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #dce5d9;font-size:13px}.summary-list dd{margin:0;text-align:right;font-weight:600}.summary-list dt{color:#6c8071}
.pill{font-size:11px;border-radius:20px;padding:5px 10px;background:#e8f0e2;display:inline-block}.pill.amber{background:#fcf0da;color:#80612d}
.integration{padding:17px 0;border-bottom:1px solid #e1e8dc}.integration:last-child{border:0}.integration p{font-size:13px;margin:6px 0;color:#6c8071}.integration strong{display:block}.integration code{font-size:12px;overflow-wrap:anywhere}
.wait-state{border:1px solid #c4d5b9;border-radius:12px;padding:20px;background:#f5f8f0;margin:18px 0}.wait-state h3{margin-top:0}.pulse{display:inline-block;width:8px;height:8px;background:#79945e;border-radius:50%;margin-right:8px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-grid .card{margin:0;display:flex;flex-direction:column}.catalog-grid p{font-size:14px;flex:1}.catalog-grid button{width:100%}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{background:white;border:1px solid #dce5d9;border-radius:14px;padding:20px}.metric strong{display:block;font-size:32px;font-weight:500}.metric span{font-size:12px;color:#6c8071}
.suggestion{background:#eff4eb;border-radius:12px;padding:20px;margin:16px 0}.suggestion h3{margin-top:0}
.exp-success{border:1px solid #a3bc95;background:#f0f6eb}.exp-success h1{font-size:36px}
details{font-size:13px;margin:18px 0}summary{cursor:pointer;color:#275b3d}details p{color:#637666}details pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f6f2;padding:15px;border-radius:8px;font-size:11px}
.text-button{border:0;background:transparent;color:#275b3d;padding:10px 0;text-decoration:underline}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #91ab7f;outline-offset:3px}
.error-inline{color:#8c3c32;font-size:13px}
@media(max-width:800px){.work-grid{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.exp-title h1{font-size:34px}.back-link{margin-left:0}}
@media(max-width:460px){.catalog-grid{grid-template-columns:1fr}.exp-nav{width:100%}.exp-nav button{padding:10px 12px}.metric{padding:14px}.metric strong{font-size:26px}}