:root{--ink:#19251d;--ink2:#233429;--paper:#f5f6f1;--line:#d8e1d6;--muted:#637467;--accent:#d8f37c;--serif:'Newsreader',Georgia,serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--sans)}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.skip{position:absolute;top:-5rem;left:1rem;padding:.6rem;background:var(--accent);z-index:10}.skip:focus{top:1rem}.demo-top{height:68px;background:#142119;color:#f2f5ed;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;gap:1rem;border-bottom:1px solid #45604a}.demo-brand{font-weight:700;letter-spacing:-.04em}.demo-brand span{font:500 1.4rem var(--serif);display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid var(--accent);color:var(--accent);margin-right:.6rem}.demo-top-right{display:flex;align-items:center;gap:1.2rem}.demo-top-right small{font-size:.64rem;letter-spacing:.12em;color:#b8cbb7;font-weight:700}.demo-top a:hover{text-decoration:underline}.demo-back{font-size:.75rem;font-weight:700;border-bottom:1px solid #8a9b8b;padding-bottom:.2rem}.demo-banner{background:#e9f1df;border-bottom:1px solid #c7d7c1;padding:.7rem 2rem;color:#3b573e;font-size:.75rem;font-weight:600;display:flex;justify-content:space-between;gap:1rem}.demo-banner b{letter-spacing:.08em;font-size:.64rem}.demo-shell{max-width:1480px;margin:auto;min-height:calc(100vh - 110px)}.demo-app{display:grid;grid-template-columns:230px 1fr}.demo-side{background:#203126;color:#c7d9c6;min-height:calc(100vh - 110px);padding:2rem 1rem;display:flex;flex-direction:column}.demo-side-head{padding:.2rem .8rem 2rem;border-bottom:1px solid #4b624d;margin-bottom:1.2rem}.demo-side-head small,.demo-side-footer small{display:block;font-size:.57rem;letter-spacing:.14em;color:#91a792;font-weight:700}.demo-side-head strong{display:block;color:#f1f6eb;font:500 1.6rem var(--serif);margin-top:.3rem}.demo-side button{width:100%;display:flex;align-items:center;gap:.8rem;text-align:left;background:none;border:0;color:#b8cbb7;padding:.85rem .8rem;font-size:.78rem}.demo-side button[aria-current="page"],.demo-side button:hover{background:#3b513d;color:#eafbce}.demo-side button span{font-size:1rem;width:1rem}.demo-side-footer{margin-top:auto;padding:1rem .8rem;border-top:1px solid #4b624d;font-size:.75rem}.demo-main{padding:2.5rem clamp(1.2rem,4vw,4.5rem);min-width:0}.demo-kicker{font-size:.65rem;letter-spacing:.14em;font-weight:700;color:#69816c}.demo-main h1{font:500 clamp(2.7rem,4vw,4.5rem)/1 var(--serif);letter-spacing:-.05em;margin:.6rem 0}.demo-lead{color:#657568;max-width:700px;line-height:1.7;margin:0 0 2rem}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.demo-stat,.demo-card,.demo-panel{background:#fff;border:1px solid var(--line)}.demo-stat{padding:1.2rem}.demo-stat small,.demo-card small,.demo-panel small{font-size:.63rem;letter-spacing:.12em;font-weight:700;color:#617e66}.demo-stat strong{display:block;font:500 2.4rem var(--serif);margin:.4rem 0}.demo-stat p{margin:0;color:#718272;font-size:.75rem}.demo-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.75fr);gap:1rem;margin-top:1rem}.demo-card,.demo-panel{padding:1.4rem}.demo-card h2,.demo-panel h2{font:500 1.7rem var(--serif);letter-spacing:-.04em;margin:.3rem 0 1.1rem}.demo-list{display:grid}.demo-list-item{display:flex;align-items:center;gap:1rem;border-top:1px solid #e3e9e1;padding:1rem 0}.demo-list-item:first-child{border-top:0}.demo-icon{display:grid;place-items:center;flex:none;background:#e9f2db;color:#44673e;width:36px;height:36px;font-size:.9rem}.demo-list-item>div{flex:1;min-width:0}.demo-list-item strong,.demo-list-item span{display:block}.demo-list-item strong{font-size:.83rem}.demo-list-item span{font-size:.7rem;color:#718171}.demo-button{border:1px solid #23442b;background:#23442b;color:white;padding:.65rem .85rem;font-size:.72rem;font-weight:700;min-height:38px}.demo-button:hover{background:#385d3d}.demo-button.secondary{background:white;color:#23442b}.demo-button.secondary:hover{background:#eaf2e7}.demo-button:focus-visible,.demo-side button:focus-visible,input:focus-visible,textarea:focus-visible,.picker:focus-visible,.floor-cell:focus-visible{outline:3px solid #8eaa36;outline-offset:2px}.demo-button:disabled{opacity:.5;cursor:not-allowed}.demo-tag{display:inline-block;background:#eaf2dd;color:#405f45;font-size:.63rem;padding:.3rem .5rem;font-weight:700}.demo-tag.amber{background:#f7ecd8;color:#805924}.demo-tag.gray{background:#edf0ec;color:#647568}.demo-panel p{font-size:.8rem;color:#647568;line-height:1.65}.demo-panel ul{padding-left:1.2rem;font-size:.77rem;color:#526a56;line-height:1.8}.demo-section[hidden]{display:none}.lead-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:1rem}.lead-list{padding:0}.lead-pick{width:100%;border:0;border-bottom:1px solid #e2e9df;background:#fff;text-align:left;padding:1.2rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.lead-pick:hover,.lead-pick.active{background:#edf4e7}.lead-pick strong,.lead-pick small{display:block}.lead-pick strong{font-size:.85rem}.lead-pick small{font-size:.68rem;color:#647568}.lead-detail-row{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 0;border-top:1px solid #e2e9df;font-size:.8rem}.lead-detail-row span{color:#6c7d6d}.timeline{border-left:1px solid #8ca78c;margin:1.5rem 0 1.5rem .3rem;padding-left:1rem;font-size:.78rem;color:#617466}.timeline div{position:relative;margin:.8rem 0}.timeline div:before{content:'';position:absolute;left:-1.23rem;top:.4rem;width:.42rem;height:.42rem;border-radius:50%;background:#668368}.inbox-layout{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid var(--line);background:#fff;min-height:480px}.conversation-list{border-right:1px solid var(--line);padding:1.2rem}.conversation-list h2{font:500 1.5rem var(--serif);margin:0 0 1rem}.conversation-list button{width:100%;border:0;background:#eef4e9;text-align:left;padding:.9rem;font-size:.8rem}.conversation-list small{display:block;font-size:.68rem;color:#617466;margin-top:.3rem}.conversation{display:flex;flex-direction:column}.conversation-head{padding:1rem 1.2rem;border-bottom:1px solid var(--line);font-weight:700}.conversation-head small{display:block;font-weight:400;color:#687969}.messages{padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;flex:1;max-height:350px;overflow:auto}.bubble{max-width:75%;padding:.8rem .95rem;border-radius:0 12px 12px 12px;background:#edf2eb;font-size:.82rem}.bubble.outgoing{align-self:flex-end;background:#ddefbc;border-radius:12px 0 12px 12px}.composer{border-top:1px solid var(--line);padding:1rem;display:flex;gap:.6rem}.composer input{flex:1;min-width:0;border:1px solid #bdcdbb;padding:.7rem}.retention-signal{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem 0;border-top:1px solid #e2e9df;font-size:.8rem}.retention-signal b{font-weight:600}.retention-signal span{color:#6b7b6e}.draft-box{background:#edf4e8;border:1px solid #b8ccb5;padding:1rem;margin-top:1rem;font-size:.8rem}.draft-box[hidden]{display:none}.draft-box p{color:#405944}.demo-notice{font-size:.7rem;color:#718573;margin-top:1rem}.demo-toast{min-height:1.5rem;color:#446d3f;font-size:.78rem;font-weight:700;margin-top:.8rem}.demo-action-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.2rem}.demo-solo{max-width:1300px;padding:2.5rem 2rem 4rem}.demo-solo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.demo-solo-head h1{font:500 clamp(2.8rem,5vw,5rem)/1 var(--serif);letter-spacing:-.05em;margin:.5rem 0}.demo-solo-head p{color:#657568;max-width:650px;margin:0}.planner-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:1.2rem}.planner-board,.planner-panel{background:#fff;border:1px solid var(--line);padding:1.5rem}.planner-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.planner-toolbar strong{font:500 1.5rem var(--serif)}.planner-toolbar span{font-size:.72rem;color:#687a69}.floor-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;background:#d5ded1;padding:4px;aspect-ratio:1.65}.floor-cell{min-width:0;border:1px solid #d6e0d1;background:#f7faf4;color:#33503b;font-size:.64rem;font-weight:700;padding:.15rem;overflow:hidden}.floor-cell:hover{background:#eaf5d5}.floor-cell.occupied{background:#aac398;border-color:#688a65}.floor-cell.occupied[data-kind="cardio"]{background:#e6d1ad}.floor-cell.occupied[data-kind="mobility"]{background:#cee3d7}.floor-key{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.68rem;color:#617263;margin-top:1rem}.picker-list{display:grid;gap:.6rem}.picker{border:1px solid #cbd9c9;background:#fff;text-align:left;padding:.9rem;display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem}.picker[aria-pressed="true"],.picker:hover{border-color:#688c5c;background:#edf5e4}.picker strong{display:block}.picker small{display:block;font-size:.66rem;color:#6f806e}.planner-panel h2{font:500 1.65rem var(--serif);margin:0 0 1rem}.planner-panel h3{font:500 1.35rem var(--serif);margin:2rem 0 .5rem}.planner-panel p,.planner-panel li{font-size:.77rem;color:#617263;line-height:1.6}.planner-panel ul{padding-left:1.15rem}.planner-count{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1rem 0;margin:1.2rem 0;font-size:.8rem}.planner-count strong{font-size:1.1rem}.intake-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.intake-panel,.queue-panel,.notification-panel{background:#fff;border:1px solid var(--line);padding:1.5rem}.intake-layout h2{font:500 1.7rem var(--serif);margin:0 0 .5rem}.intake-layout p{font-size:.77rem;color:#637466}.intake-form{display:grid;gap:.8rem;margin-top:1.2rem}.intake-form label{display:grid;gap:.35rem;font-size:.7rem;font-weight:700}.intake-form input,.intake-form textarea,.intake-form select{width:100%;padding:.7rem;border:1px solid #c2d0c1;background:#fbfcf9;font-size:.8rem}.queue-entry{border-top:1px solid var(--line);padding:1rem 0}.queue-entry:first-of-type{border-top:0}.queue-entry-head{display:flex;justify-content:space-between;gap:.5rem;align-items:center}.queue-entry strong{font-size:.84rem}.queue-entry p{margin:.45rem 0}.notification-panel{margin-top:1.2rem}.notification-panel ul{list-style:none;padding:0;margin:0}.notification-panel li{border-top:1px solid var(--line);padding:.7rem 0;font-size:.77rem;color:#5d705f}.notification-panel li:first-child{border-top:0}
@media(max-width:900px){.demo-app{grid-template-columns:1fr}.demo-side{min-height:auto;flex-direction:row;align-items:center;gap:1rem;padding:.6rem 1rem;overflow:auto}.demo-side-head,.demo-side-footer{display:none}.demo-side button{width:auto;white-space:nowrap}.demo-layout,.planner-layout{grid-template-columns:1fr}.demo-solo-head{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.demo-top{padding:0 1rem}.demo-top-right small{display:none}.demo-banner{padding:.7rem 1rem;display:block}.demo-banner b{display:block;margin-bottom:.25rem}.demo-main{padding:2rem 1rem}.demo-grid,.lead-layout,.intake-layout{grid-template-columns:1fr}.inbox-layout{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line)}.demo-solo{padding:2rem 1rem}.floor-grid{aspect-ratio:1;gap:2px}.floor-cell{font-size:.5rem}.planner-board,.planner-panel{padding:1rem}.planner-toolbar{align-items:flex-start;flex-direction:column}}

.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.demo-side button,.demo-button,.lead-pick strong,.planner-panel p,.planner-panel li,.intake-form input,.intake-form textarea,.intake-form select{font-size:.875rem}.intake-form label,.planner-toolbar span,.demo-panel p,.demo-list-item strong,.demo-list-item span{font-size:.8rem}.demo-tag,.demo-stat small,.demo-card small,.demo-panel small,.planner-panel small,.intake-panel small,.queue-panel small,.notification-panel small{font-size:.7rem}.floor-cell{font-size:.68rem}

.planner-toolbar strong,.planner-toolbar span{display:block}@media(max-width:650px){.demo-side{display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:visible;padding:.35rem}.demo-side button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;font-size:.7rem;padding:.5rem .2rem;text-align:center}.demo-side button span{width:auto;font-size:.9rem}}

.demo-main .view-title{font:500 clamp(2.7rem,4vw,4.5rem)/1 var(--serif);letter-spacing:-.05em;margin:.6rem 0}