@layer components{.vp-prod{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px 56px;display:grid}@media (max-width:1180px){.vp-prod{grid-template-columns:minmax(0,1fr)}.vp-phone{order:-1}}@media (max-width:620px){.vp-demo{flex-direction:column;min-width:0;max-width:100%}.vp-demo>*{max-width:100%}.vp-side{box-sizing:border-box;order:2;min-width:0;max-width:340px;width:100%!important}}.vp-faq{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));align-items:start;gap:18px;display:grid}.vs-w{align-items:center;gap:3px;height:24px;display:flex}.vs-w>i{opacity:.55;background:currentColor;border-radius:2px;flex:1;height:24px;transition:transform .3s,opacity .3s;display:block;transform:scaleY(.14)}.vs-w.on>i{opacity:1;animation:.62s ease-in-out infinite vs-bar}.vs-w.on>i:nth-child(3n){animation-delay:.16s}.vs-w.on>i:nth-child(3n+1){animation-delay:.32s}.vs-w.on>i:nth-child(4n){animation-delay:90ms}@keyframes vs-bar{0%,to{transform:scaleY(.25)}50%{transform:scaleY(1)}}.vs-dn>i,.vs-up>i{background:#e8763f;border-radius:50%;width:8px;height:8px;position:absolute;left:1px}.vs-dn>i{animation:1.1s linear infinite vs-dn}.vs-up>i{animation:1.1s linear infinite vs-up}.vs-dn>i:nth-of-type(2),.vs-up>i:nth-of-type(2){animation-delay:.36s}.vs-dn>i:nth-of-type(3),.vs-up>i:nth-of-type(3){animation-delay:.72s}@keyframes vs-dn{0%{opacity:0;top:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:26px}}@keyframes vs-up{0%{opacity:0;top:26px}20%{opacity:1}80%{opacity:1}to{opacity:0;top:0}}.vk-a,.vk-b,.vk-c,.vk-d{opacity:0}.vk-a{animation:7s infinite vk-a}.vk-b{animation:7s infinite vk-b}.vk-c{animation:7s infinite vk-c}.vk-d{animation:7s infinite vk-d}@keyframes vk-a{0%,4%{opacity:0;transform:translateY(8px)}10%,88%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes vk-b{0%,16%{opacity:0;display:flex}20%,36%{opacity:1}40%,to{opacity:0}}@keyframes vk-c{0%,38%{opacity:0;transform:translateY(8px)}44%,88%{opacity:1;transform:none}96%,to{opacity:0}}@keyframes vk-d{0%,48%{opacity:0;transform:scale(.8)}54%,88%{opacity:1;transform:none}96%,to{opacity:0}}.vk-b>i{background:#8c8072;border-radius:50%;width:6px;height:6px;animation:.7s ease-in-out infinite vs-bar;display:block}.vk-b>i:nth-child(2){animation-delay:.15s}.vk-b>i:nth-child(3){animation-delay:.3s}.pc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (max-width:820px){.pc-grid{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:78%;grid-auto-flow:column;padding-bottom:10px;overflow-x:auto}.pc-col{scroll-snap-align:start}}.pc-col{--k:1;color:#2b2118;border:2px solid;border-radius:28px;flex-direction:column;justify-content:space-between;gap:18px;min-width:0;min-height:400px;padding:24px;transition:transform .26s,box-shadow .26s,border-color .26s;display:flex}.pc-col:hover{--k:.35;color:#2b2118;transform:translateY(-6px);box-shadow:0 0 0 4px #d85a302e,0 22px 44px #d85a3047;background:#fff6e6!important;border-color:#d85a30!important}.pc-art{flex:1;justify-content:center;align-items:center;min-height:170px;display:flex}.pc-wave{align-items:center;gap:5px;width:100%;height:120px;display:flex}.pc-wave>i{height:100%;animation:vs-bar calc(.9s * var(--k)) ease-in-out infinite;background:#d85a30;border-radius:99px;flex:1}.pc-wave>i:nth-child(2n){animation-delay:-.2s}.pc-wave>i:nth-child(3n){animation-delay:-.45s}.pc-wave>i:nth-child(5n){animation-delay:-.6s}.pc-bub{width:100%;height:170px;position:relative}.pc-bub>i{opacity:0;height:34px;animation:pc-pop calc(4.2s * var(--k)) ease infinite;animation-delay:calc(var(--o) * 1.4s * var(--k));border-radius:17px;position:absolute}.pc-bub>i:first-child{background:#fff;border:1px solid #2b211824;width:62%;top:8px;left:0}.pc-bub>i:nth-child(2){background:#25d366;width:56%;top:62px;right:0}.pc-bub>i:nth-child(3){background:#fff;border:1px solid #2b211824;width:70%;top:116px;left:0}@keyframes pc-pop{0%{opacity:0;transform:translateY(10px)scale(.9)}12%,70%{opacity:1;transform:none}85%,to{opacity:0}}.pc-win{background:#fff;border:1px solid #2b211824;border-radius:16px;flex-direction:column;width:100%;height:170px;display:flex;overflow:hidden}.pc-bar{background:#f3e4cc;gap:5px;padding:9px 12px;display:flex}.pc-bar span{opacity:.7;background:#d85a30;border-radius:50%;width:8px;height:8px}.pc-lines{flex-direction:column;gap:10px;padding:14px;display:flex}.pc-lines>i{opacity:.16;transform-origin:0;height:12px;animation:pc-type calc(3.6s * var(--k)) steps(12) infinite;animation-delay:calc(var(--o) * .5s * var(--k));background:#2b2118;border-radius:99px;display:block}.pc-lines>i:nth-child(2){width:80%}.pc-lines>i:nth-child(3){opacity:.5;background:#d85a30;width:55%}@keyframes pc-type{0%{transform:scaleX(0)}45%,85%{transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}.pc-dots{gap:5px;padding:0 14px;display:flex}.pc-dots b{width:7px;height:7px;animation:vs-bar calc(.7s * var(--k)) ease-in-out infinite;background:#854f0b;border-radius:50%}.pc-dots b:nth-child(2){animation-delay:.15s}.pc-dots b:nth-child(3){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.vk-a,.vk-b,.vk-c,.vk-d{opacity:1!important;animation:none!important}.vk-b{display:none!important}.pc-bub>i{opacity:1}.pc-col:hover{transform:none}}}
