.voice-demo{--vd-ink:#20201e;--vd-paper:#fcf9f4;--vd-muted:#6c655d;--vd-red:#c7362e;color:var(--vd-ink);background:var(--vd-paper);text-align:left;border:1px solid #e8ded2;padding:clamp(20px,4vw,48px);font-family:DM Sans,Arial,sans-serif}.voice-demo *{box-sizing:border-box}.voice-demo-heading{grid-template-columns:1.2fr 1fr;align-items:end;gap:30px;margin-bottom:32px;display:grid}.voice-demo-kicker{letter-spacing:.17em;margin:0 0 12px;font-size:10px;font-weight:600;line-height:1.6}.voice-demo-heading h2{letter-spacing:-.035em;margin:0;font:500 clamp(38px,4vw,58px)/1 Cormorant Garamond,Georgia,serif}.voice-demo-heading h2 em{color:var(--vd-red);font-style:normal}.voice-demo-heading>p{color:var(--vd-muted);max-width:360px;margin:0;font-size:14px;line-height:1.8}.voice-demo-grid{border:1px solid #dfd4c7;grid-template-columns:1fr 1.15fr;display:grid}.voice-demo-conversation{background:var(--vd-ink);color:var(--vd-paper);text-align:center;flex-direction:column;align-items:center;padding:30px;display:flex;position:relative}.voice-demo-topline{letter-spacing:.14em;justify-content:space-between;align-items:center;gap:16px;width:100%;font-size:9px;font-weight:600;line-height:1.5;display:flex}.voice-demo-tag{letter-spacing:.08em;border:1px solid #71675e;border-radius:20px;padding:5px 9px;font-size:8px}.voice-demo-orb{color:#f08175;border:1px solid #ac635b;border-radius:50%;place-items:center;width:106px;height:106px;margin:42px 0 24px;display:grid;box-shadow:0 0 0 12px #e6493f0a,0 0 0 24px #e6493f05}.voice-demo-conversation.is-live .voice-demo-orb{animation:2s ease-in-out infinite voice-demo-breathe}.voice-demo h3{letter-spacing:-.02em;margin:0 0 14px;font:500 34px/1.1 Cormorant Garamond,Georgia,serif}.voice-demo-conversation>p:not(.voice-demo-footnote):not(.voice-demo-problem):not(.voice-demo-clock):not(.demo-recording-notice){color:#c5bcb0;margin:0 0 27px;font:400 20px/1.5 Cormorant Garamond,Georgia,serif}.voice-demo-state{align-items:center;gap:8px;min-height:22px;font-size:12px;display:flex}.voice-demo-dot{background:#f08175;border-radius:50%;width:6px;height:6px}.voice-demo-clock{color:#dbd2c6;font-variant-numeric:tabular-nums;align-items:center;gap:7px;margin:10px 0 0;font-size:11px;display:flex}.voice-demo-button{background:var(--vd-red);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:12px;width:100%;min-height:52px;margin:24px 0 16px;padding:14px 20px;font:400 21px/1.2 Cormorant Garamond,Georgia,serif;display:flex}.voice-demo-button:hover{background:#a82b24}.voice-demo-button:disabled{opacity:.55;cursor:not-allowed}.voice-demo-button:focus-visible{outline-offset:4px;outline:3px solid #f08175}.voice-demo-footnote{color:#b9aea0;margin:0;font-size:10px;line-height:1.7}.voice-demo-actions{background:#f5f0e9;flex-direction:column;min-width:0;padding:30px;display:flex}.voice-demo-actions>.voice-demo-topline{color:#756b5f;margin-bottom:28px}.voice-demo-explanation{color:var(--vd-muted);margin:0 0 22px;font-size:12px;line-height:1.8}.voice-demo-empty{text-align:center;border:1px dashed #d1c5b6;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:230px;padding:24px;display:flex}.voice-demo-empty>svg{color:#aa9985}.voice-demo-empty h4{margin:16px 0 8px;font:500 25px/1.2 Cormorant Garamond,Georgia,serif}.voice-demo-empty p{max-width:245px;color:var(--vd-muted);margin:0;font-size:12px;line-height:1.7}.voice-demo-order-list{gap:16px;max-height:480px;display:grid;overflow:auto}.voice-demo-order{background:var(--vd-paper);border:1px solid #ded3c5;padding:20px}.voice-demo-order-status{color:#76522c;align-items:center;gap:7px;margin-bottom:17px;font-size:11px;display:flex}.voice-demo-order-status.is-confirmed{color:#326149}.voice-demo-order ul{margin:0;padding:0;list-style:none}.voice-demo-order li{border-top:1px solid #e8ded2;align-items:start;gap:12px;padding:13px 0;font-size:12px;display:flex}.voice-demo-order li>div{flex:1;min-width:0}.voice-demo-order li strong{font-weight:500}.voice-demo-order li small{color:var(--vd-muted);margin-top:5px;line-height:1.5;display:block}.voice-demo-quantity{color:var(--vd-muted)}.voice-demo-total{border-top:1px solid #d4c6b6;justify-content:space-between;align-items:center;padding-top:15px;font-size:12px;display:flex}.voice-demo-total strong{font:500 30px/1 Cormorant Garamond,Georgia,serif}.voice-demo-pickup{align-items:center;gap:8px;margin-top:20px;font-size:11px;display:flex}.voice-demo-order-note{color:var(--vd-muted);margin:15px 0 0;font-size:11px;line-height:1.7}.voice-demo-result-note{align-items:baseline;gap:9px;margin-top:auto;padding-top:22px;display:flex}.voice-demo-result-note>span{background:var(--vd-red);border-radius:50%;flex:none;width:5px;height:5px}.voice-demo-result-note p{color:var(--vd-muted);margin:0;font-size:10px;line-height:1.7}.voice-demo-problem{border-left:2px solid #e6493f;padding-left:10px;font-size:12px;line-height:1.6}.voice-demo-preview{color:var(--vd-muted);margin:0 0 24px;font-size:12px;line-height:1.6}@keyframes voice-demo-breathe{50%{box-shadow:0 0 0 16px #e6493f10,0 0 0 30px #e6493f06}}@media (prefers-reduced-motion:reduce){.voice-demo-conversation.is-live .voice-demo-orb{animation:none}}@media (width<=700px){.voice-demo-heading{grid-template-columns:1fr;gap:16px}.voice-demo-grid{grid-template-columns:1fr}.voice-demo-conversation,.voice-demo-actions{padding:24px}.voice-demo-orb{margin-top:30px}.voice-demo-topline{font-size:8px}.voice-demo-heading h2{font-size:40px}.voice-demo-order-list{max-height:none}}.voice-demo-orb{position:relative}.voice-demo-connection-ring{border:3px solid #f0817529;border-top-color:#f08175;border-radius:50%;animation:1s linear infinite voice-demo-connect;position:absolute;inset:-7px}.voice-demo-conversation.is-connecting .voice-demo-state{color:#f7b1a7;font-size:16px;font-weight:600}.voice-demo-conversation>p.voice-demo-connecting-message{color:#fcf9f4;margin:14px 0 0;font:500 18px/1.5 DM Sans,Arial,sans-serif}.voice-demo-connecting-message span{color:#c5bcb0;margin-top:6px;font-size:12px;font-weight:400;display:block}@keyframes voice-demo-connect{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.voice-demo-connection-ring{border-color:#f08175;animation:none}}.voice-demo-conversation>p.demo-recording-notice{color:#beb7af;text-align:center;max-width:28rem;margin:14px auto 0;font:400 11px/1.6 DM Sans,Arial,sans-serif}.demo-recording-notice a{color:inherit;text-decoration:underline}.voice-demo-simulation{color:var(--vd-muted);border:1px solid #d9cbbc;margin:0 0 20px;padding:10px 12px;font-size:10px;line-height:1.6}.voice-demo-simulation strong{letter-spacing:.15em;color:var(--vd-red);margin-bottom:3px;font-size:9px;display:block}.voice-demo-action-feed{gap:12px;margin-top:24px;display:grid}.voice-demo-action-feed>h4{letter-spacing:.08em;text-transform:uppercase;margin:0 0 3px;font-size:11px}.voice-demo-action-card h4{margin:0 0 12px;font:500 25px/1.15 Cormorant Garamond,Georgia,serif}.voice-demo-action-card>p{overflow-wrap:anywhere;margin:8px 0;font-size:12px;line-height:1.7}.voice-demo-action-recipient{color:var(--vd-muted)}.voice-demo-message{border-top:1px solid #e8ded2;margin-top:14px;padding-top:12px;font-size:12px;line-height:1.7}.voice-demo-message summary{cursor:pointer;color:var(--vd-red);min-height:32px;display:list-item}.voice-demo-message p{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--vd-muted);margin-bottom:0;font-size:12px}.voice-demo-message summary:focus-visible{outline:2px solid var(--vd-red);outline-offset:3px}.voice-demo-grid{background:#f5f0e9;align-items:start}.voice-demo-conversation{position:sticky;top:20px}@media (width<=700px){.voice-demo-conversation{position:relative;top:auto}}.demo-callback{border:1px solid;border-radius:1rem;max-width:40rem;margin:1.5rem auto;padding:1.5rem}.demo-callback input{max-width:100%;margin:.5rem 0;padding:.65rem}.demo-callback button{cursor:pointer;margin:.35rem 0;padding:.65rem 1rem}.demo-callback button:disabled{cursor:default;opacity:.6}.demo-callback-status{border-inline-start:3px solid;margin:1rem 0;padding:1rem}.demo-preview-shell{max-width:1180px;margin:auto;padding:32px 24px 64px}.demo-preview-brand{font:700 37px/.9 var(--serif);letter-spacing:-.055em;margin-bottom:40px;text-decoration:none;display:inline-block}.preview-states{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.preview-states button{color:var(--ink);cursor:pointer;background:0 0;border:1px solid #d9cdbd;padding:9px 13px;font-size:12px}.preview-states button[aria-pressed=true]{background:var(--ink);color:var(--paper)}