/* Workspace colours retain their identity across both website themes. */
#explore [data-workspace="dashboard"]{--workspace-color:#7656d9}
#explore [data-workspace="videowall"]{--workspace-color:#d89815}
#explore [data-workspace="monitor"]{--workspace-color:#078778}
#explore [data-workspace="status"]{--workspace-color:#227ee1}
#explore [data-workspace="actions"]{--workspace-color:#e06a40}
#explore [data-workspace="global-dashboard"]{--workspace-color:#1998bc}
#explore [data-workspace="recordings"]{--workspace-color:#cf5895}
#explore [data-workspace="quality-ai"]{--workspace-color:#71a637}
#explore [data-workspace="administration"]{--workspace-color:#696985}
#explore [data-workspace="outbound"]{--workspace-color:#cc7955}
#explore [data-workspace="queue-routing"]{--workspace-color:#398baf}
#explore [data-workspace="workload-forecasts"]{--workspace-color:#9c69ce}
html[data-site-theme] #explore .discovery-card{background:color-mix(in srgb,var(--workspace-color) 14%,var(--fusion-surface));border:1px solid color-mix(in srgb,var(--workspace-color) 28%,var(--fusion-surface));border-top:4px solid var(--workspace-color);box-shadow:0 5px 20px #17213e04}
html[data-site-theme=dark] #explore .discovery-card{background:color-mix(in srgb,var(--workspace-color) 22%,var(--fusion-surface));border-color:color-mix(in srgb,var(--workspace-color) 42%,var(--fusion-surface));border-top-color:color-mix(in srgb,var(--workspace-color) 78%,white)}
html[data-site-theme] #explore .discovery-card h3{color:var(--fusion-text)}
html[data-site-theme] #explore .discovery-card p{color:color-mix(in srgb,var(--fusion-text) 75%,var(--fusion-muted))}
html[data-site-theme] #explore .discovery-icon{background:var(--fusion-surface);color:var(--workspace-color);box-shadow:0 6px 18px color-mix(in srgb,var(--workspace-color) 12%,transparent);transition:transform .25s}
html[data-site-theme=dark] #explore .discovery-icon{color:color-mix(in srgb,var(--workspace-color) 60%,white)}
html[data-site-theme] #explore .discovery-arrow{color:var(--workspace-color)}
html[data-site-theme=dark] #explore .discovery-arrow{color:color-mix(in srgb,var(--workspace-color) 55%,white)}
html[data-site-theme] #explore .discovery-card:hover{border-color:var(--workspace-color);box-shadow:0 12px 35px color-mix(in srgb,var(--workspace-color) 20%,transparent)}
#explore .discovery-card:hover .discovery-icon{transform:rotate(-7deg) scale(1.06)}
#explore .discovery-card:focus-visible{outline:3px solid var(--workspace-color);outline-offset:4px}
#videowall .compare-frame{position:relative;z-index:1}
#videowall .comparison-viewport{max-height:none}
#videowall .split-divider span{top:clamp(100px,23vw,290px)}
#videowall .split-range{top:calc(clamp(100px,23vw,290px) - 24px)}

html[data-site-theme] .home-page .flexible-license{grid-template-columns:1fr 1fr;gap:44px;background:linear-gradient(125deg,color-mix(in srgb,#7656d9 12%,var(--fusion-surface)),color-mix(in srgb,#14a5ae 11%,var(--fusion-surface)));border:1px solid var(--fusion-line)}
.home-plan-options{padding:27px;border:1px solid var(--fusion-line);border-radius:18px;background:var(--fusion-surface)}
.flexible-license .btn{display:inline-flex;align-items:center;gap:12px}
.home-plan{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 23px}
.home-plan+.home-plan{padding:23px 0;border-top:1px solid var(--fusion-line)}
.home-plan-name{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:650;color:var(--fusion-text)}
.home-plan-name i{color:var(--fusion-accent);font-size:19px}
.home-plan-period{display:block;margin-top:7px;font-size:14px;color:var(--fusion-muted);line-height:1.5}
.home-plan>strong{font-size:43px;line-height:1.1;letter-spacing:-.045em;color:var(--fusion-text);white-space:nowrap}
.home-update-note{display:flex;gap:12px;padding:21px 0 0;border-top:1px solid var(--fusion-line);font-size:14px;line-height:1.5}
.home-update-note>i{color:var(--fusion-accent);margin-top:4px}
.home-update-note strong{color:var(--fusion-text);font-weight:600}
html[data-site-theme] .home-update-note p{font-size:14px;color:var(--fusion-muted);margin:9px 0 0;line-height:1.6}
.home-plan-options>.micro{font-size:12px!important;line-height:1.5;margin:16px 0 0!important;color:var(--fusion-muted)!important}
.licensing-services{padding:42px 0 12px}
.licensing-services .section-head{align-items:start;gap:35px}
.licensing-services h2{font-size:2.5rem}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.service-grid article{background:var(--fusion-surface);border:1px solid var(--fusion-line);padding:27px;border-radius:20px}
.service-grid h3{font-size:1.25rem;margin:0 0 18px;color:var(--fusion-text)}
.service-grid strong{display:block;font-size:2.4rem;line-height:1.2;color:var(--fusion-text)}
.service-grid article>span:not(.benefit-icon){display:block;font-size:14px;color:var(--fusion-muted);margin-top:8px}
.service-grid p{font-size:15px;color:var(--fusion-muted);margin:18px 0 0}
#optional-ai{scroll-margin-top:110px}

html[data-site-theme] .home-license .vivid-ai{--ai-ink:#211948;--ai-muted:#514b71;--ai-accent:#6846ce;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px 36px;overflow:hidden;padding:44px;margin:56px 0 0;border:1px solid #cfc1f4;border-radius:26px;background:radial-gradient(ellipse at 94% 0,#c6eff280,transparent 50%),linear-gradient(130deg,#f2edff,#e8e0ff);box-shadow:0 20px 60px #6544bb12}
html[data-site-theme=dark] .home-license .vivid-ai{--ai-ink:#f2eeff;--ai-muted:#c2badb;--ai-accent:#c3acff;border-color:#675197;background:radial-gradient(ellipse at 94% 0,#176f7944,transparent 50%),linear-gradient(130deg,#211d45,#312055);box-shadow:0 20px 70px #7754cd15}
html[data-site-theme] .vivid-ai .eyebrow{color:var(--ai-accent);font-size:11px;letter-spacing:.12em;margin-bottom:23px;display:flex;align-items:center;gap:8px}
html[data-site-theme] .vivid-ai h2{font-size:clamp(2.8rem,4.2vw,4.1rem);line-height:1.08;color:var(--ai-ink);margin:0 0 24px;letter-spacing:-.02em}
html[data-site-theme] .vivid-ai h2 em{font-style:normal;color:var(--ai-accent)}
html[data-site-theme] .vivid-ai p{color:var(--ai-muted);font-size:16px;line-height:1.75;max-width:none}
.ai-value-copy{align-self:center;position:relative;z-index:1}
html[data-site-theme] .home-page .vivid-ai .btn{background:#6d48cf;color:#fff;border-color:#6d48cf;margin-top:12px;gap:18px;padding:15px 22px}
html[data-site-theme] .home-page .vivid-ai .btn:hover{background:#5332a8;transform:translateY(-2px)}
.ai-value-visual{position:relative;min-width:0;padding-top:244px;align-self:center}
.ai-advisor{width:208px;height:254px;object-fit:contain;position:absolute;top:-22px;left:calc(50% - 104px);filter:drop-shadow(0 16px 18px #34276426);animation:ai-advisor-float 6s ease-in-out infinite}
.ai-orbit{position:absolute;top:25px;left:calc(50% - 108px);width:216px;height:180px;border:1px solid #9470d755;border-radius:50%;background:radial-gradient(ellipse,#bb9bed55,transparent 65%);box-shadow:0 0 0 22px #9470d70a,0 0 0 44px #9470d70a;transform:rotate(-20deg)}
.ai-signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;position:relative;z-index:1}
.ai-signal{display:flex;align-items:flex-start;gap:10px;padding:15px 12px;border-radius:13px;border:1px solid #b9a3df66;background:#ffffffb5;box-shadow:0 5px 16px #42248209}
html[data-site-theme=dark] .ai-signal{background:#19152fc9;border-color:#8d6eb944}
.ai-signal>span{color:#7954be;background:#eee6fa;width:30px;height:30px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;font-size:15px}
.ai-signal:nth-child(2)>span{color:#b7516d;background:#fbe3eb}.ai-signal:nth-child(3)>span{color:#147e8b;background:#d9f2f1}.ai-signal:nth-child(4)>span{color:#986515;background:#fff0c8}
.ai-signal strong{display:block;color:var(--ai-ink);font-size:13px;line-height:1.35}
.ai-signal small{display:block;color:var(--ai-muted);font-size:11px;line-height:1.4;margin-top:5px}
.ai-freedom{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid #a28cbc55;padding-top:30px}
.ai-freedom>div>i{color:var(--ai-accent);font-size:21px;margin-bottom:14px;display:block}
.ai-freedom strong{display:block;color:var(--ai-ink);font-size:17px;line-height:1.35}
html[data-site-theme] .vivid-ai .ai-freedom p{font-size:14px;line-height:1.6;margin:10px 0 0}
html[data-site-theme] .vivid-ai .ai-provider-note{grid-column:1/-1;font-size:12px;line-height:1.7;margin:0;padding-top:0}
@keyframes ai-advisor-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(1deg)}}
@media(max-width:1100px){html[data-site-theme] .home-page .flexible-license{gap:26px}.home-plan-options{padding:22px}.home-plan>strong{font-size:37px}html[data-site-theme] .home-license .vivid-ai{padding:32px;gap:28px}.ai-signal-grid{grid-template-columns:1fr}.ai-value-visual{padding-top:225px}.ai-signal{padding:11px 13px}.ai-advisor{width:183px;height:224px;left:calc(50% - 91px)}.ai-signal small{margin-top:3px}}
@media(max-width:760px){html[data-site-theme] .home-page .flexible-license{grid-template-columns:1fr;gap:28px}.home-plan-options{padding:22px}.home-plan>strong{font-size:39px}.home-plan-name{font-size:19px}.home-plan-period{font-size:12px}.service-grid{grid-template-columns:1fr}.licensing-services .section-head{display:block}.licensing-services h2{font-size:2.2rem}.licensing-services .section-head p{margin-top:18px}html[data-site-theme] .home-license .vivid-ai{grid-template-columns:1fr;padding:27px 23px;gap:30px;margin-top:35px;border-radius:20px}html[data-site-theme] .vivid-ai h2{font-size:2.9rem}html[data-site-theme] .vivid-ai .eyebrow{font-size:10px;letter-spacing:.08em}.ai-value-visual{padding-top:204px}.ai-advisor{width:174px;height:213px;left:calc(50% - 87px);top:-16px}.ai-orbit{top:10px;width:184px;height:163px;left:calc(50% - 92px)}.ai-signal-grid{grid-template-columns:1fr 1fr;gap:9px}.ai-signal{display:block;padding:13px 11px}.ai-signal>span{margin-bottom:10px}.ai-signal strong{font-size:13px}.ai-signal small{font-size:11px}.ai-freedom{grid-template-columns:1fr;gap:20px;padding-top:25px}.ai-freedom>div{position:relative;padding-left:35px}.ai-freedom>div>i{position:absolute;left:0;top:2px;font-size:19px}.ai-freedom strong{font-size:17px}html[data-site-theme] .vivid-ai .ai-freedom p{margin-top:7px}.ai-provider-note{padding-top:0}}
@media(prefers-reduced-motion:reduce){.ai-advisor{animation:none}#explore .discovery-icon,.vivid-ai .btn{transition:none}}

/* Keep the four AI signals together in the Quality section. */
.quality-signals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:30px 0 36px}
.quality-signal{--signal-color:#8056cd;display:flex;align-items:flex-start;gap:12px;padding:20px 16px;background:var(--fusion-surface);border:1px solid var(--fusion-line);border-top:3px solid var(--signal-color);border-radius:16px;color:var(--fusion-text);text-decoration:none;transition:transform .2s,box-shadow .2s}
.quality-signal:nth-child(2){--signal-color:#be5674}.quality-signal:nth-child(3){--signal-color:#178794}.quality-signal:nth-child(4){--signal-color:#b38429}
.quality-signal>span{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;color:var(--signal-color);background:color-mix(in srgb,var(--signal-color) 12%,var(--fusion-surface))}
.quality-signal>div{flex:1;min-width:0}.quality-signal strong{display:block;font-size:15px;line-height:1.4}.quality-signal small{display:block;margin-top:5px;font-size:12px;line-height:1.5;color:var(--fusion-muted)}.quality-signal>i{font-size:11px;margin-top:11px;color:var(--fusion-muted)}
.quality-signal:hover{transform:translateY(-3px);box-shadow:0 9px 22px color-mix(in srgb,var(--signal-color) 14%,transparent)}
html[data-site-theme=dark] .quality-signal>span{color:color-mix(in srgb,var(--signal-color) 65%,white)}
/* The optional AI panel now illustrates a recording transcript. */
html[data-site-theme] .home-license .vivid-ai{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)}
.ai-value-visual.ai-transcript-visual{padding-top:102px;align-self:center;min-width:0}
.transcript-companion{position:absolute;right:12px;top:-26px;width:111px;height:136px;object-fit:contain;filter:drop-shadow(0 10px 15px #34276426);animation:ai-advisor-float 6s ease-in-out infinite}
.ai-transcript-visual .compare-frame{position:relative;box-shadow:0 18px 34px #3024551a}
.ai-transcript-visual .comparison-viewport{max-height:none}
.ai-transcript-visual .compare-toolbar{gap:7px;padding:12px}
.ai-transcript-visual .compare-caption{padding:12px 13px}
html[data-site-theme] .ai-transcript-visual .compare-caption p{font-size:11px;line-height:1.4;margin:0;color:var(--fusion-muted)}
.home-page .statline>div>span:last-child{line-height:1.65}
@media(max-width:1100px){.quality-signals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html[data-site-theme] .home-license .vivid-ai{grid-template-columns:1fr}.ai-value-visual.ai-transcript-visual{padding-top:82px}.transcript-companion{width:93px;height:114px;top:-27px;right:8px}.quality-signals{gap:12px}.quality-signal{display:block;padding:16px 12px}.quality-signal>span{margin-bottom:12px}.quality-signal>i{display:none}.quality-signal strong{font-size:14px}.quality-signal small{font-size:12px}.ai-transcript-visual .compare-caption p{max-width:140px}}
@media(prefers-reduced-motion:reduce){.quality-signal{transition:none}.transcript-companion{animation:none}}

/* Keep the license and demo close to the preceding content, with room for the companion. */
.home-page .fusion-home-compare{padding-bottom:24px}
.home-page .home-license{padding-top:132px;padding-bottom:32px}
.home-page .home-license+.wrap .demo-invitation{margin-top:24px}
@media(max-width:760px){.home-page .fusion-home-compare{padding-bottom:18px}.home-page .home-license{padding-top:100px;padding-bottom:20px}.home-page .home-license+.wrap .demo-invitation{margin-top:20px}}
@media(max-width:760px){.home-page .home-license .license-strip{padding-top:68px}}