<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.zw-product-header{position:absolute;left:0;right:0;z-index:5}a{color:#0097dd}.zsection .content-wrap{padding:90px 0 120px}.zwc-banner-section .content-wrap{padding-bottom:0 !important;padding-top:150px}.zwc-integration-section .content-wrap{padding:120px 0 0}.zw-template-inner h1{font-size:70px;font-family:var(--zf-secondary-medium);max-width:500px;margin:0 auto 10px;line-height:1;display:grid;gap:20px;letter-spacing:-1px}.zw-template-inner h2{font-size:60px;font-family:var(--zf-secondary-medium);display:grid;gap:10px;letter-spacing:-1px}.zw-template-inner h2 span{font-size:30px;letter-spacing:0}.zw-template-inner h3{font-size:30px;font-family:var(--zf-secondary-medium)}.zw-template-inner h4{font-size:22px;font-family:var(--zf-secondary-medium)}.zw-template-inner img,.inside-img,.zwc-box-mobimg{line-height:0}.zwc-box-mobimg,.mobile-integrate-image{display:none}.zwc-banner-section{background:radial-gradient(circle,rgba(246,78,0,1) 10%,rgba(253,136,33,1) 100%)}.zwc-banner-content{background-color:#fff;padding:90px 50px 75px;text-align:center;border-radius:25px 25px 0 0;max-width:650px;margin:auto;position:relative}.zwc-banner-content h1 span{font-family:var(--zf-secondary-medium);font-size:32px}.zwc-banner-content p{margin:35px auto 40px;max-width:600px}.act-btn{padding:12px 35px;margin-bottom:30px}.zwc-banner-content::after,.zwc-banner-content::before{content:'';position:absolute;width:300px;height:340px;background-repeat:no-repeat;background-size:300px;bottom:0}.zwc-banner-content::after{background-image:url(http://www.zohowebstatic.com/sites/zweb/images/mail/integrations/mail-stage.png);left:-330px}.zwc-banner-content::before{background-image:url(//www.zohowebstatic.com/sites/zweb/images/mail/integrations/crm-stage.png);right:-330px}.zwc-features-section{background-color:#ebebeb}.zwc-features-section h2{text-align:center}.zwc-features{display:flex;gap:20px;justify-content:center;padding-top:50px;flex-wrap:wrap}.zwc-feature-box{background-color:#fff;padding:50px;border-radius:0 40px 0 0;max-width:48%;transition:box-shadow .3s;position:relative}.zwc-feature-box:hover{box-shadow:0 10px 10px rgba(0,0,0,0.08)}.zwc-feature-box h3{margin-top:25px}.zwc-feature-box p{margin:0}.fea-img{position:relative}.fea-img span::after{content:'';display:block;background-repeat:no-repeat;background-image:url(//www.zohowebstatic.com/sites/zweb/images/mail/integrations/crm-integrate-sprite.svg);background-position:0 0;background-size:350px;width:90px;height:65px}.zwc-feature-box:nth-child(2) .fea-img span::after{background-position:-91px 0;width:75px}.zwc-feature-box:nth-child(3) .fea-img span::after{background-position:-166px 0;width:60px}.zwc-feature-box:last-child .fea-img span::after{background-position:-226px 0;width:72px}.zwc-feature-box .fea-img span::before,.zwc-feature-box .fea-img::after,.zwc-feature-box .fea-img::before{content:'';position:absolute;background-repeat:no-repeat;background-image:url(//www.zohowebstatic.com/sites/zweb/images/mail/integrations/crm-integrate-sprite.svg);background-position:-247px -33px;background-size:290px;z-index:9;opacity:0}.zwc-feature-box .fea-img span::before{width:20px;height:20px;bottom:65px}.zwc-feature-box:hover .fea-img span::before,.zwc-feature-box:hover .fea-img::after,.zwc-feature-box:hover .fea-img::before{animation:animateStar 2s ease-in-out infinite}.zwc-feature-box:hover .fea-img::after{animation-delay:.3s}.zwc-feature-box:hover .fea-img::before{animation-delay:.6s}@keyframes animateStar{0%{opacity:.1}20%{opacity:.5}40%{opacity:1}60%{opacity:.5}100%{opacity:.1}}.zwc-feature-box .fea-img::after{background-size:220px;background-position:-187px -26px;width:15px;height:15px;top:55px}.zwc-feature-box:nth-child(2) .fea-img::after{left:-5px}.zwc-feature-box .fea-img::before{background-size:160px;background-position:-137px -19px;width:10px;height:10px;left:70px;top:65px}.zwc-feature-box:first-child .fea-img span::before{left:15px}.zwc-feature-box:nth-child(2) .fea-img span::before{left:55px}.zwc-feature-box:nth-child(3) .fea-img span::before{bottom:55px;left:55px}.zwc-feature-box:last-child .fea-img span::before{left:0;bottom:60px}.zwc-feature-box:first-child .fea-img::after{width:10px;height:10px;background-size:160px;background-position:-137px -19px}.zwc-feature-box:nth-child(3) .fea-img::after{top:0;left:-12px}.zwc-feature-box:last-child .fea-img::after{left:55px}.zwc-feature-box:nth-child(3) .fea-img::before{top:67px;left:50px}.zwc-feature-box:last-child .fea-img::before{left:-13px;top:70px}.points-heading{text-align:center;margin-bottom:50px}.points-heading h2{margin-bottom:10px;gap:5px}.points-heading h2 span{margin-bottom:5px}.points-heading p{max-width:900px;margin:auto}.points-content{display:flex;justify-content:space-around;gap:60px}.zwc-box-cont{max-width:550px}.zwc-points-section{position:relative}.zwc-images-section{max-width:530px;max-height:530px;background-color:#261d1c;border-radius:10px;padding:50px 50px 0;position:sticky;top:150px;margin:15px 0 0;overflow:hidden}.zwc-images-section::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(360deg,black -10%,transparent 20%);z-index:1}.zwc-images-section .zwc-crm,.zwc-images-section .zwc-mail{color:#fff;background-color:#32220f;border:1px solid #f97b17;padding:10px 20px 10px 55px;box-shadow:0 0 20px #5f371b;border-radius:30px;max-width:max-content}.zwc-cont-images img{border:2px solid #f97b17}.zwc-cont-images .main-image{border-radius:10px 10px 0 0;opacity:.6;position:relative}.zwc-cont-images .second-image{border-radius:10px;box-shadow:0 0 20px rgba(95,55,27,.5);position:absolute}.zwc-cont-images.active .main-image{transition:.6s}.zwc-cont-images.active .second-image{transition:.7s;transition-delay:.1s}.zwc-img1 .main-image{opacity:1;top:20px}.zwc-img4,.zwc-img5,.zwc-img8{z-index:5}.zwc-img2 .main-image,.zwc-img3 .main-image{top:20px}.zwc-img1.active .main-image,.zwc-img2.active .main-image{top:-15px}.zwc-img3.active .main-image,.zwc-img7.active .main-image{top:0}.zwc-img2 .second-image{left:220px;top:130px}.zwc-img2.active .second-image{left:170px}.zwc-img3 .second-image{left:180px;top:140px}.zwc-img3.active .second-image{top:120px}.zwc-img4 .main-image,.zwc-img5 .main-image{border-radius:10px}.zwc-img4 .main-image,.zwc-img5 .main-image,.zwc-img8 .main-image{left:-30px}.zwc-img4.active .main-image,.zwc-img5.active .main-image,.zwc-img8.active .main-image{left:0}.zwc-img4 .second-image{left:200px;top:220px}.zwc-img4.active .second-image{left:180px}.zwc-img5 .main-image{bottom:20px}.zwc-img5 .second-image{left:170px;top:30px}.zwc-img5.active .second-image{left:150px}.zwc-img6 .main-image{bottom:30px;left:-20px;border-radius:10px}.zwc-img6.active .main-image{left:0}.zwc-img6 .second-image{left:170px;top:-20px}.zwc-img6.active .second-image{left:160px}.zwc-img7 .main-image{left:-20px;top:20px}.zwc-img7 .second-image{left:90px;bottom:100px}.zwc-img7.active .second-image{bottom:130px}.zwc-img8 .main-image{border-radius:10px;left:-20px}.zwc-img8 .second-image{left:100px;bottom:120px}.zwc-img8.active .second-image{left:80px}.zwc-boxes{border-bottom:1px solid #d4d4d4;padding:25px 20px 25px 0;cursor:pointer}.zwc-boxes:last-child{border:0;padding-bottom:0}.zwc-boxes h4{position:relative;margin:0}.zwc-boxes.active h4{color:#f57e2b}.zwc-boxes h4:after{content:"+";position:absolute;right:0;top:0;font-size:19px;line-height:28px}.zwc-boxes.active h4:after{content:"-"}.zwc-boxes p{margin:10px 10px 0 0;display:none}.zwc-boxes p.active{display:block}.zwc-image-box{display:grid;position:relative}.zwc-cont-images{opacity:0;transition:opacity .6s;visibility:hidden;grid-area:1/1/2/2}.zwc-cont-images.active{opacity:1;visibility:visible}.zwc-integration-section{background-color:#f57e2b;text-align:center}.integrate-content-box{position:relative}.integrate-content-box::before{content:'';position:absolute;width:100%;height:65%;top:0;left:0;border-radius:40px;background:#fff;z-index:1}.integrate-content h2{line-height:1.1;max-width:500px;margin:0 auto 20px}.integrate-content p{max-width:600px;margin:auto}.integrate-content{padding:70px 70px 40px;margin:auto;position:relative;z-index:2}.integrate-image{line-height:0;position:relative;z-index:2}.logo-section{background-color:#fff;border:2px solid #ffaa5d;width:70px;padding:10px 0;border-radius:20px;position:absolute;top:50%;transform:translateY(-55%);right:110px;box-shadow:0 0 35px rgba(0,0,0,.4);opacity:0;transition:opacity .8s,transform 1s ease-in}.top-animated .logo-section{transform:translateY(-60%);opacity:1}.logo-section span{display:block;margin:20px auto;background-image:var(--product-icons);background-repeat:no-repeat;width:var(--zp-i-w);height:var(--zp-i-h);background-size:var(--zp-i-bs);filter:grayscale(1);opacity:.8;transform:scale(.9)}.logo-section span.integrate-logo{margin-bottom:30px;position:relative;background-image:url(//www.zohowebstatic.com/sites/zweb/images/mail/integrations/crm-integrate-sprite.svg);background-position:-367px -44px;background-size:400px;width:36px;height:31px}.logo-section span.integrate-logo::before{content:'';position:absolute;width:30px;height:1px;background-color:#000;bottom:-20px;left:3px}.logo-section span.zoho-desk{background-position:var(--zp-desk-bp)}.logo-section span.zoho-crm,.zwc-crm span{transition:1s;background-image:none;filter:grayscale(0);transform:scale(1);border-radius:5px;position:relative;opacity:1;width:50px;height:45px}.logo-section span.zoho-crm::before,.zwc-crm span::before{content:'';position:absolute;background-image:var(--product-icons);background-position:var(--zp-crm-bp);background-repeat:no-repeat;width:var(--zp-i-w);height:var(--zp-i-h);background-size:var(--zp-i-bs);top:3px;left:5px;filter:grayscale(1);transition:filter 1s;transform:scale(.9)}.top-animated .logo-section span.zoho-crm{background-color:#2c66dd;animation:shadowAnimate 1.5s ease-in-out infinite}.top-animated .logo-section span.zoho-crm::before{filter:brightness(5)}@keyframes shadowAnimate{0%,100%{box-shadow:0 0 5px #2c66dd}50%{box-shadow:0 0 25px #175be3}}.logo-section span.zoho-invoice{background-position:var(--zp-invoice-bp);transform:scale(.8)}.logo-section span.zoho-workdrive{background-position:var(--zp-workdrive-bp);transform:scale(.85)}.logo-section span.zoho-meeting{background-position:var(--zp-meeting-bp)}.logo-integrate{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:60px}span.plus-symbol{color:#f97b17;font-family:var(--primaryfont-semibold);font-size:25px}.zwc-crm span::before{top:-4px;left:-37px;filter:brightness(5);transition:0;background-position:-240px 0;background-size:600px;width:30px;height:25px}.zwc-mail span::before{top:-5px;left:-40px;filter:brightness(5);transition:0;background-position:-240px 0;background-size:600px;width:30px;height:25px}.zwc-mail span{position:relative}.zwc-mail span::before{content:'';position:absolute;background-image:var(--product-icons);background-position:var(--zp-mail-bp);background-repeat:no-repeat;width:var(--zp-i-w);height:var(--zp-i-h);background-size:var(--zp-i-bs);top:-11px;left:-41px;transform:scale(.65)}.zwc-footer-section{background-color:#000;color:#fff;text-align:center}.zwc-footer-section h2{max-width:900px;margin:0 auto 30px}.zwc-footer-section .act-btn{margin:0}@media screen and (max-width:1399px){.zw-template-inner h1{font-size:65px}.zw-template-inner h2{font-size:55px}.zwc-banner-content{max-width:630px}.zwc-banner-content::after,.zwc-banner-content::before{width:260px;height:290px;background-size:260px}.zwc-banner-content::after{left:-290px}.zwc-banner-content::before{right:-290px}.zwc-banner-content p{margin:20px auto 30px}.zwc-banner-content h1 span{font-size:30px}.zwc-features{padding-top:35px}.points-heading{margin-bottom:65px}.integrate-content{max-width:1130px;padding:70px 70px 35px}.integrate-content h2{max-width:480px}.logo-section{right:85px}}@media screen and (max-width:1299px){.zw-template-inner h3{font-size:27px}.zsection .content-wrap{padding:85px 0 105px}.zwc-banner-section .content-wrap{padding-top:140px}.zwc-integration-section .content-wrap{padding:110px 0 0}.zwc-banner-content::after,.zwc-banner-content::before{width:230px;height:260px;background-size:230px}.zwc-banner-content::after{left:-250px}.zwc-banner-content::before{right:-250px}.zwc-feature-box{padding:50px 40px;border-radius:0 30px 0 0}.zwc-feature-box h4{margin-bottom:10px}.points-content .zwc-content{position:relative;width:40%}.integrate-content-box::before{border-radius:30px}.logo-section{right:55px}}@media screen and (max-width:1199px){.zw-template-inner h1{font-size:58px}.zw-template-inner h2{font-size:50px}.zw-template-inner h3{font-size:25px}.zwc-banner-content{max-width:580px}.zwc-footer-section h2{max-width:750px}}@media screen and (max-width:1099px){.zwc-banner-content{max-width:560px}.zwc-banner-content::after,.zwc-banner-content::before{width:200px;height:220px;background-size:200px}.zwc-banner-content::before{right:-210px}.zwc-banner-content::after{left:-210px}.zwc-banner-content h1 span{font-size:28px}.zwc-banner-content p{margin:15px auto 25px;font-size:16px}.points-heading p{max-width:700px}.points-heading h3{margin-bottom:15px}.points-heading{margin-bottom:55px}.points-content{gap:40px}.zwc-boxes{padding:22px 20px 22px 0}.zw-template-inner h4{font-size:20px}.zwc-boxes p{font-size:16px}.integrate-content{padding:60px 70px 30px}.integrate-content h2{max-width:430px}.logo-section{right:45px}}@media screen and (max-width:991px){.zw-template-inner h1{font-size:50px}.points-heading h2{gap:10px}.zwc-feature-box:hover{box-shadow:none;transform:scale(1)}.zw-template-inner h2{font-size:40px}.zw-template-inner h2 span{font-size:25px}.zwc-banner-content{padding:60px 30px 50px;max-width:500px}.zwc-features-section h2 span{margin-bottom:25px}.zwc-features{padding:0}.zsection .content-wrap{padding:70px 0 85px}.zwc-banner-section .content-wrap{padding-top:110px}.zwc-boxes:last-child{padding-bottom:0}.zwc-integration-section .content-wrap{padding:90px 0 0}.zwc-features{flex-direction:column;align-items:center}.zwc-feature-box{border-radius:30px;text-align:center;max-width:580px;padding:45px 40px 40px}.points-heading p{max-width:630px}.zwc-images-section,.zwc-boxes.active h4:after,.zwc-boxes h4:after,.zwc-boxes.active p{display:none}.zwc-boxes p{display:block !important}.zwc-boxes{padding:20px 0 30px;border:0;text-align:center}.zwc-box-cont{max-width:400px;margin:0 auto 15px}.fea-img{text-align:center;max-width:0;margin:auto;left:-45px}.zwc-feature-box:nth-child(3) .fea-img,.zwc-feature-box:last-child .fea-img{left:-35px}.points-heading{margin-bottom:20px}.zwc-feature-box .fea-img span::before,.zwc-feature-box .fea-img::after,.zwc-feature-box .fea-img::before{opacity:1}.zwc-feature-box:hover .fea-img span::before,.zwc-feature-box:hover .fea-img::after,.zwc-feature-box:hover .fea-img::before{animation:none}.zwc-feature-box h4{margin-top:60px}.zwc-boxes.active h4{color:#000}.zw-template-inner h4{font-size:25px}.zwc-box-mobimg{display:block}.zwc-box-mobimg img{border-radius:15px}.integrate-content{padding:50px 70px 25px}.logo-section{padding:0;right:30px;transform:scale(.8) translateY(-60%)}.top-animated .logo-section{transform:scale(.8) translateY(-65%)}.zwc-footer-section h2{max-width:600px}.zwc-boxes p{margin:10px 0 0 0}.points-content .zwc-content{width:100%}.zwc-banner-content::after,.zwc-banner-content::before{width:180px;height:203px;background-size:180px}.zwc-banner-content::after{left:-170px}.zwc-banner-content::before{right:-170px}}@media screen and (max-width:840px){.zwc-banner-content::after,.zwc-banner-content::before{width:150px;height:170px;background-size:150px}.zwc-banner-content::after{left:-130px}.zwc-banner-content::before{right:-130px}}@media screen and (max-width:767px){.zsection .content-wrap{padding:60px 0 75px}.zwc-banner-section .content-wrap{padding-top:100px}.zwc-integration-section .content-wrap{padding:75px 0 0}.zwc-banner-content::after,.zwc-banner-content::before{display:none}.zw-template-inner h1{font-size:42px;max-width:290px}.zw-template-inner h2{font-size:35px;margin-bottom:10px}.zw-template-inner h3,.zw-template-inner h4{font-size:22px}.zwc-banner-content{padding:50px 30px 45px}.zwc-banner-content h1 span{font-size:24px}.zwc-banner-content p{margin:15px auto 25px;font-size:15px;max-width:500px}.zwc-feature-box{max-width:480px;padding:35px 30px 30px;border-radius:20px}.zwc-box-mobimg img{max-width:360px}.integrate-content{padding:50px 40px 20px}.integrate-content-box::before{border-radius:20px}.logo-section{right:15px;transform:scale(.7) translateY(-70%)}.top-animated .logo-section{transform:scale(.7) translateY(-75%)}.zwc-footer-section h2{margin-bottom:20px;max-width:400px}.integrate-content h2{max-width:290px}.integrate-content p{max-width:540px}}@media screen and (max-width:600px){.logo-section{right:5px;transform:scale(.6) translateY(-80%)}.top-animated .logo-section{transform:scale(.6) translateY(-85%)}.integrate-content-box::before{height:70%}}@media screen and (max-width:480px){.zwc-box-mobimg img{max-width:280px;border-radius:10px}.zw-template-inner h2{font-size:40px}.zw-template-inner h2{font-size:30px}.zw-template-inner h2 span{font-size:22px}.zwc-feature-box{padding:40px 25px 25px;border-radius:10px}.act-btn{margin-bottom:20px}.zwc-feature-box p,.zwc-boxes p,.integrate-content p{font-size:14px}.zwc-boxes{padding:10px 0 20px}.zsection .content-wrap{padding:55px 0 65px}.zwc-banner-section .content-wrap{padding-top:95px}.zwc-integration-section .content-wrap{padding:65px 0 0}.integrate-content h2{max-width:220px}.integrate-content{padding:50px 20px 15px}.integrate-content-box::before{border-radius:10px}.integrate-image .desktop-integrate-image,.logo-section{display:none}.mobile-integrate-image{display:block}.integrate-content-box::before{height:80%}}</pre></body></html>