.orb{--level:0;aspect-ratio:1;place-items:center;width:clamp(8.5rem,24vw,12.5rem);display:grid;position:relative}.orb.orb--sm{width:clamp(5rem,18vw,7rem)}.orb-ring{border:1px solid color-mix(in srgb, var(--color-blue) 26%, transparent);transform:scale(calc(.66 + var(--level) * .3));border-radius:50%;transition:transform .14s linear,opacity .4s;position:absolute;inset:0}.orb-ring--mid{border-color:color-mix(in srgb, var(--color-blue) 40%, transparent);transform:scale(calc(.78 + var(--level) * .22));inset:12%}.orb-ring--inner{border-color:color-mix(in srgb, var(--color-blue) 55%, transparent);transform:scale(calc(.86 + var(--level) * .16));inset:24%}.orb-core{--orb-light:color-mix(in srgb, var(--color-blue) 64%, #fff);--orb-dark:color-mix(in srgb, var(--color-blue) 65%, var(--color-void));aspect-ratio:1;background:radial-gradient(circle at 34% 28%, var(--orb-light) 0%, var(--color-blue) 58%, var(--orb-dark) 100%);width:42%;transform:scale(calc(.92 + var(--level) * .2));border-radius:50%;transition:transform .14s linear;position:relative;box-shadow:0 14px 34px -14px #1c64ebbf}.orb[data-state=connecting] .orb-ring{animation:orb-breathe 2.6s var(--ease-out-soft,ease) infinite}.orb[data-state=connecting] .orb-ring--mid{animation-delay:.25s}.orb[data-state=connecting] .orb-ring--inner{animation-delay:.5s}.orb[data-state=idle] .orb-core,.orb[data-state=offline] .orb-core{animation:6s ease-in-out infinite orb-idle}.orb[data-state=ended] .orb-ring{opacity:.4}@keyframes orb-breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes orb-idle{0%,to{transform:scale(.94)}50%{transform:scale(1)}}.vx-phone{background:var(--color-navy);border-radius:2.6rem;padding:.5rem;box-shadow:0 0 0 1px #030532e6,0 40px 80px -40px #030532b3}.vx-phone-screen{background:#070b3f}.vx-list[data-armed=true] .vx-line[data-shown=false]{display:none}.vx-list[data-armed=true] .vx-line[data-shown=true]{animation:vx-in .52s var(--ease-out-expo) both}@keyframes vx-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:none}}.vx-wave-bar{background:#ffffff47;border-radius:999px;width:3px;height:22%;transition:background-color .3s}.vx-wave[data-playing=true] .vx-wave-bar{animation:1.1s ease-in-out infinite vx-wave;animation-delay:calc(var(--i) * -73ms)}.vx-wave[data-speaker=charles] .vx-wave-bar{background:#fff}.vx-wave[data-speaker=caller] .vx-wave-bar{background:var(--color-cyan)}@keyframes vx-wave{0%,to{height:18%}30%{height:90%}60%{height:42%}}.vx-progress{transform-origin:0;transform:scaleX(var(--p,0))}.vx-progress[data-smooth=true]{transition:transform .12s linear}.vx-outcome[data-done=true] .vx-outcome-body{animation:vx-in .7s var(--ease-out-expo) both}.vx-skel{background:var(--color-ice-deep);animation:1.6s ease-in-out infinite vx-skel}@keyframes vx-skel{50%{opacity:.45}}.vx-inview .vx-rise{transition:opacity .7s var(--ease-out-expo), transform .7s var(--ease-out-expo)}.vx-inview[data-armed=true]:not([data-inview=true]) .vx-rise{opacity:0;transform:translateY(14px)}.vx-inview .vx-draw{stroke-dasharray:1;stroke-dashoffset:0;transition:stroke-dashoffset 1.1s var(--ease-out-soft)}.vx-inview[data-armed=true]:not([data-inview=true]) .vx-draw{stroke-dashoffset:1px}.flow-track{--p:0}.flow-track:not([data-armed=true]){--p:1}.flow-progress{transform:scaleY(var(--p));transform-origin:top;background:var(--color-blue)}.flow-node{transition:background-color .4s,box-shadow .4s}.flow-station[data-on=true] .flow-node{background:var(--color-blue);box-shadow:0 0 0 5px color-mix(in srgb, var(--color-blue) 14%, transparent)}.flow-station[data-on=true] .flow-ring:before,.flow-station[data-on=true] .flow-ring:after{content:"";border:1.5px solid var(--color-blue);border-radius:50%;animation:2.2s ease-out infinite flow-ring;position:absolute;inset:0}.flow-station[data-on=true] .flow-ring:after{animation-delay:1.1s}@keyframes flow-ring{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}@media (min-width:64rem){.flow-progress{transform:scaleX(var(--p));transform-origin:0}}.vx-trust-wave span{animation:3.2s ease-in-out infinite vx-breathe;animation-delay:calc(var(--i) * -110ms);transform-origin:50%}@keyframes vx-breathe{50%{transform:scaleY(.72)}}.cmp{border-collapse:separate;border-spacing:0;width:100%}.cmp th,.cmp td{text-align:left;vertical-align:middle}.cmp tbody th,.cmp tbody td{border-top:1px solid var(--color-line);padding-top:1.1rem;padding-bottom:1.1rem}.cmp-col{width:24%;padding-left:1rem;padding-right:1rem}.cmp-crit{width:28%;padding-right:1rem}.cmp .cmp-charles{background:color-mix(in srgb, var(--color-blue) 7%, transparent)}@media not (min-width:48rem){.cmp thead tr,.cmp tbody tr{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cmp thead .cmp-crit{display:none}.cmp tbody .cmp-crit{grid-column:1/-1;width:auto;padding:.875rem 0 .5rem}.cmp tbody td{border-top:0;padding-top:.5rem;padding-bottom:.875rem}.cmp-col{width:auto;padding-left:.75rem;padding-right:.5rem}.cmp .cmp-charles{border-radius:0}.cmp thead .cmp-charles{border-radius:var(--radius-core) var(--radius-core) 0 0}}@media (prefers-reduced-motion:reduce){.orb-ring,.orb-core,.vx-wave-bar,.vx-skel,.vx-trust-wave span,.flow-ring:before,.flow-ring:after{transition:none;animation:none!important}.vx-list .vx-line,.vx-outcome .vx-outcome-body{animation:none!important}.vx-inview .vx-rise,.vx-inview .vx-draw{transition:none;opacity:1!important;stroke-dashoffset:0!important;transform:none!important}}
