.landing-shell .demo-client{grid-template-columns:140px minmax(430px,1fr) 140px;gap:22px}.landing-shell .demo-client.selected{background:#f8f9f3}.landing-shell .demo-client-risk{background:#fff8f3;border-left:4px solid var(--rust)}.landing-shell .demo-person{border:0;background:transparent;color:var(--ink);padding:0;text-align:left}.landing-shell .demo-person:hover b{text-decoration:underline}.landing-shell .demo-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.landing-shell .demo-day{min-height:68px;border:1px solid #dce2d9;border-radius:8px;background:#f5f5f0;color:#718076;display:flex;flex-direction:column;align-items:center;justify-content:center}.landing-shell .demo-day b{font:700 9px 'DM Mono',monospace}.landing-shell .demo-day em{font-style:normal;font-size:20px;font-weight:800}.landing-shell .demo-day small{font-size:8px}.landing-shell .demo-day.attended{background:#e6f0e8;border-color:#b9d0bd;color:#1f5940}.landing-shell .demo-day.missed{background:#f7e5dc;border-color:#dfb8a9;color:#a64e36}.landing-shell .demo-day:hover{transform:translateY(-2px);box-shadow:0 5px 12px #213c2a14}.landing-shell .demo-story{padding:20px 25px 0;display:flex;align-items:center;justify-content:center;gap:13px}.landing-shell .demo-story>i{font-style:normal;color:#9ba69e}.landing-shell .demo-story-step{display:flex;align-items:center;gap:8px;color:#8b978f;font-size:11px;font-weight:700}.landing-shell .demo-story-step b{width:25px;height:25px;border:1px solid #cfd6ce;border-radius:50%;display:grid;place-items:center;font:700 9px 'DM Mono',monospace}.landing-shell .demo-story-step.active{color:#1f5940}.landing-shell .demo-story-step.active b{background:#1f5940;color:#fff;border-color:#1f5940}.landing-shell .demo-checkin>div>span{font:700 10px 'DM Mono',monospace;letter-spacing:1px;color:#a04f36}.landing-shell .demo-checkin strong{display:block;margin-top:7px;font:400 24px 'DM Serif Display',serif}.landing-shell .demo-checkin p{margin-bottom:0}
@media(max-width:900px){.landing-shell .demo-client{grid-template-columns:1fr 125px}.landing-shell .demo-week{grid-column:1/-1;grid-row:2}.landing-shell .demo-story{flex-wrap:wrap}.landing-shell .demo-story>i{display:none}}
@media(max-width:760px){.landing-shell .demo-section{padding:0 14px}.landing-shell .demo-heading h2{font-size:40px}.landing-shell .demo-heading>p{font-size:16px}.landing-shell .demo-workspace>header{padding:17px}.landing-shell #demo-reset{min-height:44px;font-size:13px}.landing-shell .demo-client{grid-template-columns:1fr auto;padding:20px 14px;gap:16px}.landing-shell .demo-person>span{width:46px;height:46px}.landing-shell .demo-person b{font-size:16px}.landing-shell .demo-signal{font-size:13px;text-align:right}.landing-shell .demo-signal small{font-size:10px}.landing-shell .demo-week{gap:3px}.landing-shell .demo-day{min-width:0;min-height:72px;padding:4px 1px}.landing-shell .demo-day b{font-size:8px}.landing-shell .demo-day em{font-size:22px}.landing-shell .demo-day small{font-size:7px}.landing-shell .demo-story{padding:18px 14px 4px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.landing-shell .demo-story-step{font-size:10px}.landing-shell .demo-story-step b{width:27px;height:27px}.landing-shell .demo-hint{padding:18px 15px;font-size:14px}.landing-shell .demo-checkin{padding:20px 16px}.landing-shell .demo-checkin strong{font-size:23px}.landing-shell .demo-checkin p{font-size:15px}.landing-shell .demo-checkin .primary-btn{width:100%;min-height:51px}}