.demo-app-shell{background:var(--canvas);grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.demo-sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.demo-sidebar .brand{padding:0 10px 26px}.demo-nav-group{gap:6px;display:grid}.demo-nav-group>span{color:#8a9690;letter-spacing:.13em;padding:0 12px 8px;font-size:10px;font-weight:900}.demo-nav-link{color:#59655f;border-radius:10px;align-items:center;gap:12px;min-height:45px;padding:0 12px;font-size:14px;font-weight:750;display:flex}.demo-nav-link:hover{color:var(--ink);background:var(--canvas)}.demo-nav-link-active{color:var(--brand-dark);background:var(--brand-pale)}.demo-sidebar-bottom{gap:14px;margin-top:auto;display:grid}.demo-shop-chip{border:1px solid var(--line);background:#fafcfb;border-radius:13px;align-items:center;gap:10px;padding:11px;display:flex}.demo-shop-chip>span{color:#fff;background:var(--brand-dark);border-radius:10px;flex:0 0 36px;place-items:center;height:36px;font-weight:850;display:grid}.demo-shop-chip strong,.demo-shop-chip small{text-overflow:ellipsis;white-space:nowrap;max-width:150px;display:block;overflow:hidden}.demo-shop-chip strong{font-size:12px}.demo-shop-chip small{color:var(--muted);margin-top:3px;font-size:10px}.demo-reset-button{color:#68746e;border:1px solid var(--line);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:800;display:flex}.demo-reset-button:hover{color:var(--brand-dark);background:var(--brand-pale);border-color:#b8dac9}.demo-sidebar .legal-links{justify-content:flex-start;gap:8px 12px;margin-top:0;padding:0 3px;font-size:10px}.demo-main{min-width:0}.demo-topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f7f5e8;border-bottom:1px solid #dfe7e2e0;justify-content:space-between;align-items:center;height:74px;padding:0 clamp(24px,4vw,56px);display:flex;position:sticky;top:0}.demo-topbar p{color:#445149;margin:0;font-weight:850}.demo-mobile-brand{display:none}.demo-topbar-actions{align-items:center;gap:13px;display:flex}.demo-topbar-actions>a:not(.demo-topbar-cta){color:#5d6963;font-size:13px;font-weight:800}.demo-topbar-actions>a:not(.demo-topbar-cta):hover{color:var(--brand)}.demo-topbar-cta{color:#fff;background:var(--brand);border-radius:10px;justify-content:center;align-items:center;min-height:40px;padding:0 15px;font-size:13px;font-weight:850;display:inline-flex;box-shadow:0 8px 20px #1f755430}.demo-topbar-cta:hover{background:var(--brand-dark)}.demo-live-status{min-height:30px;color:var(--brand-dark);background:var(--brand-pale);border:1px solid #b8dac9;border-radius:999px;align-items:center;gap:8px;padding:0 11px;font-size:11px;font-weight:850;display:inline-flex}.demo-live-status>span{background:#34a86e;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #34a86e1f}.demo-content{max-width:1540px;margin:0 auto;padding:30px clamp(24px,4vw,56px) 70px}.demo-disclosure{color:#174d38;background:#f3fbf7;border:1px solid #c5dfd1;border-radius:15px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:34px;padding:16px 18px;display:flex}.demo-disclosure span,.demo-disclosure strong,.demo-disclosure p{display:block}.demo-disclosure span{color:var(--brand);letter-spacing:.14em;margin-bottom:4px;font-size:9px;font-weight:950}.demo-disclosure strong{font-size:14px}.demo-disclosure p{color:#5d776b;margin:3px 0 0;font-size:12px}.demo-disclosure>svg{color:var(--brand);flex:none}.demo-heading{justify-content:space-between;align-items:flex-end;gap:34px;margin-bottom:30px;display:flex}.demo-heading h1{letter-spacing:-.058em;max-width:780px;margin:8px 0 10px;font-size:clamp(38px,5vw,64px);line-height:.98}.demo-heading p{max-width:720px;color:var(--muted);margin:0;font-size:17px;line-height:1.55}.demo-simulate-button{color:#fff;background:var(--brand-dark);border:0;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:0 18px;font-weight:850;display:inline-flex;box-shadow:0 12px 28px #11523936}.demo-simulate-button:hover{background:#0a432e;transform:translateY(-1px)}.demo-overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px;margin:20px 0 34px;display:grid}.demo-workflow-card,.demo-attention-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:24px;box-shadow:0 9px 28px #1d3a2c0b}.demo-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.demo-card-heading h2{letter-spacing:-.04em;margin:7px 0 0;font-size:24px}.demo-card-heading>svg{color:var(--brand)}.demo-workflow-steps{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px;display:grid}.demo-workflow-steps>div{background:#fbfcfb;border:1px solid #e5ebe7;border-radius:14px;gap:12px;min-height:125px;padding:17px;display:flex}.demo-workflow-steps>div>span{color:#fff;background:var(--brand);border-radius:9px;flex:0 0 31px;place-items:center;height:31px;font-size:12px;font-weight:900;display:grid}.demo-workflow-steps strong,.demo-workflow-steps small{display:block}.demo-workflow-steps strong{font-size:13px;line-height:1.4}.demo-workflow-steps small{color:var(--muted);margin-top:7px;line-height:1.45}.demo-attention-list{gap:10px;margin-top:20px;display:grid}.demo-attention-list>button,.demo-attention-success{width:100%;min-height:62px;color:var(--ink);text-align:left;background:#fbfcfb;border:1px solid #e6ece8;border-radius:13px;grid-template-columns:40px minmax(0,1fr) 18px;align-items:center;gap:11px;padding:10px;display:grid}.demo-attention-list>button:hover{background:#f4fbf7;border-color:#b8dac9}.demo-attention-icon{width:40px;height:40px;color:var(--brand);background:var(--brand-pale);border-radius:11px;place-items:center;display:grid}.demo-attention-list strong,.demo-attention-list small{display:block}.demo-attention-list strong{font-size:12px}.demo-attention-list small{color:var(--muted);margin-top:3px;font-size:10px}.demo-attention-success{color:#245c43;background:#f5fbf7;border-color:#d5e9dd;grid-template-columns:40px minmax(0,1fr)}.demo-attention-success>svg{color:#2d9a64;margin-left:10px}.demo-call-section{scroll-margin-top:92px}.demo-call-section .section-heading{align-items:flex-end}.demo-count-pill{min-height:31px;color:var(--brand-dark);background:var(--brand-pale);border:1px solid #b8dac9;border-radius:999px;align-items:center;padding:0 12px;font-size:11px;font-weight:850;display:inline-flex}.demo-call-table-wrap{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 9px 28px #1d3a2c0b}.demo-call-table{border-collapse:collapse;width:100%}.demo-call-table th{color:#7a8680;border-bottom:1px solid var(--line);text-align:left;text-transform:uppercase;letter-spacing:.07em;background:#f9fbfa;padding:13px 18px;font-size:10px}.demo-call-table td{vertical-align:middle;border-bottom:1px solid #edf1ee;padding:16px 18px}.demo-call-table tr:last-child td{border-bottom:0}.demo-call-table tbody tr:hover{background:#fbfdfc}.demo-caller-button,.demo-request-button{width:100%;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.demo-caller-button strong,.demo-caller-button small,.demo-request-button strong,.demo-request-button span{display:block}.demo-caller-button strong,.demo-request-button strong{font-size:13px}.demo-caller-button small,.demo-request-button span{color:var(--muted);margin-top:3px;font-size:11px}.demo-request-button{max-width:430px;display:block}.demo-request-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.demo-call-table .row-link{border:0}.demo-final-cta{color:#fff;background:radial-gradient(circle at 10% 0,#5cc18d45,#0000 32%),linear-gradient(145deg,#0b3425,#0c4a33 60%,#123327);border-radius:20px;justify-content:space-between;align-items:center;gap:30px;margin-top:34px;padding:30px;display:flex;box-shadow:0 18px 42px #0c3f2c2e}.demo-final-cta .eyebrow{color:#9de0bd}.demo-final-cta h2{letter-spacing:-.045em;max-width:760px;margin:8px 0 7px;font-size:clamp(26px,3vw,40px);line-height:1.08}.demo-final-cta p{color:#c5d9cf;margin:0}.demo-final-cta>a{min-height:48px;color:var(--brand-dark);background:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:8px;padding:0 17px;font-weight:900;display:inline-flex}.demo-live-notice{z-index:70;color:#fff;background:#123d2d;border:1px solid #ffffff24;border-radius:16px;grid-template-columns:46px minmax(210px,1fr) auto 28px;align-items:center;gap:12px;width:min(520px,100vw - 48px);padding:14px;animation:.28s ease-out demoNoticeIn;display:grid;position:fixed;top:92px;right:24px;box-shadow:0 20px 50px #092a1d47}@keyframes demoNoticeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.demo-live-notice-icon{color:#a9e7c6;background:#ffffff1a;border-radius:13px;place-items:center;width:46px;height:46px;display:grid}.demo-live-notice-ringing .demo-live-notice-icon{animation:1s ease-in-out infinite demoRing}@keyframes demoRing{0%,to{transform:rotate(0)}20%{transform:rotate(-7deg)}40%{transform:rotate(7deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}}.demo-live-notice strong,.demo-live-notice p{display:block}.demo-live-notice strong{font-size:13px}.demo-live-notice p{color:#c9ded3;margin:4px 0 0;font-size:11px}.demo-live-notice>button:not(.demo-live-dismiss){min-height:36px;color:var(--brand-dark);background:#fff;border:0;border-radius:9px;padding:0 12px;font-size:11px;font-weight:900}.demo-live-dismiss{color:#c9ded3;background:0 0;border:0;border-radius:8px;place-items:center;width:28px;height:28px;padding:0;display:grid}.demo-live-dismiss:hover{color:#fff;background:#ffffff1a}.demo-detail-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1c156b;justify-content:flex-end;display:flex;position:fixed;inset:0}.demo-detail-panel{background:#f7faf8;width:min(720px,94vw);height:100vh;animation:.25s ease-out demoPanelIn;overflow-y:auto;box-shadow:-20px 0 55px #071e1538}@keyframes demoPanelIn{0%{opacity:.6;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.demo-detail-header{z-index:2;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7faf8f0;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 30px 22px;display:flex;position:sticky;top:0}.demo-detail-header h2{letter-spacing:-.045em;margin:7px 0 5px;font-size:34px}.demo-detail-header p{color:var(--muted);margin:0}.demo-detail-header>button{color:#65716b;border:1px solid var(--line);background:#fff;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.demo-detail-status{grid-template-columns:1fr 1fr;gap:14px;padding:24px 30px 0;display:grid}.demo-detail-status>div,.demo-detail-status>label{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:13px 15px;display:flex}.demo-detail-status>div>span,.demo-detail-status>label>span{color:var(--muted);font-size:11px;font-weight:800}.demo-detail-status select{max-width:175px;min-height:36px;color:var(--ink);background:#fbfcfb;border:1px solid #ced9d3;border-radius:9px;padding:0 10px;font-size:12px;font-weight:750}.demo-urgent-note{color:#8a4d0e;background:#fff8e9;border:1px solid #f0d3a4;border-radius:13px;align-items:center;gap:12px;margin:16px 30px 0;padding:14px 15px;display:flex}.demo-urgent-note strong,.demo-urgent-note small{display:block}.demo-urgent-note strong{font-size:12px}.demo-urgent-note small{color:#98652d;margin-top:3px;font-size:10px}.demo-detail-section{border:1px solid var(--line);background:#fff;border-radius:16px;margin:18px 30px 0;padding:22px}.demo-summary-copy{color:#38463f;margin:12px 0 0;font-size:15px;line-height:1.72}.demo-detail-fields{grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 30px 0;display:grid}.demo-detail-fields>div{border:1px solid var(--line);background:#fff;border-radius:14px;min-height:104px;padding:17px}.demo-detail-fields span,.demo-detail-fields strong,.demo-detail-fields small{display:block}.demo-detail-fields span{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:850}.demo-detail-fields strong{margin-top:9px;font-size:13px;line-height:1.4}.demo-detail-fields small{color:var(--muted);margin-top:4px;font-size:10px}.demo-transcript{gap:12px;margin-top:16px;display:grid}.demo-transcript>div{border-radius:14px;max-width:88%;padding:13px 15px}.demo-transcript-agent{color:#244438;background:var(--brand-pale);justify-self:start;border-bottom-left-radius:4px!important}.demo-transcript-caller{color:#37423d;background:#f0f3f1;justify-self:end;border-bottom-right-radius:4px!important}.demo-transcript strong{text-transform:uppercase;letter-spacing:.06em;margin-bottom:5px;font-size:10px;display:block}.demo-transcript p{margin:0;font-size:12px;line-height:1.55}.demo-detail-footer{justify-content:space-between;align-items:center;gap:20px;margin:18px 30px 30px;padding:15px 0 0;display:flex}.demo-detail-footer>span{color:var(--muted);align-items:center;gap:7px;font-size:10px;display:inline-flex}.demo-detail-footer>button{color:#fff;background:var(--brand);border:0;border-radius:10px;min-height:42px;padding:0 17px;font-weight:850}@media (max-width:1180px){.demo-workflow-steps{grid-template-columns:1fr}.demo-workflow-steps>div{min-height:auto}.demo-call-table th:nth-child(3),.demo-call-table td:nth-child(3){display:none}}@media (max-width:980px){.demo-app-shell{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-mobile-brand{color:var(--brand);align-items:center;gap:7px;margin-bottom:3px;font-size:12px;font-weight:900;display:inline-flex}.demo-topbar{padding:0 24px}.demo-overview-grid{grid-template-columns:1fr}.demo-call-table th:nth-child(4),.demo-call-table td:nth-child(4){display:none}}@media (max-width:740px){.demo-topbar-actions .demo-live-status,.demo-topbar-actions>a:not(.demo-topbar-cta){display:none}.demo-topbar-cta{min-height:38px;padding:0 12px}.demo-content{padding:22px 16px 48px}.demo-disclosure{align-items:flex-start}.demo-disclosure p{line-height:1.45}.demo-heading{flex-direction:column;align-items:stretch}.demo-heading h1{font-size:43px}.demo-simulate-button{align-self:flex-start}.demo-call-section .section-heading{flex-direction:column;align-items:flex-start;gap:14px}.demo-call-table-wrap{overflow-x:auto}.demo-call-table{min-width:720px}.demo-final-cta{flex-direction:column;align-items:flex-start;padding:24px}.demo-live-notice{grid-template-columns:42px minmax(0,1fr) 26px;width:calc(100vw - 24px);top:82px;right:12px}.demo-live-notice-icon{width:42px;height:42px}.demo-live-notice>button:not(.demo-live-dismiss){grid-column:2;justify-self:start}.demo-live-dismiss{grid-area:1/3}.demo-detail-panel{width:100vw}.demo-detail-header,.demo-detail-status,.demo-detail-fields,.demo-detail-section,.demo-detail-footer{margin-left:18px;margin-right:18px}.demo-detail-header{margin:0;padding:22px 18px 18px}.demo-detail-status{grid-template-columns:1fr;padding:18px 0 0}.demo-detail-fields{grid-template-columns:1fr}.demo-urgent-note{margin-left:18px;margin-right:18px}.demo-detail-footer{flex-direction:column;align-items:flex-start}}
