:root{--header-color:#21294a;--content-color:#495567;--color-white:#fff;--sprite:url(//www.zohowebstatic.com/sites/zweb/images/flow/integrations/google-integ-sprite.svg) 0 0 / 286px no-repeat;--link-color:#0478ff;--top-overlap:68px}.content-wrap{max-width:var(--content-max,1200px)}.pagewrapper h2{font-size:var(--title-font,clamp(22px,4.4vw,50px));font-family:var(--primaryfont-bold);line-height:1.2;letter-spacing:var(--h2-lt-sp,-1.5px);color:var(--header-color)}.pagewrapper h3{font-size:clamp(18px,2.4vw,24px);font-family:var(--primaryfont-bold)}.pagewrapper p{font-size:clamp(16px,2.4vw,19px);color:var(--content-color)}.zwc-text-center{text-align:center;max-width:var(--title-width,fit-content);margin-inline:auto}.zwc-single-line{display:block}.zwc-prd-name{display:inline-block}.zwc-navgate-text{position:relative;width:fit-content;font-family:var(--primaryfont-bold);font-size:17px;text-transform:uppercase;color:var(--link-color);padding-right:30px}.zwc-navgate-text:after{content:'';width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%);right:0;background:var(--sprite);background-position:-195px -2px;transition:right .5s ease}.zwc-navgate-text:hover::after{right:-5px}.zwc-banner-wrap{margin-top:calc(0px - var(--top-overlap));text-align:center;background:linear-gradient(180deg,#000f0b -4.77%,#159647 128.38%);padding-block-start:calc(clamp(60px, 6vw, 90px) + var(--top-overlap));--content-max:967px}.pagewrapper h1{font-size:clamp(24px,7vw,58px);letter-spacing:var(--h1-lt-sp,-1.4px);line-height:1.13;margin-inline:auto;max-width:780px;font-family:var(--zf-primary-extrabold);color:#fff;margin-block-end:clamp(15px,4vw,20px)}.zwc-banner-wrap p{color:#fff;margin-block-end:clamp(30px,4vw,40px)}.zwc-banner-img img{display:block;margin-block-start:clamp(60px,6vw,120px)}.pagewrapper .act-btn{padding:12px 30px}.zwc-testimonials-slider .slick-dots li{width:8px;height:8px}.zwc-integration-wrap .content-wrap{display:flex;flex-wrap:wrap;gap:clamp(40px,4vw,80px);align-items:center}.zwc-integration-text{flex:1 1 400px}.zwc-integration-layout{flex:1 1 350px;position:relative;aspect-ratio:1;max-width:500px;margin-inline:auto}.zwc-integration-text ul{display:flex;flex-direction:column;gap:clamp(15px,4vw,35px);padding-left:44px;position:relative}.zwc-integration-text ul:before{content:"";position:absolute;width:3px;aspect-ratio:1;background:#DDD;top:5px;height:calc(100% - 5px);left:7px}.zwc-integration-text h2{margin-block-end:clamp(30px,5vw,70px);max-width:95%}.zwc-integration-text ul li:before{content:"";position:absolute;width:9px;aspect-ratio:1;background:#000;top:7px;border-radius:50%;left:-40px;box-shadow:0 0 0 2px #FFF,0 0 0 1px #000;z-index:5;transition:2s all}.zwc-integration-text ul li.active:not(:has(+.active)):before{box-shadow:0 0 0 2px #FFF,0 0 0 4px var(--link-color)}.zwc-integration-text ul li{position:relative;color:var(--content-color);font-size:clamp(16px,2.4vw,19px);transition:1s all;--height-val:0}.zwc-integration-text ul li:last-child{--height-val:100%}.zwc-integration-text ul li.active:not(:has(+.active)){color:var(--link-color)}.zwc-integration-text ul li.active:has(+.active){--height-val:calc(100% + 35px)}.zwc-integration-text ul li.zwc-integration-work.active:not(:has(+.active)){color:#000;font-family:var(--primaryfont-bold)}.zwc-integration-wrap{background:#f8faff;padding-block:clamp(50px,9vw,120px)}.zwc-integration-work{padding:clamp(14px,4vw,20px) clamp(16px,4vw,30px);border:2px solid #000;background:#c7e6ff;opacity:0;z-index:2}.zwc-integration-work.active{opacity:1}.zwc-integration-text ul .zwc-integration-work:before{left:0;top:50%;transform:translate(-50%,-50%)}.zwc-integration-text ul .zwc-integration-work:after{content:"";position:absolute;width:39px;height:131%;bottom:50%;border:3px solid var(--link-color);right:100%;z-index:-1;border-width:0 0 3px 3px}.zwc-integration-text ul li::after{content:"";width:3px;height:var(--height-val);border-left:3px solid var(--link-color);position:absolute;top:9px;left:-37px;transition:1s all}.zwc-integration-text ul li:last-child:after{border-color:#f8faff}.zwc-grid-layout{position:relative;--content-max:1100px;padding-block:clamp(50px,9vw,120px)}.zwc-grid-layout::before{content:"";width:90%;max-width:1200px;height:1px;background:#dce4f6;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.zwc-grid-layout::after{width:90%}.zwc-grid-layout h3{color:var(--header-color)}.zwc-grid-layout ul{display:flex;flex-wrap:wrap;gap:clamp(20px,6vw,80px);padding-block-start:clamp(10px,4vw,60px);row-gap:clamp(20px,6vw,50px)}.zwc-grid-layout ul li{flex:1 1 350px;padding-inline-start:clamp(45px,6vw,70px);position:relative}.zwc-grid-layout ul li::before{content:'';width:47px;height:48px;position:absolute;background:var(--sprite);left:0;top:-8px}.zwc-grid-layout ul li:nth-child(2)::before{background-position:-49px 0}.zwc-grid-layout ul li:nth-child(3)::before{width:40px;background-position:-99px 0}.zwc-grid-layout ul li:nth-child(4)::before{width:51px;background-position:-142px 0}.zwc-comp-table-wrap{text-align:center;padding-block:clamp(60px,9vw,120px)}.zwc-comp-table-wrap h2{max-width:530px;margin-bottom:30px}.zwc-testimonials-card-inner{padding:16px;background:#dcfaf3;border-radius:20px;width:calc(100% - 20px);max-width:700px;margin-inline:auto}.zwc-testimonials-card:nth-child(even) .zwc-testimonials-card-inner{background:#c7e6ff}.zwc-testimonials-text{max-width:400px;margin-inline:auto;padding-block:clamp(30px,6vw,60px)}.zwc-testimonials-icon{width:calc(((100% - (var(--gap, 0px) * (var(--show-count, 1) - 1))) / var(--show-count, 1)));display:flex;background:#FFF;border-radius:15px;gap:6px;align-items:center;justify-content:space-evenly;padding:15px;max-width:220px;position:relative}.zwc-testimonials-icon a{position:absolute;inset:0}.zwc-testimonials-img{max-width:40px;max-height:40px;display:flex;align-items:center;justify-content:center}.zwc-plus-icon{display:block;width:19px;aspect-ratio:1;background:var(--sprite);background-position:-227px -4px;line-height:1}.zwc-testimonials-img img{max-width:100%;max-height:100%;object-fit:contain;object-position:center}.zwc-testimonials-card-icon{display:flex;justify-content:center;flex-wrap:wrap;--show-count:3;--gap:10px;gap:var(--gap)}.zwc-testimonials-slider{padding-top:clamp(30px,6vw,70px);margin-bottom:0}.zwc-comp-table-wrap .slick-next,.zwc-comp-table-wrap .slick-prev{top:unset;bottom:0;--width:70px;width:var(--width-icon,50px);aspect-ratio:1;border:1px solid #cdd6ea;display:flex;height:var(--width-icon,50px);border-radius:50%;justify-content:center;align-items:center;font-size:0}.slick-dots li.slick-active{background:#010101;border-color:#010101}.zwc-comp-table-wrap .slick-dots{width:fit-content;margin-inline:auto;margin-block-start:clamp(40px,6vw,80px)}.zwc-comp-table-wrap .slick-prev{left:calc(50% - (var(--width) / 2));transform:translate(-100%,calc(50% - 14px))}.zwc-comp-table-wrap .slick-next{right:calc(50% - (var(--width) / 2));transform:translate(100%,calc(50% - 14px)) rotate(180deg);left:unset}.zwc-comp-table-wrap .slick-next:before,.zwc-comp-table-wrap .slick-prev:before{content:unset}.zwc-comp-table-wrap .slick-next:after,.zwc-comp-table-wrap .slick-prev:after{position:unset;transform:rotate(180deg);width:12px;height:11px;aspect-ratio:1;background:var(--sprite);background-position:-212px -3px}.zwc-testimonial-wrap .content-wrap{display:flex;--content-max:1000px;gap:clamp(30px,5vw,60px);flex-wrap:wrap;position:relative}.zwc-testimonial-content{flex:5 5 390px;display:flex;flex-direction:column}.zwc-testimonial-img{flex:1 1 300px;text-align:center}.zwc-testimonial-content p{font-size:clamp(18px,2.2vw,28px);font-family:var(--zf-splfontserif-regular);color:#21294a}.zwc-testimonial-bottom-content{background:#e4e8f0;color:#FFF;padding-block:40px 30px}.zwc-testimonial-bottom-logo{flex:5 5 400px}.zwc-testimonial-bottom-text{text-align:center;flex:1 1 300px}.zwc-testimonial-bottom-text h3{color:var(--header-color);margin-bottom:10px}.zwc-testimonial-bottom-text p{margin-bottom:0;font-size:16px;color:var(--content-color)}.zwc-testimonial-bottom-content .content-wrap:before{content:'Top integrations';width:fit-content;text-transform:uppercase;font-size:clamp(13px,4vw,14px);padding:5px 16px;margin-top:auto;background:#0d1229;color:#fff;font-family:var(--zf-secondary-bold);position:absolute;bottom:calc(100% + 25px);left:0}.zwc-testimonial-img img{vertical-align:bottom}.zwc-testimonials-bottom-img{width:clamp(50px,8vw,80px);aspect-ratio:1;background:#FFF;display:flex;align-items:anchor-center;border-radius:50%;justify-content:center;box-shadow:0 0 0 clamp(6px,1vw,10px) #e4e8f0;padding:6px}.zwc-testimonials-bottom-icon{display:flex}.zwc-testimonial-bottom-logo:has(.zwc-testimonials-bottom-icon){display:flex;gap:clamp(15px,5vw,30px)}.zwc-testimonials-bottom-img img{max-height:88%;object-fit:contain}.zwc-bottom-cta-wrap{background:linear-gradient(180deg,#e4e8f0 50%,#fff 50%);padding-block:clamp(50px,9vw,60px);--header-color:#fff}.zwc-bottom-cta-wrap .content-wrap{--content-max:1140px;text-align:center;padding-block:clamp(50px,8vw,120px);--title-font:clamp(24px,6vw,44px);border-radius:20px;background:#0d1229}.zwc-bottom-cta-wrap p{color:#b3b9c4;margin-inline:auto;margin-block-end:clamp(20px,4vw,40px);width:90%}.zwc-integration-text ul li:nth-child(4):after{height:100px;border-color:#FFF}.zwc-grid-layout ul p{margin-bottom:0}.zwc-testimonial-content p:before{content:'';display:block;width:36px;height:29px;margin-bottom:20px;background:var(--sprite);background-position:-250px -3px;position:absolute;bottom:100%}.zcr-faq-part .content-wrap{padding-block:clamp(50px,9vw,60px) clamp(50px,9vw,120px)}.zcr-faq-part h2{text-align:center;margin-bottom:50px}.zcr-faq-wrap-part{max-width:900px;margin-inline:auto}.zcr-faq-item-part{position:relative;margin-bottom:16px;border:1px solid #e2e8f8;background:#f8faff;transition:background .5s}.zcr-faq-item-part.active{background:#FFF}.zcr-faq-item-part:last-child{margin-bottom:0}.zcr-faq-item-part h4{margin-bottom:0}.zcr-faq-item-part h4 button{width:100%;font-size:24px;font-family:var(--primaryfont-bold);letter-spacing:-0.5px;color:#21294a;text-align:left;margin-bottom:0;padding:35px 80px 35px 100px;position:relative;cursor:pointer;border:0;background:0}.zcr-faq-item-part h4 button span:last-child,.zcr-faq-item-part h4 button span:last-child:before,.zcr-faq-item-part h4 button span:last-child:after{content:"";position:absolute;cursor:pointer}.zcr-faq-item-part h4 button span:last-child{inset-inline-start:40px;top:38px;z-index:1;width:25px;height:25px;border:2px solid #21294a;border-radius:100px}.zcr-faq-item-part h4 button span:last-child:before,.zcr-faq-item-part h4 button span:last-child:after{background:#21294a;z-index:2;border-radius:8px}.zcr-faq-item-part h4 button span:last-child:before,.zcr-faq-item-part h4 button span:last-child:after{inset-inline-start:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.zcr-faq-item-part h4 button span:last-child:before{height:2px;width:9px}.zcr-faq-item-part h4 button span:last-child:after{width:2px;height:9px}.zcr-faq-item-part.active h4 span:after{display:none}.zcr-faq-ans-part{display:none;padding:0 80px 35px 100px}.zcr-faq-item-part:first-child .zcr-faq-ans-part{display:block}.zcr-faq-ans-part p{font-size:19px;color:#495567;margin-bottom:0}.zcr-faq-item-part a{color:#0478ff}@media(max-width:1199px){.zcr-faq-ans-part p{font-size:18px}}@media(max-width:1024px){.zwc-comp-table-wrap .slick-next,.zwc-comp-table-wrap .slick-prev{--width:80px;--width-icon:40px}}@media(max-width:991px){.zwc-grid-layout ul li::before{scale:.8;top:-9px}.zwc-testimonial-bottom-logo{flex-basis:350px}.zcr-faq-item-part h4 button{font-size:20px;padding:25px 50px 25px 60px}.zcr-faq-item-part h4 button span:last-child{width:20px;height:20px;inset-inline-start:20px;top:26px}.zcr-faq-ans-part{padding:0 50px 25px 60px}}@media(max-width:767px){:root{--h2-lt-sp:0;--h1-lt-sp:0;--top-overlap:58px}.pagewrapper .act-btn{padding:10px 20px}h2{text-align:center}.zwc-integration-text h2{max-width:550px;text-align:left}.zwc-grid-layout h2{margin-inline:0}.zwc-integration-text ul{padding-left:18px}.zwc-integration-text ul li{color:var(--content-color) !important}.zwc-integration-text ul:before,.zwc-integration-text ul li::after{display:none}.zwc-integration-text ul li:before{width:8px;top:8px;left:-18px;box-shadow:none !important}.zwc-integration-layout{display:none}.zwc-grid-layout ul li::before{scale:.6;top:-3px;left:-9px;transform-origin:top}.zwc-testimonials-card-icon{--show-count:2}.zwc-testimonial-bottom-logo{justify-content:center}.zwc-testimonial-bottom-text{text-align:center}.zwc-testimonial-bottom-content .content-wrap:before{text-align:center;left:50%;transform:translateX(-50%)}.zwc-testimonial-bottom-content .content-wrap{flex-direction:column-reverse}.zwc-testimonial-bottom-text,.zwc-testimonial-bottom-logo{flex-basis:100%}.zwc-testimonial-bottom-text h3{margin-bottom:5px}.zwc-bottom-cta-wrap .content-wrap{border-radius:10px}.zcr-faq-part h2{margin-bottom:40px}}@media(max-width:480px){.zwc-banner-wrap{text-align:left}.zwc-testimonials-card-icon{--show-count:1}.zwc-navgate-text{font-size:13px;padding-right:25px}.zwc-navgate-text:after{scale:.8;top:37%}.zcr-faq-part h2{text-align:left}.zcr-faq-item-part h4 button{padding:25px 25px 25px 60px}.zcr-faq-ans-part{padding:0 25px 25px 60px}.zcr-faq-ans-part p{font-size:17px}}.zwc-integration-layout li{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;list-style:none;width:var(--width-ring,30%);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:50%;--top-val:50%;--left-val:50%}.zwc-integration-layout li:nth-child(1){--width-ring:55%;--bor-color:#00ae7a;--bg-icon-color:#ecfef9;z-index:4;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 120px 0 rgba(0,0,0,0.06);background-image:url(//www.zohowebstatic.com/sites/zweb/images/flow/integrations/black-cr-small.svg);border-radius:50%}.zwc-integration-layout li:nth-child(2){--width-ring:92%;--bor-color:#217aff;--bg-icon-color:#e7f1ff;z-index:3}.zwc-integration-layout.activeSection li:nth-child(2){background-image:url(//www.zohowebstatic.com/sites/zweb/images/flow/integrations/black-cr-big.svg);box-shadow:0 4px 120px 0 rgba(0,0,0,0.06)}.zwc-integration-layout span{width:52px;aspect-ratio:1;position:absolute;top:calc(var(--top-val, 50%) + 50% * sin(var(--angle, 75deg)));left:calc(var(--left-val, 50%) + 50% * cos(var(--angle, 75deg)));transform:translate(-50%,-50%);z-index:4;background:var(--bg-icon-color);border:2px solid var(--bor-color);border-radius:50%;opacity:0;transition:1s all}.zwc-integration-layout li.active span{opacity:1}.zwc-integration-layout span img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.zcw-flow-logo{scale:0;transition:1s all}.zwc-integration-layout.activeSection .zcw-flow-logo{scale:1}.zwc-integration-layout li:nth-child(1) .zwc-integration-one{--angle:317deg}.zwc-integration-layout li:nth-child(1) .zwc-integration-two{--angle:29deg}.zwc-integration-layout li:nth-child(1) .zwc-integration-three{--angle:101deg}.zwc-integration-layout li:nth-child(1) .zwc-integration-four{--angle:173deg}.zwc-integration-layout li:nth-child(1) .zwc-integration-five{--angle:245deg}.middle-animated .zwc-integration-layout li:nth-child(1) .zwc-integration-one{--angle:29deg}.middle-animated .zwc-integration-layout li:nth-child(1) .zwc-integration-two{--angle:101deg}.middle-animated .zwc-integration-layout li:nth-child(1) .zwc-integration-three{--angle:173deg}.middle-animated .zwc-integration-layout li:nth-child(1) .zwc-integration-four{--angle:245deg}.middle-animated .zwc-integration-layout li:nth-child(1) .zwc-integration-five{--angle:317deg}.zwc-integration-layout li:nth-child(2) .zwc-integration-one{--angle:285deg}.zwc-integration-layout li:nth-child(2) .zwc-integration-two{--angle:78deg;--top-val:70%}.zwc-integration-layout li:nth-child(2) .zwc-integration-three{--angle:35deg;--top-val:60%}.zwc-integration-layout li:nth-child(2) .zwc-integration-four{--angle:130deg}.zwc-integration-layout li:nth-child(2) .zwc-integration-five{--angle:225deg;--left-val:40%}.zwc-integration-layout li:nth-child(2) .zwc-integration-six{--angle:335deg;--left-val:55%}.zwc-integration-layout.activeSection li:nth-child(2) span{--top-val:50%;--left-val:50%}.zwc-integration-layout.activeSection li:nth-child(2) .zwc-integration-one{--angle:355deg}.zwc-integration-layout.activeSection li:nth-child(2) .zwc-integration-two{--angle:55deg}.zwc-integration-layout.activeSection li:nth-child(2) .zwc-integration-three{--angle:115deg}.zwc-integration-layout.activeSection li:nth-child(2) .zwc-integration-four{--angle:175deg}.zwc-integration-layout.activeSection li:nth-child(2) .zwc-integration-five{--angle:235deg}.zwc-integration-layout.activeSection li:nth-child(2) .zwc-integration-six{--angle:295deg}