.workspace-demo{padding:4rem 2rem 5rem}
.workspace-hero{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:2.5rem}
.workspace-hero h1{font:800 clamp(3.2rem,5.1vw,5.6rem)/1.04 var(--sans);letter-spacing:-.075em;max-width:850px;margin:.6rem 0 1rem}
.workspace-hero p{max-width:760px;color:#625d62;line-height:1.7;margin:0}
.workspace-hero>.demo-button{white-space:nowrap}
.workspace-app{display:grid;grid-template-columns:220px 1fr;background:#fff;border:1px solid #e7e1dc;border-radius:16px;overflow:hidden;min-height:620px;box-shadow:0 24px 60px #2d1d1710}
.workspace-side{display:flex;flex-direction:column;gap:.3rem;background:#f5f1ed;border-right:1px solid #e7e1dc;padding:1.3rem .8rem}
.workspace-side-logo{display:flex;align-items:center;gap:.6rem;padding:.3rem .5rem 1.4rem;margin-bottom:1rem;border-bottom:1px solid #e3d8d0;font-size:.78rem;line-height:1.3}
.workspace-side-logo img{border-radius:7px}
.workspace-side button{display:flex;align-items:center;gap:.7rem;border:0;background:transparent;text-align:left;border-radius:7px;padding:.75rem .65rem;color:#5a5459;font-size:.8rem;font-weight:700}
.workspace-side button span{font-size:1rem;color:#a94921;width:1.2rem;text-align:center}
.workspace-side button[aria-current="page"],.workspace-side button:hover{background:#ffeadb;color:#8e3b19}
.workspace-side-note{margin-top:auto;padding:1rem .5rem 0;border-top:1px solid #e3d8d0;font-size:.57rem;letter-spacing:.08em;color:#9b6e5d;font-weight:800;line-height:1.6}
.workspace-content{min-width:0;padding:1.5rem 2rem}
.workspace-app-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eae2dc;padding-bottom:1.1rem;margin-bottom:2.3rem;gap:1rem}
.workspace-app-top span{font-size:.64rem;letter-spacing:.1em;font-weight:800;color:#a24820}
.workspace-app-top .demo-button{font-size:.7rem}
.workspace-view[hidden]{display:none}
.workspace-view-head{display:flex;justify-content:space-between;gap:1.5rem;align-items:start}
.workspace-view-head small,.workspace-library-meta{font-size:.62rem;letter-spacing:.12em;color:#a54822;font-weight:800}
.workspace-view-head h2{font:800 clamp(2.1rem,3vw,3.5rem)/1.08 var(--sans);letter-spacing:-.06em;margin:.5rem 0}
.workspace-view-head p{color:#6b6268;font-size:.85rem;margin:0 0 2rem}
.workspace-counter{white-space:nowrap;background:#fff0e6;color:#9f421b;border-radius:99px;padding:.4rem .7rem;font-size:.7rem;font-weight:800}
.workspace-task-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.workspace-task{border:1px solid #e7e1dc;border-radius:10px;padding:1.5rem;min-height:230px;display:flex;flex-direction:column;align-items:flex-start}
.workspace-task.is-done{background:#f6f4f1}
.workspace-task small{font-size:.61rem;letter-spacing:.1em;font-weight:800;color:#a54822}
.workspace-task h3{font:800 1.4rem/1.2 var(--sans);letter-spacing:-.05em;margin:1rem 0 .5rem}
.workspace-task p{color:#6b6268;font-size:.78rem;line-height:1.55;margin:0 0 1.5rem}
.workspace-task .demo-button{margin-top:auto}
.workspace-footnote{font-size:.71rem;color:#8b7e80;margin-top:1.3rem}
.workspace-days{display:flex;gap:.5rem;margin:.3rem 0 1.2rem}
.workspace-days button{border:1px solid #dfd1c7;border-radius:7px;background:#fff;color:#5f555a;padding:.6rem 1rem;font-size:.73rem;font-weight:800}
.workspace-days button[aria-pressed="true"],.workspace-days button:hover{background:#ff530d;border-color:#ff530d;color:#fff}
.workspace-roster-card{border:1px solid #e7e1dc;border-radius:10px;padding:1.5rem;background:#fff}
.workspace-roster-card small{color:#a54822;font-size:.61rem;letter-spacing:.1em;font-weight:800}
.workspace-roster-card h3{font:800 1.5rem var(--sans);letter-spacing:-.05em;margin:.4rem 0 1.2rem}
.workspace-shift{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid #ebe4de;font-size:.79rem}
.workspace-shift span{color:#6b6268;text-align:right}
.workspace-library-card{border:1px solid #e7e1dc;border-radius:10px;padding:1.6rem;max-width:760px}
.workspace-library-meta{display:flex;justify-content:space-between;gap:1rem}
.workspace-library-card h3{font:800 2rem var(--sans);letter-spacing:-.06em;margin:1rem 0 .4rem}
.workspace-library-card>p{font-size:.84rem;color:#6b6268;margin:0 0 1.3rem}
.workspace-library-card details{border-top:1px solid #e9e1dc;padding:.9rem 0}
.workspace-library-card summary{font-size:.83rem;font-weight:800;cursor:pointer}
.workspace-library-card details p{font-size:.78rem;line-height:1.6;color:#6b6268;margin:.7rem 0 0}
.workspace-cta{display:flex;justify-content:space-between;align-items:end;gap:2rem;background:#241f23;color:#fff;border-radius:14px;margin-top:1.5rem;padding:2rem}
.workspace-cta small{font-size:.61rem;letter-spacing:.1em;color:#ff9d71;font-weight:800}
.workspace-cta h2{font:800 clamp(1.8rem,3vw,3rem)/1.1 var(--sans);letter-spacing:-.06em;max-width:650px;margin:.5rem 0}
.workspace-cta p{color:#d3c8cb;max-width:690px;font-size:.82rem;margin:.7rem 0 0}
.workspace-cta .demo-button{white-space:nowrap;background:#ff530d;border-color:#ff530d}
@media(max-width:900px){.workspace-app{grid-template-columns:1fr}.workspace-side{flex-direction:row;align-items:center;gap:.4rem;overflow:auto;padding:.7rem}.workspace-side-logo,.workspace-side-note{display:none}.workspace-side button{white-space:nowrap}.workspace-hero{align-items:start;flex-direction:column}.workspace-content{padding:1.5rem}}
@media(max-width:650px){.workspace-demo{padding:2.5rem 1rem 3rem}.workspace-hero h1{font-size:clamp(2.8rem,11vw,4rem)}.workspace-task-grid{grid-template-columns:1fr}.workspace-task{min-height:200px}.workspace-app-top{align-items:start;flex-direction:column}.workspace-view-head{flex-direction:column;gap:0}.workspace-counter{margin-bottom:1rem}.workspace-shift{flex-direction:column;gap:.2rem}.workspace-shift span{text-align:left}.workspace-cta{align-items:start;flex-direction:column;padding:1.5rem}}