.hq-demo{margin:28px 0;padding:22px;border:2px solid #a1b6ae;border-radius:8px;background:#e8eee4;color:#284954;max-width:100%;box-sizing:border-box}.hq-demo-heading{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.hq-demo-heading h3{margin:4px 0 8px;font-size:24px}.hq-demo-heading p{font-size:14px;line-height:1.5;margin:0 0 18px}.hq-demo-status{white-space:nowrap;font-size:12px;font-weight:750;padding:5px 9px;background:#f5dfb2;border-radius:16px}.hq-demo-status.is-online{background:#c4dfc7}.hq-demo-devices{display:grid;grid-template-columns:1.15fr 1fr;gap:16px}.hq-demo-phone,.hq-demo-web{padding:18px;background:#fbfbef;border:1px solid #b6c7ba;border-radius:8px;min-width:0}.hq-demo-date{display:flex;justify-content:space-between;gap:10px;font-size:13px}.hq-demo-meter{height:6px;background:#e0e5d6;border-radius:3px;margin:12px 0;overflow:hidden}.hq-demo-meter>span{display:block;height:100%;background:#568374}.hq-demo-task{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;cursor:pointer}.hq-demo-task input{width:18px;height:18px;accent-color:#376778;flex:none}.hq-demo-task small{margin-left:auto;white-space:nowrap;color:#587168}.hq-demo-sync{font-size:12px;line-height:1.5;margin-top:14px;color:#557364;min-height:36px}.hq-demo-device-label{font-size:10px;letter-spacing:1px;font-weight:750}.hq-demo-web h4{margin:9px 0 15px;font-size:18px}.hq-demo-remote{display:flex;gap:8px;font-size:13px;min-height:35px;align-items:center}.hq-demo-web p,.hq-demo-count{font-size:12px;line-height:1.6;color:#5d736b}.hq-demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px}.hq-demo-actions button{font-size:13px;min-height:40px}.hq-demo-reset{background:none;border:0;text-decoration:underline;color:#476b70;padding:8px}.hq-demo-notice{font-size:13px;line-height:1.5;min-height:20px}.hq-demo-caption{font-size:11px;color:#65786e;line-height:1.5;margin-bottom:0}.hq-demo-actions button:active{background:#f4d66e}.hq-demo-actions button:disabled{opacity:.4;cursor:default}@media(max-width:560px){.hq-demo{padding:14px}.hq-demo-devices{grid-template-columns:1fr}.hq-demo-heading h3{font-size:21px}.hq-demo-phone,.hq-demo-web{padding:14px}.hq-demo-date{flex-wrap:wrap}.hq-demo-task{gap:7px;font-size:13px}}

.hq-demo-meter[data-minutes="0"]>span{width:0.000000%}
.hq-demo-meter[data-minutes="15"]>span{width:16.666667%}
.hq-demo-meter[data-minutes="30"]>span{width:33.333333%}
.hq-demo-meter[data-minutes="45"]>span{width:50.000000%}
.hq-demo-meter[data-minutes="60"]>span{width:66.666667%}
.hq-demo-meter[data-minutes="75"]>span{width:83.333333%}
.hq-demo-meter[data-minutes="90"]>span{width:100.000000%}