*,:after,:before{box-sizing:border-box}:root{--zwc-section-pad-y:clamp(40px,6vw,90px);--zwc-feature-gap:clamp(60px,7vw,96px);--zwc-heading-font:clamp(26px,3.2vw,38px);--zwc-para-font:clamp(16px,1.4vw,18px);--zwc-built-heading-font:clamp(28px,3.4vw,40px);--zwc-built-para-font:clamp(16px,1.6vw,20px)}h1,h2,h3,h4,h5,h6,p,li,span,small,label,blockquote,figcaption{text-wrap:pretty}.zw-product-header,.int-banner-section{background:#daf0ff;background-repeat:repeat;background-size:150px}.int-banner-section{padding:clamp(40px,6vw,80px) 0;overflow:hidden}.int-banner-section .banner-content{max-width:760px;margin:0 auto;text-align:center}.int-banner-section .banner-content h1{font-family:var(--primaryfont-bold);font-size:clamp(28px,4.4vw,55px);line-height:1.15;margin:0}.int-banner-section .banner-content p{font-family:var(--primaryfont-regular);font-size:var(--zwc-para-font);line-height:1.5;margin:20px auto 25px;max-width:620px}.int-banner-section .integrate-logo{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.int-banner-section .integrate-logo span.plus{font-size:36px;margin:0 20px}.integrate-logo span.int-logo{padding:25px 0;position:relative;width:75px;height:75px;display:inline-block;color:#000;background:#fff;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.09)}.integrate-logo span.int-logo.zwc-notebook-logo::before{background:url(//www.zohowebstatic.com/sites/zweb/images/producticon/notebook.svg);width:var(--zp-i-w);height:var(--zp-i-h);background-repeat:no-repeat;background-position:center;content:"";position:absolute;background-size:40px;left:0;right:0;bottom:0;top:0;margin:auto}.integrate-logo span.zwc-bigin-logo::before{background:url(//www.zohowebstatic.com/sites/zweb/images/producticon/bigin.svg);width:var(--zp-i-w);height:var(--zp-i-h);background-repeat:no-repeat;background-position:center;content:"";position:absolute;background-size:40px;left:0;right:0;bottom:0;top:0;margin:auto}a.zwc-marketplace-cta{display:inline-block;font-family:var(--zf-primary-semibold),sans-serif;margin:0;border:1px solid transparent;cursor:pointer;z-index:1;font-size:15px;text-transform:uppercase;position:relative;text-align:center;background:var(--primary-btn-color);color:#fff;border-radius:4px;padding:10px 40px}.zwc-feature-wrap{background:#fff}.zwc-feature-inner{padding-block:var(--zwc-section-pad-y);display:flex;flex-direction:column;gap:var(--zwc-feature-gap)}.zwc-feature-block{display:flex;flex-direction:column;align-items:center;gap:clamp(28px,4vw,48px)}.zwc-feature-text{max-width:820px;margin:0 auto;text-align:center}.zwc-feature-text h2{font-family:var(--primaryfont-semibold);font-size:var(--zwc-heading-font);line-height:1.18;letter-spacing:-0.01em;margin:0 0 14px}.zwc-feature-text p{font-family:var(--primaryfont-regular);font-size:var(--zwc-para-font);line-height:1.55;color:#4a4a4a;margin:0}.zwc-feature-text strong{font-family:var(--primaryfont-semibold)}.zwc-feature-media{margin:0;width:100%;max-width:1102px;display:flex;justify-content:center}.zwc-feature-media img{width:100%;height:auto;border-radius:10px}.zwc-built-wrap{background:#fff;padding-block-end:var(--zwc-section-pad-y)}.zwc-built-card{position:relative;overflow:hidden;background:#002140;border-radius:clamp(16px,2vw,30px);padding:clamp(40px,5vw,80px) clamp(28px,6vw,96px);display:flex;align-items:center;justify-content:space-between;gap:clamp(30px,5vw,60px)}.zwc-built-content{max-width:490px}.zwc-built-content h2{font-family:var(--primaryfont-semibold);font-size:var(--zwc-built-heading-font);line-height:1.2;letter-spacing:-0.02em;color:#fff;margin:0 0 16px}.zwc-built-content p{font-family:var(--primaryfont-regular);font-size:var(--zwc-built-para-font);line-height:1.5;color:#fff;margin:0}.zwc-built-content a{color:#fff;text-decoration:underline}.zwc-built-media{position:relative;margin:0 auto;flex-shrink:0;width:283px;height:283px}.zwc-built-photo{display:block;width:100%;height:100%;border-radius:50%}.zwc-built-icon{position:absolute;z-index:1;display:block;background-image:url(//www.zohowebstatic.com/sites/zweb/images/notebook/zwc-zoho-bigin-integration/zwc-bigin-icon-sprite.svg);background-repeat:no-repeat;background-size:400% 100%}.zwc-built-icon-bulb{width:50px;height:50px;background-position:0 0;top:-15%;left:-2%}.zwc-built-icon-shield{width:50px;height:50px;background-position:33.333% 0;top:-4%;right:-11%}.zwc-built-icon-flow{width:64px;height:64px;background-position:66.667% 0;top:74%;left:-16%}.zwc-built-icon-store{width:50px;height:50px;background-position:100% 0;top:70%;right:-15%}.zwc-footer-wrapper{padding-block-end:clamp(40px,5vw,90px);text-align:center}@media screen and (max-width:1199px){.zwc-built-card{padding:clamp(36px,5vw,64px) clamp(28px,5vw,60px)}.zwc-built-media{width:240px;height:240px}}@media screen and (max-width:991px){.zwc-built-card{flex-direction:column;text-align:center;gap:70px}.zwc-built-content{max-width:600px}.zwc-built-wrap{max-width:770px;margin:20px auto 0}.zwc-feature-inner{max-width:770px;margin:auto}}@media screen and (max-width:767px){.int-banner-section .integrate-logo{transform:scale(0.85)}.zwc-feature-media img{border-radius:6px}.zwc-built-media{width:200px;height:200px}.zwc-built-icon-bulb,.zwc-built-icon-shield,.zwc-built-icon-store{width:38px;height:38px}.zwc-built-icon-flow{width:48px;height:48px}}