html.dark{color-scheme:dark;--el-color-primary: #409eff;--el-color-primary-light-3: rgb(51, 117, 185);--el-color-primary-light-5: rgb(42, 89, 138);--el-color-primary-light-7: rgb(33, 61, 91);--el-color-primary-light-8: rgb(29, 48, 67);--el-color-primary-light-9: rgb(24, 34, 43);--el-color-primary-dark-2: rgb(102, 177, 255);--el-color-success: #67c23a;--el-color-success-light-3: rgb(78, 142, 47);--el-color-success-light-5: rgb(62, 107, 39);--el-color-success-light-7: rgb(45, 72, 31);--el-color-success-light-8: rgb(37, 55, 28);--el-color-success-light-9: rgb(28, 37, 24);--el-color-success-dark-2: rgb(133, 206, 97);--el-color-warning: #e6a23c;--el-color-warning-light-3: rgb(167, 119, 48);--el-color-warning-light-5: rgb(125, 91, 40);--el-color-warning-light-7: rgb(83, 63, 32);--el-color-warning-light-8: rgb(62, 48, 28);--el-color-warning-light-9: rgb(41, 34, 24);--el-color-warning-dark-2: rgb(235, 181, 99);--el-color-danger: #f56c6c;--el-color-danger-light-3: rgb(178, 82, 82);--el-color-danger-light-5: rgb(133, 64, 64);--el-color-danger-light-7: rgb(88, 46, 46);--el-color-danger-light-8: rgb(65, 38, 38);--el-color-danger-light-9: rgb(42, 29, 29);--el-color-danger-dark-2: rgb(247, 137, 137);--el-color-error: #f56c6c;--el-color-error-light-3: rgb(178, 82, 82);--el-color-error-light-5: rgb(133, 64, 64);--el-color-error-light-7: rgb(88, 46, 46);--el-color-error-light-8: rgb(65, 38, 38);--el-color-error-light-9: rgb(42, 29, 29);--el-color-error-dark-2: rgb(247, 137, 137);--el-color-info: #909399;--el-color-info-light-3: rgb(107, 109, 113);--el-color-info-light-5: rgb(82, 84, 87);--el-color-info-light-7: rgb(57, 58, 60);--el-color-info-light-8: rgb(45, 45, 47);--el-color-info-light-9: rgb(32, 33, 33);--el-color-info-dark-2: rgb(166, 169, 173);--el-box-shadow: 0px 12px 32px 4px rgba(0, 0, 0, .36), 0px 8px 20px rgba(0, 0, 0, .72);--el-box-shadow-light: 0px 0px 12px rgba(0, 0, 0, .72);--el-box-shadow-lighter: 0px 0px 6px rgba(0, 0, 0, .72);--el-box-shadow-dark: 0px 16px 48px 16px rgba(0, 0, 0, .72), 0px 12px 32px #000000, 0px 8px 16px -8px #000000;--el-bg-color-page: #0a0a0a;--el-bg-color: #141414;--el-bg-color-overlay: #1d1e1f;--el-text-color-primary: #E5EAF3;--el-text-color-regular: #CFD3DC;--el-text-color-secondary: #A3A6AD;--el-text-color-placeholder: #8D9095;--el-text-color-disabled: #6C6E72;--el-border-color-darker: #636466;--el-border-color-dark: #58585B;--el-border-color: #4C4D4F;--el-border-color-light: #414243;--el-border-color-lighter: #363637;--el-border-color-extra-light: #2B2B2C;--el-fill-color-darker: #424243;--el-fill-color-dark: #39393A;--el-fill-color: #303030;--el-fill-color-light: #262727;--el-fill-color-lighter: #1D1D1D;--el-fill-color-extra-light: #191919;--el-fill-color-blank: #141414;--el-mask-color: rgba(0, 0, 0, .8);--el-mask-color-extra-light: rgba(0, 0, 0, .3)}html.dark .el-button{--el-button-disabled-text-color: rgba(255, 255, 255, .5)}html.dark .el-card{--el-card-bg-color: var(--el-bg-color-overlay);--el-fill-color-blank: var(--el-card-bg-color)}html.dark .el-empty{--el-empty-fill-color-0: var(--el-color-black);--el-empty-fill-color-1: #4b4b52;--el-empty-fill-color-2: #36383d;--el-empty-fill-color-3: #1e1e20;--el-empty-fill-color-4: #262629;--el-empty-fill-color-5: #202124;--el-empty-fill-color-6: #212224;--el-empty-fill-color-7: #1b1c1f;--el-empty-fill-color-8: #1c1d1f;--el-empty-fill-color-9: #18181a}:root{--text-color: #333940;--text-color-gray: #666;--text-color-gray-light: #999;--theme-color: #4f6bff;--success-color: #5cb85c;--red-color: #ff303d;--border-color: #e5e7eb;--main-border: 1px solid #e5e7eb}.example-hero{text-align:center;margin:0 auto;max-width:1000px;padding:0 20px}.example-hero h1{font-size:clamp(36px,5vw,52px);line-height:1.2;font-weight:700;margin:0 auto}.example-hero__description{color:#666;font-size:16px;margin:16px 0 36px}.example-banner__cta{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;border:none;border-radius:10px;background-image:linear-gradient(97.64deg,#46d7e8 -11.45%,#3b82f6 25.61%,#6c63ff 103.55%);box-shadow:0 4px 6px -4px #4f6bff4d,0 10px 15px -3px #4f6bff4d;font-family:inherit;font-size:20px;font-weight:700;line-height:30px;color:#fff;text-decoration:none;cursor:pointer}@media(any-hover:hover)and (any-pointer:fine){.example-banner__cta:hover{background-color:#3d57f5;background-image:linear-gradient(99.64deg,#46d7e8 -11.61%,#3b82f6 46.21%,#6c63ff 167.8%)}}.example-btn-tips{padding:3px 5px;position:absolute;right:-13px;top:-10px;background-image:linear-gradient(90deg,#f34e7d,#f85e50 62.84%,#fc6a2f 184.09%);font-weight:600;font-size:15px;line-height:1;color:#fff;border-radius:5px 5px 5px 0;pointer-events:none}@media(max-width:600px){.example-hero h1{font-size:28px}.example-hero__description{font-size:14px}.example-banner__cta{font-size:15px}}.example-page{color:#333;background:#fff}.example-sections-box{margin-top:90px;padding:0 20px}.example-section{width:100%;max-width:1000px;margin:0 auto 120px}.example-section__inner{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:64px;align-items:center}.example-section:nth-child(2n) .example-section__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.example-section:nth-child(2n) .example-section__copy{order:2}.example-section h2{font-size:36px;line-height:1.2;margin:0;color:#0f172b}.example-section__description{margin:12px 0 36px;font-size:16px;line-height:24px}.example-section__heading{margin:0 auto 36px;text-align:center}.example-glass__overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0006;opacity:0;transition:opacity .18s ease}.example-glass__overlay .example-svg-bg{background:#00000080;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.example-glass__overlay img{width:26px;height:26px}.example-glass:hover .example-glass__overlay,.example-glass:focus-visible .example-glass__overlay{opacity:1}.example-flipbooks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px}.example-flipbook{position:relative;display:block;min-width:0;aspect-ratio:3/4;overflow:hidden;box-shadow:-9.75px 0 13.5px #00000029}.example-flipbook__media{display:block;width:100%;height:100%}.example-flipbook:focus-visible{outline:3px solid rgba(79,107,255,.4);outline-offset:3px}.example-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.example-video{position:relative;display:block;min-width:0;aspect-ratio:16/9;overflow:hidden;border:1px solid #e5e7eb;border-radius:16px;background:#f4f5f7;box-shadow:0 8px 20px #0f172a1f}.example-video__media{display:block;width:100%;height:100%}.example-video__play{position:absolute;top:50%;left:50%;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:#00000080;transform:translate(-50%,-50%);transition:background-color .18s ease;display:inline-flex;align-items:center;justify-content:center}.example-video__play img{width:20px;height:16px;position:relative;left:2px}.example-video:hover .example-video__play,.example-video:focus-visible .example-video__play{background:#000c}.example-video:focus-visible{outline:3px solid rgba(79,107,255,.4);outline-offset:3px}.example-categories{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.example-carousel__tab{font-size:12px;line-height:18px;padding:8px 11px;border:1px solid #e5e7eb;border-radius:8px;color:#666;background:#fff;cursor:pointer}.example-carousel__tab.is-active,.example-carousel__tab:hover{background:#f5f5f7}.example-carousel__viewer{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:24px;align-items:center}.example-carousel__frame{padding:17px;border:1px solid #e5e7eb;border-radius:16px;background:#f5f5f7}.example-carousel__main{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:4px;background:#eceef2}.example-carousel__media{display:block;width:100%;height:100%}.example-carousel__main:focus-visible,.example-carousel__tab:focus-visible,.example-presentation__thumbnail:focus-visible,.example-carousel__arrow:focus-visible{outline:3px solid rgba(79,107,255,.4);outline-offset:3px}.example-carousel__arrow{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid #e5e7eb;border-radius:50%;background:#fff;cursor:pointer}.example-carousel__arrow:not(:disabled):hover{background:#f5f5f7}.example-carousel__arrow img{flex-shrink:0}.example-carousel__arrow--next img{transform:rotate(180deg)}.example-carousel__arrow:disabled{opacity:.35;cursor:not-allowed}.example-landing-pages__device-stage{min-width:0}.example-landing-pages__main{aspect-ratio:788/426;overflow:visible;background:transparent}.example-landing-pages__pc,.example-landing-pages__mobile{position:absolute;display:block}.example-landing-pages__pc{inset:0}.example-landing-pages__pc-screen{position:absolute;top:6.6%;left:13.7%;width:70.8%;height:81%;object-fit:cover}.example-landing-pages__pc-frame,.example-landing-pages__mobile-frame{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%}.example-landing-pages__mobile{z-index:2;bottom:11%;right:4%;width:17.13%;aspect-ratio:135/272}.example-landing-pages__mobile-screen{position:absolute;top:1.5%;left:4.4%;width:91.2%;height:96.8%;border-radius:14%/7%;object-fit:cover;z-index:2}.example-landing-pages__main .example-glass__overlay{z-index:3;border-radius:4px}@media(max-width:1000px){.example-section__inner,.example-section:nth-child(2n) .example-section__inner{grid-template-columns:1fr;gap:32px}.example-section:nth-child(2n) .example-section__copy{order:initial}}@media(max-width:600px){.example-section{margin:0 auto 80px}.example-section h2{font-size:22px}.example-section__description{font-size:14px}.example-flipbooks,.example-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.example-video__play{width:42px;height:42px}.example-categories{justify-content:flex-start;overflow-x:auto;padding:3px}.example-carousel__tab{flex:0 0 auto;min-height:34px;padding:0 10px;font-size:12px}.example-carousel__viewer{grid-template-columns:32px minmax(0,1fr) 32px;gap:6px}.example-carousel__frame{padding:8px}.example-carousel__arrow{width:30px;height:30px}.example-carousel__arrow img{width:14px;height:14px}.example-landing-pages__viewer{grid-template-columns:30px minmax(0,1fr) 30px;gap:4px}.example-landing-pages__mobile{right:2%}}.example-audience{padding:120px 20px;color:#333;text-align:center;background:#efefff}.example-audience__inner{max-width:1140px;margin:0 auto}.example-audience h2{margin:0 0 12px;color:#0f172b;font-size:36px;line-height:1.15}.example-audience__description{color:#666;font-size:18px;line-height:1.55;font-weight:500;margin-bottom:48px}.example-audience__people{display:grid;grid-template-columns:repeat(6,1fr);margin:0 auto;gap:60px;align-items:start;overflow-x:auto}.example-audience__person{min-width:0;padding:0;border:0;color:#333;background:transparent;cursor:pointer;flex:0 0 auto}.example-audience__portrait{position:relative;display:block;overflow:hidden;border-radius:50%;transition:border-color .18s ease,transform .18s ease}.example-audience__portrait:after{position:absolute;inset:0;content:"";background:#ffffff6b;transition:opacity .18s ease}.example-audience__portrait img{display:block;width:100%;height:100%;object-fit:cover}.example-audience__person.is-active .example-audience__portrait{border-color:#fff;box-shadow:0 6px 18px #4f6bff29;transform:translateY(-3px)}.example-audience__person.is-active .example-audience__portrait:after{opacity:0}.example-audience__name{display:block;overflow:hidden;font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap;margin-top:16px}.example-audience__person.is-active .example-audience__name{color:#4f6bff}.example-audience__person:focus-visible{outline:3px solid rgba(79,107,255,.4);outline-offset:5px;border-radius:6px}.example-audience__quote{position:relative;min-height:150px;margin:40px auto 0;padding:40px;box-sizing:border-box;border-radius:20px;background:#fff}.example-audience__quote-icon{position:absolute;top:-14px;right:0;width:40px;height:30px}.example-audience__quote p{margin:0;color:#171b24;font-size:16px;font-weight:600;line-height:1.5}.example-audience__quote footer{margin-top:16px;color:#333;font-size:13px;font-style:italic;font-weight:600;text-align:right}.example-bottom-cta{padding:128px 20px;color:#fff;text-align:center;background:url(/example/img/images/background.jpg) no-repeat center/cover;box-sizing:border-box}.example-bottom-cta h2{margin:0 0 36px;font-size:48px;line-height:78px}.example-bottom-cta p{margin:0 auto 28px;max-width:560px;color:#ffffffd6;font-size:17px}.example-bottom-cta__button{min-height:55px;padding:0 36px;border-radius:8px;font:inherit;position:relative;font-size:18px;line-height:28px;font-weight:600;cursor:pointer;color:#4f6bff;background:#fff;border:none}@media(max-width:1000px){.example-audience{padding:80px 20px}.example-audience__people{grid-template-columns:repeat(6,minmax(100px,1fr));gap:30px}.example-audience__person{flex:0 0 100px}.example-bottom-cta{padding:80px 20px}.example-bottom-cta h2{font-size:36px;line-height:48px}}@media(max-width:600px){.example-audience h2{font-size:26px}.example-audience__description{font-size:14px}.example-audience__people{display:flex;justify-content:flex-start;gap:14px;overflow-x:auto;padding:6px 3px 12px;scroll-snap-type:x proximity}.example-audience__person{flex:0 0 96px;scroll-snap-align:start}.example-audience__portrait{width:76px;height:76px}.example-audience__quote{min-height:150px;margin-top:24px;padding:34px 22px 24px}.example-audience__quote p{font-size:15px}.example-bottom-cta{padding:64px 20px}.example-bottom-cta h2{font-size:30px;line-height:36px}}.example-preview-dialog{width:min(1600px,100vw - 150px);height:min(830px,100dvh - 96px);padding:24px;border:0;border-radius:16px;background:#fff;box-shadow:0 24px 48px #0000003d;overflow:visible}.example-preview-dialog::backdrop{background:#00000080}.example-preview-dialog__frame{display:block;width:100%;height:100%;border:0}.example-preview-dialog__close{position:absolute;top:0;right:-48px;width:36px;height:36px;border:0;border:2px solid #ffffff;border-radius:50%;place-items:center;background:transparent;color:#fff;font-size:32px;font-weight:300;line-height:1;cursor:pointer}@media(max-width:600px){.example-preview-dialog{width:calc(100vw - 24px);height:calc(100dvh - 120px);padding:12px;border-radius:10px}.example-preview-dialog__close{top:-48px;right:0}}.example-main{min-height:70vh;padding:72px 0 0}.home-banner__background{position:absolute;z-index:-1;top:0;left:0;width:100%;aspect-ratio:1920/980;background:url(/home/img/top-background.jpg) no-repeat top center/100% auto;pointer-events:none}