.vp{gap:var(--s-5,20px);align-items:start;display:grid}@media (width>=1040px){.vp{grid-template-columns:minmax(0,1fr) 340px}}.vp__stage{aspect-ratio:16/9;isolation:isolate;background:var(--brand-dark,#13233f);border:1px solid var(--line);box-shadow:0 1px 2px rgb(var(--shadow-rgb) / .06), 0 18px 48px -18px rgb(var(--shadow-rgb) / .35);border-radius:18px;position:relative;overflow:hidden}.vp__video{object-fit:cover;background:var(--brand-dark,#13233f);width:100%;height:100%;display:block}.vp.is-started .vp__video{object-fit:contain}.vp__stage:fullscreen,.vp__stage:-webkit-full-screen{aspect-ratio:auto;background:#000;border:0;border-radius:0}.vp__stage:fullscreen,.vp__stage:fullscreen{aspect-ratio:auto;background:#000;border:0;border-radius:0}.vp__big{z-index:3;cursor:pointer;color:#fff;width:100%;font:inherit;background:linear-gradient(#13233f00 35%,#13233f8c);border:0;place-content:center;justify-items:center;gap:14px;display:grid;position:absolute;inset:0}.vp.is-started .vp__big{display:none}.vp__bigicon{background:var(--brand-primary);width:84px;height:84px;color:var(--brand-primary-ink);border-radius:50%;place-items:center;transition:transform .18s,background .18s;display:grid;box-shadow:0 10px 30px #00000059,0 0 0 8px #ffffff8c}.vp__bigicon svg{width:34px;height:34px;margin-left:4px}.vp__big:hover .vp__bigicon{background:var(--brand-primary-hover);transform:scale(1.06)}.vp__biglabel{text-align:center;backdrop-filter:blur(6px);background:#13233fc7;border-radius:12px;gap:2px;padding:8px 16px;display:grid}.vp__biglabel b{font-size:1.0625rem;font-weight:700}.vp__biglabel span{color:var(--on-dark-muted,#a9b4c6);font-variant-numeric:tabular-nums;font-size:.875rem}.vp__big:focus-visible,.vp__stage button:focus-visible,.vp__scrub:focus-visible,.vp__vol:focus-visible{outline:3px solid var(--focus-on-dark,#8db4ff);outline-offset:-3px}.vp__restart{z-index:4;color:#fff;font:inherit;cursor:pointer;background:#13233fc7;border:1px solid #ffffff80;border-radius:999px;padding:6px 12px;font-size:.8125rem;position:absolute;top:16px;left:16px}.vp.is-started .vp__restart,.vp__restart[hidden]{display:none}.vp__spinner{z-index:2;pointer-events:none;border:4px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;animation:.8s linear infinite vp-spin;position:absolute;top:50%;left:50%}.vp__spinner[hidden]{display:none}@keyframes vp-spin{to{transform:rotate(360deg)}}.vp__end{z-index:5;text-align:center;color:#fff;background:#13233feb;place-content:center;justify-items:center;gap:14px;padding:24px;display:grid;position:absolute;inset:0}.vp__end[hidden]{display:none}.vp__end h3{color:#fff;font-size:clamp(1.25rem,2.6vw,1.75rem)}.vp__end p{color:var(--on-dark-muted,#a9b4c6);max-width:36ch}.vp__end .btn-row{justify-content:center}.vp__again{color:#fff;cursor:pointer;font:inherit;background:0 0;border:0;font-size:.9375rem;text-decoration:underline}.vp__controls{z-index:4;color:#fff;background:linear-gradient(#13233f00,#13233fe0);padding:36px 14px 10px;transition:opacity .2s,transform .2s;position:absolute;inset:auto 0 0}.vp__controls[hidden],.vp:not(.is-started) .vp__controls{display:none}.vp.is-idle.is-playing .vp__controls{opacity:0;pointer-events:none;transform:translateY(6px)}.vp.is-idle.is-playing .vp__stage{cursor:none}.vp__controls:focus-within{opacity:1!important;pointer-events:auto!important;transform:none!important}.vp__scrub{cursor:pointer;touch-action:none;outline-offset:2px;border-radius:6px;height:22px;position:relative}.vp__track{background:#ffffff47;border-radius:3px;height:5px;margin-top:-2.5px;transition:height .12s,margin .12s;position:absolute;top:50%;left:0;right:0}.vp__scrub:hover .vp__track,.vp__scrub.is-drag .vp__track{height:8px;margin-top:-4px}.vp__buf,.vp__prog{border-radius:inherit;width:0;position:absolute;top:0;bottom:0;left:0}.vp__buf{background:#ffffff59}.vp__prog{background:#35a06e}.vp__tick{background:#13233fd9;width:2px;margin-left:-1px;position:absolute;top:-1px;bottom:-1px}.vp__tick--group{opacity:.9;background:#fff;width:3px;margin-left:-1.5px}.vp__thumb{background:#fff;border-radius:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;transition:transform .12s;position:absolute;top:50%;transform:scale(0);box-shadow:0 1px 4px #0006}.vp__scrub:hover .vp__thumb,.vp__scrub:focus-visible .vp__thumb,.vp__scrub.is-drag .vp__thumb{transform:scale(1)}.vp__tip{pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:80vw;color:var(--ink);background:#fff;border-radius:8px;padding:5px 10px;font-size:.8125rem;font-weight:600;position:absolute;bottom:26px;left:0;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 14px #0000004d}.vp__tip[hidden]{display:none}.vp__tip i{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:6px;font-style:normal;font-weight:500}.vp__row{align-items:center;gap:4px;margin-top:2px;display:flex}.vp__btn{color:#fff;cursor:pointer;width:40px;height:40px;font:inherit;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;padding:0;transition:background .15s;display:grid}.vp__btn:hover{background:#ffffff29}.vp__btn svg{width:22px;height:22px}.vp__btn--text{font-variant-numeric:tabular-nums;width:auto;padding:0 10px;font-size:.875rem;font-weight:700}.vp__time{font-variant-numeric:tabular-nums;white-space:nowrap;color:#e8ecf3;margin:0 8px;font-size:.875rem}.vp__now{text-overflow:ellipsis;white-space:nowrap;text-align:left;color:#fff;flex:1;min-width:0;font-size:.875rem;font-weight:600;overflow:hidden}.vp__vol{accent-color:#35a06e;cursor:pointer;width:78px}.vp .vp__ico-pause,.vp.is-playing .vp__ico-play,.vp .vp__ico-mute,.vp.is-muted .vp__ico-vol,.vp .vp__ico-exit,.vp.is-full .vp__ico-enter{display:none}.vp.is-playing .vp__ico-pause,.vp.is-muted .vp__ico-mute,.vp.is-full .vp__ico-exit{display:block}.vp__rail{background:var(--surface);border:1px solid var(--line);border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.vp__railhead{border-bottom:1px solid var(--line);padding:16px 18px 12px}.vp__railhead h3{font-size:1.0625rem}.vp__railhead p{color:var(--muted);margin-top:2px;font-size:.875rem}.vp-chaps{overscroll-behavior:contain;max-height:420px;margin:0;padding:6px;list-style:none;overflow:auto}@media (width<=1039px){.vp-chaps{max-height:none}}.vp-chap{border-radius:12px}.vp-chap__btn{text-align:left;width:100%;color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;align-items:baseline;gap:12px;padding:11px 12px;font-weight:600;line-height:1.3;display:flex}.vp-chap__btn:hover{background:var(--surface-2)}.vp-chap__btn:focus-visible,.vp-sub a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.vp-chap__time{font-variant-numeric:tabular-nums;min-width:3.1ch;color:var(--muted);flex:none;font-size:.8125rem;font-weight:600}.vp-chap.is-active{background:var(--brand-primary-soft)}.vp-chap.is-active .vp-chap__time{color:var(--brand-accent)}.vp-subs{margin:0;padding:0 8px 8px;list-style:none}.js .vp-chap:not(.is-active) .vp-subs{display:none}.vp-sub a{color:var(--ink-2);border-radius:8px;gap:12px;padding:5px 10px 5px 4px;font-size:.875rem;line-height:1.35;text-decoration:none;display:flex}.vp-sub a:hover{color:var(--ink);background:#ffffffb3}.vp-sub time{font-variant-numeric:tabular-nums;min-width:3.1ch;color:var(--muted);flex:none;font-size:.8125rem}.vp-sub.is-active a{color:var(--brand-accent);font-weight:700}.vp__hint{color:var(--muted);grid-column:1/-1;margin:0;font-size:.875rem}.vp__hint kbd{font:inherit;border:1px solid var(--field-border);background:var(--surface);color:var(--ink-2);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-size:.8125rem}@media (hover:none){.vp__hint{display:none}}@media (width<=640px){.vp__stage{border-radius:12px}.vp__bigicon{width:68px;height:68px}.vp__vol,.vp__now{display:none}.vp__time{margin-left:auto}.vp__controls{padding:28px 8px 6px}}@media (prefers-reduced-motion:reduce){.vp__spinner{animation-duration:2.4s}.vp__controls,.vp__bigicon,.vp__thumb,.vp__track{transition:none}}.demo-sec{padding-block:var(--s-8,72px)}.demo-sec .vp{margin-top:var(--s-6,32px)}.demo-cta{margin-top:var(--s-5,20px);flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.demo-cta .muted{margin:0}.demo-what{margin-top:var(--s-6,32px);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.demo-what article{padding:20px}.demo-what h3{margin-bottom:6px;font-size:1.0625rem}.demo-what p{color:var(--ink-2);margin:0;font-size:.9375rem}