@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;650;700;750;800&display=swap";:root{color:#172d2b;font-synthesis:none;text-rendering:optimizelegibility;--ink:#172d2b;--muted:#657572;--muted-2:#84908b;--line:#e8e5dd;--surface:#fff;--canvas:#faf9f5;--teal:#0d7069;--teal-deep:#0d514b;--mint:#9ae6d1;--amber:#94510b;--amber-bg:#fff0d8;--red:#b52b2b;--red-bg:#ffeded;--green:#13743a;--green-bg:#e7f5eb;--blue:#245ca4;--blue-bg:#eaf1fb;--shadow:0 12px 30px #192c270b, 0 1px 3px #192c2709;background:#faf9f5;font-family:Inter,Segoe UI,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{background:var(--canvas);min-width:320px;min-height:100vh}button,input,audio{font:inherit}button{color:inherit}.frontdesk-shell{flex-direction:column;gap:13px;width:100%;max-width:1920px;height:100vh;min-height:760px;margin:0 auto;padding:17px 22px 12px;display:flex;overflow:hidden}.brand-header{flex:none;justify-content:space-between;align-items:center;gap:20px;min-height:55px;display:flex}.brand-lockup{align-items:center;gap:13px;min-width:0;display:flex}.brand-mark{width:52px;height:44px;color:var(--teal);background:0 0;flex:none;place-items:center;display:grid}.brand-mark svg{width:52px;height:42px;overflow:visible}.brand-mark path{fill:none;stroke:#118b80;stroke-width:5.7px;stroke-linecap:round}.brand-copy{flex-direction:column;gap:2px;display:flex}.brand-copy strong{color:#112624;letter-spacing:-.9px;font-size:27px;font-weight:800;line-height:1}.brand-copy span{color:#455b57;font-size:15px;font-weight:500}.header-status{color:#244c37;white-space:nowrap;background:#f0faf3;border:1px solid #b9dfc6;border-radius:999px;align-items:center;gap:10px;min-height:39px;padding:7px 12px;font-size:12px;font-weight:650;display:flex}.online-indicator{background:#168344;border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 0 4px #ddf4e4}.online-indicator.offline{background:#b42318;box-shadow:0 0 0 4px #fce8e8}.refresh-control{color:#356447;cursor:pointer;background:#e4f2e8;border:0;border-radius:50%;place-items:center;width:25px;height:25px;transition:background .15s,color .15s;display:grid}.refresh-control:hover{color:var(--teal);background:#d1ead9}.refresh-control.spinning svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.performance-hero{color:#fff;background:radial-gradient(circle at 88% 7%,#8be3c624,#0000 25%),linear-gradient(122deg,#104e48 0%,#0c4d47 54%,#0a403d 100%);border-radius:19px;flex-direction:column;flex:none;justify-content:space-between;gap:20px;min-height:250px;padding:22px 27px;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 28px #0c49441a}.performance-hero:before{content:"";pointer-events:none;border:1px solid #8be3c621;border-radius:50%;width:500px;height:500px;position:absolute;bottom:-230px;right:-78px;box-shadow:0 0 0 38px #8be3c606,0 0 0 78px #8be3c605}.hero-topline{z-index:1;justify-content:space-between;align-items:center;gap:20px;min-height:100px;display:flex;position:relative}.hero-copy{z-index:1;max-width:930px;position:relative}.hero-kicker{color:#b8ded2;letter-spacing:1.1px;align-items:center;gap:9px;margin-bottom:11px;font-size:10px;font-weight:750;display:flex}.hero-kicker-dot{background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #8be3c61f}.hero-copy h1{color:#fff;letter-spacing:-1px;max-width:900px;margin:0;font-size:clamp(25px,2.2vw,34px);font-weight:750;line-height:1.16}.hero-copy h1 em{color:#a4ebd3;font-style:normal}.hero-copy p{color:#ffffffc2;max-width:760px;margin:9px 0 0;font-size:12.5px;line-height:1.45}.hero-clara-art{flex:0 0 205px;align-self:flex-end;width:205px;height:150px;margin:-7px 3px -5px 0;position:relative}.hero-clara-art svg{filter:drop-shadow(0 8px 12px #0000001f);width:100%;height:100%;display:block}.hero-speech{color:#173330;background:#fff;border-radius:12px 12px 12px 3px;padding:8px 11px;font-size:10px;font-weight:650;line-height:1.3;position:absolute;top:8px;right:-5px;transform:translate(34%);box-shadow:0 4px 14px #00000014}.hero-metrics{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid;position:relative}.hero-metric{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff17;border:1px solid #ffffff2b;border-radius:13px;align-items:center;gap:12px;min-width:0;min-height:78px;padding:11px 14px;display:flex}.metric-primary{background:#8be3c624;border-color:#8be3c652}.metric-attention{background:#ffd58a1f;border-color:#ffd58a3d}.metric-icon{color:#eafcf6;background:#ffffff1c;border-radius:11px;flex:none;place-items:center;width:39px;height:39px;display:grid}.metric-primary .metric-icon{color:#b1f4de;background:#8be3c62b}.metric-attention .metric-icon{color:#ffdfa3;background:#ffd58a26}.hero-metric>div{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.metric-value{color:#fff;letter-spacing:-.8px;font-variant-numeric:tabular-nums;font-size:26px;font-weight:750;line-height:1}.metric-primary .metric-value{color:#a4ebd3}.metric-attention .metric-value{color:#ffdfa3}.metric-label{color:#fff;margin-top:5px;font-size:12px;font-weight:700;line-height:1.2}.metric-note{color:#ffffffab;margin-top:3px;font-size:9.5px;line-height:1.2}.connection-banner,.partial-warning{border-radius:11px;flex:none;align-items:center;gap:10px;padding:10px 13px;font-size:12px;display:flex}.connection-banner{color:#8f2929;background:#fff0f0;border:1px solid #f2c9c9}.connection-banner>svg{flex:none}.connection-banner div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.connection-banner span{color:#8d5555;line-height:1.4}.connection-banner button{color:#8f2929;cursor:pointer;background:#fff;border:1px solid #e5b8b8;border-radius:8px;padding:7px 11px;font-size:11px;font-weight:650}.partial-warning{color:#8f5b13;background:#fff9eb;border:1px solid #f1e0b9}.workspace-grid{flex:auto;grid-template-columns:minmax(285px,.9fr) minmax(350px,1fr) minmax(400px,1.15fr);gap:13px;min-height:0;display:grid}.workspace-panel{background:var(--surface);border:1px solid var(--line);min-width:0;min-height:0;box-shadow:var(--shadow);border-radius:17px;flex-direction:column;display:flex;overflow:hidden}.panel-heading{border-bottom:1px solid #efede7;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:12px 16px;display:flex}.panel-title-wrap{align-items:center;gap:11px;min-width:0;display:flex}.panel-symbol{border-radius:12px;flex:none;place-items:center;width:39px;height:39px;display:grid}.attention-symbol{color:#b63b29;background:#fff0ed}.conversation-symbol{color:var(--teal);background:#e8f3f0}.panel-heading h2{color:#173332;letter-spacing:-.25px;margin:0;font-size:16px;font-weight:750}.panel-heading p{color:var(--muted);margin:3px 0 0;font-size:11px;line-height:1.3}.count-badge{background:var(--amber-bg);min-width:28px;height:26px;color:var(--amber);border-radius:99px;place-items:center;padding:0 8px;font-size:11px;font-weight:800;display:grid}.live-sync-label{color:#69817b;white-space:nowrap;align-items:center;gap:7px;font-size:10px;font-weight:650;display:flex}.live-sync-label span{background:#19955a;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e6f4e9}.attention-list,.conversation-list,.detail-panel{scrollbar-width:thin;scrollbar-color:#d8ddd5 transparent;overflow-y:auto}.attention-list{flex:auto;padding:10px}.attention-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e9e6de;border-radius:12px;width:100%;margin:0 0 9px;padding:13px 13px 11px;transition:border-color .15s,background .15s,transform .15s;display:block}.attention-card:hover{background:#fbfdfc;border-color:#c2d9d2;transform:translateY(-1px)}.attention-card.selected{box-shadow:inset 3px 0 0 var(--teal);background:#f1f8f5;border-color:#66a99b}.attention-urgent{background:#fff9f8;border-color:#f1d0cc}.attention-card-top{color:#87918c;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.urgency-chip{color:#596965;text-transform:capitalize;background:#f1f1ed;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:750}.urgency-urgent,.urgency-emergency,.urgency-critical{background:var(--red-bg);color:var(--red)}.urgency-high,.urgency-callback,.urgency-follow-up,.urgency-medium{background:var(--amber-bg);color:var(--amber)}.attention-card>strong{color:#173332;font-size:14px;font-weight:750;line-height:1.35;display:block}.attention-card>p{color:#697976;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 9px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.attention-card-foot{color:var(--teal);justify-content:space-between;align-items:center;font-size:10px;font-weight:650;display:flex}.attention-card-foot svg{color:#849691}.panel-footer-note{color:#75837d;border-top:1px solid #efede7;flex:none;align-items:center;gap:8px;min-height:40px;padding:9px 13px;font-size:10px;line-height:1.35;display:flex}.panel-footer-note svg{color:var(--teal);flex:none}.conversations-panel{min-width:0}.conversation-list{flex:auto}.conversation-row{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #efede7;align-items:flex-start;gap:12px;width:100%;padding:15px 14px;transition:background .14s;display:flex;position:relative}.conversation-row:hover{background:#f8fbf9}.conversation-selected{background:#e3f1ef;box-shadow:inset 3px 0 #0f8b73}.conversation-selected:hover{background:#dfefeb}.conversation-avatar{letter-spacing:.2px;border-radius:50%;flex:none;place-items:center;width:39px;height:39px;font-size:11px;font-weight:800;display:grid}.avatar-teal{color:#0f625b;background:#e3f1ef}.avatar-green{background:var(--green-bg);color:var(--green)}.avatar-amber{background:var(--amber-bg);color:var(--amber)}.avatar-danger{background:var(--red-bg);color:var(--red)}.header-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.contact-cta-btn{color:#fff;background:#0d7069;border-radius:999px;align-items:center;gap:7px;padding:7px 15px;font-size:12px;font-weight:650;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #0d706933}.contact-cta-btn:hover{color:#fff;background:#0a544f;transform:translateY(-1px)}.demo-toggle-btn{color:#174d47;cursor:pointer;background:#eef5f3;border:1px solid #c2e2d8;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:650;transition:all .15s;display:inline-flex}.demo-toggle-btn:hover{background:#dcefe9}.demo-toggle-btn.active{color:#fff;background:#0f6f67;border-color:#0f6f67}.conversation-copy{flex:1;min-width:0}.conversation-topline{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conversation-topline strong{color:#173332;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:750;overflow:hidden}.conversation-topline>span{color:#7b8985;white-space:nowrap;flex:none;font-size:10px}.conversation-copy>p{color:#647671;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:5px 0 8px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.conversation-bottomline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.conversation-outcome{color:#82908b;text-transform:capitalize;font-size:10px}.conversation-chevron{color:#95a09a;flex:none;align-self:center}.conversation-footer{color:#82908b;border-top:1px solid #efede7;flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:8px 14px;font-size:10px;display:flex}.status-pill{color:#5a6864;text-transform:capitalize;white-space:nowrap;background:#f0f1ee;border-radius:99px;align-items:center;width:fit-content;max-width:100%;padding:4px 8px;font-size:9.5px;font-weight:750;line-height:1.15;display:inline-flex}.status-success{color:#126a31;background:var(--green-bg)}.status-info{color:#1a54a0;background:var(--blue-bg)}.status-warning{color:#8f4207;background:var(--amber-bg)}.status-danger{color:#a82224;background:var(--red-bg)}.status-neutral{color:#5c6b67;background:#f0f1ee}.detail-panel{padding:0 17px 17px}.detail-alert{color:#17673d;background:#eff7f1;border-bottom:1px solid #e0eee4;align-items:center;gap:11px;margin:0 -17px 14px;padding:13px 17px;display:flex}.detail-alert-warning{color:#8f4207;background:#fdf0dc;border-bottom-color:#f3e1c5}.detail-alert-danger{color:#a82224;background:#fce8e8;border-bottom-color:#f2d2d2}.detail-alert-success{color:#17673d;background:#e7f4eb;border-bottom-color:#d9eadf}.detail-alert-icon{background:#ffffffb3;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.detail-alert>div:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.detail-alert strong{font-size:12px;font-weight:800}.detail-alert span{opacity:.86;font-size:11px;line-height:1.4}.selected-work-inline{background:#f8f7f2;border:1px solid #e8e6de;border-radius:11px;justify-content:space-between;align-items:center;gap:14px;margin:1px 0 13px;padding:11px 12px;display:flex}.selected-work-inline>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.selected-work-inline span{color:#7d8a85;letter-spacing:.7px;font-size:9px;font-weight:800}.selected-work-inline strong{color:#24433e;font-size:12px}.selected-work-inline p{color:#647671;margin:0;font-size:11px;line-height:1.35}.selected-work-inline>div:last-child{flex-direction:column;flex:none;align-items:flex-end;gap:5px;display:flex}.selected-work-inline small{color:#7a8983;font-size:10px}.customer-heading{align-items:center;gap:12px;padding:3px 0 12px;display:flex}.customer-avatar{width:47px;height:47px;color:var(--teal);background:#e0efeb;border-radius:50%;flex:none;place-items:center;font-size:12px;font-weight:800;display:grid}.customer-heading-copy{min-width:0}.customer-heading h2{color:#173332;letter-spacing:-.5px;margin:0;font-size:22px;font-weight:750;line-height:1.2}.customer-heading p{color:var(--muted);overflow-wrap:anywhere;margin:4px 0 0;font-size:11.5px}.call-meta-strip{color:#687976;border-top:1px solid #efede7;border-bottom:1px solid #efede7;flex-wrap:wrap;align-items:center;gap:12px;padding:9px 0 11px;font-size:10.5px;display:flex}.call-meta-strip>span:not(.status-pill){align-items:center;gap:5px;display:inline-flex}.call-meta-strip svg{color:#71908a}.recording-player{background:#f8f7f3;border:1px solid #e8e6dd;border-radius:11px;align-items:center;gap:10px;margin-top:11px;padding:10px;display:flex}.recording-icon{background:var(--teal);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.recording-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.recording-copy strong{font-size:11px}.recording-copy span{color:var(--muted);font-size:10px}.recording-player audio{flex:1;width:170px;min-width:100px;height:34px}.detail-section{padding-top:14px}.detail-section-title{color:#31524d;align-items:center;gap:8px;margin-bottom:9px;font-size:12px;font-weight:800;display:flex}.detail-section-title svg{color:var(--teal)}.customer-context-card,.collected-grid,.collected-summary{background:#f4f1ea;border-radius:11px;padding:11px 12px}.context-primary{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.context-primary strong{color:#213b38;font-size:12px}.context-primary span{color:#71817b;overflow-wrap:anywhere;text-align:right;min-width:0;font-size:10.5px}.context-address{color:#71817b;margin-top:4px;font-size:10.5px;line-height:1.4}.context-stats{color:#71817b;border-top:1px solid #e3ded2;flex-wrap:wrap;gap:14px;margin-top:9px;padding-top:8px;font-size:10px;display:flex}.context-stats b{color:#1c4540;font-size:12px}.collected-grid{grid-template-columns:minmax(105px,.65fr) minmax(0,1.55fr);gap:8px 12px;display:grid}.collected-field{display:contents}.collected-field span{color:#788680;text-transform:capitalize;font-size:10px}.collected-field strong{color:#203a37;overflow-wrap:anywhere;font-size:11px;font-weight:700}.collected-summary{color:#50655f;font-size:11.5px;line-height:1.5}.recorded-outcome{color:#71817b;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:10px;display:flex}.action-list{flex-direction:column;gap:8px;display:flex}.action-row{align-items:center;gap:9px;min-width:0;display:flex}.action-check{color:#14733d;background:#e7f5eb;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;display:grid}.action-row>div{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.action-row strong{color:#27433d;text-transform:capitalize;font-size:11.5px;font-weight:700}.action-row span:not(.action-check){color:#7a8983;font-size:10px;line-height:1.3}.related-records{flex-direction:column;gap:7px;display:flex}.related-record{border:1px solid #ece9e1;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.related-record>div{flex-direction:column;gap:3px;min-width:0;display:flex}.related-record strong{color:#28443e;font-size:10.5px}.related-record span{color:#82908b;font-size:9.5px}.related-record .status-pill{flex:none}.transcript-list{flex-direction:column;align-items:stretch;gap:8px;max-height:290px;padding:2px 2px 6px;display:flex;overflow-y:auto}.transcript-bubble{border-radius:12px;max-width:94%;padding:9px 11px}.bubble-clara{background:#e8f3ef;border:1px solid #d8e9e2;align-self:flex-start}.bubble-customer{background:#f5f2eb;border:1px solid #e9e3d7;align-self:flex-end}.transcript-bubble span{color:#55746b;margin-bottom:4px;font-size:9.5px;font-weight:800;display:block}.transcript-bubble p{color:#324944;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:10.5px;line-height:1.45}.detail-error-note{color:#8a4c43;background:#fff7f6;border-color:#f1d0cc}.soft-copy{color:#50655f;font-size:11px;line-height:1.5}.soft-info{color:#73817c;background:#f7f8f5;border:1px solid #e8e9e4;border-radius:10px;padding:10px 11px;font-size:10.5px;line-height:1.45}.detail-facts{background:#f4f1ea;border-radius:11px;grid-template-columns:1fr 1fr;gap:11px;padding:13px;display:grid}.detail-facts>div{flex-direction:column;gap:4px;min-width:0;display:flex}.detail-facts span{color:#7d8a85;font-size:10px}.detail-facts strong{color:#23403b;overflow-wrap:anywhere;font-size:11px;font-weight:700}.selected-work-type{color:#7d8a85;letter-spacing:.8px;font-size:10px;font-weight:800}.selected-work-summary h2{color:#173332;letter-spacing:-.45px;margin:7px 0 5px;font-size:21px}.selected-work-summary>p{color:#637670;margin:0 0 16px;font-size:12px;line-height:1.5}.detail-loading-indicator{color:#75837d;padding:9px;font-size:10px}.empty-state{text-align:center;color:#7a8983;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;padding:24px 16px;display:flex}.empty-state-icon{width:42px;height:42px;color:var(--teal);background:#eff5f1;border-radius:50%;place-items:center;margin-bottom:2px;display:grid}.empty-state strong{color:#38514b;font-size:12px;font-weight:750}.empty-state>span{max-width:260px;font-size:10.5px;line-height:1.5}.panel-loading{flex-direction:column;gap:10px;padding:14px 6px;display:flex}.panel-loading span{background:linear-gradient(90deg,#f1f0eb 20%,#faf9f6 45%,#f1f0eb 70%) 0 0/220% 100%;border-radius:10px;height:75px;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{to{background-position:-220% 0}}@media (width<=1350px){.frontdesk-shell{padding-left:16px;padding-right:16px}.performance-hero{gap:17px;padding:19px 21px}.hero-clara-art{flex-basis:170px;width:170px}.workspace-grid{grid-template-columns:minmax(255px,.9fr) minmax(320px,1fr) minmax(350px,1.1fr);gap:10px}.panel-heading{padding-left:12px;padding-right:12px}.attention-list{padding:8px}.detail-panel{padding-left:13px;padding-right:13px}.detail-alert{margin-left:-13px;margin-right:-13px;padding-left:13px;padding-right:13px}}@media (width<=1100px){.frontdesk-shell{height:auto;min-height:100vh;overflow:visible}.performance-hero{min-height:0}.hero-clara-art{flex-basis:145px;width:145px;height:125px}.hero-speech{font-size:9px;right:0;transform:translate(5%)}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{flex:none;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);min-height:920px}.detail-panel{grid-column:1/-1;min-height:570px;max-height:none}.attention-panel,.conversations-panel{min-height:520px}}@media (width<=720px){.frontdesk-shell{gap:10px;height:auto;min-height:100vh;padding:12px 11px 10px;overflow:visible}.brand-header{gap:8px;min-height:42px}.brand-lockup{gap:8px}.brand-mark{width:37px;height:34px}.brand-mark svg{width:39px;height:33px}.brand-copy strong{font-size:18px}.brand-copy span{font-size:10px}.header-status{gap:7px;padding:6px 8px;font-size:9px}.refresh-control{width:23px;height:23px}.performance-hero{border-radius:15px;gap:15px;min-height:0;padding:17px 15px}.hero-topline{gap:6px;min-height:0}.hero-kicker{margin-bottom:8px;font-size:8px}.hero-copy h1{font-size:23px}.hero-copy p{font-size:10px}.hero-clara-art{display:none}.hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.hero-metric{gap:8px;min-height:73px;padding:9px}.metric-icon{border-radius:9px;width:30px;height:30px}.metric-icon svg{width:17px;height:17px}.metric-value{font-size:21px}.metric-label{margin-top:4px;font-size:10px}.metric-note{font-size:8px}.workspace-grid{flex-direction:column;gap:10px;min-height:0;display:flex}.attention-panel{min-height:260px;max-height:430px}.conversations-panel{min-height:350px;max-height:570px}.detail-panel{min-height:450px;max-height:none;overflow:visible}.panel-heading{min-height:62px;padding:10px 12px}.panel-heading h2{font-size:14px}.panel-heading p{font-size:9px}.conversation-row{gap:9px;padding:12px 11px}.conversation-topline{flex-wrap:wrap;gap:2px 8px}.conversation-topline>span{font-size:8px}.context-primary{flex-direction:column;align-items:flex-start;gap:3px}.context-primary span{text-align:left}.recording-player{flex-wrap:wrap}.recording-player audio{flex-basis:100%;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.roi-value-strip{border-top:1px solid #ffffff1f;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px;padding-top:14px;display:grid}.roi-item{background:#ffffff12;border:1px solid #ffffff14;border-radius:10px;align-items:flex-start;gap:9px;padding:8px 11px;display:flex}.roi-item .roi-icon{color:#8df0dc;flex-shrink:0;margin-top:2px}.roi-item strong{color:#fff;font-size:11.5px;font-weight:750;display:block}.roi-item span{color:#ffffffbd;font-size:10px;line-height:1.35;display:block}.simulate-header-btn{color:#8df0dc;cursor:pointer;background:#114b43;border:1px solid #1e6c61;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.simulate-header-btn:hover{color:#fff;background:#196156;transform:translateY(-1px)}.cta-header-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0d7069,#08554f);border:1px solid #8df0dc59;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 7px #0d706940}.cta-header-btn:hover{background:linear-gradient(135deg,#0f7d75,#0a635c);transform:translateY(-1px);box-shadow:0 4px 12px #0d706959}.interactive-audio-card{background:#eff7f4;border:1px solid #c2e2d8;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.interactive-audio-info{align-items:center;gap:10px;display:flex}.interactive-audio-info strong{color:#17403a;font-size:12px;font-weight:700;display:block}.interactive-audio-info span{color:#55756e;font-size:10.5px;display:block}.audio-speech-btn{cursor:pointer;border:0;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.audio-speech-btn.btn-play{color:#fff;background:#0d7069}.audio-speech-btn.btn-play:hover{background:#095953}.audio-speech-btn.btn-stop{color:#fff;background:#b53b27}.audio-speech-btn.btn-stop:hover{background:#962f1d}.bubble-speaking{transition:all .2s;background:#edf8f5!important;box-shadow:0 0 0 2px #0d7069,0 4px 12px #0d706926!important}.bubble-author-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.bubble-speaking-badge{color:#0d7069;align-items:center;gap:4px;font-size:10px;font-weight:700;animation:1s infinite alternate pulseSpeech;display:inline-flex}@keyframes pulseSpeech{0%{opacity:.6}to{opacity:1}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#071a22a6;place-items:center;padding:20px;animation:.18s fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-card{background:#fff;border:1px solid #d4deda;border-radius:20px;width:100%;max-width:620px;max-height:90vh;padding:24px;animation:.2s slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 48px #071a2259}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #eef2f0;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;display:flex}.modal-title-wrap{align-items:center;gap:12px;display:flex}.modal-symbol{color:#0d7069;background:#eef7f4;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.modal-title-wrap h3{color:#112624;margin:0;font-size:17px;font-weight:800}.modal-title-wrap p{color:#55756e;margin:3px 0 0;font-size:12px}.modal-close-btn{color:#55756e;cursor:pointer;background:#f1f5f3;border:0;border-radius:50%;place-items:center;width:30px;height:30px;transition:all .15s;display:grid}.modal-close-btn:hover{color:#112624;background:#e1e9e5}.simulation-scenario-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.scenario-card{text-align:left;cursor:pointer;background:#f8faf9;border:1px solid #d8e5e0;border-radius:14px;flex-direction:column;gap:6px;padding:14px;transition:all .15s;display:flex}.scenario-card:hover{background:#fff;border-color:#0d7069;transform:translateY(-2px);box-shadow:0 4px 16px #0d70691f}.scenario-top{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.scenario-emoji{font-size:22px}.scenario-card strong{color:#112624;font-size:13px;font-weight:750}.scenario-caller{color:#0d7069;font-size:11px;font-weight:600}.scenario-card p{color:#55756e;flex:1;margin:2px 0 6px;font-size:11px;line-height:1.4}.scenario-action-bar{color:#0d7069;border-top:1px solid #eef2f0;justify-content:space-between;align-items:center;padding-top:6px;font-size:11px;font-weight:700;display:flex}.simulating-progress-box{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:30px 20px;display:flex}.calling-pulse-circle{color:#fff;background:#0d7069;border-radius:50%;place-items:center;width:64px;height:64px;animation:1.2s ease-in-out infinite callingPulse;display:grid;box-shadow:0 0 0 12px #0d706933}@keyframes callingPulse{0%{transform:scale(.96);box-shadow:0 0 #0d706966}70%{transform:scale(1.04);box-shadow:0 0 0 18px #0d706900}to{transform:scale(.96);box-shadow:0 0 #0d706900}}.simulating-progress-box h4{color:#112624;margin:4px 0 0;font-size:16px;font-weight:800}.simulating-progress-box p{color:#55756e;max-width:400px;margin:0;font-size:12.5px}.simulating-progress-bar{background:#e2ede8;border-radius:999px;width:100%;max-width:280px;height:6px;margin-top:6px;overflow:hidden}.simulating-progress-bar span{background:#0d7069;border-radius:999px;width:60%;height:100%;animation:1.5s ease-in-out infinite progressMove;display:block}@keyframes progressMove{0%{transform:translate(-100%)}to{transform:translate(200%)}}.showcase-welcome-strip{color:#0f5249;background:linear-gradient(90deg,#eef9f5,#f3faf7);border:1px solid #b8dfd4;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px;padding:10px 16px;font-size:12px;display:flex}.showcase-welcome-strip strong{color:#0c423b;font-weight:750}.contact-modal-body{flex-direction:column;gap:16px;display:flex}.feature-pillar-list{background:#f7faf9;border:1px solid #dce8e4;border-radius:14px;grid-template-columns:1fr;gap:10px;padding:14px;display:grid}.pillar-row{color:#33544d;align-items:flex-start;gap:10px;font-size:12px;display:flex}.pillar-row svg{color:#0d7069;flex-shrink:0;margin-top:2px}.contact-modal-actions{gap:10px;margin-top:6px;display:flex}.btn-primary-action{color:#fff;cursor:pointer;background:#0d7069;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-primary-action:hover{background:#095953;transform:translateY(-1px)}.btn-secondary-action{color:#114b43;cursor:pointer;background:#fff;border:1px solid #c2ded6;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.btn-secondary-action:hover{background:#f3faf7;border-color:#0d7069}