.demo{padding:0;position:relative;z-index:10}.demo a,.demo a:hover{color:#fff}.demo .vue{min-height:1080px}.demo .vue.ready{animation:fadeIn .3s;animation-fill-mode:forwards}.demo__banner{background:linear-gradient(to top,rgba(48,48,48,.8) 8%,rgba(0,0,0,.8) 99%);color:#fff}@media screen and (min-width: 1024px){.demo__banner{background:linear-gradient(to top,rgba(48,48,48,.8) 5%,rgba(11,11,11,.8) 100%)}}.demo__banner .s-bnb-major,.demo__banner .s-bnb-minor{min-height:unset}@media screen and (min-width: 1024px){.demo__banner .s-bnb-major,.demo__banner .s-bnb-minor{padding-top:48px}}@media screen and (min-width: 1440px){.demo__banner .s-bnb-major,.demo__banner .s-bnb-minor{padding-top:72px}}@media screen and (min-width: 1024px){.demo__banner .s-bnb-major{width:48%;padding-bottom:0}}@media screen and (min-width: 1680px){.demo__banner .s-bnb-major{padding-right:64px}}.demo__banner .s-bnb-major__content{justify-content:unset}.demo__banner .s-bnb-minor{padding-bottom:0}@media screen and (min-width: 1024px){.demo__banner .s-bnb-minor{width:52%;padding-left:0}}.demo__banner .s-bnb-minor__content{max-width:unset;justify-content:flex-end;align-items:center}@media screen and (min-width: 1024px){.demo__banner .s-bnb-minor__content{align-items:flex-start}}.demo__banner .s-bnb-intro h2{font-weight:700}@media screen and (min-width: 1440px){.demo__banner .s-bnb-intro h2{margin-bottom:20px;font-size:48px;line-height:62px}}@media screen and (min-width: 1440px){.demo__banner .s-bnb-intro p{font-size:22px;line-height:32px}}.demo__banner-btn-group{padding:24px 0 0;display:flex;flex-wrap:wrap;align-items:flex-start}@media screen and (min-width: 1024px){.demo__banner-btn-group{padding:32px 0 0}}@media screen and (min-width: 1440px){.demo__banner-btn-group{padding:40px 0 0}}.demo__banner-btn{margin:0 16px 16px 0}@media screen and (min-width: 1024px){.demo__banner-btn{margin:0 20px 32px 0}}@media screen and (min-width: 1440px){.demo__banner-btn{margin:0 24px 40px 0}}.demo__banner-video{display:flex;align-items:center}.demo__banner-video:nth-child(2){padding:0 0 0 8px}.demo__banner-video-text{margin:0 8px 0 0;line-height:36px}@media screen and (min-width: 768px){.demo__banner-video-text{line-height:46px}}.demo__solutions{background:#1c1c1c;color:#fff}@media screen and (min-width: 1680px){.demo__solutions{padding-bottom:80px}}.demo__solutions .s-feat-col-list{justify-content:flex-start}.demo__solutions-intro::part(intro){text-align:left}@media screen and (min-width: 1280px){.demo__solutions-intro--apm::part(intro){text-align:center}}.demo__solutions-card{height:100%;padding:24px;background:rgba(255,255,255,.08);border-radius:10px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}@media screen and (min-width: 768px){.demo__solutions-card{min-height:416px;padding:40px}}.demo__solutions-card-btns{padding:40px 0 0;display:flex;flex-wrap:wrap}.demo__solutions-card-try{margin:0 8px 0 0}@media screen and (min-width: 768px){.demo__solutions-card-try{margin:0 16px 0 0}}@media screen and (min-width: 1440px){.demo__solutions-card-try{margin:0 24px 0 0}}.demo__solutions-card-video{display:flex;align-items:center}.demo__solutions-card-video:nth-child(2){padding:0 0 0 8px}.demo__solutions-card-video-text{margin:0 8px 0 0;line-height:36px}@media screen and (min-width: 768px){.demo__solutions-card-video-text{line-height:46px}}.demo__solutions-card-carousel-item::part(footer){margin-top:32px}.demo__solutions-card-carousel-item::part(arrow){display:none}.demo__progress{width:100%;height:100vh;background:rgba(0,0,0,.75);color:#fff;position:fixed;left:0;top:0;z-index:99;display:flex;flex-direction:column;justify-content:center;align-items:center}.demo__progress .s-section__intro p{max-width:700px;margin:8px auto 0}.demo__progress .s-article h2{font-weight:700}@media screen and (min-width: 1440px){.demo__progress .s-article h2{font-size:48px;line-height:62px}}.demo__progress-bar{width:85%;max-width:620px;height:10px;margin:auto;border-radius:50px;border:1px solid #fff;box-sizing:border-box;overflow:hidden}.demo__progress-load{width:0%;height:100%;background:#fff;border-radius:50px;transition:width .2s}.demo__progress-text{margin:16px 0 0;text-align:center;font-size:14px;line-height:22px}.demo__progress-btn{margin:32px auto 0;display:block;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none}.demo__progress-btn.btn-launch{opacity:1;pointer-events:all;-webkit-user-select:all;user-select:all}.demo__divide{background:#1c1c1c}.demo__divide-line{height:1px;background:#fff;opacity:.3}.demo__note{padding:32px 0;background:#1c1c1c;color:#cfcfcf;font-size:14px;line-height:20px}@media screen and (min-width: 576px){.demo__note{padding:32px 0 52px}}@media screen and (min-width: 1024px){.demo__note{padding:32px 0 64px}}@media screen and (min-width: 1440px){.demo__note{padding:40px 0 80px}}.demo__note-desc{margin:0 0 4px}.demo__note-desc-browser{margin:0;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}