.homepage-banner-container{width:100%;height:1070px;background-image:url(/icons/icon-banner.png);display:inline-block;vertical-align:middle;background-position:top;background-size:100% 1070px;background-repeat:no-repeat;min-width:1488px;position:relative}.homepage-banner-video{width:100%;height:1070px;object-fit:cover;position:absolute;top:0;left:0}.homepage-banner-main{color:#fff;padding:240px 120px}.homepage-banner-title{font-family:Dustin Sans;font-size:72px;line-height:100%;text-transform:uppercase;width:852px}.homepage-banner-join{margin-top:50px;border-radius:16px;background:rgba(5,5,5,.1);display:inline-flex;height:60px;padding:0 12px 0 20px;justify-content:space-between;align-items:center;flex-shrink:0;gap:40px}.homepage-banner-desc{display:flex;align-items:flex-start;gap:40px;padding-top:120px}.homepage-banner-desc-line{width:2px;height:160px;background-color:hsla(0,0%,100%,.2)}.homepage-banner-desc-txt{font-size:20px;line-height:110%;width:692px}.home-banner-logo{position:absolute;top:310px;right:300px;width:254px;height:278px}.home-nav{position:absolute;bottom:0;padding:0 120px;width:100%;height:80px;display:flex;align-content:center;justify-content:space-between;background-color:hsla(0,0%,100%,.15)}.home-fab-contaier{position:absolute;right:40px;top:640px}.home-fab{width:380px;height:120px;background:hsla(0,0%,100%,.7);border-radius:20px;display:flex;align-items:center;justify-content:center;gap:6px}.home-fab-logo{width:88px;height:88px}.home-fab-txt{color:#0a0a0a;font-family:PP Neue Montreal;font-size:16px;line-height:110%;width:230px}.home-fab-contaier .icon-fab{position:absolute;top:12px;right:12px}.section-03{position:relative}.section-03-header{padding-top:180px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.section-03-title{font-family:Dustin Sans;font-size:64px;width:377px;line-height:100%;text-transform:capitalize;color:#0a0a0a;position:relative}.section-03-title-logo{width:160px;height:30px;position:absolute;top:20px;right:0}.section-03-desc{width:614px;font-size:24px;line-height:100%}.section-03-components{margin-top:80px;position:relative;z-index:1}.section-03-components-item{display:inline-block;width:375px;border:1px solid #0a0a0a;border-right:0;position:relative;z-index:1}.section-03-components-item-logo{width:375px;height:260px;overflow:hidden;position:relative;z-index:1}.section-03-components-item-content{border-top:1px solid #0a0a0a;height:300px;padding:30px 20px 40px;position:relative}.section-03-components-item-title{font-size:24px;line-height:100%}.section-03-components-item-desc{font-size:16px;line-height:110%;margin-top:20px}.section-03-voice{margin-top:300px;text-align:center;z-index:1;position:relative}.section-03-voice-content{position:relative;z-index:1;width:782px;margin:0 auto;cursor:pointer}.section-03-voice-animation{position:relative;z-index:1;width:20%;margin:0 auto}.section-03-voice-title{font-size:24px;line-height:100%}.section-03-voice-desc{width:782px;text-align:center;font-family:Dustin Sans;font-size:48px;margin:20px auto 0;line-height:100%}.section-03-voice-video{position:absolute;width:620px;height:350px;object-fit:cover;border-radius:12px;opacity:0;visibility:hidden;transform:scale(.8);transition:opacity .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:10;box-shadow:0 20px 40px rgba(0,0,0,.15);cursor:pointer}.section-03-voice-video.visible{opacity:1;visibility:visible;transform:scale(1);pointer-events:auto}.section-line{width:1368px;height:1px;background-color:#0a0a0a;opacity:.2;margin:120px auto}.section-03-components-item-video{height:260px}.section-03-dat{position:relative;z-index:1}.section-03-dat-header{display:flex;justify-content:space-between}.section-03-dat-title{width:586px;font-family:Dustin Sans;font-size:48px;color:#000;line-height:100%}.section-03-dat-desc{width:533px;font-size:26px;line-height:100%;margin-top:30px}.section-03-dat-logo-json{display:block}.section-03-dat-logo-mobile{display:none}.section-03-dat-logo{margin-top:120px;padding-bottom:160px}.section-03-dat-logo-api,.section-03-dat-logo-datm,.section-03-dat-logo-flow,.section-03-dat-logo-growth{display:none}.section-04{position:relative;background-color:#226abf;padding-top:200px;height:880px}.section-04-content{display:flex;justify-content:space-between;position:relative;z-index:1}.section-04-logo{height:880px;position:absolute;left:-80px;top:-200px}.section-04-title{color:var(--White,#fff);font-family:Dustin Sans;font-size:48px;font-style:normal;font-weight:400;line-height:100%;width:564px}.section-04-json{width:770px;height:433px}.section-05{padding-top:200px}.section-05,.section-05-content{position:relative;display:flex;justify-content:space-between}.section-05-content{z-index:1}.section-05-title{width:398px;color:#000;font-family:Dustin Sans;font-size:48px}.section-05-desc,.section-05-title{font-style:normal;font-weight:400;line-height:100%}.section-05-desc{margin-top:40px;width:460px;font-family:PP Neue Montreal;font-size:24px}.section-05-components{z-index:1;width:100%}.section-05-component,.section-05-component-sticky{display:flex;justify-content:space-between;align-items:flex-start}.section-05-component-sticky{border-top:1px solid rgba(5,5,5,.3);padding-top:30px;background-color:#fff;width:800px;transition:opacity .3s ease-out;opacity:1}.section-05-component-sticky-01{position:sticky;top:50px}.section-05-component-sticky-02{position:sticky;top:140px}.section-05-component-sticky-03{position:sticky;top:230px}.section-05-component-sticky-04{position:sticky;top:320px}.section-05-component-content{width:620px}.section-05-component-header{display:flex;justify-content:space-between;gap:30px}.section-05-component-title{display:flex;flex-direction:column;justify-content:center;gap:20px}.section-05-component-title-h{font-family:Dustin Sans;font-size:24px;font-style:normal;font-weight:700;line-height:100%}.section-05-component-title-d{font-size:20px;line-height:100%}.section-05-component-items{margin:50px 0;display:flex;flex-direction:column;gap:30px}.section-05-component-item{display:flex;align-items:center;gap:16px}.section-05-component-item-title{display:flex;flex-direction:column;justify-content:center;gap:4px}.section-05-component-item-title-h{font-size:20px;line-height:100%}.section-05-component-item-title-d{font-size:16px;line-height:100%}.section-06{position:relative}.section-06-title{color:#000;font-family:Dustin Sans;font-size:48px}.section-06-desc,.section-06-title{text-align:center;font-style:normal;font-weight:400;line-height:100%}.section-06-desc{width:693px;margin:28px auto 0;font-family:PP Neue Montreal;font-size:24px}.section-06-components{margin-top:60px;display:flex;justify-content:space-between;gap:12px}.section-06-component{width:360px;height:440px;border-radius:12px;padding:30px;position:relative;color:#fff}.section-06-component-01{background-color:#0a0a0a}.section-06-component-02{background-color:#195fdb}.section-06-component-03{color:#0a0a0a;background-color:#dfe7f7}.section-06-component-04{background-image:url(/icons/icon-bg-component.png)}.section-06-component-cover{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3;border-radius:16px}.section-06-component-json{width:120px;height:120px}.section-06-component-bottom{position:absolute;left:30px;bottom:30px}.section-06-component-title{font-size:20px;font-weight:500;line-height:100%}.section-06-component-desc{font-size:16px;line-height:100%;opacity:.6;margin-top:20px}.section-06-component-bottom .btn{margin-top:30px}.section-07-title{text-align:center;font-family:Dustin Sans;font-size:48px;font-style:normal;font-weight:400;line-height:100%}.section-07 .card-items{margin-top:60px}.section-08-title{text-align:center;font-family:Dustin Sans;font-size:32px;font-style:normal;font-weight:400;line-height:100%}.section-08-logos{display:flex;justify-content:flex-start;align-items:center;margin:40px auto 100px;width:880px;flex-wrap:wrap;gap:20px}@media screen and (max-width:576px){.homepage-banner-container{background-image:url(/icons/icon-banner-mobile.png);min-width:auto;height:908px}.home-banner-logo{top:60px;right:30px;width:146px;height:140px}.homepage-banner-video{height:908px;display:none}.homepage-banner-main{padding:260px 20px 0}.homepage-banner-title{font-size:40px;width:100%}.homepage-banner-join{height:48px;font-size:14px;width:200px;gap:0;margin-top:20px}.homepage-banner-join .icon{width:32px;height:32px}.homepage-banner-desc{gap:16px;padding-top:60px}.homepage-banner-desc-line{height:80px}.homepage-banner-desc-txt{font-size:14px}.home-fab-contaier{left:20px;right:20px;top:668px}.home-fab{width:100%}.home-fab-txt{font-size:14px}.home-nav{padding:0 20px;height:60px}.section-03-header{padding:80px 20px 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px}.section-03-title{width:189px;font-size:32px}.section-03-title-logo{width:106px;height:20px;top:6px}.section-03-desc{font-size:14px;width:100%}.section-03-components-item{width:300px}.section-03-components-item-logo{width:100%;height:208px}.section-03-components-item-video{height:208px}.section-03-components-item-title{font-size:20px}.section-03-components-item-desc{font-size:12px}.section-03-components-item-content{height:240px;padding:20px 16px}.section-03-components-item-content .btn{font-size:14px}.section-03-voice{margin-top:120px}.section-03-voice-title{font-size:14px}.section-03-voice-content{width:370px}.section-03-voice-desc{width:370px;font-size:32px;margin-top:16px}.section-03-voice-video{width:280px;height:113px;border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.1)}.section-03-dat{text-align:center}.section-03-dat-logo-json{display:none}.section-03-dat-logo-mobile{display:block}.section-03-dat-logo{width:100%;height:600px;display:inline-block;background-size:100% 100%;background-position:50%;vertical-align:middle;margin:60px auto 100px;padding:0 20px;position:relative}.section-line{width:calc(100% - 40px);margin:80px auto}.section-03-dat-header{padding:0 20px;text-align:left}.section-03-dat-title{font-size:32px;width:268px}.section-03-dat-desc{font-size:14px;width:268px;margin-top:20px}.section-03-dat-logo-api{position:absolute;left:81px;top:99px;width:58px;height:58px}.section-03-dat-logo-flow{position:absolute;left:50px;bottom:70px;width:41px;height:41px}.section-03-dat-logo-growth{position:absolute;right:64px;bottom:42px;width:54px;height:54px}.section-03-dat-logo-datm{position:absolute;left:217px;top:278px;width:54px;height:54px}.section-04{padding:80px 20px 0;height:560px;overflow:hidden}.section-04-content{display:flex;flex-direction:column}.section-04-title{width:307px;font-size:32px}.section-04-json{width:100%;height:205px;margin-top:60px}.section-04-logo{width:280%;left:-50px;top:-20px;display:none}.section-05{padding:80px 20px 0}.section-05-content{position:relative;z-index:1;display:flex;flex-direction:column}.section-05-title{width:244px;font-size:32px}.section-05-desc{width:307px;font-size:14px;margin-top:20px;margin-bottom:40px}.icon-ellipse-05{z-index:1}.section-05-components{width:100%;margin-top:0}.section-05-component{padding-top:25px;flex-direction:column}.section-05-component-sticky{width:100%;background-color:transparent;gap:20px}.section-05-component-content{width:306px;flex-shrink:0}.section-05-component-header{gap:16px}.section-05-component-header img{width:54px;height:60px}.section-05-component-title{gap:10px}.section-05-component-title-h{font-size:16px}.section-05-component-title-d{font-size:12px}.section-05-component-items{margin:30px 0;gap:20px}.section-05-component-item{gap:12px;align-items:flex-start}.section-05-component-item img{width:32px;height:32px;flex-shrink:0}.section-05-component-item-title{width:262px;flex-shrink:0;gap:8px}.section-05-component-item-title-h{font-size:14px}.section-05-component-item-title-d{font-size:12px}.section-06{width:100%;padding:0 12px}.section-06-title{font-size:32px}.section-06-desc{width:280px;font-size:14px;margin-top:16px}.section-06-components{flex-wrap:wrap;margin-top:40px;gap:10px}.section-06-component{width:48.5%;height:280px;flex-shrink:0;padding:20px 16px}.section-06-component .section-06-component-json,.section-06-component img{width:60px;height:60px}.section-06-component-bottom{left:12px;bottom:20px;width:156px}.section-06-component-title{font-size:16px;width:100%}.section-06-component-desc{font-size:12px;width:100%}.section-06-component-bottom .btn{height:48px;font-size:14px;gap:16px;padding:0 8px 0 12px}.section-06-component-04{background-size:contain}.section-07{padding:0 20px}.section-07-title{font-size:32px}.card-items{display:flex;flex-direction:column;gap:20px}.card-item{width:100%;height:440px}.card-item-content{padding:20px}.card-item-title{font-size:16px}.card-item-desc{font-size:12px;margin-top:12px}.card-item-content .btn{bottom:20px;left:20px}.section-08-logos{width:100%;gap:5%;row-gap:10px;padding:0 10px}.section-08-logos>a{width:30%;display:block}.section-08-logos img{width:100%;height:100%;object-fit:contain}}.video-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(8px)}.video-modal-content{position:relative;max-width:90vw;max-height:90vh;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3)}.video-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:10;transition:all .3s ease;cursor:pointer}.video-modal-close:hover{background:#fff;transform:scale(1.1)}.video-modal-close .icon{width:20px;height:20px}.video-modal-video{width:auto;height:70vh;object-fit:cover;display:block}@media (max-width:768px){.video-modal-content{max-width:95vw;max-height:80vh;margin:20px}.video-modal-close{top:12px;right:12px;width:36px;height:36px}.video-modal-close .icon{width:18px;height:18px}.video-modal-video{width:auto;height:70vh}}