.guided-theme{color:#263338;--demo-green:#17665d;--demo-purple:#6261a8;--demo-border:#e1e7e7;background:#f5f7f8;min-height:100vh;font-family:Segoe UI,Inter,system-ui,sans-serif;font-size:14px;line-height:1.5}.guided-theme h1,.guided-theme h2,.guided-theme h3,.guided-theme p{margin:0}.guided-theme button{font-family:inherit}.guided-theme a:focus-visible{outline-offset:5px;outline:3px solid #7c8bc5}.demo-header{border-bottom:1px solid var(--demo-border);background:#fff;justify-content:space-between;align-items:center;height:76px;padding:0 5%;display:flex}.demo-brand{color:#244b46;align-items:center;gap:12px;display:flex}.demo-brand strong{letter-spacing:-1px;font-size:24px}.demo-brand>span{color:#768580;border-left:1px solid #d6dedd;margin-left:6px;padding-left:16px;font-size:13px}.demo-header-link,.guided-top-actions a{color:#45615b;align-items:center;gap:9px;font-size:13px;display:flex}.demo-eyebrow{letter-spacing:1.8px;color:#67847b;font-size:10px;font-weight:700}.landing-main{max-width:1240px;margin:auto;padding:59px 36px 28px}.landing-intro{max-width:690px;margin-bottom:38px}.landing-intro h1{letter-spacing:-2px;margin:15px 0 20px;font-size:clamp(37px,4.5vw,58px);font-weight:620;line-height:1.1}.landing-intro h1 em{color:#367e70;font-style:normal}.landing-intro>p{color:#62716f;max-width:630px;font-size:16px;line-height:1.7}.experience-cards{grid-template-columns:1fr 1fr;gap:24px;display:grid}.experience-card{background:#fff;border:1px solid #dce5e1;border-radius:17px;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden;box-shadow:0 8px 22px #163a2f05}.experience-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #163a2f10}.card-top{justify-content:space-between;align-items:center;padding:22px 25px 0;display:flex}.demo-tag{letter-spacing:.15px;color:#547366;white-space:nowrap;background:#eff4f1;border-radius:5px;align-items:center;gap:7px;padding:5px 9px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.card-number{color:#c7d5cf;font-size:21px;font-weight:300}.experience-visual{background:radial-gradient(#edf6ef 0,#0000 68%);justify-content:center;align-items:center;gap:10px;height:208px;display:flex}.mini-phone{color:#36685e;background:#fcfefd;border:3px solid #355850;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:78px;height:143px;display:flex;transform:rotate(-7deg);box-shadow:4px 8px #305d4710}.mini-phone>span{font-size:10px;font-weight:600}.mini-wave{align-items:center;gap:3px;height:20px;display:flex}.mini-wave i{background:#78a394;border-radius:3px;width:3px;height:12px}.mini-wave i:nth-child(2n){height:20px}.mini-transfer{color:#7b9c8e;align-items:center;gap:5px;display:flex}.mini-transfer>span{background:#c3d6c9;border-radius:50%;width:4px;height:4px}.mini-desk{background:#fff;border:1px solid #bfcfc6;border-radius:8px;width:207px;min-height:145px;padding:12px;transform:rotate(3deg);box-shadow:5px 9px #305d4708}.mini-desk-bar{border-bottom:1px solid #ecf0ed;gap:4px;margin-bottom:8px;padding-bottom:9px;display:flex}.mini-desk-bar i{background:#b9c6bf;border-radius:50%;width:4px;height:4px}.mini-desk-title{color:#798a82;font-size:9px}.mini-summary{color:#578674;align-items:center;gap:5px;margin:9px 0;font-size:10px;display:flex}.mini-order{background:#f6f9f6;border:1px solid #e4ebe6;border-radius:4px;gap:2px;padding:9px;display:grid}.mini-order>span{color:#58765e;font-size:8px}.mini-order strong{font-size:10px;font-weight:600}.mini-order small{color:#7d897d;font-size:8px}.experience-copy{padding:15px 28px 0}.experience-copy h2{letter-spacing:-.6px;font-size:25px;font-weight:600}.experience-copy>p{color:#6b7776;max-width:420px;min-height:71px;margin-top:11px;font-size:14px;line-height:1.7}.experience-facts{color:#627c72;flex-wrap:wrap;gap:18px;margin:22px 0;font-size:11px;display:flex}.experience-facts>span{align-items:center;gap:5px;display:flex}.experience-cta{color:#216757;border-top:1px solid #e6ece8;justify-content:space-between;align-items:center;padding:19px 0;font-weight:600;display:flex}.live-card .demo-tag{color:#6c7096;background:#f0f1f8}.live-visual{background:radial-gradient(#f0f1fa 0,#0000 68%);flex-direction:column;gap:24px}.connection-orbit{align-items:center;display:flex}.orbit-node{color:#9398b1;background:#fff;border:1px solid #d9deed;border-radius:14px;place-items:center;width:57px;height:57px;display:grid}.orbit-core{color:#717aab;background:#f9faff;border:1px solid #d1d6e7;border-radius:23px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:86px;height:86px;display:flex;box-shadow:0 0 0 12px #f2f3fa}.orbit-core span{font-size:11px;font-weight:600}.orbit-line{border-top:2px dotted #d0d6e6;width:35px}.connection-caption{color:#8a91ad;align-items:center;gap:7px;font-size:10px;display:flex}.connection-caption i{background:#94a799;border-radius:50%;width:5px;height:5px}.live-card .experience-cta{color:#5b6391}.landing-note{border-top:1px solid #e0e7e3;justify-content:space-between;align-items:start;gap:30px;margin-top:35px;padding:24px 0;display:flex}.landing-note>span{white-space:nowrap;font-size:13px;font-weight:600}.landing-note>p{color:#82908a;max-width:590px;font-size:12px;line-height:1.7}.landing-footer{letter-spacing:.4px;color:#92a198;border-top:1px solid #e4eae7;justify-content:space-between;padding:22px 5%;font-size:10px;display:flex}.guided-demo .demo-header{height:60px;padding:0 30px}.guided-top-actions{align-items:center;gap:24px;display:flex}.guided-main{max-width:1800px;margin:auto;padding:27px 30px 12px}.guided-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.guided-title h1{letter-spacing:-.7px;margin-top:5px;font-size:28px;font-weight:600}.guided-title p{color:#7a8884;margin-top:5px;font-size:13px}.guided-chapters{border-bottom:1px solid #e1e7e4;gap:28px;margin:24px 0 18px;padding-bottom:18px;display:flex}.guided-chapters>div{color:#9ca8a2;align-items:center;gap:10px;font-size:12px;display:flex}.guided-chapters>div>span{background:#e9eeeb;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.guided-chapters .is-current{color:#286f60;font-weight:600}.guided-chapters .is-current>span{background:#dfeee6}.guided-chapters svg:last-child{color:#bdc8c1;margin-left:10px}.guide-banner{background:#f0f4fa;border:1px solid #dbe4f1;border-radius:9px;align-items:center;gap:12px;min-height:69px;margin-bottom:20px;padding:13px 17px;display:flex}.guide-banner strong{color:#465d81;font-size:12px}.guide-banner p{color:#6a7b92;margin-top:2px;font-size:12px}.guide-banner small{color:#6d7d90;font-size:11px;display:block}.guide-spark{color:#6d80a2;background:#e5ecf7;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.guided-workspace{grid-template-columns:minmax(390px,1.5fr) minmax(285px,1fr) 256px;gap:17px;height:580px;display:grid}.guided-desk,.guided-transcript{border:1px solid var(--demo-border);background:#fff;border-radius:10px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.desk-toolbar{border-bottom:1px solid #e8edeb;flex-shrink:0;justify-content:space-between;align-items:center;height:51px;padding:0 18px;display:flex}.desk-toolbar>span:first-child{align-items:center;gap:9px;font-size:12px;font-weight:600;display:flex}.agent-avatar{color:#6f8e7e;background:#eef2f0;border:1px solid #dce4df;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.desk-interaction{border-bottom:1px solid #edf0ee;justify-content:space-between;align-items:center;gap:10px;padding:20px;display:flex}.desk-interaction .demo-eyebrow{letter-spacing:1.2px;color:#9aa8a1;font-size:8px}.desk-interaction h2{margin-top:4px;font-size:18px;font-weight:550}.state-pill{color:#84938a;background:#f0f3f1;border-radius:4px;padding:4px 7px;font-size:10px}.state-pill.green{color:#398462;background:#eaf5ef}.desk-content{flex:1;min-height:0;overflow:auto}.desk-waiting{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:30px;display:flex}.waiting-symbol{color:#8eaa9a;background:#f1f6f3;border-radius:23px;place-items:center;width:78px;height:78px;margin-bottom:20px;display:grid}.desk-waiting h3{font-size:17px;font-weight:550}.desk-waiting p{color:#8a9690;max-width:290px;margin:10px 0 20px;font-size:12px;line-height:1.7}.waiting-note{color:#a3afa7;align-items:center;gap:7px;margin-top:26px;font-size:10px;display:flex}.desk-footer{color:#8d9b93;background:#fafcfb;border-top:1px solid #edf1ee;align-items:center;gap:6px;padding:8px 15px;font-size:9px;display:flex}.caller-profile{align-items:center;gap:11px;padding:18px 20px;display:flex}.caller-initial{color:#7e6baf;background:#edeafa;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.caller-profile strong{font-size:13px;font-weight:600;display:block}.caller-profile span:not(.demo-tag){color:#9aaba1;margin-top:3px;font-size:9px;display:block}.caller-profile>.demo-tag{margin-left:auto}.desk-tabs{border-bottom:1px solid #e9eeeb;gap:15px;padding:0 20px;display:flex}.desk-tabs button{color:#89958e;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 2px;font-size:11px}.desk-tabs button[aria-selected=true]{color:#595486;border-bottom-color:#6966a8}.desk-tabs b{background:#eef0ef;border-radius:4px;margin-left:4px;padding:1px 4px;font-size:9px}.guided-business{padding:15px 20px}.guided-business .order-card{margin:0}.guided-business .handoff-requests h3{margin:0 0 9px;font-size:12px}.guided-business .order-card-heading{padding:12px}.guided-business .order-product{padding:14px}.guided-business .business-request-details{padding:12px}.guided-business .business-request-details>p{margin:8px 0}.guided-business .business-request-details small{font-size:9px}.guided-business .business-request-next{font-size:11px}.guided-summary{background:#f5f4fb;border:1px solid #e8e5f4;border-radius:7px;margin:0 20px 20px;padding:15px}.guided-summary h3{color:#686297;align-items:center;gap:7px;font-size:11px;font-weight:600;display:flex}.guided-summary p{color:#747187;margin:10px 0;font-size:11px;line-height:1.7}.guided-summary small{color:#a3a0b6;font-size:8px}.empty-request{text-align:center;color:#68836e;background:#f4f8f5;flex-direction:column;align-items:center;gap:8px;padding:18px;display:flex}.empty-request p{color:#84988a;font-size:11px}.panel-heading{border-bottom:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;gap:6px;height:51px;padding:0 16px;display:flex}.panel-heading>span:first-child{align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.panel-heading .demo-tag{color:#8a81a2;background:#f1f0f8;font-size:8px}.transcript-caption{color:#9396a2;background:#fbfafc;border-bottom:1px solid #eeecf2;padding:10px 16px;font-size:10px!important;line-height:1.6!important}.transcript-scroll{flex:1;min-height:0;padding:18px 16px;overflow:auto}.transcript-turn{padding:0 0 20px}.speaker-heading{color:#85829b;align-items:center;gap:7px;font-size:10px;display:flex}.speaker-heading>svg{color:#8d7fb6;margin-left:auto}.speaker-avatar{color:#8f7bb4;background:#f1edf9;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.speaker-customer .speaker-avatar{color:#688f76;background:#e8f2ec}.speaker-human .speaker-avatar{color:#788cab;background:#e8edf6}.transcript-turn p{color:#69697c;margin:6px 0 0 32px;font-size:12px;line-height:1.7}.transcript-pending{color:#adb0bb;font-size:11px;font-style:italic}.current-turn .speaker-heading{color:#686088}.transcript-source{color:#9d98ad;background:#fbfafc;border-top:1px solid #efedf3;align-items:center;gap:6px;padding:9px 15px;font-size:9px;display:flex}.guided-customer{flex-direction:column;gap:13px;min-height:0;display:flex}.phone-shell{background:#fff;border:5px solid #34493f;border-radius:32px;flex-direction:column;flex:1;align-items:center;min-height:0;padding:11px 17px 20px;display:flex;overflow:auto;box-shadow:0 7px 17px #16332310}.phone-island{background:#34493f;border-radius:10px;width:64px;height:13px;margin:-3px 0 20px}.phone-label{letter-spacing:1.4px;color:#9caea1;font-size:8px;font-weight:600}.phone-avatar{color:#81a38b;background:#eaf3ed;border-radius:50%;flex-shrink:0;place-items:center;width:57px;height:57px;margin:16px 0 11px;display:grid}.phone-shell h2{color:#304e3d;font-size:21px;font-weight:550}.phone-shell>p{color:#94a597;font-size:11px}.phone-status{color:#648c73;margin-top:9px;font-size:10px}.phone-wave{align-items:center;gap:4px;height:38px;margin:9px 0;display:flex}.phone-wave i{transform-origin:50%;background:#a7c5ad;border-radius:4px;width:3px;height:6px}.phone-wave i:nth-child(2n){height:15px}.phone-wave i:nth-child(3n){height:24px}.phone-wave.is-speaking i{animation:.8s ease-in-out infinite alternate demo-wave}.phone-wave.is-speaking i:nth-child(2n){animation-delay:-.4s}.phone-wave.is-speaking i:nth-child(3n){animation-delay:-.2s}@keyframes demo-wave{0%{transform:scaleY(.5)}to{transform:scaleY(1.2)}}.phone-order{color:#9aaa9b;background:#f8faf8;border:1px solid #e6ece7;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px;font-size:9px;display:flex}.phone-order strong{color:#6d8573;margin-top:1px;font-size:10px;font-weight:600;display:block}.phone-scenario{width:100%;margin-top:15px}.phone-scenario>span{letter-spacing:1px;color:#a1afa4;font-size:7px}.phone-scenario p{color:#819485;margin-top:5px;font-size:10px;line-height:1.7}.phone-call-state{color:#99ae9c;align-items:center;gap:6px;margin-top:auto;padding-top:17px;font-size:8px;display:flex}.phone-decision{flex-direction:column;gap:7px;width:100%;margin-top:13px;display:flex}.phone-decision strong{text-align:center;color:#63826c;font-size:10px}.phone-decision button{min-height:29px;font-size:10px}.phone-decision small{color:#9aab9e;text-align:center;font-size:8px;line-height:1.5}.guided-tool{background:#eef3f0;border:1px solid #dfe7e2;border-radius:7px;padding:12px 14px}.guided-tool>span{color:#91a497;align-items:center;gap:6px;font-size:9px;display:flex}.guided-tool strong{color:#627c69;margin-top:6px;font-size:11px;font-weight:600;display:block}.guided-tool small{color:#96a69a;margin-top:3px;font-size:9px;line-height:1.5;display:block}.replay-controls{background:#fff;border:1px solid #dce5df;border-radius:9px;align-items:center;gap:23px;margin-top:17px;padding:13px 16px;display:flex}.player-buttons{align-items:center;gap:7px;display:flex}.play-button{min-width:106px!important}.guided-theme .fui-Button--primary{background:#286e60;border-color:#286e60}.guided-theme .fui-Button--primary:hover{background:#1d5c50;border-color:#1d5c50}.turn-progress{flex:1;min-width:90px}.turn-progress>div{color:#8b9a91;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:10px;display:flex}.turn-progress progress{accent-color:#629783;background:#e7eeea;border:0;border-radius:4px;width:100%;height:4px;display:block;overflow:hidden}.turn-progress progress::-webkit-progress-bar{background:#e7eeea}.turn-progress progress::-webkit-progress-value{background:#629783}.volume-control{color:#8fa296;align-items:center;gap:9px;display:flex}.volume-control input{accent-color:#629783;width:76px}.guided-footnote{color:#9aa69f;justify-content:space-between;align-items:center;gap:15px;margin-top:16px;font-size:9px;display:flex}.guided-footnote a,.completion-note{align-items:center;gap:6px;display:flex}.completion-note{color:#5b9177}.guided-error{color:#836c36;background:#fff4dd;border:1px solid #ead6a4;border-radius:6px;margin:12px 0;padding:12px;font-size:12px}.guided-error button{margin-left:8px}.guided-reset{z-index:1000;background:#10261c66;place-items:center;display:grid;position:fixed;inset:0}.guided-reset>div{background:#fff;border-radius:12px;max-width:420px;padding:28px}.guided-reset h2{font-size:20px}.guided-reset p{color:#7c8981;margin:14px 0 20px}.guided-reset button{margin-right:9px}@media (width>=1500px){.guided-workspace{grid-template-columns:minmax(500px,1.5fr) minmax(360px,1fr) 280px;height:630px}.guided-main{padding:35px 4% 20px}.transcript-turn p{font-size:13px}.phone-shell{padding:16px 22px 25px}.phone-avatar{margin-top:25px}.phone-scenario p,.phone-decision button,.guided-summary p{font-size:12px}.guided-business .business-request-details small{font-size:10px}}@media (width<=1100px){.guided-main{padding:20px 18px}.guided-workspace{grid-template-columns:minmax(340px,1fr) minmax(280px,1fr);height:auto}.guided-desk,.guided-transcript{height:560px}.guided-customer{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;display:grid}.phone-shell{border-width:2px;border-radius:12px;grid-template-columns:1fr 1fr;gap:8px 22px;padding:18px;display:grid}.phone-island,.phone-avatar,.phone-wave,.phone-shell>.phone-label{display:none}.phone-order,.phone-scenario,.phone-status{margin:0}.phone-decision{grid-area:1/2/5;margin:0}.phone-call-state{padding:0}.phone-scenario{grid-column:1}.guided-tool{flex-direction:column;justify-content:center;align-self:stretch;display:flex}.guided-title h1{font-size:24px}.guided-chapters{gap:15px}}@media (width<=700px){.demo-header{height:64px;padding:0 20px}.demo-brand>span{display:none}.landing-main{padding:36px 20px 20px}.landing-intro h1{font-size:41px}.experience-cards{grid-template-columns:1fr}.landing-note{flex-direction:column;gap:10px}.landing-footer{font-size:9px}.guided-demo .demo-header{padding:0 17px}.guided-top-actions{gap:10px}.guided-top-actions>a{font-size:10px}.guided-title{align-items:start}.guided-title h1{font-size:22px;line-height:1.25}.guided-title p{font-size:11px}.guided-title>button{font-size:10px}.guided-chapters{justify-content:space-between;gap:8px}.guided-chapters>div{gap:4px;font-size:9px}.guided-chapters>div>span{width:18px;height:18px;font-size:9px}.guided-chapters svg:last-child{display:none}.guided-workspace{flex-direction:column;display:flex}.guided-desk{height:500px}.guided-transcript{height:420px}.guided-customer{display:flex}.guided-tool{width:100%}.phone-shell{flex:none;width:100%}.replay-controls{flex-wrap:wrap;gap:15px}.player-buttons{flex:1}.turn-progress{flex-basis:100%;order:3}.volume-control input{width:50px}.guided-footnote{flex-wrap:wrap;align-items:start}.guided-footnote>span{max-width:220px}.guide-banner p{font-size:11px}}@media (prefers-reduced-motion:reduce){.experience-card{transition:none}.phone-wave.is-speaking i{animation:none}}@media (width>=1101px) and (height<=900px){.guided-main{padding:16px 22px 8px}.guided-title h1{font-size:23px}.guided-title p{font-size:11px}.guided-chapters{margin:12px 0 10px;padding-bottom:10px}.guide-banner{min-height:54px;margin-bottom:12px;padding:9px 14px}.guide-banner p{font-size:11px}.guided-workspace{height:max(340px,100dvh - 366px)}.replay-controls{margin-top:10px;padding:10px 14px}.guided-footnote{margin-top:9px}.desk-interaction{padding:12px 17px}.desk-interaction h2{font-size:15px}.desk-toolbar,.panel-heading{height:43px}.desk-waiting{padding:16px}.waiting-symbol{border-radius:15px;width:48px;height:48px;margin-bottom:12px}.desk-waiting h3{font-size:14px}.desk-waiting p{margin:8px 0 12px}.waiting-note{margin-top:14px;font-size:9px}.phone-shell{border-width:3px;border-radius:20px;padding:10px 14px;overflow:auto}.phone-island,.phone-avatar,.phone-wave{display:none}.phone-shell h2{margin-top:3px;font-size:17px;line-height:1.3}.phone-label{font-size:7px}.phone-shell>p{font-size:9px}.phone-status{margin:3px 0 6px;font-size:9px}.phone-order{padding:6px}.phone-scenario{margin-top:6px}.phone-scenario p{font-size:9px;line-height:1.4}.phone-call-state{padding-top:8px}.phone-decision{gap:5px;margin-top:6px}.phone-decision small{font-size:7px}.phone-decision button{min-height:25px;padding:3px 5px}.guided-tool{padding:8px 12px}.guided-tool small{font-size:8px}.guided-customer{gap:8px}.transcript-scroll{padding:13px}.transcript-turn{padding-bottom:14px}.transcript-caption{padding:8px 12px}.caller-profile,.guided-business{padding:12px 17px}.guided-summary{margin:0 17px 15px}}@media (width>=850px) and (height<=850px){.landing-main{padding-top:28px;padding-bottom:10px}.landing-intro{max-width:850px;margin-bottom:24px}.landing-intro h1{margin:10px 0 12px;font-size:43px;line-height:1.08}.landing-intro h1 br{display:none}.landing-intro h1 em{margin-left:10px}.landing-intro>p{max-width:730px;font-size:14px;line-height:1.6}.experience-visual{height:165px}.card-top{padding-top:17px}.experience-copy{padding-top:7px}.experience-copy h2{font-size:23px}.experience-copy>p{min-height:57px;margin-top:8px;font-size:12px}.experience-facts{margin:15px 0;font-size:10px}.experience-cta{padding:15px 0}.landing-note{margin-top:20px;padding:17px 0}.landing-footer{padding-top:13px;padding-bottom:13px}}.immersive-demo{background:#f3f5f6;flex-direction:column;height:100dvh;min-height:480px;display:flex}.immersive-demo .guided-main{flex:1;width:100%;max-width:none;min-height:0;padding:18px 20px 14px;display:flex;overflow:hidden}.immersive-demo .guided-workspace{grid-template-columns:minmax(380px,1.5fr) minmax(290px,1fr) 266px;gap:18px;width:100%;height:100%}.immersive-demo .guided-desk,.immersive-demo .guided-transcript{border-radius:6px;height:100%}.immersive-demo .desk-toolbar,.immersive-demo .panel-heading{height:53px}.immersive-demo .desk-interaction{padding:22px}.immersive-demo .desk-interaction h2{font-size:19px}.desk-presence{color:#8a9c91;align-items:center;gap:7px;font-size:10px;display:flex}.desk-presence .agent-avatar{margin-left:12px}.availability-dot{background:#86a98d;border-radius:50%;width:6px;height:6px}.immersive-demo .desk-waiting{padding:25px}.immersive-demo .waiting-symbol{border-radius:22px;width:74px;height:74px;margin-bottom:21px}.immersive-demo .desk-waiting h3{font-size:17px}.immersive-demo .desk-waiting p{max-width:285px;margin-top:9px;font-size:12px}.immersive-demo .transcript-scroll{padding:22px 18px}.immersive-demo .transcript-turn{padding-bottom:24px}.immersive-demo .transcript-turn p{font-size:13px;line-height:1.75}.immersive-demo .speaker-heading{font-size:11px}.immersive-demo .guided-customer{justify-content:center;align-items:center;gap:0;padding:0;display:flex}.immersive-demo .phone-shell{background:linear-gradient(160deg,#fafcfa,#f0f5f1);border:5px solid #34493f;border-radius:37px;flex-direction:column;flex:none;gap:0;width:100%;height:min(570px,94%);padding:14px 24px 32px;display:flex;overflow:hidden}.immersive-demo .phone-island{flex-shrink:0;width:70px;height:15px;margin:-4px 0 0;display:block}.immersive-demo .phone-avatar{color:#789b83;background:#e1ece4;flex-shrink:0;place-items:center;width:76px;height:76px;margin:60px 0 23px;display:grid}.immersive-demo .phone-shell h2{margin:0;font-size:27px;font-weight:500}.immersive-demo .phone-shell>p{color:#9aaca0;margin:4px 0 0;font-size:13px}.immersive-demo .phone-status{margin:18px 0 0;font-size:11px}.immersive-demo .phone-wave{gap:5px;height:45px;margin:30px 0;display:flex}.immersive-demo .phone-wave i{width:4px}.immersive-demo .phone-call-state{color:#9bafa0;flex-direction:column;gap:12px;margin-top:auto;padding:0;font-size:10px;display:flex}.call-footer{z-index:5;background:#fff;border-top:1px solid #dce3e0;flex-shrink:0}.immersive-demo .replay-controls{border:0;border-radius:0;gap:16px;min-height:70px;margin:0;padding:14px 20px}.call-back{color:#86988d;flex-shrink:0;place-items:center;width:30px;height:32px;display:grid}.call-decision{align-items:center;gap:7px;display:flex}.call-decision button{white-space:nowrap}.immersive-demo .turn-progress{min-width:70px}.immersive-demo .volume-control input{width:60px}.immersive-demo .guided-error{border-width:0 0 1px;border-radius:0;margin:0}.demo-information{max-width:340px;font-size:12px;line-height:1.7}.demo-information p{color:#76837d;margin-top:10px}.immersive-demo .guided-business{padding:20px 22px}.immersive-demo .guided-summary{margin:0 22px 22px}.immersive-demo .caller-profile{padding:20px 22px}@media (width>=1600px){.immersive-demo .guided-main{padding:24px 30px}.immersive-demo .guided-workspace{grid-template-columns:minmax(600px,1.55fr) minmax(380px,1fr) 310px;gap:24px}.immersive-demo .phone-shell{height:min(640px,94%)}.immersive-demo .phone-avatar{margin-top:80px}.immersive-demo .guided-summary p{font-size:13px}}@media (width<=1100px){.immersive-demo .guided-workspace{grid-template-columns:minmax(300px,1.25fr) minmax(250px,1fr) 210px;gap:12px}.immersive-demo .guided-main{padding:12px}.immersive-demo .phone-shell{border-width:4px;border-radius:29px;height:min(500px,94%);padding:12px 14px 27px}.immersive-demo .phone-avatar{width:62px;height:62px;margin-top:45px}.immersive-demo .phone-shell h2{font-size:24px}.immersive-demo .replay-controls{gap:8px;padding:12px}.immersive-demo .player-buttons{gap:3px}.immersive-demo .player-buttons .play-button{min-width:95px!important}.immersive-demo .volume-control input{width:45px}.immersive-demo .guided-customer{grid-column:auto}.call-decision button{font-size:11px}.immersive-demo .transcript-turn p{font-size:12px}.immersive-demo .desk-interaction h2{font-size:16px}}@media (width<=850px){.immersive-demo{height:auto;min-height:100dvh}.immersive-demo .guided-main{overflow:visible}.immersive-demo .guided-workspace{grid-template-columns:minmax(250px,1fr) 210px;height:auto;display:grid}.immersive-demo .guided-desk{grid-area:1/1;height:500px}.immersive-demo .guided-transcript{grid-area:2/1/auto/-1;height:350px}.immersive-demo .guided-customer{grid-area:1/2;height:500px}.immersive-demo .call-footer{position:sticky;bottom:0}.immersive-demo .replay-controls{flex-wrap:wrap}.immersive-demo .turn-progress{flex:1;order:0}.immersive-demo .call-decision{flex-basis:100%;order:-1;justify-content:center}.immersive-demo .player-buttons{flex:none}.immersive-demo .volume-control{margin-left:auto}}@media (width<=520px){.immersive-demo .guided-workspace{flex-direction:column;display:flex}.immersive-demo .guided-desk{height:480px}.immersive-demo .guided-transcript{height:340px}.immersive-demo .guided-customer{height:430px}.immersive-demo .phone-shell{width:230px;height:410px}.immersive-demo .turn-progress,.immersive-demo .volume-control{display:none}.immersive-demo .replay-controls{justify-content:center;gap:5px}.immersive-demo .call-back{width:25px}.immersive-demo .replay-controls>button{min-width:28px}}.biometric-scenario label{margin-bottom:8px;font-weight:600;display:block}.biometric-scenario select{width:100%;font:inherit;background:#fff;border:1px solid #8b9690;border-radius:4px;padding:8px}.desk-layout{flex:1;min-height:0;display:flex}.desk-conversations{box-sizing:border-box;background:#f6f8fb;border-right:1px solid #e1e5eb;flex:0 0 145px;padding:18px 12px}.desk-conversations h3{color:#414957;margin:0 0 18px;font-size:12px}.desk-conversations p{color:#7a8390;font-size:11px;line-height:1.5}.desk-conversation-item{background:#eaf2fb;border:1px solid #bdcfe6;border-left:3px solid #0f6cbd;border-radius:5px;flex-direction:column;gap:8px;margin:0 -5px 24px;padding:12px 9px;display:flex}.desk-conversation-item>span{align-items:center;gap:5px;font-size:10px;display:flex}.desk-conversation-item strong{font-size:12px}.desk-conversation-item small{color:#5b6d82;font-size:10px}.desk-queue-label,.desk-queue-count{color:#68778a;margin-top:16px;font-size:10px;display:block}.desk-queue-count{margin-top:4px}.desk-session{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.desk-session .desk-content{flex:1;min-height:0;overflow:auto}.desk-call-details{border-bottom:1px solid #e1e5eb;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 16px;padding:16px 22px 18px;font-size:11px;display:grid}.desk-call-details dt{color:#697589;margin-bottom:4px}.desk-call-details dd{color:#303d50;margin:0;font-weight:500}.call-scenario-selector select{color:#414f64;max-width:210px;font:inherit;background:#fff;border:1px solid #d8dfe9;border-radius:5px;padding:7px 9px;font-size:12px}.call-scenario-selector select:focus-visible{outline-offset:2px;outline:2px solid #0f6cbd}@media (width<=1050px){.desk-conversations{flex-basis:115px;padding:14px 8px}}@media (width<=650px){.desk-conversations{display:none}.call-scenario-selector select{max-width:150px}}