:root{--card-color:#e9e4ec;--vi-ft-size:80px;--vi-letter-spacing:-2.5px;--vi-line-ht:1}.vi-banner-content h1,.vi-section-title,.vi-infinite-canvas-title{font-size:var(--vi-ft-size);letter-spacing:var(--vi-letter-spacing);line-height:var(--vi-line-ht)}.vi-catchup-banner{display:grid;grid-template-columns:1.1fr .7fr;grid-template-rows:1fr;gap:0;grid-auto-flow:row;grid-template-areas:". ."}.vi-catchup-banner{padding-top:170px}#icon-personality-cursor fill{color:#000}.vi-accord-mob{display:none}.vi-catchup-icon::after{content:'';background:url(/sites/vanihq/files/vanihq/vi-banner-icon.svg) no-repeat;width:236px;height:69px;position:absolute;top:-6px;left:-6px;background-size:100%}.vi-banner-description{width:55%;margin-inline:0}.vi-block2{padding:100px 0}.vi-need-more-text-contain{width:95%;max-width:1000px}.vi-need-more-text-contain .vi-section-title::before{font-size:var(--secondary-subtitle-size);font-family:var(--font-regular);line-height:34px;top:-2rem;left:0;rotate:-14deg;padding:25px}.vi-need-more-text-contain .vi-section-title::before{content:attr(data-title);position:absolute;border-radius:50px;background:#f4b9c2;padding:10px 28px;opacity:0}@keyframes bounceIn{0%{opacity:0;transform:scale(0.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}.vi-need-more-text-contain .vi-section-title.show::before{animation:bounceIn 1s ease-in-out 1 forwards}.vi-need-more-video-contain{width:80%;min-height:5rem;border-radius:var(--border-radius-large);margin-top:70px}.vi-context-wrapper{grid-template-columns:1fr .8fr;grid-auto-flow:row;padding:150px 0}.vi-catchup-video-wrapper{width:110%;transform:translateX(-20%);display:flex;align-items:center}.vi-context-content{width:100%;max-width:630px}.vi-block4 .vi-context-content{max-width:630px}.vi-messy-scribble{width:128px;height:auto;stroke-dasharray:1000;stroke-dashoffset:1000;margin-right:-130px;transform:translateX(-60px);animation:draw 3s linear forwards}@keyframes draw{to{stroke-dashoffset:0}}.vi-sharing-wrapper{grid-template-columns:1fr 1fr;grid-auto-flow:row}.typing-container,.cursor{color:var(--accent-color)}.typing-container{display:inline-block;text-transform:uppercase;font-size:var(--secondary-subtitle-size);border:1px solid #7f7bff;background-color:#eeedff}.cursor{display:inline-block;animation:blink .7s infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.vi-sharing-content{width:85%}.vi-block3 .vi-sharing-video-wrapper{transform:translateX(5%);width:120%;background-color:transparent;padding:0;height:auto}.vi-block3 .vi-sharing-video-wrapper img{background:#fff;padding:30px;border-radius:40px}.vi-so-much-card-wrapper{display:flex;align-items:center;justify-content:flex-end;gap:10px}.vi-so-much-card{display:flex;width:120px;height:360px;padding:0;border-radius:var(--border-radius-extra-large);background-color:#e9e4ec;transition:all .5s ease-in-out;text-align:left;overflow:hidden;cursor:pointer}.vi-card-figure{display:flex;flex-flow:column;justify-content:flex-end;width:100%;opacity:1;visibility:visible;position:absolute;height:100%}.vi-so-much-card-title{font-size:var(--secondary-subtitle-size);align-items:center;text-align:right;width:100%;padding:40px;padding-bottom:0;transition:opacity 400ms,display 200ms,transform .4s;opacity:0;display:none;transform-origin:left;width:380px}.vi-so-much-card.vi-active .vi-so-much-card-title{display:block;opacity:1;transform:scale(1)}.vi-so-much-card-title h3{font-size:var(--secondary-subtitle-size)}.vi-so-much-card-title .vi-description{font-size:20px;line-height:1.5;width:320px;color:#fff}.vi-so-much-card.vi-active .vi-so-much-card-title,.vi-so-much-card.vi-hover-active .vi-so-much-card-title{justify-content:flex-start}.vi-so-much-card.vi-active .vi-so-much-card-title h3,.vi-so-much-card.vi-hover-active .vi-so-much-card-title h3{margin:0;margin-right:auto;letter-spacing:-0.2px}.vi-so-much-card.vi-active .vi-so-much-card-title,.vi-so-much-card.vi-hover-active .vi-so-much-card-title{text-align:left}.vi-so-much-card-title p.brain-img{width:260px;transform:translate(180px,80px);position:absolute;bottom:0;right:0;transition:transform .4s ease-in-out}.vi-so-much-card:nth-child(2) .vi-so-much-card-title p.brain-img{transform:translate(130px,0);width:300px}.vi-so-much-card:nth-child(3) p.brain-img{transform:translate(145px,40px)}.vi-so-much-card:nth-child(4) p.brain-img{transform:translate(155px,10px);width:190px}.vi-so-much-card:nth-child(5) p.brain-img{transform:translate(180px,24px)}.vi-so-much-card.vi-active,.vi-so-much-card.vi-hover-active{flex-grow:1;background-color:var(--primary-color);color:var(--secondary-color);box-shadow:0 15px 30px 0 #00000014}.vi-so-much-card.vi-active .vi-card-figure{opacity:0;visibility:hidden}.vi-card-icon{width:40px;height:40px;margin-right:auto}.catchup-img{padding:45px}.catchup-position{position:relative}.yasmin-img{position:absolute;width:87px;height:60px;top:20px !important;right:-300px}.xiang-img{position:absolute;width:87px;height:56px;bottom:-1px;right:0}.vi-card-figure img{position:absolute;right:0;padding:20px 0 0 0;width:80px;top:50%;left:50%;transform:translate(-50%,-65%)}.vi-card-figure h3{font-size:18px;letter-spacing:-0.3px;text-align:center;padding:0 10px}.vi-card-icon{width:40px;height:40px;margin-right:auto}.vi-icon{width:27px;height:27px;top:3663px;left:251px;border-radius:22px;border-width:2px;margin-top:-7px}.vi-so-much-card.vi-active,.vi-so-much-card.vi-hover-active{flex-grow:1;background-color:var(--primary-color);color:var(--secondary-color);box-shadow:0 15px 30px 0 #00000014}.vi-so-much-card.vi-active .vi-card-figure{opacity:0;visibility:hidden}.vi-slider-card{min-width:450px;height:20rem;margin-right:20px;background-color:var(--secondary-bg);text-align:left;border-radius:10px}.vi-slider-viewport{display:flex;transition:transform .5s}.vi-nav-btn{height:50px;width:50px;border-radius:50%;border:1px solid var(--black-color);transform:scale(0.9);opacity:.3}.vi-left-nav .vi-svg-icon{rotate:180deg}.vi-nav-btn.vi-active{opacity:1;transform:scale(1)}.vi-active-card-count{font-size:16px}.vi-block2{padding-bottom:170px;padding-top:50px}.vi-active-card-count span:first-child{font-weight:600}.vi-need-more-video-contain{overflow:visible}.vi-sticky-box{max-width:880px;background:#fff;border-radius:24px;margin:0 auto;padding:40px;position:sticky;max-height:100vh;top:120px;box-shadow:0 6px 22px 0 #C9BDAC45;margin-bottom:30px}.vi-sticky-box h3{margin-top:50px}.vi-sticky-box img{width:80%;margin:0 auto}.vi-sticky-box.box2{width:100%;max-width:900px;top:140px}.vi-sticky-box.box3{top:160px;max-width:930px}.vi-sticky-box h3{letter-spacing:-0.3px}.vi-block4{padding-top:20px;padding-bottom:70px}.vi-block4 .vi-sharing-video-wrapper{transform:translateX(0);width:95%}.vi-block4 .vi-section-title span{position:relative;border:1px solid transparent;cursor:pointer}.vi-block4 .vi-section-title span.vi-bold-title{border-color:var(--primary-color);font-family:var(--zf-primary-light)}.vi-block4 .vi-section-title span:after{content:"";position:absolute;top:0;left:0;height:100%;opacity:1;background:#e5dff7;z-index:-1}.vi-block4 .vi-section-title span.vi-bold-title::after{animation:fill-width 8s linear forwards}.vi-block4 .vi-catchup-video-wrapper{height:auto;min-height:650px}.vi-animate-image img{width:70%;max-width:500px}.vi-animate-image h3{letter-spacing:0;margin-top:40px}.vi-animate-image{text-align:center;margin:0 auto}.vi-animate-image p{width:80%;margin:10px auto 0;max-width:640px}.vi-footer-wrapper h4{font-size:80px;margin-bottom:30px}.vi-footer-innerwrap p{font-size:24px;max-width:600px;width:90%}.vi-so-mush-section{padding-top:60px;max-width:1400px;width:95%}.vi-so-mush-section .vi-section-title{width:90%;max-width:800px;margin-left:0}.vi-so-much-card-title p.brain-img{width:230px;transform:translate(60px,20px);position:absolute;bottom:0;right:0;transition:transform .4s ease-in-out}.vi-so-much-card:nth-child(2) .vi-so-much-card-title p.brain-img{transform:translate(40px,0);width:180px}.vi-so-much-card:nth-child(3) p.brain-img{transform:translate(55px,25px);width:160px}.vi-so-much-card:nth-child(4) p.brain-img{transform:translate(55px,10px);width:230px}.vi-so-much-card:nth-child(6) p.brain-img{transform:translate(40px,14px);width:100px}.vi-so-much-card:nth-child(5) p.brain-img{transform:translate(40px,14px);width:160px}.vi-so-much-card:nth-child(7) p.brain-img{transform:translate(40px,14px);width:160px}.vi-so-much-card:last-child p.brain-img{transform:translate(40px,14px);width:300px}.vi-sub-banner-content{font-weight:500 px;font-size:32px;line-height:34px;letter-spacing:-3%}.vi-section-border-icon{position:relative}.vi-curate-navigate-wrapper .vi-description{width:90%;max-width:820px}.vi-section-border-icon:after{content:'';background:url(/sites/vanihq/files/vanihq/vi-border-ilus-icon.svg) no-repeat;background-size:100%;width:106%;height:100%;position:absolute;right:-3%;pointer-events:none;top:8%}.vi-main-desc{font-size:24px;line-height:36px;max-width:700px;margin-left:0;margin-bottom:30px}.vi-product-management-title{position:relative;margin-left:10px}.vi-banner-image{margin-top:47px}.vi-context-container{grid-template-columns:1.3fr 1fr;grid-auto-flow:row;align-items:center}.vi-sharing-video-wrapper{transform:translateX(5%);width:120%}.vi-context-content p{max-width:680px;margin-left:0;width:90%}.vi-curate-navigate-wrapper{position:relative}.vi-sub-banner-border{position:absolute;max-width:28%;width:20%;top:0;left:60%}.vi-width-50{width:50%}.vi-context-flex{padding-top:3%;padding-left:12%;display:flex;flex-direction:column;gap:7%}.vi-context-item{display:flex;flex-direction:column}.vi-flex-center{display:flex;align-items:center;gap:2%}.vi-relative{position:relative}.vi-sub-banner-3-border{position:absolute;top:0;left:0;z-index:-1}.vi-padding-right-40{padding-right:40%}.vi-padding-right-35{padding-right:35%}.vi-flower-icon{height:1.5em;vertical-align:middle;position:absolute;left:-16.5%;top:-17%}.vi-position-absolute{position:absolute}.vi-content-sec{text-align:left}.vi-content-sec .vi-extra-description{font-size:24px;width:90%}.vi-sub-content-points{font-weight:400;font-size:28px;line-height:34px}.vi-fun-wrapper{margin-top:230px}.vi-fun-content .vi-description{width:40%;margin:0}.vi-accordion-content{min-width:400px}.vi-fun-accordion-wrapper{margin-top:60px;width:90%;text-align:left;justify-content:space-between;gap:70px;max-width:1280px}.vi-accordion{margin-bottom:30px}@keyframes hand-wave{0%{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0)}}@keyframes move-cursor{0%,100%{top:-5px;right:-45px}50%{top:-8px;right:-50px}}.vi-so-much-slider{display:none}.vi-accordion:nth-child(1) .vi-accordion-title::after{background:url(/sites/vanihq/files/vanihq/vi-reaction-vector.png) 0 0 / contain no-repeat}.vi-accordion:nth-child(2) .vi-accordion-title::after{background:url(/sites/vanihq/files/vanihq/vi-comments-vector.png) 0 0 / contain no-repeat}.vi-accordion:nth-child(3) .vi-accordion-title::after{background:url(/sites/vanihq/files/vanihq/vi-cursor-vector.png) 0 0 / contain no-repeat}.vi-accordion-title{transition:.6s ease-in-out;cursor:pointer;width:fit-content;margin:0;position:relative;letter-spacing:-0.5px}.vi-accordion-loader{position:relative;width:30px;height:5px;border-radius:var(--border-radius-large);background:#e1e1e1;opacity:0;margin-top:10px}.vi-accordion-loader::after{content:"";position:absolute;top:0;left:0;height:100%;border-radius:var(--border-radius-large);opacity:1;background:var(--accent-color)}.vi-accordion.vi-active .vi-accordion-loader::after{animation:fill-width 6s linear forwards}@keyframes fill-width{from{width:0}to{width:100%}}.vi-accordion .vi-description{display:none;margin:0;width:24rem;max-height:10rem;font-size:20px;line-height:1.5;margin-top:20px}.vi-accordion-img{width:120%;height:580px;border-radius:var(--border-radius-extra-large);background:var(--secondary-bg);padding:40px;transform:translateX(10%)}.vi-accordion-img img{top:5%;left:5%;width:90%;opacity:0;transition:.6s ease-in-out}.vi-accordion.vi-active .vi-accordion-loader,.vi-accordion-img img.vi-active{opacity:1}@media only screen and (max-width:1600px){.vi-need-more-text-contain .vi-section-title::before{top:-2rem;left:-3rem;left:-5%}.vi-so-much-card-wrapper{gap:10px}.vi-so-much-card:hover>div:first-child,.vi-so-much-card.vi-hover-active>div:first-child{width:100%}.vi-so-much-content{width:80%}}@media only screen and (max-width:1400px){.vi-card-figure{display:none}.vi-so-much-card-wrapper{display:flex;align-items:center;flex-wrap:wrap}.vi-so-much-card:not(:hover) .vi-so-much-card-title{flex-direction:row;justify-content:space-between}.vi-so-much-card.vi-active,.vi-so-much-card.vi-hover-active{flex-grow:0}.vi-so-much-card,.vi-so-much-card:first-child{width:48%}.vi-so-much-card-title .vi-description{margin-left:0}.vi-so-much-card.vi-active .vi-so-much-card-title,.vi-so-much-card-title{width:100%}.vi-so-much-card-title{opacity:1;display:block}.vi-so-much-card-title h3,.vi-so-much-card-title p{text-align:left;letter-spacing:-0.2px}.vi-so-much-card{background-color:var(--primary-color);color:var(--secondary-color);box-shadow:0 15px 30px 0 #00000014}.vi-so-much-card-title p.brain-img,.vi-so-much-card:nth-child(3) p.brain-img{transform:none !important}.vi-sharing-video-wrapper{transform:translateX(0);width:100%;padding:65px}}@media only screen and (max-width:1280px){.vi-so-mush-section{height:100%}.vi-so-much-content{width:60%}.vi-need-more-text-contain .vi-section-title::before{top:-2rem;left:-10px;padding:5px 18px}.vi-catchup-banner.vi-banner-contain{padding-top:150px}.vi-catchup-video-wrapper{height:auto;width:100%;padding:65px}.vi-block4 .vi-catchup-video-wrapper{min-height:600px}.vi-block4 .vi-context-content .vi-section-title{font-size:60px;line-height:1.4}.vi-animate-image p{width:100%}.vi-banner-contain.vi-block4{padding-top:40px}.vi-block4 .vi-context-content{max-width:500px}.vi-grid{grid-template-columns:1fr;grid-template-areas:unset;gap:30px}:root{--vi-ft-size:70px;--vi-letter-spacing:-2.5px;--vi-line-ht:1}.vi-so-much-content{width:70%}.vi-sticky-box{position:initial;margin-bottom:30px;max-height:100%}.vi-need-more-text-contain{width:80%}body{overflow-x:hidden}.vi-sharing-wrapper{display:flex;flex-flow:column-reverse}.vi-accordion-title{width:auto}.vi-context-content p{width:100%;margin-left:auto}.vi-block4 .vi-context-content{max-width:1000px;width:90%}.vi-banner-content{text-align:center}.vi-banner-element{max-width:700px;width:100%;margin:40px auto 0}.vi-banner-content h1{max-width:900px;width:100%}.vi-main-desc{margin-left:auto}.vi-catchup-icon::after{left:50%;transform:translate(-43%,0)}}@media only screen and (max-width:1228px){.vi-need-more-text-contain .vi-section-title::before{left:6%}}@media only screen and (max-width:1200px){.vi-banner-contain,.vi-context-wrapper{padding:90px 0}.vi-need-more-text-contain{width:60%}.vi-need-more-text-contain .vi-section-title::before{left:-5px}.vi-so-much-content .vi-section-title::after{width:23%;height:45%;left:-18px}.vi-so-much-content{margin:0 auto;text-align:center}.vi-so-much-card-wrapper{gap:14px;justify-content:center}.vi-so-much-mb-card-wrapper{width:90%;overflow:hidden}.vi-context-content{width:90%;text-align:center;margin:0 auto;max-width:800px}.vi-block3 .vi-sharing-video-wrapper{width:80%;transform:translateX(0);max-width:800px;margin:30px auto}}@media only screen and (max-width:1131px){.vi-need-more-text-contain .vi-section-title::before{top:-2.5rem;left:2rem}}@media only screen and (max-width:1080px){.vi-sharing-video-wrapper{transform:translateX(0)}.vi-accordion-img,.vi-accordion-loader{display:none}.vi-accordion .vi-description{display:block !important;margin:40px auto}.vi-accordion:not(:last-child){margin-bottom:100px}.vi-accordion .vi-accord-mob{max-width:600px;background-color:#fff;border-radius:30px;padding:20px;margin:40px auto 0;display:block}.vi-fun-accordion-wrapper{text-align:center;justify-content:center}.vi-block4 .vi-catchup-video-wrapper{min-height:auto}}@media only screen and (max-width:980px){.vi-context-wrapper{display:flex;flex-direction:column-reverse}.vi-context-wrapper .vi-catchup-video-wrapper{transform:translateX(0);width:100%}.vi-need-more-text-contain .vi-section-title::before{top:-2.5rem;left:-1rem}.vi-so-much-mb-card-wrapper{width:550px}.vi-slider-card{min-width:550px}.vi-so-much-content{width:80%}:root{--vi-ft-size:60px;--vi-letter-spacing:-2.3px;--vi-line-ht:1.1}.vi-main-desc{font-size:20px;line-height:1.5}}@media only screen and (max-width:767px){.vi-need-more-text-contain,.vi-so-much-content{width:70%}.vi-need-more-video-contain{width:100%}.vi-catchup-video-wrapper{height:100%}.vi-banner-contain,.vi-context-wrapper{padding:60px 0}.vi-catchup-video-wrapper{padding:30px}.vi-so-mush-section .vi-section-title{width:100%;text-align:center}.vi-extra-description{margin:0 auto;text-align:center;display:block}.vi-so-much-card,.vi-so-much-card:first-child{width:90%}.vi-so-much-card-title h3{letter-spacing:0}.vi-so-much-card-title .vi-description{width:100%}.vi-so-much-card{height:auto}.vi-so-much-card-title p.brain-img{position:inherit}.vi-block2{padding-bottom:100px}.vi-curate-navigate-wrapper{width:90%}.vi-banner-element{margin-top:0}.vi-animate-image p,.vi-sticky-box p{font-size:20px;line-height:1.5}.vi-footer-wrapper h4{font-size:60px}}@media only screen and (max-width:580px){.vi-so-much-card-title h3{letter-spacing:0;font-size:20px;line-height:1}.vi-banner-contain.vi-block4{padding-top:0}.vi-block4 .vi-context-content .vi-section-title{font-size:48px;line-height:1.4}.vi-need-more-text-contain,.vi-so-much-content{width:80%}.vi-context-content{width:100%}.vi-so-much-mb-card-wrapper{width:350px}.vi-slider-card{min-width:350px}.vi-so-much-card-title{padding:25px}:root{--vi-ft-size:48px;--vi-letter-spacing:-2px;--vi-line-ht:1.1}}