:root{--primary-black:#000;--primary-white:#fff;--cta-red:#e42527;--gray-100:#e7e7e7;--gray-200:#d1d1d1;--purple-50:#f4f0ff;--purple-200:#dacdff;--purple-600:#8012ff;--purple-900:#5102b0;--purple-950:#2f0078;--green-check:#2fb831}body{font-family:var(--primaryfont-regular);color:var(--primary-black);line-height:1.5;text-wrap:pretty}section{padding:100px 0}.flex-wrap{display:flex;flex-wrap:wrap}.zwc-dis-blk{display:block}.zwc-pos-abs{position:absolute}.zwc-pos-rel{position:relative}.zwc-mb-0{margin-bottom:0}a.cta-btn.act-btn{font-size:16px;color:#fff;font-family:var(--zf-primary-semibold);text-transform:uppercase;position:relative;z-index:0;padding:15px 60px 15px 30px;border-radius:5px}a.cta-btn.act-btn::before{position:absolute;content:"";width:20px;height:20px;right:23px;top:18px;z-index:0;background:url(//www.zohowebstatic.com/sites/zweb/images/classes/home/arrow-w.svg) 0 0 / 18px no-repeat;transition:right .5s}a.cta-btn.act-btn:hover::before{right:20px}.zwc-banner-wrap{background:url(//www.zohowebstatic.com/sites/zweb/images/classes/zoho-classes-vs-canvas/canvas-banner.jpg) no-repeat;background-size:cover;background-position:center;margin-top:-100px;padding-top:150px}.zwc-banner-content.flex-wrap{flex-direction:column;align-items:center;gap:20px}.zwc-banner-content h1{text-align:center;max-width:1072px}.zwc-text-wrap{max-width:680px}.zwc-text-wrap.flex-wrap{flex-direction:column;align-items:center;gap:16px}.zwc-badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 26px;height:40px;border-radius:24px;border:1px solid var(--primary-white);background:linear-gradient(90deg,rgba(183,202,242,0.6) 0,rgba(117,119,210,0.6) 100%);font-size:20px;line-height:1.4;letter-spacing:-0.4px;text-align:center}.zwc-text-wrap p{font-size:20px;line-height:1.4;text-align:center}.zwc-cta-wrap{display:flex;flex-direction:column;align-items:center}.zwc-lms-wrap{background-color:var(--primary-black)}.zwc-lms-header{padding-bottom:56px;text-align:center;max-width:812px;margin:0 auto}.zwc-lms-header h2{color:var(--primary-white)}.zwc-lms-header p{font-size:18px;line-height:1.7;color:var(--primary-white)}.zwc-features-grid{display:flex;gap:40px;max-width:1100px;margin:0 auto;flex-wrap:wrap}.zwc-features-row{display:flex;gap:56px}.zwc-feature-item{width:21%}.zwc-feature-item.flex-wrap{flex-direction:column}.zwc-feature-item h3::before,.zwc-advantage-item h3:before{content:"";display:block;width:46px;height:50px;position:relative;background:url(//www.zohowebstatic.com/sites/zweb/images/classes/zoho-classes-vs-canvas/classes-vs-canvas-sprite.svg) no-repeat;background-size:350px;background-position:center;top:-10px}.zwc-advantage-item h3:before{width:40px;height:40px}.zwc-item-1 h3:before{background-position:0 0}.zwc-item-2 h3:before{background-position:-47px 0;width:55px}.zwc-item-3 h3:before{background-position:-103px 0}.zwc-item-4 h3:before{background-position:-150px 0}.zwc-item-5 h3:before{background-position:-196px 0}.zwc-item-6 h3:before{background-position:-246px 0;width:50px}.zwc-item-7 h3:before{background-position:-298px 0;width:54px}.zwc-feature-item h3{color:var(--primary-white)}.zwc-feature-item p{font-size:16px;line-height:1.5;letter-spacing:-0.32px;color:var(--primary-white)}.zwc-card-header{text-align:center;padding-bottom:56px}.zwc-card-header h2{max-width:746px;margin:0 auto;padding-bottom:80px}.zwc-cards-wrap{display:flex;flex-direction:column;gap:64px;padding-bottom:100px}.zwc-card{background-color:var(--primary-white);border:1px solid var(--gray-100);border-radius:8px;box-shadow:0 24px 24px 0 rgba(0,0,0,0.04);padding:16px;max-width:1280px;margin:0 auto;width:100%;margin-bottom:65px}.zwc-card-header{padding:16px 16px 0}.zwc-card-header h3{text-align:center}.zwc-card-img{border-radius:8px;overflow:hidden;position:relative;margin-top:30px}.zwc-card-img.flex-wrap{justify-content:center}.zwc-ai-img .flex-wrap,.zwc-lesson-plan .flex-wrap{align-items:center;justify-content:center;gap:10px}.zwc-build{background:url(//www.zohowebstatic.com/sites/zweb/images/classes/zoho-classes-vs-canvas/build-courses.jpg) 0 0 / cover}.zwc-announce{background:url(//www.zohowebstatic.com/sites/zweb/images/classes/zoho-classes-vs-canvas/announcement-feature.jpg) 0 0 / cover}.zwc-template{background:url(//www.zohowebstatic.com/sites/zweb/images/classes/zoho-classes-vs-canvas/template-driven.jpg) 0 0 / cover}.zwc-build-img{top:70px}.zwc-announcement-img{top:50px}.zwc-template-img{bottom:0}.zwc-lesson-img1{width:100%;bottom:5%;max-width:242px;left:30%}.zwc-lesson-img2{bottom:-25%;top:0;left:50%}.zwc-inner-img{width:20%;max-width:242px}.zwc-pos-abs.flex-wrap{gap:10px;flex-wrap:nowrap;align-items:flex-end;justify-content:center}.zwc-ai-img1{bottom:-30%;position:absolute;left:30%}.zwc-ai-img2{bottom:-54%;position:absolute;left:50%}.zwc-card-content{padding:8px 24px 16px;margin-top:32px}.zwc-card-content.flex-wrap{justify-content:space-between}.zwc-card-column{width:48%;max-width:550px}.zwc-card-column.flex-wrap{gap:5px}.zwc-card-column p{font-size:18px;line-height:28px;letter-spacing:-0.36px}.zwc-circle-check{position:relative;padding-left:32px}.zwc-circle-check::before{content:"";position:absolute;top:4px;left:0;width:24px;height:24px;border:2px solid var(--green-check);border-radius:50%;box-sizing:border-box}.zwc-circle-check::after{content:"";position:absolute;top:12px;left:6px;width:12px;height:6px;border-left:2px solid var(--green-check);border-bottom:2px solid var(--green-check);transform:rotate(-45deg)}.zwc-plus-circle{position:relative;padding-left:32px}.zwc-plus-circle::before{content:"";position:absolute;top:4px;left:0;width:24px;height:24px;border:2px solid var(--cta-red);border-radius:50%;box-sizing:border-box}.zwc-plus-circle::after{content:"+";position:absolute;top:4px;left:5.5px;font-size:24px;color:var(--cta-red);line-height:24px;rotate:45deg}.zwc-comparison-wrap{background-color:var(--primary-black);padding:100px 0}.zwc-comparison-inner{max-width:1280px;margin:0 auto;padding:0 24px}.zwc-comparison-header{text-align:center;padding-bottom:80px}.zwc-comparison-header h2{color:var(--primary-white)}.zwc-table-wrap{width:100%;margin-bottom:70px}.zwc-table-row{display:flex;width:100%}.zwc-table-cell{width:100%;min-width:320px;padding:16px 24px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--gray-200)}.zwc-table-cell.criteria{justify-content:flex-start;background-color:transparent}.zwc-table-cell.criteria p{color:var(--primary-white);margin-bottom:0}.zwc-table-cell.zoho{background-color:var(--purple-950);border-color:var(--purple-600)}.zwc-table-cell.zoho p{color:var(--primary-white);text-align:center;margin-bottom:0}.zwc-table-cell.canvas{background-color:var(--purple-50);border-color:var(--primary-black)}.zwc-table-cell.canvas p{color:var(--primary-black);text-align:center;margin-bottom:0}.zwc-table-cell p{font-size:18px;line-height:26px;letter-spacing:-0.36px;width:272px}.zwc-table-header .zwc-table-cell{height:94px;border-bottom:0}.zwc-table-header .zwc-table-cell.zoho{border-radius:24px 24px 0 0}.zwc-table-header .zwc-table-cell.canvas{border-radius:24px 24px 0 0}.zwc-table-header .zwc-table-cell img{height:36px;width:auto}.zwc-table-criteria .zwc-table-cell{height:60px}.zwc-table-criteria .zwc-table-cell.criteria{background-color:var(--gray-100)}.zwc-table-criteria .zwc-table-cell.criteria p{color:var(--primary-black);margin-bottom:0}.zwc-table-criteria .zwc-table-cell.zoho{background-color:var(--purple-900)}.zwc-table-criteria .zwc-table-cell.canvas{background-color:var(--purple-200)}.zwc-table-footer .zwc-table-cell{height:74px;border-bottom:0}.zwc-table-footer .zwc-table-cell.zoho{border-radius:0 0 24px 24px}.zwc-table-footer .zwc-table-cell.canvas{border-radius:0 0 24px 24px}.zcomp-disclaimer{color:#fff}.zwc-advantages-wrap{background-color:var(--primary-white)}.zwc-advantages-header{text-align:center;max-width:800px;margin:0 auto 72px}.zwc-advantages-grid.flex-wrap{justify-content:center;align-items:flex-start}.zwc-advantage-item{width:32%;padding:24px 32px}.zwc-advantage-item:nth-child(1) h3:before{background-position:2px -56px}.zwc-advantage-item:nth-child(2) h3:before{background-position:-41px -56px}.zwc-advantage-item:nth-child(3) h3:before{background-position:-79px -56px;top:-5px}.zwc-advantage-item:first-child{border-right:1px solid var(--gray-200)}.zwc-advantage-item:last-child{border-left:1px solid var(--gray-200)}.zwc-advantage-item h3{max-width:316px}.zwc-advantage-item p{font-size:18px;line-height:28px;letter-spacing:-0.36px}.zwc-bottom-cta-wrap{background:url(//www.zohowebstatic.com/sites/zweb/images/classes/zoho-classes-vs-canvas/footer-banner.jpg) 0 0 / cover}.zwc-bottom-cta-bg{position:absolute;top:0}.zwc-bottom-cta-bg img{width:100%;height:100%;object-fit:cover}.zwc-bottom-cta-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:40px}.zwc-bottom-cta-content h2{text-align:center;width:90%;max-width:1140px}.zwc-ani-1,.zwc-ani-2{opacity:0;transition:all .8s cubic-bezier(0.4,0,0.2,1)}.zwc-ani-1{transform:translateX(0) translateY(50px)}.zwc-ani-1.animate-in{opacity:1;transform:translateX(0) translateY(0)}.zwc-ani-2{transform:translateX(0) translateY(50px)}.zwc-ani-2.animate-in{opacity:1;transform:translateX(0) translateY(0)}.zwc-ani-2{transition-delay:.2s}@media(min-width:1200px){.zw-template-inner h1,.zw-template-inner h2,.zw-template-inner h3,.zw-template-inner h4,.zw-template-inner .zwc-lms-header p{font-family:var(--primaryfont-semibold)}.zwc-banner-content h1{font-size:64px;line-height:1.12;letter-spacing:-1.28px}.zwc-lms-header h2,.zwc-card-header h2,.zwc-comparison-header h2,.zwc-advantages-header h2{font-size:56px;line-height:1.16;letter-spacing:-1.12px}.zwc-bottom-cta-content h2{font-size:48px;letter-spacing:-0.96px}.zwc-feature-item h3{font-size:20px;line-height:1.4;letter-spacing:-0.4px}.zwc-card-header h3{font-size:40px;line-height:1.2;letter-spacing:-0.8px}.zwc-advantage-item h3{font-size:32px;letter-spacing:-0.64px}.zwc-card-column h4{font-size:24px;line-height:1.3;letter-spacing:-0.48px}}@media(max-width:1440px){.zwc-ai-img1,.zwc-lesson-img1{left:29%}}@media(max-width:1199px){.zwc-bottom-cta-content h2{max-width:680px}.zwc-plus-circle::after,.zwc-plus-circle::before,.zwc-circle-check::before{top:2px}.zwc-circle-check::after{top:10px}}@media(max-width:1024px){.zwc-features-row{flex-wrap:wrap;gap:32px}.zwc-feature-item{width:45%}.zwc-table-wrap{overflow-x:auto}.zwc-advantage-item:last-child{border-bottom:0}.zwc-card-content.flex-wrap{justify-content:space-between}.zwc-features-grid{width:80%}.zwc-cards-wrap{padding-bottom:60px}.zwc-advantages-grid.flex-wrap{gap:30px}.zwc-advantage-item{width:100%;max-width:500px;text-align:center;padding:0}.zwc-advantage-item h3{max-width:400px;margin:0 auto 20px}.zwc-advantage-item h3:before{margin:0 auto}.zwc-advantage-item:first-child{border-right:0}.zwc-advantage-item:last-child{border-left:0}}@media(max-width:767px){.zwc-banner-wrap{padding-top:130px}.zwc-banner-content h1{max-width:470px}section,.zwc-comparison-wrap{padding:60px 0}.zwc-lms-header{padding-bottom:30px}.zwc-card-header h2,.zwc-comparison-header{padding-bottom:40px}.zwc-cards-wrap{padding-bottom:10px}.zwc-advantage-item{max-width:400px}.zwc-badge{font-size:12px;padding:6px 16px}.zwc-text-wrap p{font-size:16px;line-height:1.5;max-width:540px}.zwc-card-column p{font-size:17px}.zwc-feature-item{width:100%}.zwc-card-column{width:100%;margin:0 auto}.zwc-card-column.flex-wrap{gap:0}.zwc-card-content.flex-wrap{gap:25px}.zwc-card-content{padding:20px 10px}.zwc-feature-item{width:100%;max-width:350px;margin:0 auto;text-align:center}.zwc-features-grid{width:100%}.zwc-circle-check::before,.zwc-plus-circle::before{width:20px;height:20px}.zwc-circle-check::after{top:10px;left:5px;width:10px}.zwc-plus-circle::after{top:2px;left:4.5px;font-size:20px}.zwc-plus-circle::before,.zwc-circle-check::before{top:4px}.zwc-dis-blk{display:inline}.zwc-advantages-header{margin:0 auto 40px}.zwc-feature-item h3::before{margin:0 auto}.zwc-feature-item.flex-wrap{text-align:center}.zwc-inner-img{max-width:44%}.zwc-table-cell p{font-size:16px}.zcomp-disclaimer{font-size:14px}.zwc-template-img,.zwc-announcement-img,.zwc-build-img{width:90%}.zwc-bottom-cta-content{gap:20px}}