/* Sovado AI: a quiet dark canvas, one product moment at a time. */
/* Native anchor scrolling respects reduced-motion preferences. */
@media (prefers-reduced-motion:no-preference) {
  html { scroll-behavior:smooth; }
}
body[data-page="voice"] { --vr-bg:#09090b; --vr-surface:#111114; --vr-ink:#f6f5f8; --vr-muted:#a3a1ad; --vr-accent:#5147e5; --vr-accent-hover:#3830bb; --vr-line:#28272e; --sv-ink:var(--vr-ink); --sv-muted:var(--vr-muted); background:var(--vr-bg); color:var(--vr-ink); color-scheme:dark; }
body[data-page="voice"] #main { padding:0; background:var(--vr-bg); }
/* Keep the shared navigation dark, including its menus and mobile state. */
body[data-page="voice"] [data-site-navigation] { --nav-ink:#f5f4f7; --nav-primary:var(--vr-accent); background:rgba(9,9,11,.9); border-bottom:1px solid #ffffff08; box-shadow:none; backdrop-filter:blur(20px); }
body[data-page="voice"] [data-site-navigation].scrolled { background:rgba(9,9,11,.94); border-color:#ffffff0d; box-shadow:none; }
body[data-page="voice"] [data-site-navigation] .brand-mark { filter:none; }
body[data-page="voice"] [data-site-navigation] :is(.nav-language,.login-link) { color:#b6b3c0; }
body[data-page="voice"] [data-site-navigation] :is(.nav-megamenu,.nav-audience-menu,.nav-language-menu,.menu-toggle) { background:#141417; border-color:#302d36; box-shadow:none; }
body[data-page="voice"] [data-site-navigation] :is(.nav-disclosure>summary:hover,.nav-disclosure[open]>summary,.nav-disclosure.is-current>summary,.site-nav>a:hover,.site-nav>a[aria-current],.nav-audience-list a:hover,.nav-audience-list a[aria-current],.nav-language-menu>a:hover,.nav-language-active) { color:#d2c3fa; background:#25212f; }
body[data-page="voice"] [data-site-navigation] .nav-feature-group { --feature-ink:#c5b4ef; --feature-tint:#26222e; }
body[data-page="voice"] [data-site-navigation] :is(.nav-feature-footer,.nav-audience-footer,.mobile-actions) { border-color:#302d36; }
body[data-page="voice"] [data-site-navigation] .nav-feature-footer a:last-child { color:#bab5c5; }
body[data-page="voice"] [data-site-navigation] .button { background:var(--vr-accent); border-color:var(--vr-accent); color:#fff; }
body[data-page="voice"] [data-site-navigation] .button:hover { background:var(--vr-accent-hover); border-color:var(--vr-accent-hover); transform:none; }
.voice-page { overflow:clip; }
.vr-container { width:min(1200px,calc(100% - 88px)); margin-inline:auto; }
.voice-page :is(h1,h2,h3,p,figure,blockquote) { margin:0; }
.voice-page :is(h1,h2,h3) { color:var(--vr-ink); font-weight:650; letter-spacing:-.055em; text-wrap:balance; }
.voice-page h1 { font-size:clamp(44px,5.55vw,80px); line-height:1.06; }
.voice-page h2 { font-size:clamp(40px,4.65vw,66px); line-height:1.08; }
.voice-page :is(h1,h2,h3)>span { color:var(--vr-accent); }
.voice-page p { color:var(--vr-muted); font-size:16px; line-height:1.75; }
.voice-page :is(button,a) { -webkit-tap-highlight-color:transparent; }
.voice-page button { font:inherit; }
.voice-page [hidden] { display:none!important; }
.voice-page.is-page-hidden * { animation-play-state:paused!important; }
.voice-page :is(a,button,summary):focus-visible { outline:2px solid var(--vr-accent); outline-offset:6px; }
.voice-page [id] { scroll-margin-top:112px; }
.voice-page .sv-icon { width:20px; height:20px; }
.voice-page .vr-eyebrow { color:#b5adbf; font-size:10px; font-weight:600; letter-spacing:.17em; line-height:1.6; margin-bottom:22px; }
.voice-page .vr-eyebrow>span { display:inline-block; width:5px; height:5px; margin:0 9px 2px 0; border-radius:50%; background:var(--vr-accent); }
.voice-page .vr-button { display:inline-flex; justify-content:center; align-items:center; gap:22px; min-height:50px; padding:14px 23px; border:1px solid var(--vr-accent); border-radius:12px; background:var(--vr-accent); color:#fff; font-size:13px; font-weight:650; line-height:1.4; transition:background .2s,transform .2s; }
.voice-page .vr-button:hover { background:var(--vr-accent-hover); border-color:var(--vr-accent-hover); transform:translateY(-2px); }
.voice-page .vr-text-button { display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:12px 0; border:0; background:none; color:#d0c9dc; font-size:13px; line-height:1.4; }
.vr-text-button>svg { width:17px; height:17px; }
.voice-page .vr-text-button:hover,.voice-page .vr-text-button[aria-pressed="true"] { color:#fff; }
.vr-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
/* The introduction is deliberately open: typography, voice, and two outcomes. */
.vr-hero { position:relative; padding-top:157px; }
.vr-hero-copy { position:relative; z-index:2; text-align:center; }
.vr-hero-copy .vr-eyebrow { margin-bottom:24px; }
.voice-page .vr-lead { margin:25px auto 28px; color:#a7a3af; font-size:16px; line-height:1.65; }
.vr-hero-art { position:relative; height:355px; max-width:1040px; margin-top:42px; isolation:isolate; }
.vr-orb-hero { position:absolute; left:50%; top:50%; width:450px; height:450px; transform:translate(-50%,-54%); }
.voice-page .vr-discover { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; width:max-content; min-height:56px; margin:32px auto 0; padding:6px 14px; border-radius:8px; color:#b5b1c2; font-size:12px; line-height:1.5; text-decoration:none; transition:color .2s; }
.vr-discover svg { width:21px; height:21px; transition:transform .2s; }
.voice-page .vr-discover:hover { color:#fff; }
.vr-discover:hover svg { transform:translateY(3px); }
/* Small, soft spheres assemble Sophie before the header copy appears. */
.vr-intro-pending :is(.vr-hero-copy,.vr-floating,.vr-orb-hero,.vr-discover) { opacity:0; }
.vr-orb-entrance { position:fixed; z-index:40; inset:0; overflow:hidden; contain:strict; pointer-events:none; }
.vr-orb-fragment { position:absolute; top:0; left:0; border-radius:50%; opacity:0; background:radial-gradient(circle at 32% 20%,var(--orb-pearl),var(--orb-cool) 18%,var(--orb-light) 43%,var(--orb-base) 68%,var(--orb-shade)); box-shadow:0 0 24px #d49be82b; will-change:transform,opacity; }
.vr-entering .vr-orb-hero { z-index:3; translate:var(--intro-x,0px) var(--intro-y,0px); opacity:var(--intro-opacity,0); filter:blur(calc((1 - var(--intro-assembly,0)) * 9px)); }
.vr-entering .vr-orb-hero :is(canvas,.vr-orb-fallback) { transform:scale(var(--intro-assembly,0)); }
.vr-entering .vr-orb-hero::before { transform:scale(var(--intro-assembly,0)); }
.vr-entering .vr-hero-copy>* { opacity:0; transform:translateY(12px); }
.vr-entering :is(.vr-floating,.vr-discover) { opacity:0; }
.vr-entering.vr-entrance-ready .vr-hero-copy>* { opacity:1; transform:none; transition:opacity .2s ease-out,transform .3s ease-out; }
.vr-entering.vr-entrance-ready .vr-hero-copy>h1 { transition-delay:35ms; }
.vr-entering.vr-entrance-ready .vr-hero-copy>.vr-lead { transition-delay:70ms; }
.vr-entering.vr-entrance-ready :is(.vr-floating,.vr-discover) { opacity:1; transition:opacity .25s 120ms ease-out; }
.vr-floating { position:absolute; z-index:1; display:flex; align-items:center; gap:15px; padding:17px 20px; border:0; background:none; will-change:transform; }
.vr-floating-call { top:88px; left:0; transform:translateY(calc(var(--hero-shift,0) * -20px)); }
.vr-floating-booked { top:198px; right:8px; transform:translateY(calc(var(--hero-shift,0) * 22px)); }
.vr-floating-icon { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; background:radial-gradient(circle,#b598d92e,transparent 72%); color:#d4bcee; filter:drop-shadow(0 0 15px #b598d933); }
.vr-floating-icon svg { width:18px; height:18px; }
.vr-floating small { display:block; margin-bottom:5px; color:#9d94aa; font-size:8px; font-weight:500; letter-spacing:.12em; }
.vr-floating strong { display:block; color:#dfd9e7; font-size:13px; font-weight:500; }
.vr-floating-call strong { max-width:190px; line-height:1.5; }
.vr-mini-wave { display:flex; align-items:center; gap:3px; height:20px; margin-left:10px; }
.vr-mini-wave i { width:2px; height:8px; border-radius:3px; background:#b6a0d9; }
.vr-mini-wave i:nth-child(2n) { height:16px; }
.vr-mini-wave i:nth-child(3) { height:21px; }
[data-motion="on"] .vr-mini-wave i { animation:vr-wave 1.2s ease-in-out infinite alternate; }
.vr-mini-wave i:nth-child(2n) { animation-delay:-.5s; }
/* Scroll chapters: one visual stays in place while the narrative moves past. */
.vr-story-section { padding-top:133px; }
.vr-section-heading { text-align:center; }
.voice-page .vr-section-heading>p:last-child:not(.vr-eyebrow) { margin-top:22px; }
.vr-story { position:relative; display:grid; grid-template-columns:1fr; margin-top:48px; }
.vr-chapter { display:grid; grid-template-columns:1fr 1.2fr; align-items:center; gap:60px; padding:64px 0; }
.vr-chapter-copy { max-width:430px; }
.voice-page .vr-chapter h3 { font-size:clamp(30px,3.1vw,44px); line-height:1.13; font-weight:550; }
.voice-page .vr-chapter p { max-width:325px; margin-top:22px; font-size:15px; }
.vr-story-stage { display:none; }
.vr-enhanced .vr-story { grid-template-columns:1fr 1.2fr; gap:70px; }
.vr-enhanced .vr-chapter { display:flex; min-height:620px; height:77vh; max-height:800px; padding:55px 0; }
.vr-enhanced .vr-chapter-copy { opacity:.36; transition:opacity .55s; }
.vr-enhanced .vr-chapter.is-active .vr-chapter-copy { opacity:1; }
.vr-enhanced .vr-mobile-scene { display:none; }
.vr-enhanced .vr-story-stage { display:block; position:sticky; top:max(100px,calc(50vh - 300px)); align-self:start; margin-top:55px; }
.vr-story-screen { position:relative; height:540px; border:0; background:none; overflow:visible; box-shadow:none; }
.vr-story-panel { position:absolute; inset:0; opacity:0; transform:translateY(-10px); transition:opacity .18s,transform .3s; pointer-events:none; }
.vr-story-panel.is-active { opacity:1; transform:none; transition:opacity .45s .16s,transform .65s .1s; }
.vr-demo-scene { display:flex; align-items:center; height:100%; min-height:0; padding:0; }
.vr-mobile-scene .vr-demo-scene { height:auto; }
.vr-call-scene,.vr-booked-scene { display:flex; align-items:center; flex-direction:column; width:100%; min-height:470px; padding:32px 28px; border:0; background:none; }
.vr-call-caption { display:block; color:#b2afbd; font-size:11px; line-height:1.5; letter-spacing:.08em; text-align:center; }
.vr-call-rings { position:relative; display:grid; place-items:center; width:108px; height:108px; margin:26px 0 20px; }
.vr-call-rings>span { display:grid; place-items:center; width:86px; height:86px; border-radius:50%; background:var(--vr-accent); color:#fff; }
.vr-call-rings svg { width:36px; height:36px; }
.vr-call-scene>strong,.vr-booked-scene>strong { color:var(--vr-ink); font-size:30px; font-weight:650; letter-spacing:-.04em; line-height:1.2; text-align:center; }
.vr-call-status { display:flex; align-items:center; gap:10px; margin-top:13px; color:#b4b1be; font-size:13px; line-height:1.5; }
.vr-call-status i,.vr-calendar-slot i { flex-shrink:0; width:9px; height:9px; border-radius:50%; background:var(--vr-accent); }
.vr-dialogue-row { display:flex; align-items:flex-start; gap:13px; width:100%; margin-top:29px; text-align:left; }
.vr-scene-avatar { display:grid; place-items:center; flex:0 0 auto; width:36px; height:36px; border-radius:50%; color:#f4efff; font-size:15px; font-weight:600; line-height:1; }
.vr-dialogue-row>.vr-scene-avatar { margin-top:12px; }
.vr-scene-avatar-customer { background:#34333f; color:#e5e2ed; }
.vr-scene-avatar.vr-orb-avatar { width:44px; height:44px; }
.vr-orb-avatar::before { box-shadow:0 0 8px 2px var(--orb-base); filter:blur(4px); }
.vr-dialogue { flex:1; min-width:0; padding:15px 17px; border-radius:16px; background:#1e1d25; }
.vr-dialogue>span:not(.vr-scene-avatar),.vr-dialogue-copy>span { display:block; margin-bottom:5px; color:#b5b1c2; font-size:11px; line-height:1.5; }
.voice-page .vr-dialogue p { margin:0; max-width:none; color:#f0eef5; font-size:14px; line-height:1.6; }
.vr-dialogue-customer { display:flex; align-items:flex-start; gap:13px; width:87%; padding:18px; }
.vr-dialogue-copy { flex:1; min-width:0; }
.vr-agenda-scene { display:grid; gap:22px; width:100%; }
.vr-calendar { padding:22px; border:1px solid #2c2b33; border-radius:20px; background:linear-gradient(135deg,#19191f,#15151b); }
.vr-calendar>header { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:17px; margin-bottom:8px; border-bottom:1px solid #2a2931; font-size:13px; }
.vr-calendar-title { display:flex; align-items:center; gap:13px; color:#f5f3f8; }
.vr-calendar-title b { font-weight:600; }
.vr-calendar-title>i { display:grid; place-items:center; flex-shrink:0; width:34px; height:34px; border-radius:9px; background:#f7f5ff; color:var(--vr-accent); }
.vr-calendar-title .sv-icon { width:22px; height:22px; }
.vr-calendar>header>strong { color:#b5b1c5; font-weight:500; }
.vr-calendar-grid { display:grid; gap:5px; }
.vr-calendar-row { display:grid; grid-template-columns:66px minmax(0,1fr); align-items:center; min-height:55px; padding:8px 12px; font-size:13px; }
.vr-calendar-row>time { color:#b4b1c2; font-variant-numeric:tabular-nums; }
.vr-calendar-row>span { display:flex; align-items:center; gap:12px; min-height:31px; padding-left:20px; border-left:1px solid #4d495b; color:#9d98ad; }
.vr-calendar-slot { border-radius:11px; background:color-mix(in srgb,var(--vr-accent) 19%,#1b1923); }
.vr-calendar-slot>time { color:#f6f4fb; font-weight:650; }
.vr-calendar-slot>span { color:#f0edf8; border-color:#8877d3; }
.vr-agenda-response { margin-top:0; padding-right:12%; }
.vr-agenda-response .vr-dialogue { background:#242033; }
.vr-booked-scene { justify-content:center; }
.vr-booked-mark { display:grid; place-items:center; width:80px; height:80px; margin-bottom:18px; border:1px solid var(--vr-accent); border-radius:50%; background:var(--vr-accent); color:#fff; }
.vr-booked-mark .sv-icon { width:36px; height:36px; }
.vr-booked-scene>.vr-call-caption { margin-bottom:13px; font-size:10px; }
.vr-booking-receipt { display:grid; grid-template-columns:52px minmax(0,1fr) auto; align-items:center; gap:17px; width:100%; padding:22px; margin-top:31px; border:1px solid #282630; border-radius:17px; background:#1e1d25; }
.vr-receipt-icon { display:grid; place-items:center; width:52px; height:52px; border-radius:12px; color:#9382ff; background:#5147e519; }
.vr-receipt-icon .sv-icon { width:29px; height:29px; }
.vr-receipt-service strong { display:block; color:#f0edf5; font-size:16px; font-weight:550; line-height:1.5; }
.vr-receipt-service>span { display:block; margin-top:7px; color:#aca7b9; font-size:11px; line-height:1.6; }
.vr-receipt-confirmation { text-align:right; }
.vr-receipt-confirmation>strong { display:block; color:#ebe0f5; font-size:25px; line-height:1.2; font-weight:550; font-variant-numeric:tabular-nums; }
.vr-receipt-confirmation>span { display:inline-flex; align-items:center; justify-content:center; gap:6px; margin-top:9px; padding:6px 9px; border-radius:10px; color:#aaa0ff; background:#5147e51c; font-size:10px; line-height:1.5; }
.vr-receipt-confirmation .sv-icon { width:13px; height:13px; }
.voice-page .vr-booked-scene>p { margin-top:30px; max-width:none; color:#b0aab9; font-size:13px; line-height:1.6; text-align:center; }
.vr-story-progress { display:flex; justify-content:center; gap:6px; margin-top:25px; }
.vr-story-progress>span { width:32px; height:3px; border-radius:999px; background:#393541; transition:background .3s,width .3s; }
.vr-story-progress>span.is-active { width:46px; background:var(--vr-accent); }
.voice-page .vr-demo-note { margin-top:13px; font-size:9px; text-align:center; color:#92899d; }
.vr-story-listen { display:flex; align-items:center; justify-content:center; gap:20px; padding:10px 0 85px; border-bottom:1px solid var(--vr-line); }
.vr-story-listen>span { color:#9e94aa; font-size:10px; }
/* A circular voice catalog keeps one sharp, playable card in the foreground. */
.vr-voice-section { padding-top:120px; }
.vr-voice-catalog { --catalog-near:max(155px,27vw); --catalog-far:max(285px,48vw); --catalog-hidden:max(360px,65vw); position:relative; margin:48px auto 0; }
.vr-studio { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.vr-voice-card { min-width:0; padding:14px 22px 30px; border:0; background:none; text-align:center; }
.vr-orb-studio { width:100%; max-width:260px; height:auto; aspect-ratio:1; margin:0 auto 8px; }
.voice-page .vr-voice-card h3 { font-size:32px; font-weight:550; letter-spacing:-.045em; }
.voice-page .vr-voice-character { min-height:20px; margin-top:7px; font-size:12px; color:#ada5b7; line-height:1.6; }
.vr-sample-play { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; margin-top:25px; padding:0; background:none; border:0; color:#dfd8e8; font-size:12px!important; min-height:42px; }
.vr-sample-icon { flex:0 0 auto; width:36px; height:36px; border:1px solid #706479; border-radius:50%; display:grid; place-items:center; }
.vr-sample-icon>svg { width:15px; height:15px; }
.vr-sample-play:hover .vr-sample-icon { border-color:#dbcaee; background:#292230; }
.vr-stop-icon { display:none; }
.vr-sample-play[aria-pressed="true"] .vr-sample-icon>svg { display:none; }
.vr-sample-play[aria-pressed="true"] .vr-stop-icon { display:block; font-size:13px; }
.vr-voice-catalog.is-carousel .vr-studio { display:block; position:relative; height:488px; overflow:hidden; isolation:isolate; touch-action:pan-y; user-select:none; cursor:grab; mask-image:linear-gradient(to right,transparent,#000 20%,#000 80%,transparent); }
.vr-voice-catalog.is-carousel .vr-studio:active { cursor:grabbing; }
.is-carousel .vr-voice-card { position:absolute; top:14px; left:50%; width:320px; margin-left:-160px; padding:18px 26px 27px; transform-origin:50% 45%; transition:transform .65s cubic-bezier(.22,.8,.24,1),opacity .5s,filter .65s; }
.is-carousel .vr-voice-card[data-position="0"] { z-index:5; opacity:1; filter:none; transform:translateX(0) scale(1); }
.is-carousel .vr-voice-card[data-position="-1"],.is-carousel .vr-voice-card[data-position="1"] { z-index:3; opacity:.5; filter:blur(2.5px); transform:translate(calc(var(--card-side) * var(--catalog-near)),18px) scale(.84); }
.is-carousel .vr-voice-card[data-position="-2"],.is-carousel .vr-voice-card[data-position="2"] { z-index:2; opacity:.28; filter:blur(4.5px); transform:translate(calc(var(--card-side) * var(--catalog-far)),33px) scale(.68); }
.is-carousel .vr-voice-card[data-position="-3"],.is-carousel .vr-voice-card[data-position="3"] { z-index:1; opacity:0; visibility:hidden; transform:translate(calc(var(--card-side) * var(--catalog-hidden)),42px) scale(.58); }
.is-carousel .vr-voice-card :is(h3,.vr-voice-character,.vr-sample-play) { transition:opacity .35s; }
.is-carousel .vr-voice-card[aria-hidden="true"] :is(h3,.vr-voice-character,.vr-sample-play) { opacity:0; }
.is-carousel .vr-voice-card[aria-hidden="true"] { pointer-events:none; }
.is-carousel .vr-voice-card.is-repositioning { transition:none; }
.vr-catalog-arrow { position:absolute; z-index:6; top:138px; display:grid; place-items:center; width:48px; height:48px; border:1px solid #514958; border-radius:50%; background:#19161fef; color:#e8dfef; transition:background .2s,border-color .2s,transform .2s; }
.vr-catalog-prev { left:calc(50% - 225px); }
.vr-catalog-next { right:calc(50% - 225px); }
.vr-catalog-arrow svg { width:21px; height:21px; }
.vr-catalog-arrow:hover { background:#31263e; border-color:#ad91c5; transform:scale(1.06); }
.vr-catalog-arrow:active { transform:scale(.96); }
.voice-page .vr-studio-note { margin-top:22px; color:#9a8ba7; font-size:10px; text-align:center; }
/* Product knowledge is a simple connection, without a second dashboard. */
.vr-knowledge { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:80px; align-items:center; padding-block:155px; }
.vr-knowledge-copy { grid-column:2; grid-row:1; min-width:0; }
.voice-page .vr-knowledge-copy>p:not(.vr-eyebrow) { margin-top:27px; max-width:350px; font-size:15px; }
.vr-inline-link { display:inline-flex; align-items:center; gap:13px; margin-top:30px; color:#d9c5f2!important; font-size:12px; }
.vr-knowledge-visual { grid-column:1; grid-row:1; min-width:0; }
.vr-knowledge-cards { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); align-items:start; gap:18px; margin:0; padding:0; list-style:none; }
.vr-knowledge-card { position:relative; min-width:0; min-height:230px; padding:24px; border:1px solid #2c2b33; border-radius:20px; background:#17171d; }
.vr-knowledge-card:nth-child(1) { grid-column:1 / 5; grid-row:1; }
.vr-knowledge-card:nth-child(2) { grid-column:6 / 10; grid-row:1 / 3; margin-top:72px; }
.vr-knowledge-card:nth-child(3) { grid-column:2 / 6; grid-row:2; }
.vr-knowledge-icon { display:grid; place-items:center; width:50px; height:50px; border-radius:13px; color:#a79bff; background:#5147e524; }
.vr-knowledge-icon .sv-icon { width:27px; height:27px; }
.vr-knowledge-check { position:absolute; top:24px; right:22px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; color:#a79bff; background:#5147e524; }
.vr-knowledge-check .sv-icon { width:16px; height:16px; }
.vr-knowledge-card strong { display:block; margin-top:19px; color:#f0edf8; font-size:18px; font-weight:550; line-height:1.4; }
.voice-page .vr-knowledge-card>p { max-width:185px; margin-top:8px; color:#b5b1c2; font-size:14px; line-height:1.65; }
.voice-page .vr-knowledge-visual>p { font-size:10px; margin-top:20px; color:#958b9f; text-align:center; }
/* The temporary beta offer, followed by four short answers. */
.vr-pricing { display:grid; grid-template-columns:1.35fr 1fr; gap:85px; align-items:center; padding-block:105px; border-top:1px solid var(--vr-line); border-bottom:1px solid var(--vr-line); }
.voice-page .vr-pricing h2 { font-size:clamp(38px,4vw,56px); }
.voice-page .vr-pricing>div>p:not(.vr-eyebrow) { margin-top:23px; max-width:350px; font-size:14px; }
.vr-beta { display:inline-flex; align-items:center; gap:8px; margin-top:22px; font-size:10px; color:#b4a2c7; }
.vr-beta>i { width:5px; height:5px; background:#b79dd0; border-radius:50%; }
.vr-price-offer { justify-self:end; width:100%; max-width:410px; container-type:inline-size; }
.vr-price-promotion { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:28px; color:#e4dff1; }
.vr-price-promotion>strong { font-size:13px; font-weight:650; line-height:1.4; }
.vr-price-discount { flex:0 0 auto; padding:6px 9px; border-radius:6px; background:var(--vr-accent); color:#fff; font-size:11px; font-weight:650; line-height:1.4; }
.vr-price-comparison { display:grid; grid-template-columns:max-content minmax(0,1fr); align-items:baseline; gap:10px clamp(16px,6cqw,24px); }
.vr-price-label { color:#a3a1ad; font-size:12px; line-height:1.5; }
.vr-price-label-now { color:#f1eaf6; }
.vr-price-original { color:#8d8798; font-size:clamp(48px,17cqw,70px); font-weight:450; letter-spacing:-.055em; line-height:1; text-decoration-thickness:2px; }
.vr-price { display:flex; flex-wrap:wrap; gap:7px; align-items:baseline; color:#f1eaf6; line-height:1; }
.vr-price>strong { font-size:clamp(66px,24cqw,98px); font-weight:450; letter-spacing:-.065em; }
.vr-price>span { font-size:13px; color:#a99bb8; }
.vr-price-beta-note { display:block; max-width:330px; margin-top:16px; color:#e4dff1; font-size:14px; font-weight:550; line-height:1.6; }
.voice-page .vr-price-offer>p { color:#d4c6de; margin-top:21px; font-size:14px; }
.vr-price-detail { display:block; margin-top:7px; font-size:11px; color:#ab9fb5; }
.vr-price-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:29px; }
.voice-page .vr-price-actions .vr-button { flex:1 1 150px; gap:10px; padding-inline:16px; }
.voice-page .vr-price-actions .vr-button-secondary { background:transparent; border-color:#48454f; }
.voice-page .vr-price-actions .vr-button-secondary:hover { background:#1c1b23; border-color:#77717f; }
.vr-price-note { display:block; max-width:290px; margin-top:15px; color:#a197ab; font-size:9px; line-height:1.7; }
.vr-faq { display:grid; grid-template-columns:1fr 1.35fr; gap:85px; padding-block:120px 90px; }
.voice-page .vr-faq h2 { font-size:35px; }
.vr-questions details { border-top:1px solid var(--vr-line); }
.vr-questions details:last-child { border-bottom:1px solid var(--vr-line); }
.vr-questions summary { display:flex; justify-content:space-between; align-items:center; gap:20px; cursor:pointer; list-style:none; padding:24px 0; color:#d8cfe0; font-size:14px; }
.vr-questions summary>span { flex:0 0 auto; font-size:23px; color:#aa96ba; font-weight:300; transition:transform .2s; }
.vr-questions details[open] summary>span { transform:rotate(45deg); }
.voice-page .vr-questions p { padding:0 35px 25px 0; font-size:13px; color:#b0a4b9; }
.vr-endnote { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:35px 0 80px; }
.vr-endnote>span { color:#e1d7e8; font-size:18px; letter-spacing:-.045em; font-weight:600; }
.voice-page .vr-endnote>p { font-size:12px; color:#a194ab; }
/* A small dismissible player only appears after an explicit audio action. */
.vr-player { position:fixed; z-index:90; bottom:22px; left:50%; transform:translateX(-50%); display:flex; align-items:center; gap:15px; width:min(580px,calc(100% - 36px)); padding:19px 21px; border:1px solid #54445e; border-radius:16px; background:#201a28; box-shadow:0 15px 70px #0008; overflow:hidden; }
.vr-player-symbol { width:32px; height:32px; display:grid; place-items:center; color:#d4b9e8; flex-shrink:0; }
.vr-player-symbol svg { width:23px; height:23px; }
.vr-player-copy { flex:1; min-width:0; }
.vr-player-copy>strong { display:block; color:#e4d4ef; font-size:11px; font-weight:550; }
.voice-page .vr-player-copy>p { color:#bdb0c8; font-size:11px; line-height:1.5; margin-top:4px; }
.vr-player>button { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; border:1px solid #5b4869; border-radius:50%; color:#e2cbed; background:none; font-size:24px; line-height:1; }
.vr-player-progress { position:absolute; top:0; left:0; right:0; height:2px; background:#33283e; }
.vr-player-progress>i { display:block; width:100%; height:100%; background:var(--vr-accent); transform-origin:left; transform:scaleX(var(--progress,0)); }
@media(min-width:761px) {
  .vr-player { left:auto; right:24px; width:390px; transform:none; }
}
.vr-enhanced .vr-reveal { opacity:0; transform:translateY(28px); transition:opacity .85s,transform 1s cubic-bezier(.2,.8,.2,1); }
.vr-enhanced .vr-reveal.is-visible { opacity:1; transform:none; }
[data-motion="off"] *,[data-motion="off"] *::before,[data-motion="off"] *::after { animation:none!important; transition:none!important; }
[data-motion="off"] .vr-floating { transform:none; }
@keyframes vr-wave { from { transform:scaleY(.45); } to { transform:scaleY(1); } }
[data-motion="on"] :is(.vr-story-panel,.vr-chapter).is-active .vr-calendar-slot { animation:vr-slot 1.6s ease-out both; }
[data-motion="on"] :is(.vr-story-panel,.vr-chapter).is-active .vr-booked-mark { animation:vr-confirm .8s .2s both; }
[data-motion="on"] :is(.vr-story-panel,.vr-chapter).is-active .vr-booking-receipt { animation:vr-receipt .75s .3s both; }
@keyframes vr-slot { from { opacity:.4; transform:translateX(-8px); } to { opacity:1; transform:none; } }
@keyframes vr-confirm { from { opacity:0; transform:scale(.8); } to { opacity:1; transform:scale(1); } }
@keyframes vr-receipt { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
@media(min-width:761px) and (max-height:800px) {
  .vr-hero { padding-top:127px; }
  .voice-page .vr-hero h1 { font-size:clamp(44px,4.75vw,66px); }
  .vr-hero-copy .vr-eyebrow { margin-bottom:15px; }
  .voice-page .vr-lead { margin-block:18px 22px; font-size:14px; }
  .vr-hero-art { height:295px; margin-top:38px; }
  .vr-orb-hero { width:380px; height:380px; }
  .vr-floating-call { top:60px; }
  .vr-floating-booked { top:156px; }
}
@media(max-width:1080px) {
  body[data-page="voice"] [data-site-navigation] .site-nav { background:#141417; border-color:#302d36; box-shadow:none; }
  .vr-container { width:calc(100% - 64px); }
  .vr-hero { padding-top:150px; }
  .vr-floating-call { left:0; }
  .vr-floating-booked { right:0; }
  .vr-floating { padding:14px; gap:10px; }
  .vr-floating strong { font-size:11px; }
  .vr-floating small { font-size:7px; }
  .vr-floating .vr-mini-wave { display:none; }
  .vr-enhanced .vr-story { gap:38px; grid-template-columns:1fr 1.15fr; }
  .vr-knowledge { gap:40px; }
  .vr-pricing,.vr-faq { gap:50px; }
}
@media(max-width:960px) {
  .vr-studio { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(min-width:761px) and (max-width:1080px) {
  .vr-hero-art { height:410px; }
  .vr-orb-hero { width:355px; height:355px; top:51%; }
  .vr-floating-call { top:0; }
  .vr-floating-booked { top:auto; bottom:0; }
}
@media(max-width:760px) {
  .vr-container { width:calc(100% - 40px); }
  .voice-page [id] { scroll-margin-top:93px; }
  .vr-hero { padding-top:131px; }
  .voice-page h1 { font-size:clamp(36px,7.1vw,53px); line-height:1.1; letter-spacing:-.06em; }
  .vr-hero-copy .vr-eyebrow { font-size:8px; letter-spacing:.12em; margin-bottom:22px; }
  .voice-page .vr-lead { font-size:13px; margin:23px auto; max-width:310px; }
  .voice-page .vr-button { min-height:46px; padding:12px 17px; font-size:12px; gap:16px; }
  .voice-page .vr-text-button { font-size:12px; }
  .vr-hero-art { margin-top:38px; height:410px; }
  .vr-orb-hero { width:355px; height:355px; top:51%; }
  .vr-floating-call { top:0; left:0; padding:10px 12px; }
  .vr-floating-booked { top:auto; bottom:0; right:0; padding:10px 12px; }
  .vr-floating-icon { width:29px; height:29px; }
  .vr-floating-icon svg { width:14px; height:14px; }
  .vr-floating strong { font-size:10px; }
  .vr-floating-call strong { max-width:none; }
  .vr-floating small { font-size:6px; margin-bottom:4px; }
  .vr-story-section { padding-top:85px; }
  .voice-page .vr-eyebrow { font-size:9px; margin-bottom:18px; }
  .voice-page h2 { font-size:clamp(36px,8vw,49px); }
  .vr-story,.vr-enhanced .vr-story { display:block; margin-top:36px; }
  .vr-enhanced .vr-story-stage { display:none; }
  .vr-chapter,.vr-enhanced .vr-chapter { display:block; min-height:0; height:auto; max-height:none; padding:37px 0; }
  .vr-enhanced .vr-chapter-copy { opacity:1; }
  .vr-chapter-copy { max-width:450px; }
  .voice-page .vr-chapter h3 { font-size:32px; }
  .voice-page .vr-chapter-copy>p { margin-top:17px; font-size:14px; max-width:320px; }
  .vr-mobile-scene,.vr-enhanced .vr-mobile-scene { display:block; margin-top:28px; border:0; background:none; overflow:hidden; }
  .vr-demo-scene { height:auto; min-height:0; padding:0; }
  .vr-call-scene,.vr-booked-scene { min-height:0; padding:27px 20px; }
  .vr-call-scene>strong,.vr-booked-scene>strong { font-size:25px; }
  .vr-dialogue-row { gap:9px; }
  .vr-dialogue { padding:13px; }
  .voice-page .vr-dialogue p { font-size:12px; }
  .vr-dialogue-customer { width:92%; padding:15px; }
  .vr-calendar { padding:17px 13px; }
  .vr-calendar>header { gap:10px; font-size:11px; }
  .vr-calendar-title { gap:9px; }
  .vr-calendar-title>i { width:29px; height:29px; }
  .vr-calendar-row { grid-template-columns:55px minmax(0,1fr); padding-inline:9px; font-size:11px; }
  .vr-calendar-row>span { gap:9px; padding-left:13px; }
  .vr-agenda-response { padding-right:0; }
  .vr-scene-avatar.vr-orb-avatar { width:40px; height:40px; }
  .vr-booking-receipt { grid-template-columns:38px minmax(0,1fr) auto; gap:10px; padding:15px 12px; }
  .vr-receipt-icon { width:38px; height:42px; border-radius:9px; }
  .vr-receipt-icon .sv-icon { width:25px; height:25px; }
  .vr-receipt-service strong { font-size:12px; }
  .vr-receipt-service>span { font-size:9px; }
  .vr-receipt-confirmation>strong { font-size:21px; }
  .vr-receipt-confirmation>span { gap:4px; padding:5px 6px; font-size:8px; }
  .voice-page .vr-booked-scene>p { font-size:11px; }
  .vr-story-listen { flex-direction:column; gap:0; padding:10px 0 65px; }
  .vr-story-listen>span { font-size:9px; }
  .vr-voice-section { padding-top:80px; }
  .voice-page .vr-section-heading>p:last-child:not(.vr-eyebrow) { font-size:14px; margin:19px auto 0; max-width:270px; }
  .vr-voice-catalog { margin-top:28px; }
  .vr-studio { gap:12px; }
  .vr-voice-card { padding:14px; }
  .vr-voice-catalog.is-carousel .vr-studio { height:418px; }
  .is-carousel .vr-voice-card { width:min(270px,calc(100vw - 112px)); margin-left:0; left:calc(50% - min(135px,(100vw - 112px)/2)); padding:14px 18px 24px; }
  .vr-orb-studio { max-width:220px; margin-bottom:9px; }
  .voice-page .vr-voice-card h3 { font-size:28px; }
  .voice-page .vr-voice-character { font-size:11px; min-height:20px; margin-top:7px; }
  .vr-sample-play { gap:9px; margin-top:19px; font-size:11px!important; }
  .vr-sample-icon { width:33px; height:33px; }
  .vr-catalog-arrow { width:38px; height:38px; top:119px; }
  .vr-catalog-prev { left:14px; }
  .vr-catalog-next { right:14px; }
  .voice-page .vr-studio-note { font-size:9px; margin-top:20px; }
  .vr-knowledge { grid-template-columns:1fr; gap:36px; padding-block:90px; }
  .voice-page .vr-knowledge-copy>p:not(.vr-eyebrow) { font-size:14px; margin-top:20px; }
  .vr-knowledge-cards { gap:14px; }
  .vr-knowledge-card { min-height:205px; padding:18px; }
  .vr-knowledge-icon { width:44px; height:44px; }
  .vr-knowledge-check { top:18px; right:16px; width:26px; height:26px; }
  .vr-knowledge-card strong { font-size:16px; }
  .vr-pricing { grid-template-columns:1fr; gap:42px; padding-block:75px; }
  .vr-price-offer { justify-self:start; }
  .vr-faq { grid-template-columns:1fr; gap:35px; padding-block:75px 60px; }
  .voice-page .vr-faq h2 { font-size:32px; }
  .vr-questions summary { padding:22px 0; font-size:13px; }
  .vr-endnote { flex-direction:column; align-items:flex-start; gap:12px; padding:10px 0 55px; }
  .voice-page .vr-endnote>p { font-size:11px; }
  .vr-player { bottom:12px; padding:16px 13px; gap:9px; }
  .vr-player-symbol { display:none; }
  .voice-page .vr-player-copy>p { font-size:10px; }
}
@media(max-width:370px) {
  .vr-container { width:calc(100% - 32px); }
  .voice-page h1 { font-size:33px; }
  .vr-hero { padding-top:118px; }
  .vr-orb-hero { width:320px; height:320px; }
  .vr-voice-catalog.is-carousel .vr-studio { height:360px; }
  .vr-catalog-arrow { top:95px; }
}
@media(max-width:1000px) {
  .vr-knowledge { grid-template-columns:minmax(0,1fr); gap:40px; }
  .vr-knowledge-copy,.vr-knowledge-visual { grid-column:auto; grid-row:auto; }
  .vr-knowledge-visual { width:100%; max-width:600px; margin-inline:auto; }
}
@media(max-width:480px) {
  .vr-knowledge-cards { grid-template-columns:minmax(0,1fr); gap:12px; }
  .vr-knowledge-card:nth-child(n) { display:grid; grid-template-columns:44px minmax(0,1fr) 25px; gap:6px 12px; grid-column:auto; grid-row:auto; min-height:0; margin-top:0; padding:18px; }
  .vr-knowledge-icon { grid-column:1; grid-row:1 / 3; }
  .vr-knowledge-check { position:static; grid-column:3; grid-row:1; width:25px; height:25px; }
  .vr-knowledge-card strong { grid-column:2; grid-row:1; margin-top:0; font-size:15px; }
  .voice-page .vr-knowledge-card>p { grid-column:2 / 4; grid-row:2; max-width:none; margin-top:0; font-size:12px; }
}
@media(prefers-reduced-motion:reduce) {
  .voice-page *, .voice-page *::before,.voice-page *::after { animation:none!important; transition:none!important; }
  .vr-enhanced .vr-reveal { opacity:1; transform:none; }
  .vr-floating { transform:none; }
}

/* Open product illustrations: depth comes from light, without enclosing cards. */
.vr-detail-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(48px,7.5vw,108px); padding-block:100px; }
.vr-number-section { padding-top:108px; padding-bottom:105px; border-bottom:1px solid var(--vr-line); }
.vr-details { border-top:1px solid var(--vr-line); padding-bottom:26px; }
.vr-details .vr-detail-row + .vr-detail-row { border-top:1px solid #ffffff08; }
.vr-detail-row-reverse .vr-detail-copy { grid-column:2; grid-row:1; }
.vr-detail-row-reverse .vr-detail-visual { grid-column:1; grid-row:1; }
.voice-page .vr-detail-copy h2 { font-size:clamp(38px,3.6vw,52px); line-height:1.1; }
.voice-page .vr-detail-copy>p:not(.vr-eyebrow) { margin-top:24px; max-width:460px; font-size:15px; line-height:1.8; }
.voice-page .vr-detail-copy>p + p:not(.vr-eyebrow) { margin-top:16px; }
.vr-detail-copy .vr-inline-link { margin-top:28px; }
.vr-detail-copy,.vr-detail-visual,.vr-number-visual { min-width:0; }
.vr-detail-visual,.vr-knowledge-visual,.vr-demo-scene { position:relative; isolation:isolate; }
.vr-detail-visual::before,.vr-demo-scene::before { content:""; position:absolute; z-index:-1; inset:6% -8%; pointer-events:none; border-radius:50%; background:radial-gradient(ellipse at 52% 45%,#a277cf12,transparent 68%); filter:blur(24px); }
.vr-detail-panel { position:relative; padding:28px; }
.vr-panel-bottom { display:flex; align-items:flex-start; gap:9px; padding-top:20px; border-top:1px solid #302937; color:#b9a8c9; font-size:11px; line-height:1.7; }
.vr-panel-bottom>.sv-icon { flex-shrink:0; width:16px; height:16px; margin-top:1px; }
.voice-page .vr-visual-caption { margin:17px 8px 0; color:#958b9f; font-size:10px; line-height:1.6; text-align:center; }
.vr-detail-takeaway { display:flex; align-items:flex-start; gap:12px; margin-top:27px; color:#cdbade; font-size:12px; line-height:1.7; max-width:420px; }
.vr-detail-takeaway>.sv-icon { flex-shrink:0; width:17px; height:17px; margin-top:2px; }

/* Four greetings surround the same free-floating voice, without cards or counters. */
.vr-languages { padding-block:120px 30px; }
.vr-language-visual { position:relative; isolation:isolate; padding:20px 0; }
.vr-orb-language { position:absolute; top:50%; left:50%; width:240px; height:240px; transform:translate(-50%,-50%); }
.vr-language-phrases { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:auto 220px auto; gap:0 34px; margin:0; padding:0; list-style:none; }
.vr-language-phrases>li { min-width:0; max-width:215px; }
.vr-language-phrases>li:nth-child(even) { justify-self:end; text-align:right; }
.vr-language-phrases>li:nth-child(3),.vr-language-phrases>li:nth-child(4) { grid-row:3; }
.vr-language-phrases>li>span { display:block; margin-bottom:10px; color:#bba4d2; font-size:10px; font-weight:500; }
.voice-page .vr-language-phrases blockquote { color:#e0d7e8; font-size:clamp(16px,1.5vw,20px); line-height:1.45; font-weight:450; letter-spacing:-.025em; text-wrap:balance; }

/* The test line keeps its rolling digits inside the open, centered call visual. */
.vr-number-visual { position:relative; isolation:isolate; }
.vr-number-card { position:relative; width:100%; max-width:520px; margin-inline:auto; padding:12px 0 0; text-align:center; }
.vr-number-symbol { margin:0 auto 17px; }
.vr-number-availability { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:38px; max-width:100%; padding:8px 16px; border-radius:999px; background:#202026; color:#f6f5f8; font-size:14px; line-height:1.5; }
.vr-number-availability>i { flex:0 0 auto; width:11px; height:11px; border-radius:50%; background:#19e99b; }
.vr-demo-number { display:flex; justify-content:center; align-items:center; gap:.22em; padding-block:25px 18px; color:#f6f5f8; font-size:clamp(28px,3.2vw,44px); line-height:1; font-weight:550; letter-spacing:-.04em; font-variant-numeric:tabular-nums; white-space:nowrap; }
.vr-demo-number:hover { color:#fff; }
.vr-number-prefix { color:inherit; }
.vr-number-digits { display:inline-flex; }
.vr-number-digit { display:block; height:1em; overflow:hidden; line-height:1; }
.vr-number-digit-gap { margin-left:.19em; }
.vr-digit-strip { display:block; }
.vr-digit-strip>span { display:block; height:1em; line-height:1; }
.is-generating .vr-digit-strip { will-change:transform; }
.voice-page .vr-number-description { color:#b7b4c0; font-size:15px; line-height:1.65; text-wrap:balance; }
.voice-page .vr-number-call { display:flex; width:100%; max-width:420px; margin:29px auto 27px; min-height:60px; padding:15px 18px; border-radius:15px; font-size:16px; gap:12px; }
.vr-number-call>svg { width:24px; height:24px; flex-shrink:0; }
.vr-number-footer { display:flex; align-items:center; justify-content:center; gap:12px; color:#b7b4c0; font-size:13px; line-height:1.6; }
.vr-number-footer>.sv-icon { width:20px; height:20px; flex-shrink:0; color:var(--vr-accent); }

/* Capabilities: a caller connects to Sophie and four floating outcomes. */
.vr-capabilities { grid-template-columns:minmax(0,.88fr) minmax(0,1.32fr); gap:42px; }
.vr-detail-list { display:grid; gap:25px; list-style:none; padding:0; margin:34px 0 0; }
.vr-detail-list>li { display:flex; align-items:flex-start; gap:25px; color:#aaa4b5; font-size:12px; line-height:1.65; }
.vr-detail-list strong { display:block; color:#f0edf5; font-weight:500; font-size:14px; margin-bottom:4px; }
.vr-capability-icon { display:grid; place-items:center; flex:0 0 29px; height:29px; border:1px solid #5147e538; border-radius:50%; background:linear-gradient(140deg,#292338,#1c1826); color:#a79bff; }
.vr-capability-icon>.sv-icon { width:16px; height:16px; }

.vr-workflow { position:relative; width:100%; min-height:440px; aspect-ratio:700/450; }
.vr-workflow-connections { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.vr-workflow-connections path { stroke:#82738e; stroke-width:1; stroke-dasharray:6 6; stroke-linecap:round; }
.vr-workflow-connections .vr-workflow-incoming { stroke-dasharray:none; }
.vr-workflow-caller,.vr-workflow-actions>li { position:absolute; display:flex; align-items:center; gap:10px; padding:14px; border-radius:19px; background:linear-gradient(135deg,#19161f,#111016); box-shadow:0 10px 32px #00000020; }
.vr-workflow-caller { left:0; top:40%; width:28%; }
.vr-workflow-caller>div,.vr-workflow-actions li>div { min-width:0; flex:1; }
.vr-workflow strong { display:block; color:#eeeaf3; font-size:12px; font-weight:500; line-height:1.5; }
.voice-page .vr-workflow p { color:#b6adbf; font-size:10px; line-height:1.6; margin-top:5px; }
.vr-workflow-phone { display:grid; place-items:center; flex:0 0 36px; height:36px; border-radius:50%; color:#edddff; background:linear-gradient(140deg,#3d3258,#29213d); }
.vr-workflow-phone>svg { width:18px; height:18px; }
.vr-orb-workflow { position:absolute; top:49%; left:40%; width:132px; height:132px; transform:translate(-50%,-50%); }
.vr-orb-workflow::before { box-shadow:0 0 25px 8px var(--orb-base); filter:blur(13px); }
.vr-workflow-actions { list-style:none; margin:0; padding:0; }
.vr-workflow-actions>li { display:grid; grid-template-columns:36px minmax(0,1fr) auto; column-gap:10px; row-gap:3px; width:46%; min-height:72px; }
.vr-workflow-actions li>div { display:contents; }
.vr-workflow-actions strong { grid-column:2; grid-row:1; }
.voice-page .vr-workflow-actions p { grid-column:2 / 4; grid-row:2; margin-top:0; }
.vr-workflow-actions .vr-workflow-icon { grid-column:1; grid-row:1 / 3; }
.vr-workflow-actions>li:nth-child(1) { left:49%; top:3%; transform:rotate(-5deg); }
.vr-workflow-actions>li:nth-child(2) { left:53%; top:26%; transform:rotate(-2deg); }
.vr-workflow-actions>li:nth-child(3) { left:53%; top:50%; transform:rotate(.5deg); }
.vr-workflow-actions>li:nth-child(4) { left:49%; top:74%; transform:rotate(3deg); }
.vr-workflow-icon { display:grid; place-items:center; flex:0 0 36px; height:38px; border-radius:11px; background:linear-gradient(135deg,#f2e1ff,#d9bcf3); color:#6540a4; box-shadow:inset 0 1px 0 #ffffff99; }
.vr-workflow-icon .sv-icon { width:21px; height:21px; }
.vr-workflow-done { grid-column:3; grid-row:1; display:inline-flex; align-items:center; gap:4px; align-self:start; padding:4px 7px; border-radius:999px; color:#7ae7d5; background:#173b383f; font-size:9px; line-height:1.5; }
.vr-workflow-done .sv-icon { width:10px; height:10px; }

/* Business knowledge: availability, team skills and the resulting answer. */
.vr-team-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:0 18px; margin-bottom:30px; }
.vr-team-stats>div+div { border-left:1px solid #35313e; padding-left:24px; }
.vr-team-stats strong { display:block; font-size:34px; letter-spacing:-.05em; line-height:1.2; font-weight:550; color:var(--vr-ink); }
.vr-team-stats span { display:block; color:#b5b1c2; font-size:11px; margin-top:5px; line-height:1.5; }
.vr-team-roster { display:grid; gap:12px; }
.vr-team-roster>div { display:grid; grid-template-columns:44px minmax(0,1fr) auto; align-items:center; gap:17px; min-height:84px; padding:17px 20px; border:1px solid #2c2b33; border-radius:18px; background:linear-gradient(135deg,#19191f,#15151b); }
.vr-team-avatar { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:#5147e52e; color:#f0edf8; font-size:14px; font-weight:500; }
.vr-team-roster>div:nth-child(2) .vr-team-avatar { background:#303446; color:#e3e7f6; }
.vr-team-roster>div:nth-child(3) .vr-team-avatar { background:#42332e; color:#f2e5dd; }
.vr-team-person { min-width:0; }
.vr-team-roster strong { display:block; font-weight:500; font-size:14px; color:#f0edf8; line-height:1.5; }
.vr-team-roster small { display:block; margin-top:4px; font-size:11px; color:#b5b1c2; line-height:1.6; }
.vr-team-slot,.vr-team-busy { display:flex; align-items:center; justify-self:end; gap:11px; color:#d6cfdf; font-size:12px; line-height:1.5; }
.vr-team-slot time { font-variant-numeric:tabular-nums; }
.vr-team-slot>i,.vr-team-busy>i { flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:#5bde9f; }
.vr-team-busy>i { background:var(--vr-accent); }
.vr-team-answer { margin-top:24px; padding-right:0; }

/* The switches only change this illustrated call-handling example. */
.vr-controls-section { grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:60px; }
.vr-controls-section .vr-detail-takeaway { align-items:center; color:#e8e3f0; max-width:none; }
.vr-rule-check { display:grid; place-items:center; flex:0 0 25px; height:25px; border-radius:50%; background:var(--vr-accent); color:#fff; }
.vr-rule-check .sv-icon { width:16px; height:16px; }
.vr-rules-panel { padding-top:16px; }
.vr-rules-greeting { position:relative; display:grid; grid-template-columns:44px minmax(0,1fr); align-items:start; gap:20px; width:84%; padding:20px; margin:0 8% 18px; border:1px solid #28252f; border-radius:14px; background:#17171d; }
.vr-rules-greeting div>span { color:#b5b1c2; font-size:9px; line-height:1.5; letter-spacing:.13em; }
.voice-page .vr-rules-greeting p { color:#f0edf8; font-size:14px; line-height:1.6; margin-top:10px; }
.vr-rule-icon { display:grid; place-items:center; width:44px; height:46px; border-radius:11px; background:#27242f; color:#c7c2ce; }
.vr-rule-icon>svg { width:24px; height:24px; }
.vr-rules-greeting .vr-rule-icon,.vr-rule:has(.vr-rule-switch[aria-checked="true"]) .vr-rule-icon { color:#9387ff; background:#5147e524; }
.vr-rules-rays { position:absolute; top:-23px; right:-31px; width:27px; height:38px; stroke:var(--vr-accent); stroke-width:1.8; stroke-linecap:round; }
.vr-rule { display:grid; grid-template-columns:44px minmax(0,1fr) 48px; align-items:center; gap:17px; width:86%; min-height:88px; padding:18px; border:1px solid #28252f; border-radius:14px; background:#17171d; }
.vr-rule+.vr-rule { margin-top:16px; }
.vr-rule-urgent { width:90%; margin-left:10%; }
.vr-rule-booking { margin-left:8%; }
.vr-rule-copy { min-width:0; }
.vr-rule strong { display:block; font-size:14px; line-height:1.5; font-weight:500; color:#f0edf8; }
.vr-rule-copy>span { display:block; margin-top:5px; font-size:11px; line-height:1.6; color:#b5b1c2; }
.voice-page .vr-rule-switch { display:grid; align-items:center; width:48px; min-width:48px; height:44px; padding:0 5px; border:0; background:transparent; position:relative; cursor:pointer; }
.vr-rule-switch::before { content:""; position:absolute; inset:9px 0; background:#322b3a; border:1px solid #514459; border-radius:20px; transition:background .2s; }
.vr-rule-switch>span { z-index:1; width:18px; height:18px; border-radius:50%; background:#b1a3bb; box-shadow:0 1px 5px #0003; transition:transform .2s,background .2s; }
.vr-rule-switch[aria-checked="true"]::before { background:var(--vr-accent); border-color:var(--vr-accent); }
.vr-rule-switch[aria-checked="true"]>span { transform:translateX(20px); background:#fcf9ff; }
.vr-rule-switch:disabled { cursor:default; }
.vr-rules-summary { display:flex; align-items:flex-start; gap:12px; margin:29px 5% 0; color:#d1cbdc; font-size:11px; line-height:1.7; }
.vr-rules-summary .vr-rule-check { flex-basis:21px; height:21px; }
.vr-rules-summary .sv-icon { width:14px; height:14px; }

/* A day/night schedule that makes the two availability choices tangible. */
.vr-hours-options { display:flex; margin:0 22px; }
.voice-page .vr-hours-options button { flex:1; min-height:46px; padding:12px 6px; border:0; border-bottom:2px solid #2c2b33; border-radius:0; font-size:13px; background:transparent; color:#aaa4b5; cursor:pointer; line-height:1.4; }
.voice-page .vr-hours-options button[aria-pressed="true"] { border-bottom-color:var(--vr-accent); color:var(--vr-ink); }
.voice-page .vr-hours-options button:disabled { cursor:default; }
.vr-night-scene,.vr-hours-timeline,.vr-night-booking { border:1px solid #28252f; border-radius:18px; background:#17171d; }
.vr-night-scene { display:flex; align-items:center; justify-content:center; flex-direction:column; width:min(100%,310px); min-height:180px; margin:28px auto 18px; padding:24px 18px; text-align:center; }
.vr-night-scene>svg { width:48px; height:48px; margin-bottom:10px; }
.vr-night-scene>time { font-size:40px; color:var(--vr-ink); line-height:1.2; font-weight:550; letter-spacing:-.045em; font-variant-numeric:tabular-nums; }
.vr-night-scene>span { font-size:12px; line-height:1.6; color:#b5b1c2; margin-top:8px; }
.vr-hours-timeline { padding:24px 23px; }
.vr-hours-labels { display:flex; justify-content:space-between; color:#aaa4b5; font-size:10px; line-height:1.5; font-variant-numeric:tabular-nums; }
.vr-hours-track { display:grid; grid-template-columns:9fr 9fr 6fr; gap:3px; height:11px; margin-top:13px; border-radius:999px; overflow:hidden; }
.vr-hours-track>span { background:var(--vr-accent); }
.vr-hours-track>span:nth-child(2) { background:#4b4459; transition:background .2s; }
[data-hours-mode="always"] .vr-hours-track { gap:0; }
[data-hours-mode="always"] .vr-hours-track>span:nth-child(2) { background:var(--vr-accent); }
.vr-hours-legend { display:flex; flex-wrap:wrap; gap:10px 20px; min-height:16px; margin-top:17px; font-size:10px; line-height:1.5; color:#b5b1c2; }
.vr-hours-legend>span { display:inline-flex; align-items:center; gap:7px; }
.vr-hours-legend i { display:block; flex:0 0 8px; width:8px; height:8px; border-radius:50%; background:var(--vr-accent); }
.vr-hours-legend>span:nth-child(2)>i { background:#4b4459; }
.vr-night-booking { display:grid; grid-template-columns:28px minmax(0,1fr) 36px; align-items:center; gap:17px; min-height:96px; padding:20px 23px; margin-top:18px; color:#a79bff; }
.vr-night-booking>.sv-icon { width:27px; height:27px; }
.vr-night-booking>div { min-width:0; }
.vr-night-booking strong { display:block; color:#f0edf8; font-size:14px; font-weight:500; line-height:1.5; }
.vr-night-booking div>span { display:block; font-size:12px; color:#b5b1c2; margin-top:5px; line-height:1.6; }
.vr-night-confirmed { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; background:#5147e51f; color:#a79bff; }
.vr-night-confirmed .sv-icon { width:19px; height:19px; }
.voice-page .vr-hours-summary { margin-top:23px; min-height:3em; font-size:12px; text-align:center; color:#b5b1c2; }

@media(max-width:1080px) and (min-width:761px) {
  .vr-detail-row { gap:40px; }
  .vr-detail-panel { padding:23px; }
  .vr-demo-number { font-size:clamp(24px,3.2vw,34px); }
  .vr-team-stats>div+div { padding-left:12px; }
}
@media(max-width:1100px) {
  .vr-capabilities { grid-template-columns:minmax(0,1fr); gap:40px; }
  .vr-capabilities .vr-detail-copy { max-width:600px; }
  .vr-capabilities-visual { width:100%; max-width:720px; margin-inline:auto; }
}
@media(max-width:760px) {
  .vr-detail-row { grid-template-columns:minmax(0,1fr); gap:37px; padding-block:65px; }
  .vr-hours-options { margin-inline:8px; }
  .voice-page .vr-hours-options button { font-size:12px; }
  .vr-hours-timeline { padding:21px 17px; }
  .vr-hours-legend { gap:9px 16px; }
  .vr-night-booking { grid-template-columns:25px minmax(0,1fr) 30px; gap:12px; padding:18px 16px; }
  .vr-night-booking>.sv-icon { width:24px; height:24px; }
  .vr-night-booking strong { font-size:13px; }
  .vr-night-booking div>span { font-size:11px; }
  .vr-night-confirmed { width:30px; height:30px; }
  .voice-page .vr-hours-summary { font-size:11px; }
  .vr-rules-greeting,.vr-rule,.vr-rule-urgent,.vr-rule-booking { width:100%; margin-left:0; margin-right:0; }
  .vr-rules-greeting { grid-template-columns:38px minmax(0,1fr); gap:14px; padding:18px 16px; }
  .vr-rules-rays { display:none; }
  .voice-page .vr-rules-greeting p { font-size:13px; }
  .vr-rule { grid-template-columns:38px minmax(0,1fr) 48px; gap:12px; padding:16px 14px; }
  .vr-rule-icon { width:38px; height:40px; }
  .vr-rule-icon>svg { width:22px; height:22px; }
  .vr-rule strong { font-size:13px; }
  .vr-rules-summary { margin-inline:0; }
  .vr-languages { padding-block:85px 0; gap:55px; }
  .vr-language-visual { width:100%; max-width:520px; margin-inline:auto; }
  .vr-language-phrases { grid-template-rows:auto 190px auto; column-gap:24px; }
  .vr-orb-language { width:210px; height:210px; }
  .vr-number-section { padding-top:72px; padding-bottom:72px; }
  .vr-detail-row-reverse .vr-detail-copy,.vr-detail-row-reverse .vr-detail-visual { grid-column:auto; grid-row:auto; }
  .voice-page .vr-detail-copy h2 { font-size:clamp(34px,7.5vw,46px); }
  .voice-page .vr-detail-copy>p:not(.vr-eyebrow) { font-size:14px; margin-top:21px; max-width:560px; }
  .vr-detail-panel { padding:24px 14px; }
  .vr-detail-visual,.vr-number-visual { width:100%; max-width:520px; margin-inline:auto; }
  .vr-number-card { padding:16px 0 0; }
  .vr-demo-number { font-size:clamp(24px,7.6vw,40px); }
  .vr-number-footer { font-size:12px; }
  .vr-details { padding-bottom:12px; }
  .vr-detail-list { gap:18px; }
}
@media(max-width:370px) {
  .vr-detail-panel { padding:20px 6px; }
  .vr-demo-number { font-size:24px; }
  .vr-team-stats>div+div { padding-left:10px; }
}
@media(max-width:900px) {
  .vr-team-stats { gap:10px; padding-inline:7px; margin-bottom:24px; }
  .vr-team-stats>div+div { padding-left:15px; }
  .vr-team-stats strong { font-size:30px; }
  .vr-team-stats span { font-size:10px; }
  .vr-team-roster>div { grid-template-columns:36px minmax(0,1fr) auto; gap:12px; padding:15px 13px; }
  .vr-team-avatar { width:36px; height:36px; font-size:13px; }
  .vr-team-roster strong { font-size:13px; }
  .vr-team-roster small { font-size:10px; }
  .vr-team-slot,.vr-team-busy { gap:7px; font-size:11px; }
}
@media(max-width:760px) {
  .vr-detail-list>li { gap:18px; }
}
@media(max-width:370px) {
  .vr-team-roster>div { grid-template-columns:36px minmax(0,1fr); gap:7px 12px; }
  .vr-team-avatar { grid-column:1; grid-row:1 / 3; }
  .vr-team-person { grid-column:2; }
  .vr-team-slot,.vr-team-busy { grid-column:2; justify-self:start; }
}
@media(max-width:760px) {
  .vr-workflow { display:flex; flex-direction:column; gap:28px; min-height:0; aspect-ratio:auto; }
  .vr-workflow-connections { display:none; }
  .vr-workflow-caller { position:relative; inset:auto; align-self:center; width:auto; max-width:100%; padding:14px 18px; }
  .vr-workflow-caller::after { content:""; position:absolute; top:100%; left:50%; height:29px; border-left:1px dashed #82738e; }
  .vr-orb-workflow { position:relative; inset:auto; width:110px; height:110px; margin:-5px auto -6px; transform:none; }
  .vr-workflow-actions { position:relative; display:grid; gap:15px; padding-left:23px; }
  .vr-workflow-actions::before { content:""; position:absolute; left:0; top:-22px; bottom:38px; width:50%; border-left:1px dashed #82738e; border-top:1px dashed #82738e; border-top-left-radius:18px; }
  .vr-workflow-actions>li:nth-child(n) { position:relative; inset:auto; transform:none; width:100%; min-height:76px; padding:13px; gap:9px; }
  .vr-workflow-actions>li::before { content:""; position:absolute; top:50%; left:-23px; width:23px; border-top:1px dashed #82738e; }
}