/* V19.6 isolated, compact galaxy ellipse. */
.voice-loop-section{padding:36px 0 20px;background:radial-gradient(ellipse at 50% 58%,#edf5fc,#f9fbff 55%,#fff 82%);scroll-margin-top:78px}
.voice-loop-section .section-head{max-width:850px;margin:0 auto 14px;text-align:center}
.voice-loop-section .section-head h2{font-size:clamp(26px,2.5vw,36px);margin-top:10px;margin-bottom:10px}
.voice-loop-section .section-head p{font-size:13px}
.flvc-scroll{width:100%;overflow:auto;padding:0 0 4px}
.flvc-universe{position:relative;width:100%;max-width:1100px;margin:0 auto;isolation:isolate;color:#27496c}
.flvc-universe::before{content:"";display:block;padding-top:43.6364%}
.flvc-universe *{box-sizing:border-box}
.flvc-orbits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.flvc-disc{fill:#ffffff66;stroke:#b7d3e9;stroke-width:1.2}
.flvc-spin{transform-origin:0 0;animation:flvc-rotate 60s linear infinite}
.flvc-orbit-dash{fill:none;stroke:url(#flvc-gradient);stroke-width:2;stroke-dasharray:90 18 3 18;opacity:.7;vector-effect:non-scaling-stroke}
.flvc-light{fill:#49b8c6;filter:drop-shadow(0 0 7px #46b2c6)}.flvc-light.violet{fill:#a088d7}
.flvc-soft-track{fill:none;stroke:url(#flvc-gradient);stroke-width:30;opacity:.06}
.flvc-arcs path{fill:none;stroke:#73a8c5;stroke-width:2;stroke-dasharray:7 5;marker-end:url(#flvc-arrow);animation:flvc-flow 7s linear infinite;transition:stroke .2s,stroke-width .2s}
.flvc-inner-ring{fill:#f3f8fc88;stroke:#caddec;stroke-width:1;stroke-dasharray:3 7}
.flvc-node{position:absolute;transform:translate(-50%,-50%);width:21%;padding:13px 8px;text-align:center;border:1px solid #d4e4f1;border-radius:19px;background:linear-gradient(145deg,#fff,#f4f9fd);box-shadow:0 9px 28px #225c8910;transition:transform .25s,box-shadow .25s,border-color .25s}
.flvc-voice{left:36%;top:27%}.flvc-profile{left:80%;top:42%}.flvc-data{left:65%;top:77%}.flvc-predict{left:20%;top:62%}
.flvc-universe .flvc-node h3{display:flex;align-items:center;justify-content:center;gap:7px;font-size:19px;line-height:1.4;color:#285577;margin:0 0 5px}
.flvc-node h3 svg{flex:0 0 24px;width:24px;height:24px;fill:none;stroke:#438fac;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.flvc-predict h3 svg{stroke:#8d79bf}
.flvc-node p{font-size:12px;line-height:1.7;color:#58758f;margin:0;white-space:nowrap}
.flvc-node small{font-size:11px;line-height:1.7;color:#7a91a6;display:block;white-space:nowrap}
.flvc-node:hover,.flvc-node:focus-visible{transform:translate(-50%,-50%) translateY(-4px);box-shadow:0 15px 32px #3c83b528;border-color:#70b4d2;outline:2px solid #bfdeec;outline-offset:3px}
.flvc-caption{position:absolute;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;pointer-events:none;font-size:11px;line-height:1.5;color:#7092ac}
.flvc-caption-a{left:63%;top:19%}.flvc-caption-b{left:83%;top:67%}.flvc-caption-c{left:42%;top:82%}.flvc-caption-d{left:17%;top:35%}
.flvc-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:31%;text-align:center}
.flvc-hub>span{font-size:8px;letter-spacing:1.5px;color:#8b9db0}
.flvc-universe .flvc-hub h3{font-size:19px;line-height:1.5;margin:5px 0;color:#38637f;font-weight:650}
.flvc-hub p{font-size:10px;line-height:1.6;color:#8398ac;margin:0}
.flvc-universe[data-active] .flvc-spin{animation-play-state:paused}
.flvc-universe[data-active=voice] [data-flvc-arc=voice],.flvc-universe[data-active=profile] [data-flvc-arc=profile],.flvc-universe[data-active=data] [data-flvc-arc=data],.flvc-universe[data-active=predict] [data-flvc-arc=predict]{stroke:#269db0;stroke-width:3}
.flvc-mobile-hint{display:none}
@keyframes flvc-rotate{to{transform:rotate(360deg)}}@keyframes flvc-flow{to{stroke-dashoffset:-96}}
@media(max-width:1000px){.flvc-universe{min-width:740px}.flvc-node{padding:10px 5px;border-radius:15px}.flvc-universe .flvc-node h3{font-size:16px;gap:5px}.flvc-node h3 svg{flex-basis:20px;width:20px;height:20px}.flvc-node p{font-size:10px}.flvc-node small{font-size:9px}.flvc-caption{font-size:9px}.flvc-universe .flvc-hub h3{font-size:16px}.flvc-hub>span{font-size:7px;letter-spacing:.5px}.flvc-hub p{font-size:9px}}
@media(max-width:780px){.voice-loop-section{padding:38px 0 28px}.flvc-mobile-hint{display:block;text-align:center;font-size:11px;color:#7d91a8;margin:0 0 8px}.flvc-scroll{scrollbar-width:thin;scrollbar-color:#bdd6e8 #f0f6fb}}
@media(prefers-reduced-motion:reduce){.flvc-spin,.flvc-arcs path{animation:none}.flvc-node{transition:none}}

/* Clear business emphasis, with four coordinated spectral accents. */
.voice-loop-section{background:radial-gradient(ellipse at 24% 52%,#e8f7f766,transparent 45%),radial-gradient(ellipse at 78% 65%,#eee9fb77,transparent 45%),linear-gradient(180deg,#fff,#f6faff 56%,#fff)}
.flvc-disc{fill:#f5f9ff80;stroke:#99bfdc;stroke-width:1.6}
.flvc-soft-track{stroke-width:38;opacity:.12}
.flvc-orbit-dash{opacity:.9;stroke-width:2.3}
.flvc-voice{--flvc-accent:#267fa8;--flvc-soft:#eaf5fc;background:linear-gradient(135deg,#fff,var(--flvc-soft));border-color:#b5d7e9}
.flvc-profile{--flvc-accent:#288a80;--flvc-soft:#eaf7f1;background:linear-gradient(135deg,#fff,var(--flvc-soft));border-color:#b8dfd6}
.flvc-data{--flvc-accent:#526fbd;--flvc-soft:#edf1ff;background:linear-gradient(135deg,#fff,var(--flvc-soft));border-color:#c9d4f1}
.flvc-predict{--flvc-accent:#8563af;--flvc-soft:#f3edfc;background:linear-gradient(135deg,#fff,var(--flvc-soft));border-color:#d7c9eb}
.flvc-universe .flvc-node h3{color:var(--flvc-accent)}
.flvc-node h3 svg{stroke:var(--flvc-accent)}
.flvc-node:hover,.flvc-node:focus-visible{border-color:var(--flvc-accent);box-shadow:0 13px 30px #3b73a124}
.flvc-arcs [data-flvc-arc=voice]{stroke:#44a998}.flvc-arcs [data-flvc-arc=profile]{stroke:#6e91d0}.flvc-arcs [data-flvc-arc=data]{stroke:#a38bc5}.flvc-arcs [data-flvc-arc=predict]{stroke:#5ba3c4}
.flvc-caption-a,.flvc-caption-d{display:flex;align-items:center;justify-content:center;gap:7px;padding:6px 11px;border-radius:999px;border:1px solid #bbdfdb;background:#effaf6eb;box-shadow:0 5px 16px #367d8d0b;color:#2c8b80}
.flvc-caption-a b,.flvc-caption-d b{font-size:13px;line-height:1.4;font-weight:800;letter-spacing:.2px}
.flvc-caption-a small,.flvc-caption-d small{font-size:11px;line-height:1.4;font-weight:650}
.flvc-caption-d{top:40%;border-color:#d6c8e9;background:#f6f0fceb;color:#8762ab}
.flvc-caption-b,.flvc-caption-c{font-weight:700;color:#6489b4}
.flvc-universe .flvc-hub h3{color:#326b8a}
.flvc-hub>span{color:#7895b0}
@media(max-width:1000px){.flvc-caption-a,.flvc-caption-d{gap:5px;padding:4px 7px}.flvc-caption-a b,.flvc-caption-d b{font-size:11px}.flvc-caption-a small,.flvc-caption-d small{font-size:9px}}

/* Keep the service conversation and ticket in separate, content-sized columns. */
.service-demo{display:grid;grid-template-columns:66px minmax(0,1.6fr) minmax(150px,1fr);align-items:stretch}
.service-demo>.demo-sidebar,.service-demo>.service-chat,.service-demo>.service-ticket{position:static;inset:auto;width:auto;min-width:0}
.service-demo .demo-window-head{flex-wrap:wrap}
.service-demo .service-message p,.service-demo .service-ticket dd{overflow-wrap:anywhere}
@media(max-width:1000px){
 .service-demo{grid-template-columns:48px minmax(0,1fr)}
 .service-demo>.demo-sidebar{grid-row:1 / span 2}
 .service-demo>.service-chat{grid-column:2}
 .service-demo>.service-ticket{grid-column:2;border-left:0;border-top:1px solid #e6ebf1}
}