.platformPage .banner{height:calc(100vh - 72px);display:flex;align-items:center;justify-content:center;padding:0 70px;margin-bottom:100px}.platformPage .banner video{max-width:1000px;width:100%;height:auto;border-radius:14px}@media screen and (min-width:1600px){.platformPage .banner video{max-width:1200px}}@media screen and (max-width:900px){.platformPage .banner{height:auto;padding:0 20px;margin-top:30px;margin-bottom:50px}}.platformPage .contentBox{display:flex;justify-content:space-between;gap:51px}.platformPage .contentBox>div:first-child{flex:7 1}.platformPage .contentBox>div:nth-child(2){flex:3 1}.platformPage .contentBox>div:nth-child(2) h3{margin-bottom:34px}.platformPage .contentBox>div:nth-child(2) h4{margin-bottom:6px}.platformPage .contentBox>div:nth-child(2) section{margin-bottom:24px}.platformPage .contentBox>div:nth-child(2) section:last-child{margin-bottom:0}.platformPage .contentBox:nth-child(2n){flex-direction:row-reverse}@media screen and (max-width:1024px){.platformPage .contentBox{flex-direction:column-reverse!important}}.platformPage .carousel{overflow:hidden;box-shadow:0 3px 10px 1px rgba(0,0,0,.12);border-radius:5px;aspect-ratio:2416/1647}.platformPage .carousel ul{display:flex}.platformPage .carousel ul li{flex:1 1;transition:transform .3s}.platformPage .dots{display:flex;justify-content:center;gap:16px;margin-top:32px}.platformPage .dots span{width:20px;height:20px;display:inline-block;border-radius:50%;box-shadow:0 1px 3px 1px rgba(0,0,0,.08);border:2px solid #2296f5;box-sizing:border-box}.platformPage .dots_span_current{background:#2196f3}.mui-dialog-container{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.mui-dialog-container .mui-dialog-mask{background-color:rgba(0,0,0,.7);bottom:0;left:0;position:absolute;right:0;top:0}.mui-dialog-container .mui-dialog-scroll-container{bottom:0;left:0;overflow:auto;padding:32px 0;position:absolute;right:0;text-align:center;top:0}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog{width:720px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.15);display:inline-flex;flex-direction:column;max-height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);vertical-align:middle;text-align:left;padding:32px}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog .mui-dialog-header{border-radius:3px 0 0 3px;line-height:1;font-size:26px;color:#151515;font-weight:700;margin-bottom:28px}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog .mui-dialog-body{box-sizing:border-box;flex:1 1;overflow:auto}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog .mui-dialog-footer{border-radius:0 0 3px 3px;text-align:right}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog .mui-dialog-footer>div{display:flex;gap:16px}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog .mui-dialog-footer .footerButton{padding:0 40px;height:48px;line-height:48px;font-size:15px;display:inline-block;text-align:center;font-weight:700;cursor:pointer}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog .mui-dialog-footer .footerButton.okButton{background:#3596f3;border-radius:2px;border:1px solid #3596f3;color:#fff}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog .mui-dialog-footer .footerButton.okButton:hover{background:#2e87d6}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog .mui-dialog-footer .footerButton.cancelButton{background:#fff;border-radius:2px;border:1px solid #e1e1e1;color:#000}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog .mui-dialog-footer .footerButton.cancelButton:hover{border:1px solid #2196f3;color:#3596f3}@media screen and (max-width:700px){.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog{width:calc(100% - 32px)}.mui-dialog-container .mui-dialog-scroll-container .mui-dialog-dialog .mui-dialog-footer>div{flex-direction:column-reverse}}.aboutPage h1{margin-bottom:24px}.aboutPage h1,.aboutPage h2{text-align:center}.aboutPage>div{padding:56px 128px;background:#fff;max-width:1274px;border-radius:68px}.aboutPage>div section{margin-bottom:24px;font-size:24px}.compare .compareLogo{aspect-ratio:10/2;background-repeat:no-repeat;background-size:cover;background-position:50%}.compare .compareLogo.nocoly-vs-airtable{background-image:url(/_next/static/media/Airtable.4e48b71f.png)}.compare .compareLogo.nocoly-vs-outsystems{background-image:url(/_next/static/media/outsystems.810acbae.png)}.compare .compareLogo.nocoly-vs-kintone{background-image:url(/_next/static/media/kintone.6bb6aba1.png)}.compare .compareLogo.nocoly-vs-microsoft_power_apps{background-image:url(/_next/static/media/Microsoft-power-apps.51a43335.png)}.compare .banner{color:#333;margin-bottom:120px}.compare .banner>div{padding-top:74px;display:flex;justify-content:space-between;gap:55px}.compare .banner .left{flex:1 1}.compare .banner .left h1{font-weight:700;margin-bottom:40px}.compare .banner .left .desc{margin-bottom:60px}.compare .banner .left .btnCon{font-size:14px}.compare .banner .left .btnCon>a{padding:14px 36px!important}.compare .banner .right{width:322px;height:322px;border-radius:38px;background:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px}.compare .banner .right .myLogo{width:auto;height:46px}.compare .banner .right .vs{font-weight:500;font-size:68px}.compare .banner .right .compareLogo{height:40px}.compare .content{background:#fff;padding:80px;border-radius:72px;margin-bottom:160px}.compare .content h3{margin-bottom:32px}.compare .content .desc{font-size:24px}.compare .content .diffContent{margin-top:102px;display:flex;flex-direction:column;gap:80px}.compare .content .diffContent .h5DiffTitle{display:none;text-align:center;font-size:16px;font-weight:700;margin-bottom:32px}.compare .content .diffContent .diffContentItem{display:flex;gap:64px}.compare .content .diffContent .diffContentItem li{flex:1 1;font-size:18px;text-align:center}.compare .content .diffContent .diffContentItem li:first-child{font-weight:700;text-align:left}.compare .content .diffContent .diffContentItem li:nth-child(2),.compare .content .diffContent .diffContentItem li:nth-child(3){white-space:break-spaces;display:flex;flex-direction:column}.compare .content .diffContent .diffContentItem li:nth-child(2)>div.diffDesc,.compare .content .diffContent .diffContentItem li:nth-child(3)>div.diffDesc{flex:1 1}.compare .content .diffContent .diffContentItem.diffContentItemHeader{align-items:center}.compare .content .diffContent .diffContentItem.diffContentItemHeader li{flex-direction:row;justify-content:center}.compare .content .diffContent .diffContentItem.diffContentItemHeader li.imgCon img{height:58px;width:auto}.compare .content .diffContent .diffContentItem.diffContentItemHeader li:nth-child(3){height:58px}.compare .content .diffContent .diffContentItem.diffContentItemHeader li:first-child{font-size:24px!important}.compare .compare-evaluate{margin-bottom:100px}.compare .compare-evaluate h3{margin-bottom:80px}.compare .compare-evaluate .compareEvaluateBox{display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width:931px){.compare .compare-evaluate .compareEvaluateBox{justify-content:center;gap:24px}.compare .compare-evaluate .compareEvaluateBox .compareEvaluate li{width:100%;max-width:386px}}.compare .compare-evaluate .compareEvaluateBox .compareEvaluate{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;flex-direction:column}.compare .compare-evaluate .compareEvaluateBox .compareEvaluate li{width:386px}.compare .compare-evaluate .compareEvaluateBox .compareEvaluate li.item{background:#fff;border-radius:48px;padding:36px 32px;box-sizing:border-box}.compare .compare-evaluate .compareEvaluateBox .compareEvaluate li.item .userCon{display:flex;align-items:center;margin-bottom:24px}.compare .compare-evaluate .compareEvaluateBox .compareEvaluate li.item .userCon .avatarCon{margin-right:16px;width:72px;height:72px}.compare .compare-evaluate .compareEvaluateBox .compareEvaluate li.item .userCon .avatarCon img{width:100%;height:100%;border-radius:50%}.compare .compare-evaluate .compareEvaluateBox .compareEvaluate li.item .userCon .nameCon .name{font-size:24px;font-weight:700;margin-bottom:6px}.compare .compare-evaluate .compareEvaluateBox .compareEvaluate li.item .evaluate-content,.compare .compare-evaluate .compareEvaluateBox .compareEvaluate li.item .userCon .nameCon .position{font-size:16px}@media screen and (min-width:932px)and (max-width:1317px){.compare .compare-evaluate .compareEvaluateBox .compareEvaluate:last-child{margin-top:24px;flex-direction:row;justify-content:space-between;width:100%}}.compare .compare-about{font-size:20px;margin-bottom:160px}.compare .compare-about h3{margin-bottom:40px}.compare .compare-about .aboutContentSection{margin-bottom:20px}.compare .compare-about .aboutContentSection:last-child{margin-bottom:0}@media screen and (max-width:800px){.compare .banner{margin-bottom:80px}.compare .banner>div{padding-top:62px}.compare .banner .left{text-align:center}.compare .banner .left h1{margin-bottom:24px}.compare .banner .left .desc{margin-bottom:40px}.compare .banner .right{display:none}.compare .contentPageCenter .content{padding:40px 32px;margin-bottom:80px;border-radius:36px}.compare .contentPageCenter .content .diffContent{margin-top:76px;gap:60px}.compare .contentPageCenter .content .diffContent .h5DiffTitle{display:block}.compare .contentPageCenter .content .diffContent .diffContentItem{gap:18px}.compare .contentPageCenter .content .diffContent .diffContentItem.diffContentItemHeader li .compareLogo,.compare .contentPageCenter .content .diffContent .diffContentItem.diffContentItemHeader li img{width:100%;height:auto}.compare .contentPageCenter .content .diffContent .diffContentItem.diffContentItemHeader li:nth-child(2),.compare .contentPageCenter .content .diffContent .diffContentItem.diffContentItemHeader li:nth-child(3){width:50%}.compare .contentPageCenter .content .diffContent .diffContentItem li:first-child{display:none}.compare .compare-evaluate{margin-bottom:80px;padding:0 32px!important}.compare .compare-evaluate h3{margin-bottom:40px}.compare .compare-about{margin-bottom:80px}}:export{primaryHomeBgColor:#e5f2fe;defaultHomeBgColor:#fff}.homePage{background:#fff}.homePage .quickIntro{background:#e5f2fe}.homePage .quickIntro .quickIntroInfo{display:flex;flex-wrap:wrap;justify-content:space-between}.homePage .quickIntro .quickIntroInfo li{display:flex;align-items:flex-start;width:47%}.homePage .quickIntro .quickIntroInfo li .quickIntroInfo_left{margin-right:25px}.homePage .quickIntro .quickIntroInfo li .quickIntroInfo_left>i{font-size:34px}.homePage .quickIntro .quickIntroInfo li .quickIntroInfo_right{max-width:576px}.homePage .quickIntro .quickIntroInfo li .quickIntroInfo_right h4{margin-bottom:12px}.homePage .quickIntro .quickIntro_contentTitle{margin-top:78px;margin-bottom:56px}.homePage .quickIntro .quickIntro_videoBox{width:100%;display:flex;justify-content:center}.homePage .quickIntro .quickIntro_videoBox .quickIntro_HomeVideoCover{width:100%;max-width:1270px;box-shadow:0 1px 4px 1px rgba(0,0,0,.08);border-radius:36px}.homePage .quickIntro .quickIntro_videoBox .quickIntro_HomeVideoCover video{border-radius:36px}.homePage .feature{background:#fff}.homePage .feature .feature_contentTitle{margin-bottom:90px}.homePage .why{background:#e5f2fe}.homePage .why h2{margin-bottom:32px}.homePage .why ul{max-width:1008px;margin:auto}.homePage .why ul li{background:#fff;box-shadow:0 1px 3px 1px rgba(0,0,0,.08);border-radius:20px;margin-bottom:24px;padding:24px 44px;gap:24px}.homePage .why ul li:last-child{margin-bottom:0}.homePage .why ul li i{font-size:38px}.homePage .why ul li h4{font-weight:500;font-size:24px;margin-bottom:4px}.homePage .why ul li p{font-size:16px}.homePage .switchButtons{padding:3px;background:rgba(0,0,0,.04);width:-moz-fit-content;width:fit-content;margin:auto;border-radius:48px}.homePage .switchButtons>span{height:42px;display:inline-block;line-height:42px;font-weight:500;font-size:16px;width:132px;text-align:center;border-radius:48px}.homePage .switchButtonCurrent{background:#fff;color:#2196f3}.homePage .question ul{width:100%;margin:auto;max-width:1000px}.homePage .banner{width:100%;height:680px;max-width:1680px;margin:auto;position:relative}.homePage .banner .bgImage{height:auto;width:855px;float:right;margin-right:0;margin-top:128px}.homePage .banner>div{position:absolute;top:184px;left:3%;color:#333}.homePage .banner>div h1{margin-bottom:6px}.homePage .banner>div p{font-size:30px;margin-bottom:64px}.homePage .banner .support{width:auto;height:54px;margin-top:83px;background:#fff}.homePage .feature_content_box{display:flex;justify-content:space-between;gap:60px}.homePage .feature_content_box>div:first-child{flex:4 1}.homePage .feature_content_box>div:nth-child(2){flex:6 1}.homePage .feature_content_box>div:nth-child(2) img{border-radius:10px 10px 10px 10px;box-shadow:0 1px 4px 1px rgba(0,0,0,.08)}@media screen and (max-width:1024px){.homePage .quickIntro .quickIntroInfo li{width:100%}.homePage .quickIntro .quickIntroInfo li:last-child{margin-bottom:0!important}.homePage .quickIntro .quickIntroInfo li .quickIntroInfo_right{max-width:100%}.homePage .feature_content_box{flex-direction:column-reverse}.homePage .banner{height:auto;text-align:center}.homePage .banner>div{position:static;margin-top:118px;text-align:center;margin-bottom:48px}.homePage .banner>div h1{max-width:485px;margin:auto auto 10px}.homePage .banner>div p{margin-bottom:70px}.homePage .banner .bgImage{width:500px;float:none;margin:0 0 62px}}@media screen and (max-width:600px){.homePage .banner{position:relative}.homePage .banner .buttonCon{position:relative;z-index:99}.homePage .banner>div{margin-top:40px;margin-bottom:50px}.homePage .banner>div h1,.homePage .banner>div p{max-width:328px;margin:auto}.homePage .banner>div p{margin-bottom:60px}.homePage .banner .bgImage{width:100%;position:absolute;bottom:-50px;left:50%;transform:translateX(-50%);margin:0!important}.homePage .banner .support{position:relative;z-index:99;top:-70px}}.pricingPage h1{margin-bottom:24px;text-shadow:0 6px 13px hsla(0,0%,100%,.33)}.pricingPage .banner h1+p,.pricingPage h1{text-align:center}.pricingPage .banner section{background:#fff;padding:44px 0 42px;border-radius:40px 40px 0 0;text-align:center;max-width:1274px}.pricingPage .banner section>div{display:flex}.pricingPage .banner section>div>span{flex:1 1}.pricingPage .banner section>div:first-child{margin-bottom:14px}.pricingPage .banner section>div:nth-child(2){margin-bottom:12px}.pricingPage .banner section>div:nth-child(2)>span>span{position:relative}.pricingPage .banner section>div:nth-child(2)>span>span:before{content:"$";font-weight:700;font-size:32px;color:#9e9e9e;position:absolute;left:-26px;top:12px}.pricingPage .banner section>div:last-child{margin-top:40px}.pricingPage .priceContent{background:#fff}.pricingPage .priceContent ul{font-size:14px;max-width:1274px}.pricingPage .priceContent ul li{padding:10px 18px;display:flex;align-items:center;border-top:1px dotted #d1d1d1;border-left:1px solid hsla(0,0%,100%,0);border-right:1px solid hsla(0,0%,100%,0)}.pricingPage .priceContent ul li:hover{border:1px solid #2196f3;border-bottom:none}.pricingPage .priceContent ul li:hover+li{border-top:1px solid #2196f3}.pricingPage .priceContent ul li:last-child{border-bottom:1px dotted #d1d1d1}.pricingPage .priceContent ul li:last-child:hover{border-bottom:1px solid #2196f3}.pricingPage .priceContent ul li:nth-child(2n){background:#fbfbfb}.pricingPage .priceContent ul li>span{flex:1 1;text-align:center}.pricingPage .priceContent ul li>span:first-child{text-align:left}.pricingPage .priceContent ul li.title{color:#2196f3}.pricingPage .priceContent ul li i{font-weight:700;font-size:16px}.pricingPage .priceContentTitle{font-weight:700!important}.pricingPage .questionWrap{background:#fff}.pricingPage .questionWrap h3{text-align:center}.pricingPage .textIndent{text-indent:20px}@media screen and (max-width:1024px){.pricingPage .priceContent>div,.pricingPage .sectionWrap{padding-left:0!important;padding-right:0!important}}@media screen and (max-width:600px){.pricingPage .banner section>div>span:first-child{display:none}.pricingPage .banner section>div:first-child span{font-size:16px!important}.pricingPage .banner section>div:nth-child(2){margin-bottom:4px}.pricingPage .priceContent ul{font-size:12px}}