:root{--icon-sprite-url:url(/sites/oweb/images/arattaibusiness/business-platform/zab-platform-sprite.svg);--icon-sprite:var(--icon-sprite-url) no-repeat;--icon-sprite-size:688px auto;--zab-dark-bg:#201515;--zab-dark-card:#3c2a2a;--zab-banner-bg:#5b1032;--zab-cream:#fcf0d4;--zab-cream-border:#e0d0ac;--zab-yellow:#ffd701;--zab-accent:#aa311f;--zab-text:#000;--zab-text-muted:#444;--zab-text-on-dark:#ccc}.zab-page-wrapper{background:var(--zab-page-bg)}.zab-icon{display:block;flex-shrink:0;background:var(--icon-sprite);background-size:var(--icon-sprite-size);width:34px;height:34px}.zab-feature-list .zab-icon,.zab-integrate-node .zab-icon{width:48px;height:48px;padding:11px;box-sizing:border-box;border:1px solid var(--zab-cream-border);border-radius:4px;background-image:var(--icon-sprite-url),linear-gradient(var(--zab-cream),var(--zab-cream));background-repeat:no-repeat,no-repeat;background-size:var(--icon-sprite-size),auto;background-origin:content-box,border-box;background-clip:content-box,border-box;background-color:var(--zab-cream)}.zab-feature-list .zab-icon{position:relative;top:8px}.zab-btn-cta.zab-yellow-fill{background:var(--zab-yellow);color:var(--zab-text)}.zab-btn-cta.zab-yellow-fill:before{border-color:var(--zab-text)}.zab-feature-label{display:block;font-family:var(--zf-primary-bold);font-size:18px;line-height:1.56;letter-spacing:-0.36px;color:var(--zab-accent)}.zab-grid-empty{height:44px}.zab-right-grid{border-right-color:var(--grid-color)}.zab-dark-theme .zab-right-grid{border-right-color:var(--grid-color-dark)}.zab-banner-wrap{width:100%;padding:0;background-color:var(--zab-page-bg)}.zab-body-grid .zab-banner-wrap>.content-wrap{display:flex;align-items:stretch;justify-content:center}.zab-banner-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:50%}.zab-text-group{display:flex;flex-direction:column;gap:30px;width:100%;max-width:470px}.zab-banner-title{display:flex;flex-direction:column;gap:14px}.zab-banner-title h1{font-family:var(--zf-primary-semibold);font-size:clamp(42px,3.13vw,54px);line-height:1.19;letter-spacing:-2.7px;margin:-4px 0 0;color:var(--zab-text)}.zab-banner-title p{font-family:var(--zf-primary-regular);font-size:18px;line-height:1.56;letter-spacing:-0.54px;margin:0;color:var(--zab-text-muted)}.zab-banner-img{position:relative;width:50%;background:var(--zab-banner-bg)}.zab-banner-img picture{display:block}.zab-banner-img img{display:block;width:100%;height:auto}.zab-banner-img img.zab-sub-img-1{position:absolute;width:38.84%;left:-6.875%;top:5.5%}.zab-card-wrap{background:var(--zab-page-bg)}.zab-card-wrap .zab-title-content{display:flex;flex-direction:column;gap:18px;max-width:767px;margin:0 auto;padding:84px 20px;text-align:center}.zab-grow-wrap .zab-title-content{max-width:900px}.zab-card-wrap .zab-title-content h2{font-family:var(--zf-primary-semibold);font-size:clamp(32px,2.78vw,48px);line-height:1.17;letter-spacing:-0.96px;color:var(--zab-text);margin:0}.zab-card-wrap .zab-title-content p{font-family:var(--zf-primary-regular);font-size:18px;line-height:1.56;letter-spacing:-0.54px;color:var(--zab-text-muted);margin:0}.zab-grow-wrap .zab-title-content p{color:var(--zab-text)}.zab-card-grid .content-wrap{display:grid;grid-template-columns:repeat(3,1fr)}.zab-card-grid .zab-card-content{display:flex;flex-direction:column;gap:78px;align-items:flex-start;padding:44px}.zab-card-grid .zab-card-details{display:flex;flex-direction:column;gap:10px}.zab-card-grid h3{font-family:var(--zf-primary-semibold);font-size:20px;line-height:1.5;letter-spacing:-0.4px;color:var(--zab-text);margin:0}.zab-card-grid p{font-family:var(--zf-primary-regular);font-size:18px;line-height:1.44;letter-spacing:-0.54px;color:var(--zab-text-muted);margin:0}.zab-card-1 .zab-icon{background-position:0 0}.zab-card-2 .zab-icon{background-position:-39px 0}.zab-card-3 .zab-icon{background-position:-78px 0}.zab-grow-wrap .zab-card-1 .zab-icon{background-position:-291px 0}.zab-grow-wrap .zab-card-2 .zab-icon{background-position:-330px 0}.zab-grow-wrap .zab-card-3 .zab-icon{background-position:-369px 0}.zab-grow-wrap .zab-card-4 .zab-icon{background-position:-408px 0}.zab-grow-wrap .zab-card-5 .zab-icon{background-position:-447px 0}.zab-grow-wrap .zab-card-6 .zab-icon{background-position:-486px 0}.zab-integration-wrap{background:var(--zab-dark-bg)}.zab-integration-wrap .zab-title-content{max-width:700px;margin:0 auto;padding:84px 20px;text-align:center}.zab-integration-wrap .zab-title-content h2{font-family:var(--zf-primary-semibold);font-size:clamp(32px,2.78vw,48px);line-height:1.17;letter-spacing:-0.96px;color:#fff;margin:0}.zab-integrate-main .content-wrap{display:flex;flex-direction:column;align-items:center;gap:80px;padding:84px 0}.zab-integrate-diagram{position:relative;width:100%;max-width:1112px;aspect-ratio:1112 / 372}.zab-integrate-diagram svg{position:absolute;top:10.33%;width:29.32%;height:auto;overflow:visible}.zab-integrate-motion-1{left:17.99%}.zab-integrate-motion-2{left:52.7%}.zab-motion-line{stroke:#382727;stroke-width:2}.zab-motion-pulse path{stroke-width:2;stroke-linecap:butt}.zab-integrate-logo{position:absolute;top:30.1%;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:14px;z-index:1}.zab-integrate-logo img{display:block;width:144px;height:144px}.zab-integrate-logo span{font-family:var(--zf-primary-regular);font-size:20px;line-height:1.5;letter-spacing:-0.6px;color:#fff;white-space:nowrap}.zab-integrate-node{position:absolute;z-index:1;display:flex;align-items:center;gap:16px;width:23.02%;padding:14px;box-sizing:border-box;background:var(--zab-dark-card);border-radius:4px}.zab-node-1,.zab-node-3,.zab-node-5{left:0}.zab-node-2,.zab-node-4,.zab-node-6{right:0}.zab-node-1,.zab-node-2{top:0}.zab-node-3,.zab-node-4{top:38.98%}.zab-node-5,.zab-node-6{top:78.49%}.zab-node-details h3{font-family:var(--zf-primary-semibold);font-size:18px;line-height:1.56;letter-spacing:-0.36px;color:#fff;margin:0 0 -2px}.zab-node-details p{font-family:var(--zf-primary-regular);font-size:16px;line-height:1.63;letter-spacing:-0.32px;color:var(--zab-text-on-dark);margin:0}.zab-node-1 .zab-icon{background-position:-525px 0,0 0}.zab-node-2 .zab-icon{background-position:-146px 0,0 0}.zab-node-3 .zab-icon{background-position:-554px 0,0 0}.zab-node-4 .zab-icon{background-position:-583px 0,0 0}.zab-node-5 .zab-icon{background-position:-612px 0,0 0}.zab-node-6 .zab-icon{background-position:-641px 0,0 0}.zab-integrate-options{display:flex;gap:12px;width:100%;max-width:1112px}.zab-option-card{display:flex;flex-direction:column;gap:34px;flex:1 1 0;min-height:427px;padding:54px;box-sizing:border-box;background:var(--zab-dark-card);border-radius:4px}.zab-option-details{display:flex;flex-direction:column;gap:10px}.zab-option-num{display:block;margin-bottom:10px;font-family:var(--zf-primary-bold);font-size:18px;letter-spacing:-0.54px;color:#fff}.zab-option-details h3{font-family:var(--zf-primary-semibold);font-size:24px;line-height:1.33;letter-spacing:-0.48px;color:#fff;margin:0}.zab-option-details p{font-family:var(--zf-primary-regular);font-size:18px;line-height:1.44;letter-spacing:-0.54px;color:var(--zab-text-on-dark);margin:0}ul.zab-tick-list{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}.zab-tick-list li{display:flex;align-items:center;gap:10px;font-family:var(--zf-primary-regular);font-size:16px;line-height:1.43;letter-spacing:-0.28px;color:#fff}.zab-tick-list .zab-icon{width:18px;height:18px;background-position:-670px 0}.zab-feature1-wrap,.zab-feature2-wrap{background:var(--color-bg-page)}.zab-feature1-wrap>.content-wrap,.zab-feature2-wrap>.content-wrap{display:flex;align-items:stretch}.zab-feature-text{display:flex;flex-direction:column;justify-content:center;gap:34px;width:50%;padding:104px 90px;box-sizing:border-box}.zab-feature2-wrap .zab-feature-text{padding:84px 90px}.zab-feature-text .zab-title-content{display:flex;flex-direction:column;gap:10px}.zab-feature-text .zab-feature-label{margin-bottom:4px}.zab-feature-text h2{font-family:var(--zf-primary-semibold);font-size:clamp(26px,1.85vw,32px);line-height:1.25;letter-spacing:-0.64px;color:var(--zab-text);margin:0}.zab-feature-text .zab-title-content p{font-family:var(--zf-primary-regular);font-size:18px;line-height:1.44;letter-spacing:-0.54px;color:var(--zab-text-muted);margin:0}.zab-feature2-wrap .zab-feature-text .zab-title-content p{font-size:16px;line-height:1.63;letter-spacing:-0.32px}.zab-feature-text>p{font-family:var(--zf-primary-regular);font-size:16px;line-height:1.38;letter-spacing:-0.48px;color:var(--zab-text);margin:0}.zab-feature-list{display:flex;flex-direction:column;gap:28px;list-style:none;margin:0;padding:0}.zab-feature-list li{display:flex;gap:24px}.zab-list-details{display:flex;flex-direction:column;gap:2px}.zab-feature-list h3{font-family:var(--zf-primary-semibold);font-size:20px;line-height:1.5;letter-spacing:-0.4px;color:var(--zab-text);margin:0}.zab-feature-list p{font-family:var(--zf-primary-regular);font-size:16px;line-height:1.63;letter-spacing:-0.32px;color:var(--zab-text-muted);margin:0}.zab-feature1-wrap .zab-list-1 .zab-icon{background-position:-117px 0,0 0}.zab-feature1-wrap .zab-list-2 .zab-icon{background-position:-146px 0,0 0}.zab-feature1-wrap .zab-list-3 .zab-icon{background-position:-175px 0,0 0}.zab-feature2-wrap .zab-list-1 .zab-icon{background-position:-204px 0,0 0}.zab-feature2-wrap .zab-list-2 .zab-icon{background-position:-233px 0,0 0}.zab-feature2-wrap .zab-list-3 .zab-icon{background-position:-262px 0,0 0}.zab-feature-img{position:relative;width:50%;display:flex;align-items:center;justify-content:center}.zab-miniapp-device{width:345px;max-width:100%}.zab-miniapp-device img{display:block}.zab-feature2-wrap .zab-feature-img{display:block;aspect-ratio:639 / 824;align-self:center}.zab-feature2-wrap .zab-feature-img img{position:absolute;display:block;height:auto}.zab-feature2-wrap img{border-radius:10px}.zab-feature2-wrap .zab-feature-img .zab-img-1{width:41.78%;left:19.01%;top:16.33%}.zab-feature2-wrap .zab-feature-img .zab-img-2{width:41.78%;left:14.32%;top:60.25%}.zab-feature2-wrap .zab-feature-img .zab-img-3{width:41%;left:39.67%;top:38.1%}.zab-cta-wrapper{background:var(--zab-page-bg)}.zab-cta-wrapper .zab-cta-text-wrap{background:var(--cta-bg);background-size:cover;background-position:center;padding:104px 20px}.zab-cta-wrapper .zab-title-wrapper{display:flex;flex-direction:column;gap:10px;align-items:center;width:100%;max-width:504px;margin:0 auto;text-align:center}.zab-title-wrapper h2{font-family:var(--zf-primary-semibold);font-size:clamp(32px,2.78vw,48px);line-height:1.17;letter-spacing:-0.96px;color:#fff;margin:0}.zab-title-wrapper p{font-family:var(--zf-primary-regular);font-size:18px;line-height:1.44;letter-spacing:-0.54px;color:#fff;margin:0}.zab-cta-wrapper .zab-list-btn{margin-top:24px;justify-content:center}@media(min-width:768px){.zab-banner-img,img.zab-sub-img-1,.zab-title-content,.zab-card-wrap .zab-card-content,.zab-integrate-diagram,.zab-option-card,.zab-feature-text>*,.zab-feature-img>*{opacity:0}.zab-banner-wrap.zwe-ob .zab-banner-img{animation:slideDown .7s ease-out .3s forwards}.zab-banner-wrap.zwe-ob img.zab-sub-img-1{animation:slideDown .7s ease-out .6s forwards,idleFloat 4s ease-in-out 1.1s infinite alternate}.zab-title-wrap.zwe-ob .zab-title-content{animation:slideDown .5s cubic-bezier(0.22,1,0.36,1) .1s both}.zab-integrate-diagram.zwe-ob{animation:fadeIn .7s ease-out .2s both}.zab-integrate-options.zwe-ob .zab-option-card{animation:slideDown .5s cubic-bezier(0.22,1,0.36,1) .1s both}.zab-integrate-options.zwe-ob .zab-option-2{animation-delay:.25s}.zab-feature1-wrap.zwe-ob .zab-feature-text>*,.zab-feature2-wrap.zwe-ob .zab-feature-text>*{animation:slideDown .5s cubic-bezier(0.22,1,0.36,1) .1s both}.zab-feature1-wrap.zwe-ob .zab-feature-list .zab-icon,.zab-feature2-wrap.zwe-ob .zab-feature-list .zab-icon{animation:zabScaleIn .5s cubic-bezier(0.22,1,0.36,1) .2s both}.zab-feature1-wrap.zwe-ob .zab-miniapp-device{animation:slideRight .5s ease-out .5s both}.zab-feature2-wrap.zwe-ob .zab-feature-img .zab-img-1{animation:slideUp .2s ease-out .3s both}.zab-feature2-wrap.zwe-ob .zab-feature-img .zab-img-2{animation:slideDown .9s ease-out .5s both}.zab-feature2-wrap.zwe-ob .zab-feature-img .zab-img-3{animation:slideRight .5s ease-out .5s both}.zab-card-wrap{--zab-card-step:.1s}.zab-card-grid .zab-card-content:nth-child(1){--zab-card-i:0}.zab-card-grid .zab-card-content:nth-child(2){--zab-card-i:1}.zab-card-grid .zab-card-content:nth-child(3){--zab-card-i:2}.zab-card-wrap .zab-card-content{--zab-card-delay:calc(var(--zab-card-i, 0) * var(--zab-card-step))}.zab-card-grid.zwe-ob .zab-card-content{animation:slideDown .5s cubic-bezier(0.22,1,0.36,1) var(--zab-card-delay) both}.zab-card-grid.zwe-ob .zab-icon{animation:zabScaleIn .5s cubic-bezier(0.22,1,0.36,1) calc(.05s + var(--zab-card-delay)) both}.zab-card-grid.zwe-ob .zab-card-details h3{animation:slideDown .5s cubic-bezier(0.22,1,0.36,1) calc(.1s + var(--zab-card-delay)) both}.zab-card-grid.zwe-ob .zab-card-details p{animation:slideDown .5s cubic-bezier(0.22,1,0.36,1) calc(.2s + var(--zab-card-delay)) both}}@keyframes zabScaleIn{0%{opacity:0;transform:scale(.1)}100%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.zab-motion-pulse{display:none}}@media(max-width:1280px){.zab-feature-text,.zab-feature2-wrap .zab-feature-text{padding:80px 50px}.zab-card-grid .zab-card-content{padding:40px 36px;gap:60px}.zab-option-card{padding:44px}.zab-integrate-node{gap:12px;padding:12px}.zab-node-details h3{font-size:16px}.zab-node-details p{font-size:14px}.zab-integrate-logo img{width:120px;height:120px}}@media(max-width:1199px){.zab-banner-content{padding:0 20px}.zab-integrate-diagram{max-width:900px}}@media(max-width:1023px){.zab-body-grid .zab-banner-wrap>.content-wrap{flex-direction:column;align-items:center;gap:40px;padding:40px 0}.zab-banner-content,.zab-banner-img{width:100%;max-width:570px}.zab-text-group{align-items:center;text-align:center;margin:0 auto;max-width:max-content}.zab-banner-img img.zab-sub-img-1{left:-4%}.zab-card-grid .zab-card-content{padding:36px 24px;gap:40px}.zab-integrate-diagram{aspect-ratio:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:640px}.zab-integrate-diagram svg{display:none}.zab-integrate-logo,.zab-integrate-node{position:static;transform:none;width:auto}.zab-integrate-logo{grid-column:1 / -1;margin-bottom:24px}.zab-integrate-main .content-wrap{gap:60px;padding:60px 20px}.zab-integrate-options{flex-direction:column;max-width:640px}.zab-option-card{flex:none;min-height:0}.zab-feature1-wrap>.content-wrap,.zab-feature2-wrap>.content-wrap{flex-direction:column;align-items:center;padding:30px 0 0}.zab-feature-text,.zab-feature2-wrap .zab-feature-text{width:100%;max-width:640px;padding:40px 20px 60px}.zab-feature-img{width:100%;max-width:560px}.zab-feature2-wrap .zab-feature-img{padding-top:0;margin-top:-80px;order:2}.zab-feature1-wrap .content-wrap{padding-bottom:60px}.content-wrap.zab-inner-grid:before{display:none}}@media(max-width:767px){.zab-banner-img{max-width:350px}.zab-banner-img img.zab-sub-img-1{left:10px;top:7px}.zab-card-inner-wrap span.zab-icon{margin:auto}.zab-card-grid.zab-bottom-grid{border-bottom:transparent}.zab-integrate-node{max-width:300px;width:100%;max-width:100%}.zab-card-wrap .zab-title-content,.zab-integration-wrap .zab-title-content{padding:60px 10px 40px}.zab-card-wrap .zab-title-content h2,.zab-integration-wrap .zab-title-content h2,.zab-title-wrapper h2{font-size:30px}.zab-card-grid .content-wrap{grid-template-columns:1fr;text-align:center}.zab-card-grid .zab-card-content{gap:20px;padding:40px 10px;max-width:400px;margin:auto}.zab-card-inner-wrap{padding-bottom:30px}.zab-integrate-diagram{grid-template-columns:1fr;max-width:300px}.zab-option-card{padding:32px 24px;gap:24px}.zab-option-details h3{font-size:21px}.zab-option-details p{font-size:16px}.zab-feature-list li{gap:16px}.zab-feature-list h3{font-size:18px}.zab-feature-list p{font-size:15px}.zab-miniapp-device{width:280px}.zab-cta-wrapper .zab-cta-text-wrap{padding:70px 20px}}