.home{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.home .animated-section{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}@media(max-width:768px){.home .animated-section{transform:translateZ(0)}}.home .page-section{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:40vh;margin-bottom:1.5rem}@media(max-width:768px){.home .page-section{margin-bottom:1rem;min-height:30vh}}.home .page-section:first-child{margin-top:0}.home .page-section:last-child{margin-bottom:0}.home [style*=opacity],.home [style*=transform]{will-change:transform,opacity}.animated-section,[class*=AnimatedButton],[class*=AnimatedContent],[class*=AnimatedImage],[class*=AnimatedText]{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}:root{--ease-out-cubic:cubic-bezier(0.25,0.46,0.45,0.94);--ease-out-back:cubic-bezier(0.34,1.56,0.64,1);--ease-out-smooth:cubic-bezier(0.23,1,0.32,1)}@media(max-width:600px){.p1-container{padding:20px 16px}}.p1-title1,.p1-title2{margin-bottom:18px;color:#fff;letter-spacing:0;text-align:center;font-family:Kanit;font-size:40px;font-style:normal;font-weight:700;line-height:48px}@media(max-width:600px){.p1-title1,.p1-title2{margin-bottom:12px;font-size:28px;line-height:32px}}.p1-title1 .p1-title1-text2,.p1-title1 .p1-title2-text2,.p1-title2 .p1-title1-text2,.p1-title2 .p1-title2-text2{margin-left:24px}@media(max-width:600px){.p1-title1 .p1-title1-text2,.p1-title1 .p1-title2-text2,.p1-title2 .p1-title1-text2,.p1-title2 .p1-title2-text2{display:block;margin-top:8px;margin-left:0}}.p1-title1-text1,.p1-title2-text2{color:#05b471;color:var(--Color-White-100,#fff);text-align:center;font-family:Kanit;font-size:72px;font-style:normal;font-weight:700;line-height:100%}@media(max-width:600px){.p1-title1-text1,.p1-title2-text2{font-size:36px;line-height:100%}}.p1-title1-text2,.p1-title2-text1{-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;font-family:Kanit;font-size:72px;font-style:normal;font-weight:700;line-height:100%;background:linear-gradient(90deg,#01fd6b,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;text-shadow:0 0 20px rgba(0,255,157,.6),0 4px 60px rgba(0,255,157,.2),0 0 10px rgba(0,229,141,.5)}@media(max-width:600px){.p1-title1-text2,.p1-title2-text1{font-size:36px;line-height:100%;-webkit-text-stroke-width:.5px;text-shadow:0 20px 50px rgba(0,229,141,.25),0 12px 16px rgba(0,229,141,.15),0 5px 7px rgba(0,229,141,.18),0 2px 3px rgba(0,229,141,.12)}}.p1-title3{color:var(--Color-White-100,#fff);text-align:center;font-family:Kanit;font-size:14px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:1.96px;text-transform:uppercase}@media(max-width:600px){.p1-title3{font-size:12px;letter-spacing:1px;line-height:1.4;margin:0 16px;padding:0 8px}}.p1-btn{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px}@media(max-width:600px){.p1-btn{flex-direction:column;gap:12px;margin-top:32px;padding:0 20px}}.p1-btn .p1-btn-btn1{width:168px;height:48px;color:#fff}@media(max-width:600px){.p1-btn .p1-btn-btn1{width:100%;max-width:280px;height:44px;font-size:14px}}.p1-btn .MuiButton-root.p1-btn-btn2{width:240px;height:48px;padding:0 24px;border-radius:24px;font-size:14px;border:1px solid #fff;background-blend-mode:plus-lighter,normal;background:url(/static/img/white/icon/btn-bg.png) repeat 0 0/30px 30px,linear-gradient(180deg,#01fd6b,#00d057)!important;box-shadow:inset 0 1px 18px 2px #d9fff0,inset 0 1px 4px 2px #d9fff0,0 10.27px 13.4px rgba(0,229,141,.22),0 3.71px 4.85px rgba(0,229,141,.15)!important;background-size:400px 400px,cover}@media(max-width:600px){.p1-btn .MuiButton-root.p1-btn-btn2{width:100%;max-width:280px;height:44px;font-size:14px;padding:0 20px}}.p1-btn .p1-btn-btn2:hover{box-shadow:inset 0 1px 1px #d9fff0,inset 0 1px 6px #d9fff0,0 10px 20px rgba(0,229,141,.34),0 24px 40px rgba(80,255,153,.12)!important;transition:all .3s ease-in-out}.p2-container{min-height:100vh;margin-top:300px;display:flex;align-items:center;justify-content:center}@media(max-width:600px){.p2-container{margin-top:100px;min-height:auto;padding:40px 20px;flex-direction:column;gap:32px}}.p2-container .p2-left{margin-right:20px}@media(max-width:600px){.p2-container .p2-left{margin-right:0;display:flex;justify-content:center}.p2-container .p2-left img{width:280px!important;height:auto!important;max-width:100%}}.p2-container .p2-right{max-width:421px}@media(max-width:600px){.p2-container .p2-right{max-width:100%;text-align:center}}.p2-container .p2-right .p2-title{font-family:Kanit;font-size:32px;font-style:normal;font-weight:700;line-height:125%}@media(max-width:600px){.p2-container .p2-right .p2-title{font-size:24px;line-height:130%;margin-bottom:24px}}.p2-container .p2-right .p2-title .p2-title-text1-text1{font-size:40px;font-weight:700;color:var(--Color-Green,#01fd6b)}@media(max-width:600px){.p2-container .p2-right .p2-title .p2-title-text1-text1{font-size:28px;display:block;margin-bottom:8px}.p2-container .p2-right .p2-title .p2-title-text1-text2{font-size:24px;display:block}}.p2-container .list-container{margin-top:24px;display:flex;flex-direction:column;gap:20px}@media(max-width:600px){.p2-container .list-container{gap:24px;margin-top:32px}}.p2-container .list-container .list-item{display:flex;align-items:center;gap:16px}@media(max-width:600px){.p2-container .list-container .list-item{flex-direction:column;text-align:center;gap:12px;padding:20px;background:hsla(0,0%,100%,.05);border-radius:16px;border:1px solid hsla(0,0%,100%,.1)}}.p2-container .list-container .list-item img{width:64px;height:64px}@media(max-width:600px){.p2-container .list-container .list-item img{width:48px;height:48px}}.p2-container .list-container .list-item .list-item-title{color:var(--Color-White-100,#fff);font-family:Kanit;font-size:16px;font-style:normal;font-weight:700;line-height:normal}@media(max-width:600px){.p2-container .list-container .list-item .list-item-title{font-size:18px;margin-bottom:8px}}.p2-container .list-container .list-item .list-item-desc{color:var(--Color-White-65,hsla(0,0%,100%,.65));font-family:Kanit;font-size:14px;font-style:normal;font-weight:400;line-height:normal}@media(max-width:600px){.p2-container .list-container .list-item .list-item-desc{font-size:14px;line-height:1.4;max-width:280px}}.p3-container{min-height:100vh}.p3-btn{padding:24px;border-radius:24px;background-blend-mode:plus-lighter;backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.2);box-shadow:inset 3px 4px 1px -3.5px hsla(0,0%,100%,.8),inset -3px -3px 2px -2px rgba(0,0,0,.8),inset 0 0 0 1px #a6a6a6,inset 0 0 2px 0 #f2f2f2;background-color:hsla(0,0%,100%,.004)}.p3-btn:hover{background-blend-mode:plus-lighter,normal}.p3-btn-selected,.p3-btn:hover{background:url(/static/img/white/icon/btn-bg.png) repeat 0 0/30px 30px,linear-gradient(180deg,#01fd6b,#00d057)!important;box-shadow:inset 0 1px 18px 2px #d9fff0,inset 0 1px 4px 2px #d9fff0,0 10.27px 13.4px rgba(0,229,141,.22),0 3.71px 4.85px rgba(0,229,141,.15)!important;background-size:400px 400px,cover;color:#000!important}.p3-btn-selected{border:1px solid #05b471;background:url(/textures/grid.png) #d3d3d3 0 0/30px 30px repeat,linear-gradient(180deg,#01fd6b,#00d057);background-blend-mode:plus-lighter,normal;box-shadow:inset 0 1px 18px 2px #d9fff0,inset 0 1px 4px 2px #d9fff0,0 42px 107px rgba(0,229,141,.34),0 24.721px 32.257px rgba(0,229,141,.19),0 10.268px 13.398px rgba(0,229,141,.22),0 3.714px 4.846px rgba(0,229,141,.15),0 0 0 2px rgba(234,248,242,.6),0 0 0 3px hsla(0,0%,100%,.3)}.p4-container{display:flex;flex-direction:column;align-items:center}@media(max-width:600px){.p4-container{padding:40px 20px;margin-top:60px}}.p4-container .title{background:linear-gradient(90deg,#01fd6b,#fff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-family:Kanit;font-size:32px;font-style:normal;font-weight:700;line-height:125%}@media(max-width:600px){.p4-container .title{font-size:28px;line-height:130%;margin-bottom:16px}}.p4-container .t1{margin-top:20px;text-align:center;font-family:Kanit;font-size:14px;font-style:normal;font-weight:600;line-height:125%}@media(max-width:600px){.p4-container .t1{margin-top:16px;font-size:16px;line-height:140%;max-width:320px;padding:0 16px;color:hsla(0,0%,100%,.9)}}.p4-container .t2{margin-top:20px;font-weight:400}@media(max-width:600px){.p4-container .t2{margin-top:16px;font-size:14px;line-height:140%;max-width:280px;text-align:center;padding:0 16px;color:hsla(0,0%,100%,.75)}}.p4-container .img-w{margin-top:55px;display:flex}@media(max-width:600px){.p4-container .img-w{margin-top:40px;flex-wrap:wrap;justify-content:center;gap:16px;max-width:300px}}.p4-container .img-w img{cursor:pointer}@media(max-width:600px){.p4-container .img-w img{width:40px!important;height:40px;margin-left:0!important;transition:transform .2s ease}.p4-container .img-w img:hover{transform:scale(1.1)}}.p5-container{max-width:80%;display:flex;align-items:center;justify-content:space-between;margin:200px auto auto}@media(max-width:600px){.p5-container{flex-direction:column;padding:60px 20px 40px;text-align:center;max-width:100%;margin-top:100px;gap:48px}}.p5-container .l{flex:1;max-width:600px;margin-right:60px;z-index:1}@media(max-width:600px){.p5-container .l{margin-right:0;margin-bottom:0;max-width:100%;display:flex;flex-direction:column;align-items:center}}.p5-container .l .t1{margin-bottom:32px}@media(max-width:600px){.p5-container .l .t1{margin-bottom:24px;display:flex;justify-content:center}}.p5-container .l .t1 img{width:260px;height:48px;object-fit:contain}@media(max-width:600px){.p5-container .l .t1 img{width:200px;height:36px;object-fit:contain}}.p5-container .l .t2{color:#fff;font-size:24px;font-weight:400;line-height:1.4;font-family:Kanit;opacity:.9}@media(max-width:600px){.p5-container .l .t2{font-size:16px;line-height:1.5;max-width:320px;margin:0 auto;text-align:center}}.p5-container .r{display:flex;gap:48px;z-index:1;min-width:280px}@media(max-width:600px){.p5-container .r{flex-direction:column;align-items:center;gap:40px;min-width:auto;width:100%;max-width:300px;margin:0 auto}.p5-container .r .link-section{width:100%;text-align:center}}.p5-container .r .link-section .section-title{color:#fff;font-size:18px;font-weight:600;font-family:Kanit;margin-bottom:16px}@media(max-width:600px){.p5-container .r .link-section .section-title{text-align:center;font-size:20px;margin-bottom:20px;color:#01fd6b}}.p5-container .r .link-section .link-list{display:flex;flex-direction:column;gap:12px}@media(max-width:600px){.p5-container .r .link-section .link-list{gap:16px;align-items:center}}.p5-container .r .link-section .link-list .link-item{display:flex;align-items:center;padding:8px 0;text-decoration:none;transition:all .3s ease;border-radius:8px}@media(max-width:600px){.p5-container .r .link-section .link-list .link-item{padding:12px 20px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;width:100%;max-width:200px;justify-content:center;transition:all .3s ease}.p5-container .r .link-section .link-list .link-item:hover{background:rgba(1,253,107,.1);border-color:rgba(1,253,107,.3);transform:translateY(-2px)}}.p5-container .r .link-section .link-list .link-item .link-text{font-family:Kanit;font-size:16px;font-weight:400;color:var(--Color-White-65,hsla(0,0%,100%,.65))}@media(max-width:600px){.p5-container .r .link-section .link-list .link-item .link-text{font-size:14px;font-weight:500;color:hsla(0,0%,100%,.85)}}.p5-container .r .link-section .link-list .link-item .link-text:hover{color:#00d057;text-decoration:underline}@media(max-width:600px){.p5-container .r .link-section .link-list .link-item .link-text:hover{color:#01fd6b;text-decoration:none}}