.demo-intro{background:var(--v-bg);padding:100px 0 72px}.demo-intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.demo-intro h1{font-size:clamp(3.5rem,7vw,6rem)!important;line-height:.98!important;margin:25px 0!important;letter-spacing:-.06em}.demo-intro h1 em,.demo-cta h2 em{color:var(--v-accent);font-family:Georgia,serif;font-weight:400}.demo-intro p{max-width:620px;color:var(--v-muted);font-size:17px!important;line-height:1.8!important}.demo-intro-actions{display:flex;align-items:center;gap:26px;margin-top:30px;flex-wrap:wrap}.demo-intro-actions .button{border:0;cursor:pointer}.demo-summary-card{padding:26px;background:var(--v-surface);border:1px solid var(--v-line);border-radius:16px;box-shadow:0 18px 42px #172c3b0c}.demo-sim-label{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:40px;background:var(--v-soft);font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--v-ink)}.demo-sim-label i{width:7px;height:7px;background:#708d79;border-radius:50%}.demo-customer{display:flex;align-items:center;gap:14px;padding:26px 0;border-bottom:1px solid var(--v-line)}.demo-avatar{display:grid;place-items:center;flex:0 0 42px;height:42px;border-radius:50%;background:#738faa;color:white;font-size:12px;font-weight:700}.demo-customer div>*{display:block}.demo-customer small,.demo-card-heading small{font-size:8px!important;letter-spacing:.12em;color:var(--v-muted)}.demo-customer strong{font-size:15px;margin:5px 0}.demo-customer span:not(.demo-avatar){font-size:11px;color:var(--v-muted)}.demo-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:20px 0}.demo-summary-stats div{display:grid;gap:5px}.demo-summary-stats strong{font-size:14px;color:var(--v-ink)}.demo-summary-stats small{font-size:9px;color:var(--v-muted)}.demo-reset{border:0;background:none;padding:8px 0;color:var(--v-accent);font-size:11px;font-weight:600;cursor:pointer}.demo-workspace-section{padding:75px 0 100px;background:#f0f3f5;border-block:1px solid var(--v-line)}.demo-journey-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.demo-journey-heading h2{font-size:clamp(2rem,4vw,3rem)!important;margin:13px 0 0!important}.demo-journey-heading p{max-width:380px;color:var(--v-muted);font-size:13px!important;margin:0 0 5px}.demo-progress{background:var(--v-surface);padding:18px 24px 12px;border:1px solid var(--v-line);border-radius:13px 13px 0 0}.demo-progress-track{height:3px;background:var(--v-soft);border-radius:5px;overflow:hidden}.demo-progress-track span{display:block;width:0;height:100%;background:#738faa;transition:width .25s ease}.demo-stage-list{display:flex;justify-content:space-between;gap:8px;padding:13px 0 0;margin:0;list-style:none}.demo-stage-list li{display:grid;gap:6px;justify-items:center;color:#80909b;min-width:42px}.demo-stage-list li>span{font-size:9px;font-weight:700}.demo-stage-list small{font-size:8px}.demo-stage-list .is-current,.demo-stage-list .is-complete{color:#536f86}.demo-stage-nav{padding:8px 14px;margin:0;list-style:none}.demo-app{display:grid;grid-template-columns:255px 1fr;min-height:610px;background:var(--v-surface);border:1px solid var(--v-line);border-top:0;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 20px 50px #233d4b0c}.demo-sidebar{display:flex;flex-direction:column;background:#263744;color:#f0f4f6}.demo-workspace-brand{display:flex;align-items:center;gap:10px;padding:23px 18px;border-bottom:1px solid #ffffff1b}.demo-brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#738faa;color:white;font-weight:700}.demo-workspace-brand strong,.demo-workspace-brand small{display:block}.demo-workspace-brand strong{font-size:11px}.demo-workspace-brand small{color:#bdcbd4;font-size:8px;margin-top:4px}.demo-nav-label{padding:24px 19px 9px;color:#afbdc6;font-size:8px;letter-spacing:.14em;font-weight:700}.demo-stage-nav li button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 9px;text-align:left;color:#d3dde3;background:transparent;border:0;border-radius:7px;font-size:11px;cursor:pointer}.demo-stage-nav li button:hover:not(:disabled),.demo-stage-nav li.is-current button{background:#ffffff17;color:#fff}.demo-stage-nav li button:disabled{opacity:.4}.demo-nav-number{display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff4a;border-radius:50%;font-size:8px}.demo-stage-nav li.is-complete .demo-nav-number{background:#738faa;border-color:#738faa}.demo-nav-state{margin-left:auto;color:#b9cbd6;font-size:8px}.demo-sidebar-note{display:flex;gap:9px;align-items:start;margin:auto 16px 17px;padding:11px;background:#ffffff10;border-radius:8px;color:#cfdae0}.demo-sidebar-note span{font-size:12px}.demo-sidebar-note p{font-size:9px!important;line-height:1.5!important;margin:0!important;color:inherit!important}.demo-main{padding:30px 34px;min-width:0}.demo-main-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--v-line)}.demo-stage-count{font-size:8px;font-weight:700;letter-spacing:.13em;color:var(--v-accent)}.demo-main-top h2{font-size:22px!important;margin:8px 0 0!important;letter-spacing:-.03em}.demo-stage-status,.demo-status-pill{display:inline-block;padding:7px 10px;border-radius:30px;background:var(--v-soft);color:#587189;font-size:9px!important;font-weight:600;white-space:nowrap}.demo-status-pill.is-done{background:#e7f0e9;color:#4a7057}.demo-stage-content{min-height:430px;padding:24px 0}.demo-content-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(180px,.75fr);gap:24px;align-items:start}.demo-chat-card,.demo-info-card,.demo-crm-card,.demo-booking-card,.demo-quote-card,.demo-job-card,.demo-invoice-card,.demo-review-card,.demo-followup-card{padding:20px;background:#fff;border:1px solid var(--v-line);border-radius:11px}.demo-chat-top,.demo-card-heading,.demo-quote-top{display:flex;align-items:center;gap:11px;min-height:43px}.demo-chat-top div strong,.demo-chat-top div small,.demo-card-heading div strong,.demo-card-heading div small,.demo-quote-top div strong,.demo-quote-top div small{display:block}.demo-chat-top strong,.demo-card-heading strong,.demo-quote-top strong{font-size:12px;color:var(--v-ink);margin-top:3px}.demo-chat-top small{color:var(--v-muted);font-size:9px}.demo-channel-tag{margin-left:auto;font-size:8px;font-weight:700;color:var(--v-accent);padding:6px 8px;background:#eef2f5;border-radius:5px}.demo-chat-bubble{padding:14px 15px;margin:19px 0 16px;background:#eef2f5;border-radius:3px 12px 12px 12px;color:#334654;font-size:12px!important;line-height:1.7!important;overflow-wrap:anywhere}.demo-field-label{display:block;font-size:9px;color:var(--v-muted);font-weight:600;margin-bottom:7px}.demo-chat-card textarea{width:100%;min-height:78px;resize:vertical;padding:11px;border:1px solid var(--v-line);border-radius:7px;color:var(--v-ink);background:var(--v-surface);font:inherit;font-size:11px;line-height:1.5}.demo-chat-note,.demo-safe-note{font-size:9px;color:var(--v-muted);line-height:1.6;margin-top:8px}.demo-explain{padding:8px 0}.demo-step-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#e6edf2;color:#56738b;font-size:10px;font-weight:700}.demo-explain h3{font-size:14px!important;margin:13px 0 7px!important;color:var(--v-ink)}.demo-explain p,.demo-booking-card>p,.demo-job-card>p,.demo-invoice-card>p{font-size:10px!important;line-height:1.7!important;color:var(--v-muted);margin:0 0 13px!important}.demo-flow-pill{display:flex;align-items:center;gap:9px;color:#557188;font-size:8px;font-weight:600}.demo-action{margin-top:14px;padding:10px 12px;border:1px solid #738faa;border-radius:7px;background:#738faa;color:#fff;font:inherit;font-size:10px;font-weight:600;cursor:pointer;transition:background .15s ease}.demo-action:hover{background:#607d98}.demo-action.is-done{border-color:#cad9ce;background:#edf4ef;color:#456a52}.demo-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:19px 0;border-bottom:1px solid var(--v-line)}.demo-record-cell{display:grid;gap:4px;min-width:0}.demo-record-cell small{font-size:8px;letter-spacing:.08em;color:var(--v-muted)}.demo-record-cell strong{font-size:10px;color:var(--v-ink);overflow-wrap:anywhere}.demo-record-cell span{font-size:8px;color:var(--v-muted)}.demo-info-card .demo-card-heading>.demo-status-pill,.demo-invoice-card .demo-card-heading>.demo-status-pill{margin-left:auto}.demo-inline-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.demo-inline-actions .demo-action{margin:0}.demo-inline-alert{padding:9px;background:#f7eee6;color:#76572e;border-radius:6px;font-size:9px;line-height:1.5}.demo-pipeline-head{display:flex;justify-content:space-between;align-items:center;padding:14px 0 9px;font-size:10px;color:var(--v-ink)}.demo-pipeline-head span{font-size:8px;color:var(--v-muted)}.demo-opportunity-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-top:1px solid var(--v-line)}.demo-opportunity-row>div{flex:1;min-width:0}.demo-opportunity-row strong,.demo-opportunity-row small{display:block}.demo-opportunity-row strong{font-size:9px}.demo-opportunity-row small{font-size:8px;color:var(--v-muted);margin-top:4px}.demo-opportunity-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#738faa}.demo-pipeline-head~.demo-action{width:100%}.demo-booking-card>p{margin-top:11px!important}.demo-slot-list{display:grid;gap:7px}.demo-slot{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:10px;border:1px solid var(--v-line);border-radius:7px;background:var(--v-surface);text-align:left;color:var(--v-ink);font-size:9px;cursor:pointer}.demo-slot span{color:var(--v-accent);font-weight:700}.demo-slot.is-selected{border-color:#738faa;background:#eef2f5}.demo-quote-lines{margin-top:18px;border-block:1px solid var(--v-line)}.demo-quote-lines>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;color:var(--v-muted);font-size:9px}.demo-quote-lines strong{color:var(--v-ink)}.demo-quote-lines .demo-quote-total{border-top:1px solid var(--v-line);color:var(--v-ink);font-weight:700}.demo-quote-disclaimer{font-size:8px;color:var(--v-muted)}.demo-job-stages{list-style:none;padding:0;margin:22px 0;display:flex}.demo-job-stages li{position:relative;display:grid;justify-items:center;gap:8px;flex:1;color:#87959f}.demo-job-stages li:before{content:"";position:absolute;left:50%;right:-50%;height:2px;top:10px;background:var(--v-line)}.demo-job-stages li:last-child:before{display:none}.demo-job-stages li span{position:relative;z-index:1;width:21px;height:21px;border:1px solid var(--v-line);border-radius:50%;background:#fff;display:grid;place-items:center;font-size:9px}.demo-job-stages li strong{font-size:8px}.demo-job-stages li.is-done{color:#55748d}.demo-job-stages li.is-done span{background:#738faa;border-color:#738faa;color:white}.demo-job-card>.demo-action,.demo-review-card>.demo-action,.demo-followup-card>.demo-action{width:100%}.demo-invoice-amount{font-size:34px;font-weight:600;color:var(--v-ink);margin:22px 0 4px}.demo-invoice-amount small{font-size:9px;color:var(--v-muted);font-weight:400}.demo-review-card{text-align:center;padding:28px}.demo-review-stars{color:#b98b45;font-size:17px;letter-spacing:.1em;margin-bottom:14px}.demo-review-card>small,.demo-followup-card>small{font-size:8px;letter-spacing:.12em;color:var(--v-muted)}.demo-review-card h3,.demo-followup-card h3{font-size:16px!important;margin:10px 0!important;color:var(--v-ink)}.demo-review-card p,.demo-followup-card p{font-size:10px!important;line-height:1.7!important;color:var(--v-muted)}.demo-review-url{padding:9px;background:var(--v-soft);border-radius:6px;font-size:8px;color:var(--v-muted);margin:13px 0}.demo-followup-card{text-align:left;padding:24px}.demo-followup-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e6edf2;color:#56738b;font-size:20px;margin-bottom:12px}.demo-followup-card>small{display:block}.demo-followup-timeline{margin:19px 0;padding-left:14px;border-left:1px solid #cbd6de}.demo-followup-timeline div{display:grid;gap:4px;margin:0 0 15px;position:relative}.demo-followup-timeline div:before{content:"";position:absolute;left:-18px;top:3px;width:7px;height:7px;background:#738faa;border-radius:50%}.demo-followup-timeline span{font-size:8px;color:var(--v-muted)}.demo-followup-timeline strong{font-size:9px;color:var(--v-ink)}.demo-footnote{display:flex;align-items:start;gap:11px;padding:18px 20px;margin-top:20px;background:#e6ebee;border-radius:9px;color:#405563}.demo-footnote>span{font-size:13px}.demo-footnote p{font-size:9px!important;line-height:1.65!important;margin:0!important}.demo-footnote strong{color:var(--v-ink)}.demo-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:15px;border-top:1px solid var(--v-line)}.demo-stage-footer>span{font-size:8px;color:var(--v-muted)}.demo-stage-footer>div{display:flex;gap:8px}.demo-back,.demo-next{font:inherit;font-size:9px!important;padding:10px 12px!important}.demo-back{border:1px solid var(--v-line);background:white;border-radius:7px;color:var(--v-ink);cursor:pointer}.demo-back:disabled{opacity:.45;cursor:not-allowed}.demo-next{border:0;cursor:pointer}.demo-notice{padding:9px 11px;margin:12px 0 0;background:#fbf4e6;color:#715a2e;border-radius:6px;font-size:9px}.demo-cta{padding:75px 0;background:#263744;color:#eef3f5}.demo-cta>.container{display:flex;justify-content:space-between;align-items:center;gap:28px}.demo-cta h2{font-size:clamp(2.5rem,5vw,4rem)!important;line-height:1.04!important;margin:17px 0!important;color:#f1f4f5}.demo-cta p{font-size:12px!important;color:#c5d0d7}.demo-cta .button{background:#738faa!important;border-color:#738faa!important;color:#fff!important;white-space:nowrap}
@media(max-width:900px){.demo-intro-grid{grid-template-columns:1fr .8fr;gap:32px}.demo-app{grid-template-columns:205px 1fr}.demo-main{padding:24px}.demo-stage-nav{padding-inline:9px}.demo-stage-nav li button{gap:7px;font-size:10px}.demo-content-grid{grid-template-columns:1fr}.demo-explain{display:grid;grid-template-columns:36px 1fr;column-gap:12px}.demo-explain .demo-step-icon{grid-row:span 2}.demo-explain h3{align-self:end}.demo-explain p{grid-column:2}.demo-safe-note,.demo-flow-pill{grid-column:2}}
@media(max-width:650px){.demo-intro{padding:65px 0 48px}.demo-intro-grid{grid-template-columns:1fr;gap:30px}.demo-intro h1{font-size:clamp(3.1rem,14vw,4.5rem)!important}.demo-intro p{font-size:14px!important}.demo-intro-actions{gap:16px}.demo-summary-card{padding:20px}.demo-workspace-section{padding:50px 0 65px}.demo-journey-heading{display:block}.demo-journey-heading p{margin-top:10px}.demo-progress{padding:13px 10px 8px;overflow:hidden}.demo-stage-list{gap:0}.demo-stage-list li{min-width:0;flex:1}.demo-stage-list small{font-size:7px;white-space:nowrap}.demo-app{display:flex;flex-direction:column}.demo-sidebar{order:1}.demo-workspace-brand{padding:13px 15px}.demo-nav-label,.demo-sidebar-note{display:none}.demo-stage-nav{display:flex;overflow-x:auto;gap:4px;padding:8px}.demo-stage-nav li{flex:0 0 auto}.demo-stage-nav li button{padding:7px;font-size:9px}.demo-stage-nav li button>span:nth-child(2){display:none}.demo-nav-state{display:none}.demo-nav-number{width:23px;height:23px}.demo-main{padding:19px 15px}.demo-main-top h2{font-size:19px!important}.demo-stage-status{font-size:8px!important}.demo-stage-content{min-height:0;padding:18px 0}.demo-chat-card,.demo-info-card,.demo-crm-card,.demo-booking-card,.demo-quote-card,.demo-job-card,.demo-invoice-card,.demo-review-card,.demo-followup-card{padding:15px}.demo-content-grid{gap:13px}.demo-explain{padding:7px 0 0}.demo-stage-footer{align-items:flex-start;flex-direction:column}.demo-stage-footer>div{width:100%;justify-content:space-between}.demo-stage-footer .demo-next{margin-left:auto}.demo-cta>.container{align-items:flex-start;flex-direction:column}.demo-cta{padding:55px 0}.demo-cta h2{font-size:2.8rem!important}.demo-cta .button{width:100%;justify-content:center}.demo-footnote{padding:14px}.demo-stage-list small{max-width:45px;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:650px){.demo-stage-list li>span{display:grid;place-items:center;width:22px;height:22px;border:1px solid #c9d5dd;border-radius:50%;background:#fff;font-size:8px}.demo-stage-list li.is-current>span,.demo-stage-list li.is-complete>span{background:#738FAA;border-color:#738FAA;color:#fff}.demo-stage-list small{display:none}}
.demo-page .demo-avatar,.demo-page .demo-brand-mark{background:#738FAA}.demo-page .demo-reset,.demo-page .demo-stage-count,.demo-page .demo-channel-tag,.demo-page .demo-slot span{color:#738FAA}.demo-page .demo-stage-nav li button:disabled{opacity:1;color:#bdcad2}.demo-page .demo-stage-nav li.is-complete .demo-nav-number{background:#738FAA;border-color:#738FAA}.demo-page .demo-stage-status,.demo-page .demo-status-pill{color:#4b6173}.demo-page .demo-stage-list li{color:#5d6e7b}.demo-page .demo-stage-list li.is-current,.demo-page .demo-stage-list li.is-complete{color:#738FAA}.demo-page .demo-step-icon{color:#4c6a83}.demo-page .demo-action{background:#738FAA;border-color:#738FAA;color:#fff}.demo-page .demo-action:hover{background:#425d78;border-color:#425d78}.demo-page .demo-flow-pill{color:#738FAA}.demo-page .demo-cta .v4-kicker{color:#d0dce4!important}.demo-page .demo-cta p{color:#c7d3da!important}.demo-page .demo-cta .button--primary{background:#738FAA!important;border-color:#738FAA!important}
@media(prefers-reduced-motion:reduce){.demo-progress-track span,.demo-action{transition:none!important}}
.demo-page .demo-stage-nav li.is-complete .demo-nav-number{color:#fff}.demo-page .demo-job-stages li{color:#5d6e7b}.demo-page .demo-followup-icon{color:#4c6a83}
.demo-api-error{padding:12px;margin:12px 0;background:#fff3f1;border:1px solid #d7a59e;border-radius:8px;color:#713b35}.demo-api-error p{margin:0 0 8px;color:inherit;font-size:12px;line-height:1.6}.demo-api-error .demo-action{margin-top:4px}
.demo-page .demo-action:disabled{background:#e4e9ed;border-color:#c5d0d7;color:#52606b;cursor:not-allowed;opacity:1;box-shadow:none;transform:none}.demo-page .demo-action:disabled:hover{background:#e4e9ed;border-color:#c5d0d7;box-shadow:none;transform:none}