.viv-site .vx-demo-heading,.viv-site .vx-cases-heading{max-width:1140px;padding-block:20px 16px}.viv-site .vx-demo-heading .viv-h1,.viv-site .vx-cases-heading .viv-h1{max-width:25ch;margin-block:8px 12px;font-size:clamp(1.65rem,3vw,2.5rem);line-height:1.12}.viv-site .vx-demo-heading .ep-reading,.viv-site .vx-cases-heading .ep-reading{max-width:76ch;margin-block:8px;font-size:.94rem;line-height:1.5}.viv-site .vx-demo-heading .ep-actions{margin-top:12px}.viv-site .vx-cases-heading .ep-notice{max-width:76ch;margin-block:12px;padding:8px 12px}.viv-site .vx-demo-studio{max-width:1140px;padding-block:12px 28px;scroll-margin-top:90px}.viv-site .vx-proposal-bar{border-bottom:1px solid var(--viv-border);justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding-bottom:12px;display:flex}.viv-site .vx-proposal-bar p{max-width:44ch;margin:4px 0 0;font-size:.85rem;line-height:1.45}.viv-site .vx-proposal-switch{flex-wrap:wrap;gap:8px;display:flex}.viv-site .vx-proposal-switch button{font:600 .8rem/1.3 var(--viv-font-body);cursor:pointer;border:1px solid var(--viv-border);background:var(--viv-paper);min-height:44px;color:var(--viv-deep);border-radius:999px;padding:10px 14px;transition:background .2s,transform .2s}.viv-site .vx-proposal-switch button[aria-pressed=true]{background:var(--viv-deep);color:#fff;border-color:var(--viv-deep)}.viv-site .vx-proposal-switch button:hover{transform:translateY(-2px)}.viv-site .vx-proposal-switch button:focus-visible,.viv-site .vx-cases-picker button:focus-visible{outline:3px solid var(--viv-deep);outline-offset:3px}.viv-site .vx-demo-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:28px;display:grid}.viv-site .vx-demo-conversation{min-width:0}.viv-site .vx-demo-studio .vd-workspace{background:0 0;border:0;border-radius:0;overflow:visible}.viv-site .vx-demo-studio .vd-header{background:0 0;border:0;gap:12px;padding:0 0 12px}.viv-site .vx-demo-studio .vd-header>.viv-mascot-motion,.viv-site .vx-demo-studio .vd-brand-logo,.viv-site .vx-demo-studio .vd-heading-copy>.viv-eyebrow{display:none}.viv-site .vx-demo-studio .vd-header .viv-h2{margin:0 0 6px;font-size:1.1rem;line-height:1.3}.viv-site .vx-demo-studio .vd-local-note{margin:0;font-size:.75rem;font-weight:400;line-height:1.4}.viv-site .vx-demo-studio .vd-body{padding:0}.viv-site .vx-demo-studio .vd-chat{width:100%;max-width:none;margin:0}.viv-site .vx-demo-studio .vd-chat-transcript{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;min-height:190px;max-height:370px;padding:16px 12px;display:flex;overflow-y:auto}.viv-site .vx-demo-studio .vd-chat-day{flex:none;align-self:center;margin:0 0 4px}.viv-site .vx-demo-studio .vd-chat-bubble{flex:none;max-width:90%;height:auto;min-height:0;margin:0;padding:10px 12px;font-size:.85rem;line-height:1.45}.viv-site .vx-demo-studio .vd-chat-bubble--user{align-self:flex-end}.viv-site .vx-demo-studio .vd-chat-bubble p{margin:0 0 4px;line-height:1.45}.viv-site .vx-demo-studio .vd-chat-answer .viv-h3{margin-bottom:8px;font-size:1rem;line-height:1.3}.viv-site .vx-demo-studio .vd-chat-composer{padding:10px}.viv-site .vx-demo-studio .vd-options button,.viv-site .vx-demo-studio .vd-chat-reset{min-height:44px}.viv-site .vx-demo-studio .vd-chat-form textarea{min-height:44px;font-size:16px}.viv-site .vx-demo-guide{min-width:0;padding-top:8px}.viv-site .vx-demo-guide .viv-h2{margin:8px 0 12px;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.15}.viv-site .vx-demo-guide>p:not(.viv-eyebrow){max-width:50ch;font-size:.9rem;line-height:1.5}.viv-site .vx-demo-steps{counter-reset:steps;gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.viv-site .vx-demo-steps li{counter-increment:steps;grid-template-columns:28px 1fr;gap:2px 10px;font-size:.85rem;line-height:1.4;display:grid}.viv-site .vx-demo-steps li:before{content:counter(steps,decimal-leading-zero);color:var(--viv-deep);grid-row:span 2;font-weight:600}.viv-site .vx-demo-steps li span{color:var(--viv-text);grid-column:2}.viv-site .vx-agent-family{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:16px 0;display:grid}.viv-site .vx-agent-family a{text-align:center;color:var(--viv-ink);background:var(--viv-paper2);border-radius:12px;flex-direction:column;align-items:center;padding:8px 2px;font-size:.7rem;text-decoration:none;display:flex}.viv-site .vx-agent-family a>.viv-mascot-motion{width:56px;max-width:100%;height:56px}.viv-site .vx-agent-family small{display:none}.viv-site .vx-demo-studio--studio .vx-demo-layout{background:var(--viv-family-soft,#e4f1ec);border:1px solid var(--viv-border);border-radius:20px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:20px}.viv-site .vx-demo-studio--studio .vx-demo-guide{background:var(--viv-paper);border-radius:14px;padding:18px}.viv-site .vx-demo-studio--studio .vx-agent-family{grid-template-columns:repeat(3,minmax(0,1fr))}.viv-site .vx-demo-studio--editorial .vx-demo-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:36px}.viv-site .vx-demo-studio--editorial .vx-demo-conversation{grid-area:1/2}.viv-site .vx-demo-studio--editorial .vx-demo-guide{border-left:4px solid var(--viv-deep);grid-area:1/1;padding:12px 0 12px 20px}.viv-site .vx-demo-studio--editorial .vx-demo-guide .viv-h2{font-size:clamp(1.8rem,3vw,2.5rem)}.viv-site .vx-cases-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:1140px;padding-block:8px 20px;display:grid}.viv-site .vx-cases-picker button{border:1px solid var(--viv-border);background:var(--viv-paper);color:var(--viv-ink);cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:10px;transition:border-color .2s,background .2s;display:flex}.viv-site .vx-cases-picker button[aria-selected=true]{background:var(--viv-paper2);border:2px solid var(--viv-deep);padding:9px}.viv-site .vx-case-character{width:84px;max-width:100%;height:84px;display:block}.viv-site .vx-case-character>.viv-mascot-motion{width:84px;max-width:100%;height:84px}.viv-site .vx-case-invite{color:var(--viv-deep);font-size:.72rem;line-height:1.4}.viv-site .vx-cases-picker button:hover .vx-case-character,.viv-site .vx-cases-picker button:focus-visible .vx-case-character{animation:.65s both vx-wave}.viv-site .vx-cases [role=tabpanel][hidden]{display:none}.viv-site .vx-cases .ve-case{max-width:1140px;padding-block:16px 24px}.viv-site .vx-cases .ve-case-header{gap:20px;margin-bottom:16px}.viv-site .vx-cases .ve-case-header .viv-h2{font-size:clamp(1.5rem,2.7vw,2rem);line-height:1.15}.viv-site .vx-cases .ve-case-header>.viv-mascot-motion{display:none}.viv-site .vx-cases .ve-case-header>div{max-width:74ch}.viv-site .vx-cases .ve-case-header .ve-reading{max-width:74ch;font-size:.95rem}@keyframes vx-wave{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)translateY(-4px)}65%{transform:rotate(7deg)translateY(-4px)}}@media (max-width:800px){.viv-site .vx-proposal-bar{flex-direction:column;align-items:flex-start}.viv-site .vx-demo-layout,.viv-site .vx-demo-studio--studio .vx-demo-layout,.viv-site .vx-demo-studio--editorial .vx-demo-layout{grid-template-columns:minmax(0,1fr);gap:20px}.viv-site .vx-demo-studio--editorial .vx-demo-conversation,.viv-site .vx-demo-studio--editorial .vx-demo-guide{grid-area:auto}.viv-site .vx-demo-studio--studio .vx-demo-layout{padding:12px}.viv-site .vx-cases-picker{gap:6px}.viv-site .vx-cases-picker button{border-radius:12px;padding:8px 2px}.viv-site .vx-cases-picker button[aria-selected=true]{padding:7px 1px}.viv-site .vx-case-character,.viv-site .vx-case-character>.viv-mascot-motion{width:56px;height:56px}.viv-site .vx-case-invite{display:none}.viv-site .vx-cases-picker strong{font-size:.7rem}.viv-site .vx-demo-studio .vd-chat-transcript{max-height:350px}.viv-site .vx-demo-studio .vd-chat-composer .vd-chat-tools{gap:4px}}@media (prefers-reduced-motion:reduce){.viv-site .vx-cases-picker *,.viv-site .vx-proposal-switch button{transition:none!important;animation:none!important;transform:none!important}}.viv-site .vx-studio-topbar,.viv-site .vx-editorial-label{display:none}.viv-site .vx-demo-studio--studio .vx-demo-layout{background:var(--viv-paper2);border:1px solid var(--viv-deep);gap:18px;padding:0 18px 18px;box-shadow:0 12px 28px #173d3b12}.viv-site .vx-demo-studio--studio .vx-studio-topbar{background:var(--viv-deep);color:#fff;border-radius:18px 18px 0 0;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;margin-inline:-18px;padding:14px 18px;font-size:.8rem;line-height:1.3;display:flex}.viv-site .vx-studio-brand{letter-spacing:.08em;font-weight:700}.viv-site .vx-studio-status{border:1px solid #fff6;border-radius:999px;padding:5px 9px;font-size:.7rem}.viv-site .vx-demo-studio--studio .vx-demo-steps{grid-template-columns:1fr;gap:8px;margin-block:12px}.viv-site .vx-demo-studio--studio .vx-demo-steps li{background:var(--viv-paper2);border-radius:8px;padding:10px}.viv-site .vx-demo-studio--studio .vx-agent-family{grid-template-columns:repeat(3,minmax(0,1fr));margin-block:12px}.viv-site .vx-demo-studio--studio .vx-agent-family small{padding-top:3px;font-size:.65rem;line-height:1.3;display:block}.viv-site .vx-demo-studio--editorial .vx-demo-layout{border-top:2px solid var(--viv-deep);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:16px 40px;padding-top:12px;position:relative}.viv-site .vx-demo-studio--editorial .vx-editorial-label{flex-direction:column;grid-area:1/1;align-self:start;gap:10px;padding-top:8px;display:flex}.viv-site .vx-editorial-label>span{letter-spacing:.16em;color:var(--viv-deep);font-size:.75rem;font-weight:700}.viv-site .vx-editorial-label>strong{font:700 clamp(1.9rem,3.5vw,3rem)/1.04 var(--viv-font-heading,var(--viv-font-body));letter-spacing:-.035em}.viv-site .vx-editorial-label>small{color:var(--viv-text);font-size:.85rem}.viv-site .vx-demo-studio--editorial .vx-demo-conversation{background:var(--viv-paper2);border-radius:22px;grid-area:1/2/span 2;padding:16px}.viv-site .vx-demo-studio--editorial .vx-demo-guide{border:0;grid-area:2/1;padding:0}.viv-site .vx-demo-studio--editorial .vx-demo-guide>.viv-eyebrow,.viv-site .vx-demo-studio--editorial .vx-demo-guide>.viv-h2{display:none}.viv-site .vx-demo-studio--editorial .vx-agent-family{border-block:1px solid var(--viv-border);padding-block:12px}.viv-site .vx-demo-studio--editorial .vx-agent-family a{background:0 0}.viv-site .vx-cases .ve-case{scroll-margin-top:100px}html[data-viv-motion=paused] .viv-site .vx-cases-picker *,html[data-viv-motion=paused] .viv-site .vx-proposal-switch button{transition:none!important;animation:none!important;transform:none!important}@media (max-width:800px){.viv-site .vx-demo-studio--studio .vx-demo-layout{padding:0 12px 12px}.viv-site .vx-demo-studio--studio .vx-studio-topbar{flex-wrap:wrap;margin-inline:-12px;padding:12px}.viv-site .vx-demo-studio--studio .vx-studio-topbar>span:nth-child(2){display:none}.viv-site .vx-demo-studio--editorial .vx-demo-layout{grid-template-columns:minmax(0,1fr);gap:16px}.viv-site .vx-demo-studio--editorial .vx-editorial-label,.viv-site .vx-demo-studio--editorial .vx-demo-conversation,.viv-site .vx-demo-studio--editorial .vx-demo-guide{grid-area:auto/1}.viv-site .vx-demo-studio--editorial .vx-demo-conversation{padding:10px}}.viv-site .vx-demo-studio .vd-chat-form{align-items:start}.viv-site .vx-demo-studio .vd-chat-form .vd-field,.viv-site .vx-demo-studio .vd-chat-form .vd-wa-send{margin:0}.viv-site .vx-demo-studio .vd-wa-tools{margin-left:auto}