.page-container h2{text-align:center;font-family:Zoho_Puvi_Bold}.t-left{text-align:left !important}.t-center{text-align:center}.d-block{display:block}.d-flex{display:flex}.d-flex-row{flex-direction:row}.d-flex-column{flex-direction:column}.align-center{align-items:center}.justify-center{justify-content:center}.p-90{padding:90px 0}.p-50{padding:50px 0}.title-desc{font-size:20px;width:100%;margin:0 auto;text-align:center}.m-0{margin:0}.m-t-0{margin-top:0 !important}.p-b-0{padding-bottom:0 !important}.m-t-15{margin-top:15px}.m-b-30{margin-bottom:30px}.f-20{font-size:20px}.p-t-0{padding-top:0}.formSec .signup-box{display:flex !important}.page-container h1{font-size:48px;line-height:1.2}.page-container h2{font-size:32px;line-height:1.3}.page-container h3{font-size:20px;line-height:1.4;width:100%}.page-container h4{font-size:18px;margin-bottom:10px}.page-container h5{font-size:16px;color:#3956ff}.page-container p,.page-container li{font-size:16px;line-height:1.75}.page-container .hd-desc{font-size:20px;line-height:1.6;margin-bottom:20px;text-align:center}.banner{text-align:center;background-image:linear-gradient(180deg,#d8e7ff,#fee8f5);padding:120px 0 0;position:relative;margin:-68px 16px 0;border-radius:0 0 50px 50px;margin-bottom:50px;z-index:1}.banner::after{content:"";position:absolute;background-image:url(//www.zohowebstatic.com/sites/zweb/images/analytics/bg-curv.png);width:100%;height:100%;top:0;left:0;background-size:cover;background-position:center;z-index:-1}.banner h1 span{background-image:linear-gradient(45deg,#008ef5 0,#9914ff 40%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0}.banner .image-container{margin-top:50px;line-height:0}.banner .image-container img{border-radius:8px 8px 0 0;filter:drop-shadow(0 -6px 40px hsla(0,0%,0%,0.106));max-width:75%;height:auto}.act-btn{background:var(--primary-btn-color);color:#fff;padding:13px 30px;border-radius:4px;font-size:17px;line-height:1.5}.act-btn.call-btn{border:1.5px solid #000 !important;color:#000;border-radius:6px;margin-inline-start:10px;background-color:transparent}.formSec{width:100%;overflow:auto;max-width:480px;position:fixed;transform:translateX(120%);-webkit-transform:translateX(120%);right:0;top:0;z-index:0;-webkit-box-shadow:-7px 0 28px 0 rgba(0,0,0,0.46);-moz-box-shadow:-7px 0 28px 0 rgba(0,0,0,0.46);box-shadow:-7px 0 28px 0 rgba(0,0,0,0.46);height:100%;background:#fff;opacity:0}.formSec .signup-box{max-width:100%}.formSec.zbiframe{max-width:820px}.freeze_layer{background:rgba(0,0,0,0.5);position:fixed;width:100%;height:100%;left:0;top:0;z-index:999;display:none}.formSec.active{transform:translateX(0);-webkit-transform:translateX(0);z-index:9999999999999;opacity:1}.formInner{border-left:1px solid #ddd;padding:35px 20px;background:#fff;box-sizing:border-box;height:auto;text-align:left}.form-close{background:url(//www.zohowebstatic.com/sites/zweb/images/close-icon.png) no-repeat;width:18px;height:18px;position:absolute;right:20px;top:20px;cursor:pointer;background-size:17px;opacity:.6}.zbookings-form,#czone-home{display:none}.tab{position:sticky;top:66px;background:#fff;z-index:2}.tabs-container{display:flex;position:relative;padding:10px;border-radius:8px;background-color:#f5f9fe;justify-content:space-between}.tab-btn{background-color:unset;padding:12px;border:1px solid transparent;border-radius:5px;font-family:var(--zf-primary-semibold);color:#667085;font-size:17px;cursor:pointer}.tab-btn.active,.tab-btn:hover{color:#3956ff;border-color:#bdd1ff;background-color:#e8f2ff}.tab-btn:hover{border-color:transparent}.main-content>.content-wrap>.wrapper{display:flex;gap:40px;align-items:flex-start;padding-bottom:65px}.main-content .left-wrapper{flex:0 0 73%;overflow:hidden}.main-content .right-wrapper{flex:0 0 27%;position:sticky;top:81px;padding-top:75px}.introduction,.why-hard,.core-components,.how-implements,.in-practice,.getting-started,.page-faq,.pre-banner{padding-top:65px}.main-content .right-wrapper ul{padding:0 0 0 10px}.main-content .right-wrapper ul li:not(:last-child){margin-bottom:20px}.main-content .right-wrapper ul li a{color:#262626;font-family:var(--zf-primary-semibold)}.main-content .right-wrapper ul li a:hover,.main-content .right-wrapper ul li a.active{color:var(--primary-anchor-clr)}.why-hard h2{text-align:left}.why-hard>.f-20{text-align:left}.challenges-grid{display:flex;flex-direction:column;gap:16px;margin-top:30px;counter-reset:challenge-counter}.challenge-item{display:grid;grid-template-columns:88px 1fr;grid-template-rows:auto auto;border-radius:12px;overflow:hidden;background:#f8f9fc;box-sizing:border-box;counter-increment:challenge-counter}.challenge-item::before{content:"0" counter(challenge-counter);grid-column:1;grid-row:1 / span 2;display:flex;align-items:center;justify-content:center;background:#64748b;color:#fff;font-size:28px;font-family:var(--zf-primary-bold);line-height:1}.challenge-item h3{grid-column:2;grid-row:1;font-size:20px;font-family:var(--zf-primary-semibold);color:#334155;margin:0;padding:24px 24px 6px;text-align:left}.challenge-item p{grid-column:2;grid-row:2;margin:0;padding:0 24px 24px}.challenges-note{margin-top:24px;padding:20px 24px;background-image:linear-gradient(135deg,#f0f4ff,#f8f0ff);border-radius:10px;font-style:italic;border-left:3px solid #9914ff}.arch-intro{margin-top:20px;font-size:18px}.arch-diagram{margin:24px 0 30px;background:#f8f9fc;border-radius:16px;padding:30px}.arch-layer{border-radius:12px;padding:16px 20px}.layer-1{background:#e6f7ef;border:1px solid #a8d9bf}.layer-2{background:#ede8fc;border:1px solid #c4b5f4}.layer-3{background:#fff3e6;border:1px solid #ffcb8e}.layer-4{background:#ffe8ec;border:1px solid #f4a4b2}.layer-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.layer-num{background:rgba(0,0,0,0.1);border-radius:4px;padding:2px 8px;font-size:12px;font-family:var(--zf-primary-semibold);white-space:nowrap}.layer-header h4{margin:0;font-size:16px;font-family:var(--zf-primary-semibold);text-align:left}.layer-items{display:flex;flex-wrap:wrap;gap:8px}.layer-item{background:rgba(255,255,255,0.85);border-radius:8px;padding:8px 12px;text-align:center}.layer-item span{display:block;font-family:var(--zf-primary-semibold);font-size:14px;color:#262626}.layer-item small{display:block;font-size:12px;color:#667085;margin-top:2px}.arch-connector{text-align:center;padding:10px 0;position:relative}.arch-connector::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:#cbd5e1;transform:translateX(-50%)}.arch-connector span{position:relative;z-index:1;background:#fff;padding:3px 12px;border-radius:20px;font-size:13px;color:#667085;border:1px solid #cbd5e1}.layer-descs{margin-top:10px}.layer-desc{padding:24px 0;border-bottom:1px dashed #e2e8f0}.layer-desc:last-child{border-bottom:0}.layer-desc h3{font-size:20px;font-family:var(--zf-primary-semibold);margin-bottom:12px;color:#262626;text-align:left}.how-implements h2{text-align:left}.how-implements>.f-20{text-align:left}.features-tabs{display:flex;margin-top:30px;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;min-height:260px}.features-tab-list{flex:0 0 36%;display:flex;flex-direction:column;background:#f8f9fc;border-right:1px solid #e2e8f0}.features-tab-btn{background:0;border:0;border-bottom:1px solid #e2e8f0;border-left:3px solid transparent;padding:16px 20px;text-align:left;font-size:16px;font-family:var(--zf-primary-semibold);color:#667085;cursor:pointer;line-height:1.4;transition:background .15s,color .15s,border-color .15s}.features-tab-btn:last-child{border-bottom:0}.features-tab-btn.active{background:#fff;color:#3956ff;border-left-color:#3956ff}.features-tab-btn:not(.active):hover{background:#eef3ff;color:#3956ff}.features-tab-panels{flex:1;background:#fff}.features-tab-panel{display:none;padding:24px}.features-tab-panel.active{display:block}.features-tab-panel h3{font-size:20px;font-family:var(--zf-primary-semibold);color:#262626;margin-bottom:12px;text-align:left}.features-tab-panel p{margin:0}.scenarios{display:flex;gap:20px;margin-top:30px}.scenario-card{flex:1;background:#f8f9fc;border-radius:16px;padding:24px;border-top:3px solid #3956ff}.scenario-card h3{font-size:20px;font-family:var(--zf-primary-semibold);margin-bottom:16px;color:#262626;text-align:left}.scenario-card p:last-child{margin-bottom:0}.steps-list{list-style:none;padding:0;margin:30px 0;counter-reset:steps}.steps-list li{counter-increment:steps;display:flex;gap:20px;align-items:flex-start;padding:20px 0;border-bottom:1px dashed #e2e8f0}.steps-list li:last-child{border-bottom:0}.steps-list li::before{content:counter(steps);min-width:36px;height:36px;background:#3956ff;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--zf-primary-bold);font-size:16px;flex-shrink:0;margin-top:2px}.steps-list li strong{display:block;font-size:17px;font-family:var(--zf-primary-semibold);margin-bottom:6px;color:#262626}.steps-list li p{margin:0}.getting-started>.act-btn{display:inline-block;margin-top:24px}.page-faq .faq-list{margin-top:30px}.faq-item{border-bottom:1px solid #e2e8f0}.faq-question{width:100%;background:0;border:0;text-align:left;padding:20px 40px 20px 0;font-size:18px;font-family:var(--zf-primary-semibold);color:#262626;cursor:pointer;position:relative;line-height:1.4}.faq-question::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:24px;color:#3956ff;font-family:var(--zf-primary-regular);transition:opacity .2s}.faq-item.open .faq-question::after{content:'\2212'}.faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}.faq-answer p{margin-bottom:12px}.faq-answer ul{padding-left:20px;margin-bottom:12px}.faq-answer ul li{margin-bottom:8px}.faq-answer>*:last-child{padding-bottom:20px}.pre-banner{text-align:center;background-image:linear-gradient(41deg,#f8f3c0 7%,#fbeac9 34%,#ffdadd);padding:30px 42px 30px;border-radius:16px;margin:65px 0 0}.pre-banner a{margin-top:15px}.pre-banner h2{text-align:center}@media(max-width:1200px){.tab,.main-content .right-wrapper{display:none}.main-content .left-wrapper{flex:1}}@media(max-width:1024px){.scenarios{flex-direction:column}.features-tabs{flex-direction:column}.features-tab-list{flex:none;border-right:0;border-bottom:1px solid #e2e8f0}}@media(max-width:991px){.page-container h1{font-size:30px}.page-container h2{font-size:26px}.page-container h3,.challenge-item h3,.features-tab-panel h3,.scenario-card h3,.layer-desc h3{font-size:18px}.page-container h4{font-size:16px}.page-container p,.page-container li{font-size:15px}.page-container .hd-desc,.f-20{font-size:17px}.act-btn{padding:10px 20px;font-size:15px}.features-tab-btn{font-size:15px;padding:14px 16px}.faq-question{font-size:17px}.steps-list li strong{font-size:16px}}@media(max-width:768px){.page-container h2{font-size:22px}.page-container h3,.challenge-item h3,.features-tab-panel h3,.scenario-card h3,.layer-desc h3{font-size:17px}.challenge-item{grid-template-columns:56px 1fr}.challenge-item::before{font-size:20px}.challenge-item h3{padding:18px 16px 6px}.challenge-item p{padding:0 16px 18px}.features-tab-panel{padding:20px}.scenario-card{padding:20px}.arch-diagram{padding:16px}.layer-items{gap:6px}.layer-item{padding:6px 10px}.steps-list li{flex-direction:column;gap:10px;padding:16px 0}.steps-list li::before{margin-top:0}.faq-question{font-size:15px;padding:16px 36px 16px 0}.banner .image-container img{max-width:100%}}@media(max-width:567px){.introduction,.why-hard,.core-components,.how-implements,.in-practice,.getting-started,.page-faq,.pre-banner{padding-top:40px}.banner{margin-bottom:16px}.pre-banner{padding:24px 20px}.challenge-item h3{padding:16px 14px 4px}.challenge-item p{padding:0 14px 16px}}@media(max-width:435px){.act-btn.call-btn{margin-inline-start:0;margin-top:10px;display:inline-block}}