.vs-showcase{--vs-mk-brand:#6339ba;--vs-mk-ink:#241742;--vs-mk-muted:#6d647b;margin:36px 0 28px;overflow:hidden;border:1px solid #e4dbf3;border-radius:26px;background:#fbfaff;color:var(--vs-mk-ink);text-align:start;isolation:isolate}.vs-showcase *{box-sizing:border-box}.vs-showcase svg{flex-shrink:0}.vs-showcase__hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:36px;padding:40px;background:radial-gradient(ellipse at 95% 15%,#e6dbff,transparent 65%)}.vs-showcase__eyebrow{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--vs-mk-brand);margin:0 0 18px}.vs-showcase h2{font-size:clamp(28px,3.3vw,47px);font-weight:800;line-height:1.17;letter-spacing:-.03em;margin:0 0 18px;color:var(--vs-mk-ink)}.vs-showcase__intro{font-size:16px;line-height:1.8;color:var(--vs-mk-muted);margin:0 0 24px}.vs-showcase__actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.vs-showcase a.vs-showcase__cta{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:12px 18px;border-radius:12px;background:linear-gradient(115deg,#7748d4,#5532a2);color:#fff;font-weight:750;font-size:14px;text-decoration:none;line-height:1.4;box-shadow:0 6px 18px #6339ba23}.vs-showcase a.vs-showcase__cta:hover{background:#482590;color:#fff}.vs-showcase a:focus-visible,.vs-showcase button:focus-visible,.vs-showcase select:focus-visible{outline:3px solid #9c73ec;outline-offset:4px}.vs-showcase a.vs-showcase__text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--vs-mk-brand);font-size:13px;font-weight:750;text-decoration:none}.vs-showcase a.vs-showcase__text-link:hover{text-decoration:underline}.vs-showcase[dir=rtl] .vs-showcase__text-link svg,.vs-showcase[dir=rtl] .vs-showcase__start a svg{transform:scaleX(-1)}.vs-showcase__tags{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px}.vs-showcase__tags>span{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#746486}.vs-showcase__tags svg{width:17px;height:17px;color:#7e51cc}.vs-showcase__art{position:relative;margin:0;height:330px;min-width:0;border:6px solid #fff;border-radius:22px;box-shadow:0 20px 42px #4a2c751c;overflow:hidden;background:#ebe3f7}.vs-showcase__art>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 34%}.vs-showcase__art figcaption{position:absolute;bottom:20px;inset-inline:20px;border-radius:8px;padding:10px 14px;background:#1e183be0;color:#fff;text-align:center;font-weight:750;font-size:16px;line-height:1.5}.vs-showcase__voice-badge{position:absolute;top:14px;inset-inline-start:14px;display:flex;gap:8px;align-items:center;max-width:calc(100% - 28px);background:#fffffff2;color:#5b329e;font-size:11px;font-weight:700;padding:10px 12px;border-radius:11px;box-shadow:0 6px 20px #24174218}.vs-showcase__wave{display:flex;align-items:center;gap:3px;height:22px}.vs-showcase__wave i{display:block;width:3px;height:9px;border-radius:4px;background:#a778ef}.vs-showcase__wave i:nth-child(2n){height:20px}.vs-showcase__wave i:nth-child(3n){height:14px}.vs-showcase__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 30px 30px}.vs-showcase a.vs-showcase__feature{display:grid;align-content:start;gap:9px;border:1px solid #e7e0f1;border-radius:16px;padding:20px;background:#fff;color:var(--vs-mk-ink);text-decoration:none;transition:border-color .15s,box-shadow .15s}.vs-showcase a.vs-showcase__feature:hover{border-color:#a681de;box-shadow:0 8px 24px #5532a20c}.vs-showcase__feature-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:11px;color:#6b40b6;background:#f0e9ff;margin-bottom:4px}.vs-showcase__feature:nth-child(2) .vs-showcase__feature-icon{color:#337abd;background:#eaf5ff}.vs-showcase__feature:nth-child(3) .vs-showcase__feature-icon{color:#218774;background:#e7f7f0}.vs-showcase__feature strong{font-size:15px;line-height:1.5}.vs-showcase__feature>span:last-child{color:var(--vs-mk-muted);font-size:12px;line-height:1.7}.vs-showcase__demo{display:grid;grid-template-columns:.8fr 1.35fr;gap:28px;padding:32px;background:#fff;border-top:1px solid #eee7f6;scroll-margin-top:30px}.vs-showcase__duration{display:inline-flex;gap:7px;align-items:center;color:#7c609f;font-weight:700;font-size:11px}.vs-showcase__duration svg{width:15px;height:15px}.vs-showcase h3{font-size:25px;font-weight:800;line-height:1.3;margin:12px 0;color:var(--vs-mk-ink)}.vs-showcase__demo-copy>p{font-size:13px;color:var(--vs-mk-muted);line-height:1.8;margin:0 0 17px}.vs-showcase label{display:block;margin:0 0 7px;font-size:12px;font-weight:700}.vs-showcase select{display:block;max-width:100%;width:100%;min-height:44px;border:1px solid #dbd0eb;background:#faf8ff;color:#342351;font-size:14px;border-radius:10px;padding:9px 12px}.vs-showcase__modes{display:flex;gap:5px;padding:4px;background:#f4f0fa;border-radius:11px;margin:10px 0 5px}.vs-showcase__modes button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:44px;padding:7px;border:0;border-radius:8px;background:transparent;color:#6d5d82;font-size:12px;font-weight:700;cursor:pointer;line-height:1.4}.vs-showcase__modes button[aria-pressed=true]{background:#6339ba;color:#fff;box-shadow:0 3px 9px #6339ba22}.vs-showcase__modes svg{width:16px;height:16px}.vs-showcase__player-wrap{min-width:0;align-self:center}.vs-showcase__player{overflow:hidden;border:1px solid #382350;border-radius:15px;background:#171221;aspect-ratio:16/9;box-shadow:0 10px 28px #23133915}.vs-showcase video{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.vs-showcase video::cue{background:#171221dc;color:#fff;font-size:17px;font-family:Arial,sans-serif}.vs-showcase__credit{font-size:10px;color:#84788f;line-height:1.7;margin:11px 0 0}.vs-showcase__credit a{color:#665077;text-decoration:underline}.vs-showcase__voice-note{font-size:11px;line-height:1.6;color:#7b6b84;margin:10px 0 0}.vs-showcase__error a{font-size:13px;color:#6339ba}.vs-showcase [hidden]{display:none!important}.vs-showcase__start{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 32px;background:#f2ecfd;border-top:1px solid #e6dbf5}.vs-showcase__start strong,.vs-showcase__start span{display:block}.vs-showcase__start strong{font-size:17px;margin-bottom:5px}.vs-showcase__start span{font-size:12px;color:var(--vs-mk-muted)}.vs-showcase :is(h2,h3,p,strong,span,a){overflow-wrap:break-word}.vs-showcase[dir=rtl] .vs-showcase__eyebrow{letter-spacing:0}@media(max-width:850px){.vs-showcase__hero{padding:28px;gap:24px}.vs-showcase__art{height:300px}.vs-showcase__features{padding:0 22px 22px;gap:10px}.vs-showcase a.vs-showcase__feature{padding:15px}.vs-showcase__demo{gap:22px;padding:24px;grid-template-columns:1fr 1.25fr}}@media(max-width:620px){.vs-showcase{border-radius:19px;margin:25px 0}.vs-showcase__hero{grid-template-columns:1fr;padding:24px 20px;gap:23px}.vs-showcase h2{font-size:32px}.vs-showcase__intro{font-size:14px;line-height:1.75}.vs-showcase__art{height:290px}.vs-showcase__features{grid-template-columns:1fr;padding:0 16px 22px}.vs-showcase a.vs-showcase__feature{grid-template-columns:38px 1fr;column-gap:12px;row-gap:3px;padding:14px}.vs-showcase__feature-icon{grid-row:1/3;margin:0}.vs-showcase__feature strong,.vs-showcase__feature>span:last-child{grid-column:2}.vs-showcase__demo{grid-template-columns:1fr;padding:23px 16px;gap:18px}.vs-showcase h3{font-size:25px}.vs-showcase__start{padding:22px 20px;flex-direction:column;align-items:stretch}.vs-showcase__start a{width:100%}.vs-showcase__eyebrow{font-size:10px}.vs-showcase__voice-badge{font-size:10px}.vs-showcase video::cue{font-size:14px}}@media(prefers-reduced-motion:reduce){.vs-showcase *{transition:none!important;scroll-behavior:auto!important}}
.vs-showcase__player{position:relative}
.vs-showcase__play{position:absolute;inset:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;border:0;background:linear-gradient(0deg,#19102570,#1910250a);color:#fff;cursor:pointer;font:inherit;font-size:14px;font-weight:750;text-shadow:0 1px 5px #000}
.vs-showcase__play-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;padding-inline-start:4px;border-radius:50%;background:#fffffff2;color:#6033b4;box-shadow:0 8px 28px #190f3250;text-shadow:none}
.vs-showcase__play-icon svg{width:27px;height:27px}
.vs-showcase__play:hover .vs-showcase__play-icon{background:#fff;color:#472080}
.vs-showcase .vs-showcase__play:focus-visible{outline-offset:-6px;outline-color:#fff}