.demo-car{width:100%;color:var(--blue)}.demo-workspace{min-height:480px;background:white;color:var(--ink);border:1px solid #b7cbd6;border-radius:12px;padding:28px;box-shadow:0 12px 28px -22px #153e5570;font-size:15px}.demo-workspace h4,.demo-workspace h5{margin:0;color:var(--blue);font-family:var(--font-heading);letter-spacing:-.025em;line-height:1.15}.demo-workspace h4{font-size:27px}.demo-workspace h5{font-size:23px}.demo-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.demo-business{display:block;color:var(--slate);font-size:13px;margin-bottom:6px}.demo-count{padding:5px 11px;border-radius:20px;background:var(--mist);white-space:nowrap;font-size:13px}.demo-stage-caption{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--slate);margin:0 4px 14px}.demo-live-label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--blue)}.demo-live-label:before{content:"";width:7px;height:7px;border-radius:50%;background:#237460}.demo-footnote{margin:14px 4px 0;color:var(--slate);font-size:13px;line-height:1.4}.tour-demo-stage{min-width:0}.tour-copy .tour-hint{font-size:16px;font-weight:600;color:var(--blue);margin-top:20px}.demo-workspace button{touch-action:manipulation}.demo-workspace button:focus-visible{outline-offset:2px}.demo-primary{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:44px;background:var(--blue);color:white;border:1px solid var(--blue);border-radius:5px;padding:10px 16px;font-weight:600;font-size:15px}.demo-primary:hover{background:#24566f}.demo-muted{color:var(--slate);font-size:13px;line-height:1.45}.demo-segments{display:flex;gap:5px}.demo-segments button{flex:1 1;border:1px solid var(--edge);background:white;padding:9px 10px;min-height:42px;border-radius:5px;font-size:13px;white-space:nowrap}.demo-days button[aria-pressed=true],.demo-segments button[aria-pressed=true]{color:var(--blue);background:#e1eef4;border-color:#7297ad;box-shadow:inset 0 0 0 1px #7297ad}.demo-days button:hover,.demo-segments button:hover{border-color:var(--blue)}.demo-search{display:flex;align-items:center;gap:10px;border:1px solid var(--edge);border-radius:5px;padding:0 12px;margin-bottom:20px;color:var(--slate)}.demo-search input{border:0;background:transparent;width:100%;min-width:0;padding:10px 0;font-size:14px;color:var(--ink)}.demo-search input::placeholder{color:var(--slate)}.demo-search:focus-within{outline:2px solid #327ca4;outline-offset:2px}.demo-search input:focus-visible{outline:0}.garage-split{display:grid;grid-template-columns:1fr 1.15fr;grid-gap:24px;gap:24px}.demo-customer-list button,.repeat-list button{display:flex;width:100%;align-items:center;gap:10px;text-align:left;border:1px solid transparent;border-radius:6px;background:transparent;padding:14px 9px;margin-bottom:5px}.demo-customer-list button[aria-pressed=true],.repeat-list button[aria-pressed=true]{background:var(--mist);border-color:var(--edge)}.demo-customer-list button:hover,.repeat-list button:hover{background:#f3f7f9}.customer-initial{display:flex;align-items:center;justify-content:center;flex:0 0 33px;width:33px;height:33px;border-radius:50%;background:#dce9ef;color:var(--blue);font-size:11px;font-weight:600}.demo-customer-list strong,.repeat-list strong{display:block;font-size:14px;font-weight:600}.demo-customer-list small,.repeat-list small{display:block;font-size:12px;color:var(--slate)}.customer-chevron{margin-left:auto;font-size:22px;color:var(--slate)}.demo-empty{padding:16px 8px;color:var(--slate);font-size:14px}.car-record{border-left:1px solid var(--edge);padding-left:24px}.car-record-title{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:11px;color:var(--slate)}.demo-plate{border:1px solid #a2b5c1;border-radius:3px;padding:2px 5px;font-weight:600;color:var(--ink);white-space:nowrap}.car-record .demo-car{height:123px}.car-record>p{color:var(--slate);font-size:13px;margin-top:4px}.car-stats{display:flex;gap:30px;margin:18px 0}.car-stats dt{color:var(--slate);font-size:12px}.car-stats dd{margin:0;font-size:21px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.visit-note{display:flex;gap:10px;padding-top:15px;border-top:1px solid var(--edge)}.visit-dot{flex:0 0 7px;height:7px;border-radius:50%;background:#237460;margin-top:7px}.visit-note strong{font-size:13px}.visit-note small{display:block;color:var(--slate);font-size:11px;margin-top:2px}.visit-note p{margin-top:8px;color:var(--slate);font-size:12px}.demo-seal{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;color:white;background:var(--blue);font-family:var(--font-heading);font-size:23px;letter-spacing:-.06em}.booking-config{display:grid;grid-template-columns:.85fr 1.15fr;grid-gap:26px;gap:26px;align-items:center}.booking-vehicle{align-self:stretch;display:flex;flex-direction:column;justify-content:center;background:#f2f6f8;padding:12px;border-radius:7px;text-align:center}.booking-vehicle .demo-car{margin:8px 0 22px}.booking-vehicle h5{font-size:23px}.booking-vehicle p{margin-top:10px;color:var(--slate);font-size:12px}.booking-options fieldset{padding:0;margin:0 0 18px;border:0;min-width:0}.booking-options fieldset:last-child{margin-bottom:0}.booking-options legend{font-size:13px;font-weight:600;margin-bottom:9px}.demo-days{display:flex;gap:8px}.demo-days button{flex:1 1;display:grid;grid-gap:4px;gap:4px;min-height:68px;border:1px solid var(--edge);background:white;border-radius:5px;padding:8px}.demo-days span{font-size:12px}.demo-days strong{font-size:22px;font-weight:600;line-height:1.1}.booking-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--edge);margin-top:25px;padding-top:20px}.booking-bottom>div{display:grid}.booking-bottom>div>span{color:var(--slate);font-size:12px}.booking-bottom strong{font-family:var(--font-heading);font-size:30px;letter-spacing:-.04em;color:var(--blue)}.demo-confirmation{min-height:358px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px}.confirmation-check{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#e3f1e9;color:#1b6b4b}.demo-confirmation h5{font-size:28px}.demo-confirmation>p{font-size:15px}.demo-confirmation .demo-muted{font-size:13px}.repeat-split{display:grid;grid-template-columns:1fr 1.15fr;grid-gap:24px;gap:24px}.repeat-list button{padding-block:18px}.repeat-list .due-time{margin-top:7px;color:#8a5625;font-size:11px}.message-preview{padding:18px;border-radius:8px;background:#f2f6f8}.message-recipient{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;padding-bottom:17px;border-bottom:1px solid var(--edge)}.message-recipient>span:last-child{width:100%;color:var(--slate);font-size:11px}.message-bubble{background:#dfeaf1;color:var(--blue);border-radius:12px 12px 3px 12px;padding:17px;font-size:14px;line-height:1.55;margin:20px 0 12px;animation:message-arrive .18s ease-out}.message-booking-card{display:flex;gap:10px;background:white;padding:13px;border-radius:5px;margin-bottom:18px}.message-booking-card .demo-seal{width:30px;height:30px;flex-basis:30px;font-size:17px}.message-booking-card strong{font-size:13px}.message-booking-card div>span,.message-booking-card p{font-size:11px;color:var(--slate)}.message-booking-card div>span{display:block;margin-top:8px}.money-demo .demo-heading{margin-bottom:28px}.money-summary{display:flex;justify-content:space-between;gap:20px;align-items:center}.money-summary>div{display:grid}.money-summary small,.money-summary span{font-size:12px;color:var(--slate)}.money-summary strong{color:var(--blue);font-family:var(--font-heading);font-size:53px;line-height:1.2;letter-spacing:-.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.money-outstanding{padding-left:22px;border-left:1px solid var(--edge)}.money-outstanding strong{font-size:29px;color:#8a5625;margin-block:5px}.money-chart{display:flex;align-items:stretch;gap:12px;height:161px;margin-top:22px}.money-chart button{border:0;padding:0;background:none;flex:1 1;min-width:0;display:flex;flex-direction:column;gap:9px;align-items:center;color:var(--slate);font-size:12px}.chart-bar-track{height:132px;display:flex;align-items:flex-end;width:100%;border-bottom:1px solid var(--edge)}.chart-bar{width:100%;background:#a8c4d4;border-radius:4px 4px 0 0;transition:height .25s ease,background-color .15s}.money-chart button:hover .chart-bar,.money-chart button[aria-pressed=true] .chart-bar{background:var(--blue)}.money-chart button[aria-pressed=true]{color:var(--blue);font-weight:600}.chart-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:var(--slate)}.chart-caption strong{font-size:17px;color:var(--blue);margin-left:7px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.payment-methods{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin:20px 0 0;border-top:1px solid var(--edge);padding-top:17px}.payment-methods dt{display:flex;align-items:center;gap:6px;color:var(--slate);font-size:12px}.payment-methods dd{margin:5px 0 0;font-size:19px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.method-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.card-dot{background:var(--blue)}.bank-dot{background:#6b94ac}.cash-dot{background:#237460}.hero-visual .hero-booking{width:244px;bottom:-25px}@keyframes message-arrive{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.demo-workspace{padding:22px}.garage-split,.repeat-split{gap:14px;grid-template-columns:1fr 1fr}.car-record{padding-left:14px}.demo-customer-list .customer-initial,.repeat-list .customer-initial{display:none}.booking-config{grid-template-columns:.75fr 1.25fr;gap:15px}.demo-segments button{padding-inline:8px;font-size:12px}.demo-heading h4{font-size:24px}.message-preview{padding:14px}.message-bubble{padding:13px}}@media (min-width:721px) and (max-width:900px){.demo-workspace{padding:28px}.demo-customer-list .customer-initial,.repeat-list .customer-initial{display:flex}.garage-split,.repeat-split{grid-template-columns:1fr 1.2fr;gap:24px}.tour-copy .tour-hint{grid-column:2}}@media (max-width:720px){.hero-visual .hero-booking{width:205px}.hero-booking figcaption{font-size:11px}.demo-workspace{padding:20px;min-height:0}.demo-heading{margin-bottom:20px;gap:10px}.demo-heading h4{font-size:24px}.demo-business,.demo-footnote,.demo-stage-caption{font-size:12px}.garage-split{grid-template-columns:1fr;gap:18px}.demo-customer-list{display:flex;gap:6px}.demo-customer-list button{flex:1 1;padding:10px 7px;margin:0;align-items:flex-start}.demo-customer-list strong{font-size:12px;line-height:1.3}.demo-customer-list small{font-size:10px;margin-top:5px}.demo-customer-list .customer-chevron{display:none}.car-record{border-left:0;border-top:1px solid var(--edge);padding:18px 0 0}.car-record .demo-car{height:136px}.car-stats{margin-block:15px}.visit-note p{font-size:13px}.booking-config{grid-template-columns:1fr;gap:20px}.booking-vehicle{display:grid;grid-template-columns:1fr 1fr;text-align:left;align-items:center;grid-column-gap:12px;column-gap:12px;padding:8px 12px}.booking-vehicle .demo-car{grid-row:1/3;margin:0}.booking-vehicle h5{font-size:19px;align-self:end}.booking-vehicle p{margin-top:4px;font-size:11px;align-self:start}.demo-days button{min-height:60px}.booking-bottom{margin-top:20px;padding-top:17px}.booking-bottom .demo-primary{padding-inline:12px;gap:8px;font-size:13px}.booking-bottom strong{font-size:27px}.demo-confirmation{min-height:430px}.repeat-split{grid-template-columns:1fr;gap:20px}.repeat-list{display:flex;gap:6px}.repeat-list button{padding:11px 8px;align-items:flex-start;flex:1 1;margin:0}.repeat-list strong{font-size:13px}.repeat-list small{font-size:10px}.repeat-list .customer-chevron{display:none}.repeat-list .due-time{font-size:10px}.message-preview{padding:19px}.message-recipient>span:last-child{margin-left:auto;width:auto}.message-booking-card{padding:15px}.money-demo .demo-heading{flex-wrap:wrap;gap:17px}.money-demo .demo-segments{width:100%}.money-summary{gap:12px}.money-summary strong{font-size:44px}.money-outstanding{padding-left:15px}.money-outstanding strong{font-size:25px}.money-summary small,.money-summary span{font-size:11px}.money-chart{gap:9px}.chart-caption{font-size:11px}.payment-methods{gap:8px}.payment-methods dt{font-size:11px;gap:4px}.payment-methods dd{font-size:17px}}@media (max-width:374px){.demo-workspace{padding:16px}.demo-heading h4{font-size:22px}.demo-count{font-size:11px;padding-inline:8px}.demo-customer-list{gap:3px}.demo-customer-list button{padding-inline:5px}.money-summary strong{font-size:39px}.money-outstanding strong{font-size:24px}.money-chart{gap:6px}.payment-methods dt{font-size:10px}}@media (prefers-reduced-motion:reduce){.chart-bar,.message-bubble{animation:none;transition:none}}