.demo-page{--demo-ink:#252d42;--demo-muted:#626c81;--demo-line:#dce3ef;--demo-blue:#245bd6;color:var(--demo-ink);background:radial-gradient(at 4% 8%,#cbdcff 0,#0000 46%),radial-gradient(at 96% 30%,#e0d5fa 0,#0000 43%),radial-gradient(at 68% 100%,#cdebe4 0,#0000 44%),#edf1f8}.demo-page-heading .demo-text-button{color:#425677}.demo-page-heading>span{color:#586586}.demo-page-heading>span svg{color:#6758b4}.demo-page-heading>a:last-child{color:#244faa;background:#ffffffb8;border:1px solid #ffffffd9;border-radius:99px;padding:8px 15px;font-weight:600;box-shadow:0 3px 12px #354c7710}.demo-page .product-demo{--product-border:var(--demo-line);--success-ink:#166448;--success-surface:#eaf8f1;--success-border:#b9e2d0;--view-accent:#245bd6;--view-soft:#eaf1ff;--view-border:#c4d6fb;color:var(--demo-ink);background:#ffffffd9;border:1px solid #ffffffed;border-radius:18px;box-shadow:0 26px 80px #39496c20,0 3px 12px #39496c0c}.demo-page [data-demo-view=customers]{--view-accent:#7044b8;--view-soft:#f2ecfc;--view-border:#dfcef5}.demo-page [data-demo-view=appointments]{--view-accent:#b9444f;--view-soft:#fff0ef;--view-border:#f4ccd0}.demo-page [data-demo-view=reviews]{--view-accent:#946000;--view-soft:#fff7e4;--view-border:#efdaad}.demo-page [data-demo-view=automations]{--view-accent:#0c7280;--view-soft:#e8f7fa;--view-border:#b7dfe7}.demo-page [data-demo-view=repairs]{--view-accent:#187454;--view-soft:#eaf8ef;--view-border:#bee4cf}.demo-page .demo-window-bar{color:#63708a;background:#f8faffcc;border-color:#dce3ee}.demo-page .demo-window-bar i{width:8px;height:8px;box-shadow:inset 0 0 0 1px #00000009}.demo-page .demo-window-bar i:first-child{background:#f17e80}.demo-page .demo-window-bar i:nth-child(2){background:#ecc16b}.demo-page .demo-window-bar i:nth-child(3){background:#6fc4a2}.demo-page .demo-window-bar a,.demo-page .replay-entrance{color:#586981}.demo-page .replay-entrance{border-color:#d3dcec}.demo-page .demo-sidebar{background:linear-gradient(160deg,#edf2ffed 0%,#f0eef9e6 57%,#edf7f5e8 100%);border-color:#dce3ef}.demo-page .demo-brand{color:#303950}.demo-page .demo-brand svg{color:#6960b4}.demo-page .demo-store small,.demo-page .demo-owner small{color:var(--demo-muted)}.demo-page .store-monogram{color:#fff;background:linear-gradient(145deg,#5b71c4,#8770b4 58%,#b18ba6);border:1px solid #ffffffa6;border-radius:9px;box-shadow:0 3px 9px #7064ab25}.demo-page .demo-sidebar nav{gap:5px}.demo-page .demo-sidebar nav button{--nav-color:#245bd6;--nav-soft:#e1ebff;color:#4c576e;border-radius:10px;gap:11px;min-height:45px;padding:9px 10px}.demo-page .demo-sidebar [data-section=customers]{--nav-color:#7044b8;--nav-soft:#eadffc}.demo-page .demo-sidebar [data-section=appointments]{--nav-color:#b9444f;--nav-soft:#ffe0e2}.demo-page .demo-sidebar [data-section=reviews]{--nav-color:#946000;--nav-soft:#ffedbd}.demo-page .demo-sidebar [data-section=automations]{--nav-color:#0c7280;--nav-soft:#d6f0f5}.demo-page .demo-sidebar [data-section=repairs]{--nav-color:#187454;--nav-soft:#d9f1e3}.demo-page .demo-nav-icon{background:var(--nav-soft);width:29px;height:29px;color:var(--nav-color);border-radius:8px;flex-shrink:0;place-items:center;display:inline-grid;box-shadow:inset 0 1px #ffffffa1}.demo-page .demo-sidebar nav button:hover{background:#ffffffb3}.demo-page .demo-sidebar nav button[aria-pressed=true]{color:var(--nav-color);box-shadow:inset 3px 0 0 var(--nav-color),0 3px 12px #3440650b;background:#fffffff2}.demo-page .demo-sidebar nav button[aria-pressed=true] .demo-nav-icon{background:var(--nav-color);color:#fff;box-shadow:0 3px 8px #2d41651c}.demo-page .demo-sidebar nav button b{color:#2456bb;background:#e1ebff;border-radius:6px}.demo-page .demo-journey{border-color:#d9e0ee}.demo-page .demo-journey>span,.demo-page .demo-journey button{color:#68758b}.demo-page .demo-journey button>span{color:#5e718f;background:#ffffff80;border-color:#c8d4e8}.demo-page .demo-journey button[aria-current=step]{color:var(--view-accent)}.demo-page .demo-journey button[aria-current=step]>span{color:#fff;border-color:var(--view-accent);background:var(--view-accent);box-shadow:0 0 0 3px var(--view-soft)}.demo-page .person-avatar{color:#66509a;background:linear-gradient(145deg,#ede3ff,#e0e8ff);box-shadow:inset 0 0 0 1px #ffffffb3}.demo-page [data-customer=bridal] .person-avatar{color:#90535a;background:linear-gradient(140deg,#ffe9d8,#f5dfe9)}.demo-page [data-customer=custom] .person-avatar{color:#7050aa;background:linear-gradient(140deg,#efe0ff,#dedfff)}.demo-page [data-customer=repairs] .person-avatar{color:#266e79;background:linear-gradient(140deg,#d6f0ed,#dcecf7)}.demo-page .demo-workspace{background:#fcfdff}.demo-page .demo-app-header{border-color:var(--demo-line);background:linear-gradient(110deg,#fff 30%,var(--view-soft))}.demo-page .demo-app-header h3{color:var(--demo-ink)}.demo-page .demo-app-header>div>span{color:var(--demo-muted)}.demo-page .status-pill{color:#21684c;background:#eaf8f0;border-color:#c2e3d1}.demo-page .status-pill i{background:#2d9d73;box-shadow:0 0 0 3px #2d9d7310}.demo-page .demo-conversations{border-color:var(--demo-line);background:#f7f9fe}.demo-page .list-heading,.demo-page .inbox-summary>span,.demo-page .inbox-summary>strong{color:#69768c}.demo-page .demo-conversations>button{border-radius:10px}.demo-page .demo-conversations>button:hover{background:#edf2fb}.demo-page .demo-conversations>button[aria-pressed=true]{background:linear-gradient(115deg,var(--view-soft),#fff);border-color:var(--view-border);box-shadow:0 4px 12px #2a4c8910}.demo-page .demo-conversations strong{color:#35435f}.demo-page .demo-conversations small{color:#566780}.demo-page .demo-conversations p{color:#728097}.demo-page .demo-conversations>button>i{background:#4f7ee3;width:5px;height:5px}.demo-page .thread-heading{background:#fff;border-color:#e6ebf4}.demo-page .thread-heading small,.demo-page .thread-time,.demo-page .thread-foot{color:#66758a}.demo-page .tag{color:#25694c;background:#eaf8ef;border-color:#c2e5d3;border-radius:6px}.demo-page .customer-message{color:#354c73;background:linear-gradient(135deg,#edf3ff,#e6edfb);border:1px solid #dce6f8;border-radius:4px 15px 15px}.demo-page .intent-note{color:#7659a5}.demo-page .draft-control:not(.is-sent){background:linear-gradient(120deg,#f6f8ff,#faf5ff 70%,#fff5f3) padding-box padding-box,linear-gradient(115deg,#a9c3f8,#c5a5ee 55%,#edb9c8 83%,#f0d4b6) border-box;border:1px solid #0000;border-radius:13px;box-shadow:0 6px 24px #8065b510}.demo-page .draft-label{color:#69509b}.demo-page .draft-label>svg{color:#895ace}.demo-page .draft-control>p{color:#43485e}.demo-page .demo-button{color:#485d7b;background:#fff;border-color:#d0daea;border-radius:8px;min-height:40px;box-shadow:0 1px 2px #354b7505}.demo-page .demo-button:hover:not(:disabled){color:#214c9b;background:#edf3ff;border-color:#9bb9ef}.demo-page .demo-button.dark{color:#fff;background:linear-gradient(160deg,#3670e9,#2455c7);border-color:#285dd0;box-shadow:0 3px 9px #245bd62b,inset 0 1px #ffffff26}.demo-page .demo-button.dark:hover:not(:disabled){color:#fff;background:#204fbe;border-color:#204fbe}.demo-page .demo-button:disabled{box-shadow:none}.demo-page .draft-editor{color:#556580}.demo-page .draft-editor textarea{color:var(--demo-ink);background:#fff;border-color:#c4d3ea;border-radius:9px}.demo-page .draft-editor textarea:focus{outline-offset:1px;border-color:#517be0;outline:3px solid #cdddff}.demo-page .draft-confirmation button{color:#166448}.demo-page .thread-foot{background:#fafcff;border-color:#e6ebf4}.demo-page .thread-foot svg{color:#518478;flex-shrink:0}.demo-page .tour-bar{color:#394866;background:linear-gradient(105deg,#eaf0ff,#f1edfb 70%,#f5eff8);border-color:#d4def0}.demo-page .tour-number{color:#6657b6}.demo-page .tour-bar p{color:#5a6983}.demo-page .demo-icon-button{color:#556b8e;border-radius:7px}.demo-page .demo-icon-button:hover{background:#ffffffa6}.demo-page .inquiry-captured{color:#21674e;background:#ecf7f3;border-color:#c2e6d8}.demo-page .sent-message,.demo-page .draft-control.is-sent{border-radius:12px}.demo-page .sent-message small{color:#3b755d}.demo-page .overline{color:var(--view-accent)}.demo-page .panel-heading p,.demo-page .demo-helper{color:var(--demo-muted)}.demo-page .sample-calendar{background:#fff;border-radius:13px;box-shadow:0 6px 22px #4b5b7d07}.demo-page .sample-calendar header>svg{color:#c25361}.demo-page .sample-calendar header span,.demo-page .calendar-week>span,.demo-page .slot-label{color:#69748a}.demo-page .calendar-week strong{color:#3d4960}.demo-page .calendar-week .selected-day{color:#a63d50;background:#fff0f0;border-radius:8px;box-shadow:inset 0 0 0 1px #f0c4cd}.demo-page .calendar-week .selected-day strong{color:#b13d51}.demo-page .demo-slots button[aria-pressed=true]{color:#a5354a;background:#ffedf0;border-color:#d2788b;box-shadow:0 0 0 2px #fce7ed}.demo-page .appointment-profile{background:linear-gradient(140deg,#fff0ee,#f6ecf9);border:1px solid #eddce5;border-radius:13px}.demo-page .appointment-profile dt{color:#786073}.demo-page .appointment-profile dl div{border-color:#ead7e2}.demo-page .profile-facts{background:#f5f0fc;border-color:#e4d8f5;border-radius:10px;padding-inline:18px}.demo-page .profile-facts small{color:#736083}.demo-page .profile-facts strong{color:#564471}.demo-page .activity-list li{border-color:#e4e8f1}.demo-page .activity-list svg{color:#795eb7}.demo-page .activity-list small{color:#6a7385}.demo-page .automation-flow>div{background:#eaf7fa;border-color:#c4e4e9;border-radius:12px}.demo-page .automation-flow>div:nth-of-type(2){background:#f2ecfc;border-color:#e1d3f6}.demo-page .automation-flow>div:nth-of-type(3){background:#ecf8f0;border-color:#c8e6d4}.demo-page .automation-flow>svg{color:#8495b3}.demo-page .automation-flow>div svg{color:#15778a}.demo-page .automation-flow>div:nth-of-type(2) svg{color:#8054bc}.demo-page .automation-flow>div:nth-of-type(3) svg{color:#26815a}.demo-page .automation-flow small{color:#657187}.demo-page .automation-preview{background:#fff;border-radius:12px;box-shadow:0 5px 20px #374c7106}.demo-page .review-message{background:linear-gradient(140deg,#fff6df,#fff4ec 70%,#fff1f3);border-color:#ecd9b3;border-radius:13px}.demo-page .review-stars{color:#af7813}.demo-page .review-stars svg{fill:#f8d889}.demo-page .sample-review-link{color:#87550c;border-color:#ead4ad}.demo-page .review-message small{color:#7c6c55}.demo-page .review-progress svg{color:#4c9676}.demo-page .review-progress small{color:#6b7484}.demo-page .demo-text-button{color:#3d5e98}.demo-page-note{color:#5c6b83}.demo-page :is(button,a):focus-visible{outline-offset:3px;outline:3px solid #315cbb}@media (max-width:800px){.demo-page .demo-sidebar nav button{gap:6px;padding:7px 3px}.demo-page .demo-sidebar nav button[aria-pressed=true]{box-shadow:inset 0 -2px 0 var(--nav-color),0 2px 8px #3440650a}.demo-page .demo-nav-icon{width:27px;height:27px}.demo-page .demo-sidebar{border-bottom-color:#d4deef}.demo-page .demo-conversations{border-bottom-color:#dce3ef}}@media (max-width:500px){.demo-page{padding-inline:10px}.demo-page .product-demo{border-radius:14px}.demo-page .demo-sidebar nav button{font-size:8px}.demo-page .demo-journey button,.demo-page .draft-label{font-size:9px}.demo-page .intent-note,.demo-page .thread-foot{font-size:9px;line-height:1.65}.demo-page .intent-note svg{flex-shrink:0}.demo-page .draft-actions .demo-button{min-height:44px}.demo-page .demo-window-bar{min-height:37px}.demo-page .demo-page-heading>a:last-child{padding:7px 11px}}@media (forced-colors:active){.demo-page .demo-nav-icon{border:1px solid buttontext}.demo-page .demo-sidebar nav button[aria-pressed=true],.demo-page .demo-slots button[aria-pressed=true]{outline:2px solid highlight}.demo-page .draft-control{border:1px solid canvastext}}