.sv-world{--sv-green:#244b3b;--sv-soft:#f3f6ed}.sv-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 30px;border-bottom:1px solid #e0e5d8}.sv-top h1{font-size:28px;margin:6px 0}.sv-toolbar{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 30px}.sv-views{display:flex;gap:5px;padding:4px;background:#edf0e6;border-radius:9px}.sv-views button{background:transparent;border:0;border-radius:6px;padding:10px 16px;font:inherit;font-size:15px;color:#59644d;min-height:43px}.sv-views button[aria-pressed=true]{background:#fff;color:#243e2b;box-shadow:0 1px 4px #243d2518}.sv-views button:disabled{opacity:.5}.sv-mode{padding:13px 30px;background:#eaf1e8;color:#355936;font-size:14px;border-block:1px solid #dce7d7}.sv-mode.sv-demo{background:#faf1d5;color:#80621e;border-color:#ebdfbd}.sv-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px;padding:25px 30px;align-items:start}.sv-layout.sv-agent,.sv-layout.sv-caller{grid-template-columns:minmax(0,1fr)}.sv-layout.sv-caller{max-width:840px;margin:auto}.sv-world [hidden]{display:none!important}.sv-layout .x-box{padding:25px}.sv-world h2{font-size:23px}.sv-world h3{font-size:18px;margin:23px 0 12px}.sv-muted{font-size:14px;line-height:1.7;color:#65715b}.sv-person{display:flex;gap:12px;align-items:center;margin:24px 0}.sv-person>span{width:47px;height:47px;background:#e8eddf;border-radius:50%;display:grid;place-items:center;color:#365238;flex:none}.sv-person strong{font-size:18px}.sv-person small{display:block;font-size:13px;color:#6c7662;margin-top:4px}.sv-message{padding:15px;margin:13px 0;border-radius:9px;background:#f0f3e9;font-size:16px;line-height:1.7;overflow-wrap:anywhere}.sv-message small{display:block;font-size:12px;color:#64765d;margin-bottom:6px}.sv-message.sv-self{background:var(--sv-green);color:#fff;margin-left:20px}.sv-self small{color:#dbe8d5}.sv-caller textarea{width:100%;box-sizing:border-box;border:1px solid #d8dfcc;border-radius:7px;padding:12px;font:inherit;font-size:16px;resize:vertical}.sv-check{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.7;margin:18px 0;color:#4e6046}.sv-check input{width:17px;height:17px;margin-top:4px;flex:none;accent-color:#7d7027}.sv-audio{padding:16px;background:var(--sv-soft);border-radius:9px;font-size:16px;margin:15px 0}.sv-caller audio{display:block;max-width:100%;margin:14px 0}.sv-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}.sv-small{font-size:13px;line-height:1.7;color:#68725f;margin:13px 0}.sv-demo-controls{border-top:1px solid #e1e6d8;margin-top:22px;padding-top:19px}.sv-verdict{padding:20px;background:#eff4ea;border:1px solid #dae4d1;border-radius:9px;margin:20px 0}.sv-verdict h2{margin:8px 0;color:#315532}.sv-verdict p,.sv-handoff p{font-size:15px;color:#5e7153;line-height:1.8}.sv-evidence>div{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #e2e7da;font-size:15px;line-height:1.7}.sv-evidence>div>span{text-align:right;color:#4f6644}.sv-evidence strong{font-weight:600}.sv-timeline{list-style:none;margin:0 0 24px;padding:0}.sv-timeline li{border-left:2px solid #dce5d3;padding:8px 0 12px 17px;margin-left:4px;font-size:14px;line-height:1.7}.sv-timeline strong{font-weight:500}.sv-timeline small{display:block;font-size:12px;color:#78806e}.sv-handoff{margin-top:24px;padding-top:3px;border-top:1px solid #e1e6da}.sv-real{margin:0 30px 28px;border:1px solid #e0e6d8;border-radius:10px;overflow:hidden}.sv-real>summary{padding:18px;font-size:16px;color:#455e38;background:#f7f9f2;cursor:pointer}.sv-real .x-brandbar{display:none}.sv-real>.x-world{border:0;border-radius:0}.sv-world button:focus-visible,.sv-world input:focus-visible,.sv-world select:focus-visible{outline:2px solid #ac8a28;outline-offset:3px}@media(max-width:950px){.sv-layout{grid-template-columns:1fr}.sv-evidence>div{flex-wrap:wrap}.sv-evidence>div>span{text-align:left}}@media(max-width:560px){.sv-top,.sv-toolbar,.sv-layout{padding:19px}.sv-mode{padding:13px 19px}.sv-layout .x-box{padding:18px}.sv-real{margin:0 19px 20px}.sv-toolbar{gap:10px}.sv-views button{padding:9px 12px}.sv-top h1{font-size:24px}.sv-agent .x-section-title{flex-wrap:wrap}}
/* Guided caller experience */
.sg-intro{max-width:900px;margin:0 auto;padding:36px 30px 42px}.sg-intro h2{font-size:30px;margin:12px 0}.sg-intro>p,.sg-description{font-size:17px;line-height:1.8;color:#61705b}.sg-stories{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.sg-story{display:block;text-align:left;padding:25px;border:2px solid #e0e6d8;border-radius:14px;background:white;color:#293e30;font:inherit;cursor:pointer}.sg-story[aria-pressed=true]{border-color:#a38a2c;background:#faf7e9;box-shadow:0 0 0 3px #b59a3620}.sg-story>span{font-size:13px;letter-spacing:.09em;color:#82722d;font-weight:700}.sg-story strong{display:block;font-size:24px;margin-top:15px}.sg-story p{font-size:17px;line-height:1.7;margin:12px 0}.sg-story small{font-size:14px;line-height:1.7;color:#6b765f}.sg-consent{font-size:16px}.sg-consent input{width:20px;height:20px}.sg-disclosure{margin:20px 0;color:#61705b;font-size:15px;line-height:1.8}.sg-disclosure summary{cursor:pointer;font-weight:600}.sg-disclosure p{margin:12px 0}.sg-hint{font-size:15px!important;color:#877237!important}.sg-error{margin:20px 30px}.sg-call h2{font-size:25px}.sg-call .x-section-title{flex-wrap:wrap;gap:12px}.sg-badge{font-size:13px;color:#6c765e;background:#f2f5ed;padding:8px 10px;border-radius:20px}.sg-steps{display:flex;gap:12px;flex-wrap:wrap;list-style:none;counter-reset:step;padding:0;margin:25px 0;font-size:14px;color:#748168}.sg-steps li{counter-increment:step}.sg-steps li:before{content:counter(step);display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#eff2e8;margin-right:7px}.sg-steps li[aria-current=step]{color:#29523b;font-weight:700}.sg-steps li[aria-current=step]:before{background:#29523b;color:#fff}.sg-prompt{padding:26px;background:#eff4e9;border-radius:14px;border:1px solid #dbe6d1}.sg-prompt>span{font-size:12px;font-weight:700;letter-spacing:.12em;color:#687c57}.sg-prompt p{font-size:22px;line-height:1.7;margin:12px 0 0;color:#263f2e}.sg-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:25px 0;font-size:18px;line-height:1.6}.sg-status>span:last-child:not(.sg-dot){font-size:15px;color:#6d7b60;flex-basis:100%}.sg-dot{width:12px;height:12px;border-radius:50%;background:#aab39e;flex:none}.sg-dot.sg-listening{background:#3b8757;box-shadow:0 0 0 6px #3b875718;animation:sg-pulse 1.6s infinite}.sg-progress{padding:20px;border:1px solid #e0e6d7;border-radius:12px;margin:22px 0}.sg-progress>div{display:flex;justify-content:space-between;gap:12px;font-size:17px}.sg-progress progress{display:block;width:100%;height:12px;margin:17px 0;accent-color:#426a44}.sg-progress small{font-size:14px;color:#768267}.sg-world .sv-layout.sv-caller{max-width:920px}.sg-world .sv-layout.sv-agent{max-width:980px;margin:auto}.sg-world .sv-actions button{min-height:48px;font-size:16px}.sg-world .sv-timeline{font-size:16px}.sg-world textarea{font-size:18px}.sg-return{padding:20px 30px}.sg-world .sv-top>button{flex:none}@keyframes sg-pulse{50%{box-shadow:0 0 0 10px #3b87570a}}@media(prefers-reduced-motion:reduce){.sg-dot.sg-listening{animation:none}}@media(max-width:650px){.sg-stories{grid-template-columns:1fr}.sg-intro{padding:25px 20px}.sg-prompt{padding:20px}.sg-prompt p{font-size:20px}.sg-intro h2{font-size:27px}.sg-error{margin:15px 19px}}
.sg-signal{border:1px solid #dbe5d6;border-radius:12px;background:#f8faf5;padding:18px 20px;margin:18px 0}.sg-signal>div{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:16px}.sg-signal [data-sg-input-status]{color:#486445;font-size:15px}.sg-waveform{display:block;width:100%;height:72px;margin:12px 0 6px;background:linear-gradient(transparent 49%,#dfe7d8 49%,#dfe7d8 51%,transparent 51%)}.sg-waveform path{stroke:#3e744f;stroke-width:3;stroke-linecap:round;fill:none}.sg-signal meter{display:block;width:100%;height:9px;accent-color:#3e744f;margin:8px 0 12px}.sg-signal small{font-size:13px;line-height:1.6;color:#718067}.sg-sample{padding:20px 23px;margin:20px 0;border-left:3px solid #b69a39;background:#fcfaf0;border-radius:0 12px 12px 0}.sg-sample>strong{font-size:12px;letter-spacing:.08em;color:#8c7733}.sg-sample>p{font-size:18px;line-height:1.8;margin:12px 0;color:#47543c}.sg-sample>small{font-size:13px;color:#7b816c;line-height:1.7}@media(max-width:560px){.sg-sample{padding:17px}.sg-sample>p{font-size:17px}.sg-signal{padding:16px}}
.sg-world .sg-with-chat.sv-caller,.sg-world .sg-with-chat.sv-agent,.sg-world .sg-with-chat.sv-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);max-width:none;margin:0;align-items:start}.sg-main-pane{min-width:0}.sg-main-pane>.sv-caller{margin-bottom:22px}.sg-chat{position:sticky;top:20px;min-width:0}.sg-chat h2{font-size:23px;margin:0}.sg-chat .x-section-title>span{font-size:13px;color:#78826d}.sg-chat-hint{font-size:14px;color:#748168;margin:10px 0 20px}.sg-chat-log{max-height:68vh;min-height:180px;overflow-y:auto;overscroll-behavior:contain;padding:0 4px 6px;scrollbar-gutter:stable}.sg-chat-message{border-radius:12px;padding:16px 18px;background:#eef3e7;margin:0 16px 16px 0;overflow-wrap:anywhere}.sg-chat-message>strong{display:block;font-size:12px;color:#69805c;letter-spacing:.03em}.sg-chat-message>p{font-size:17px;line-height:1.75;margin:8px 0 0}.sg-chat-caller{background:#254c3b;color:white;margin-right:0;margin-left:20px}.sg-chat-caller>strong{color:#d3e5cf}.sg-chat>small{display:block;font-size:12px;line-height:1.7;margin-top:16px;color:#7a836f}@media(max-width:1000px){.sg-world .sg-with-chat.sv-caller,.sg-world .sg-with-chat.sv-agent,.sg-world .sg-with-chat.sv-split{grid-template-columns:1fr}.sg-chat{position:static;order:-1}.sg-chat-log{max-height:260px;min-height:100px}.sg-chat-message>p{font-size:16px}}
/* Split view is reserved for the caller and agent; chat remains in each individual view. */
.sg-demo-badge{display:inline-block;margin-left:10px;padding:4px 9px;border:1px solid #ddd7bb;border-radius:20px;background:#f6f3e7;color:#867337;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;vertical-align:middle}.sg-technical{font-size:14px;line-height:1.8;color:#6e795f;margin:16px 0 0}.sg-side-pane{min-width:0;position:sticky;top:20px}.sg-side-pane>.sg-chat{position:static}.sg-agent-pane{min-width:0}.sg-agent-pane>.sv-agent{margin:0}.sg-side-pane .sg-chat-log{max-height:68vh}.sg-world .sg-with-chat.sv-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sg-world .sv-split .sg-side-pane{display:block;height:auto;max-height:none;order:0}.sv-split .sg-side-pane>.sg-agent-pane{max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;border:1px solid #e0e6d7;border-radius:12px;background:#fff}.sv-split .sg-agent-pane>.sv-agent{border:0;box-shadow:none}.sv-split .sg-agent-pane .sv-evidence>div{font-size:16px}.sv-split .sg-agent-pane .sv-timeline li{font-size:15px}@media(max-width:1000px){.sg-side-pane{position:static;order:-1}.sg-world .sv-split .sg-side-pane{position:sticky;top:20px;order:0}.sg-side-pane .sg-chat-log{max-height:260px}}@media(max-width:900px){.sg-world .sg-with-chat.sv-split{grid-template-columns:1fr}.sg-world .sv-split .sg-side-pane{position:static}.sv-split .sg-side-pane>.sg-agent-pane{max-height:none;overflow:visible}}
.sg-mic-check{padding:22px;border:1px solid #dce5d5;border-radius:14px;background:#fafcf7;margin:24px 0}.sg-mic-check>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.sg-mic-check h3{font-size:21px;margin:0}.sg-mic-result{font-size:15px;color:#8a7134;line-height:1.6}.sg-mic-ready{color:#2e6841;font-weight:600}.sg-mic-device{font-size:14px;color:#6b775f;margin:12px 0 0}.sg-mic-check .sg-signal{margin:16px 0;border:0;padding:0;background:transparent}.sg-mic-check .sg-waveform{height:58px}.sg-small-note{font-size:14px;line-height:1.7;color:#738067;margin:14px 0 0}.sg-call-tools{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:0 30px 20px;border-bottom:1px solid #e3e8dc}.sg-call-tools button{min-height:43px;font-size:15px}.sg-call-tools>span{margin-left:auto;font-size:14px;color:#617956}.sg-mic-check-active{margin:22px 30px;max-width:900px}.sg-mic-check-active .sg-small-note{font-size:15px}@media(max-width:560px){.sg-call-tools{padding:0 19px 18px}.sg-call-tools>span{flex-basis:100%;margin-left:0}.sg-mic-check{padding:18px}.sg-mic-check-active{margin:18px 19px}.sg-mic-result{font-size:14px}}
.sg-intro{max-width:1120px;padding-top:28px}.sg-setup-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin-top:24px}.sg-setup-stories .sg-stories{grid-template-columns:1fr;margin:0;gap:16px}.sg-setup-stories .sg-story{padding:22px}.sg-setup-stories .sg-story strong{font-size:23px;margin-top:10px}.sg-setup-stories .sg-story p{font-size:16px;line-height:1.7;margin:10px 0}.sg-setup-controls .sg-consent{margin:0 0 10px;font-size:15px}.sg-setup-controls>.sg-disclosure{margin:10px 0}.sg-setup-controls .sg-mic-check{margin:16px 0;padding:18px}.sg-setup-controls .sv-actions{margin-bottom:0}.sg-setup-controls .sv-actions>.x-primary{flex:1;min-height:48px}.sg-setup-controls .sg-small-note{font-size:13px}@media(max-width:800px){.sg-setup-grid{grid-template-columns:1fr;gap:22px}.sg-intro{padding-top:22px}}
/* Keep the completed call visible in the main agent workspace. */
.sg-handoff{scroll-margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 28px;margin-bottom:24px;border:1px solid #cbdccf;border-left:4px solid #3e684f;border-radius:14px;background:#f4f8f3;color:#203d31}
.sg-handoff h2{margin:8px 0;font-size:28px;line-height:1.2}
.sg-handoff p{margin:0;line-height:1.6;font-size:17px}
.sg-handoff .sv-actions{flex-shrink:0;margin:0}
.sg-workspace-link{margin-top:24px;display:flex;justify-content:flex-end}
@media(max-width:800px){.sg-handoff{align-items:flex-start;flex-direction:column;padding:20px}.sg-handoff .sv-actions{flex-wrap:wrap}}