.demo-entry{border-top:1px solid var(--line);margin:25px 0 15px;padding-top:18px;display:flex;gap:10px;flex-wrap:wrap;font-size:12px}.demo-entry>span{width:100%;color:var(--muted);font-size:11px}.demo-entry a{border:1px solid var(--line);border-radius:9px;padding:12px;flex:1;text-align:center}.demo-bar{background:#d5efaa;color:#203224;padding:10px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:21;font-size:11px}.demo-bar span{display:block;font-size:10px;opacity:.8}.demo-bar>div:last-child{display:flex;align-items:center;gap:10px}.demo-bar .secondary,.demo-bar .text-button{min-height:35px;padding:7px 11px;font-size:10px;color:#203224}.has-demo .rail{top:0}.social-logins{display:flex;gap:8px;margin:18px 0 0}.social-logins button{flex:1;padding:12px 5px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--muted);cursor:default}.gym-banner{position:relative;min-height:300px}.gym-banner .banner-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.43)}.gym-banner>div{z-index:1;position:relative;max-width:600px}.gym-banner h1{font-size:clamp(30px,4vw,50px);letter-spacing:-.055em}.gym-banner p{font-size:14px!important}.gym-tools{margin:15px 0 22px}.overdue-summary{margin-top:20px;border-left:3px solid #cc9b58}.overdue-summary>.section-head strong{font-size:25px;font-weight:500;white-space:nowrap}.overdue{color:#a95532;background:#fff0de;border-color:#edc496!important}.biz-tabs{margin-bottom:23px}.inline-form{display:flex;align-items:flex-end;gap:18px;margin-top:25px}.inline-form label{flex:1;max-width:450px;margin-bottom:0}.inline-form button{white-space:nowrap}.kanban{display:flex;gap:14px;overflow-x:auto;padding:0 0 20px;scroll-snap-type:x proximity;min-height:430px}.kanban-column{background:var(--soft);border:1px solid var(--line);border-radius:15px;min-width:265px;flex:1;padding:15px;scroll-snap-align:start}.kanban-column>header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 16px}.kanban-column>header h3{font-size:14px;letter-spacing:-.02em}.kanban-column>header span{background:var(--paper);padding:3px 8px;border-radius:15px;font-size:11px}.crm-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:12px;cursor:grab;box-shadow:0 5px 10px #10201404}.crm-card:active{cursor:grabbing}.crm-card h3{font-size:16px;overflow-wrap:anywhere}.crm-card>.eyebrow{font-size:8px}.crm-card p:not(.eyebrow){font-size:11px;color:var(--muted);margin:14px 0}.crm-card .badge{font-size:8px;margin:7px 0}.crm-card select{min-height:40px;padding:7px;font-size:11px;margin:10px 0}.crm-card .actions{justify-content:space-between;gap:5px}.crm-card .text-button{font-size:10px;padding:3px;min-height:35px}.kanban-empty{padding:25px 5px;text-align:center;color:var(--muted);font-size:11px}.copy-id{background:none;border:1px dashed var(--line);border-radius:7px;padding:8px 10px;margin-top:8px;cursor:copy;font-family:monospace;font-size:11px;color:var(--ink);max-width:100%;overflow-wrap:anywhere}.copy-id:hover{background:var(--soft)}.exercise-gain{display:flex;align-items:center;gap:12px;margin:14px 0 2px;padding:10px 13px;background:var(--soft);border-radius:9px;font-size:12px}.exercise-gain>span{font-weight:600}.exercise-gain>strong{margin-left:auto;white-space:nowrap;font-size:11px}.exercise-gain small{font-size:9px;color:var(--muted)}.creation-options{display:grid;gap:14px}.creation-options button{display:flex;align-items:flex-start;flex-direction:column;gap:8px;text-align:left}.creation-options span{font-size:12px;color:var(--muted);font-weight:400}.xp-panel{background:linear-gradient(135deg,var(--paper),var(--soft))}.xp-medal{display:grid;place-items:center;width:65px;height:65px;border:1px solid #a3bd7c;border-radius:50%;color:#91ac64;font-size:33px}.xp-panel progress{margin:13px 0}.xp-panel .toggle{margin:15px 0 25px;font-size:12px}.rank-row{display:flex;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.rank-row>div{flex:1}.rank-row>div b{font-size:13px}.rank-row small{display:block;font-size:10px;color:var(--muted)}.rank-row>strong{font-size:12px;white-space:nowrap}.rank-row>b{font-weight:400;color:var(--muted);font-size:12px}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.pricing-cards>article{padding:22px;border:1px solid var(--line);border-radius:14px}.pricing-cards h3{font-size:22px;letter-spacing:-.04em}.pricing-cards h3 small{font-size:10px;color:var(--muted)}.pricing-cards p:not(.eyebrow){font-size:11px;color:var(--muted);margin:15px 0}.pricing-cards button{width:100%;font-size:11px;padding:10px}.integration-list>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:15px 0;gap:15px}.integration-list b{font-size:12px}.integration-list .badge{margin:0;font-size:8px}.integration-list{margin:20px 0}.owner-panel{border-color:#9db970}.qr-frame{text-align:center;background:white;padding:15px;border-radius:13px;margin:20px auto;max-width:260px}.qr-frame svg{display:block;width:100%;height:auto}.space-top{margin-top:28px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.gym-checkin{margin-top:20px}.gym-checkin button{font-size:11px}.owner-panel .form-grid label{font-size:11px}
@media(max-width:800px){.demo-bar{padding:10px 15px;align-items:flex-start;gap:8px}.demo-bar span{max-width:160px}.demo-bar>div:last-child{flex-direction:column;gap:0}.demo-bar .text-button{padding:2px;min-height:25px;font-size:9px}.demo-bar .secondary{font-size:9px}.pricing-cards{grid-template-columns:1fr}.pricing-cards>article{padding:20px}.kanban-column{min-width:260px}.inline-form{display:block}.inline-form button{margin-top:15px}.exercise-gain{flex-wrap:wrap;gap:5px 12px}.exercise-gain small{flex-basis:100%;font-size:9px}.overdue-summary>.section-head strong{font-size:23px}.overdue-summary .line-info{align-items:flex-start;flex-wrap:wrap}.overdue-summary .line-info button{width:100%}.gym-banner h1{font-size:31px;max-width:240px}.gym-banner p{max-width:250px!important}.rank-row{gap:9px}.rank-row .avatar{width:32px;height:32px;font-size:13px}.rank-row>div b{font-size:11px}.rank-row>strong{font-size:10px}.gym-tools{gap:7px}.gym-tools button{font-size:10px;padding:10px;flex:1}.integration-list{font-size:10px}}
html,body{overflow-x:clip}.kanban{max-width:100%;contain:inline-size}.demo-bar label{margin:0;max-width:260px;font-size:10px}.demo-bar select{font-size:11px;padding:8px;min-height:36px}.has-demo .rail{height:100dvh}
.crm-card{position:relative}