.heropage-container{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:703.95px;margin-top:-12px;padding:50px 300px;display:flex}.heropage-container .content{width:100%;height:100%;display:flex}.heropage-container .content .content-left{flex-direction:column;justify-content:center;gap:60px;width:50%;height:100%;display:flex}.heropage-container .content .content-left .title{flex-direction:column;gap:16px;display:flex}.heropage-container .content .content-left .title .main-title{color:var(--chrome-yellow-color);font-size:48px;font-weight:600;line-height:100%}.heropage-container .content .content-left .title .sub-title{color:var(--davy-grey-color);font-size:20px;font-weight:400;line-height:100%}.heropage-container .content .content-left .qr{width:auto;height:auto}.heropage-container .content .content-right{width:50%;height:100%}.heropage-container .content .content-right .img-right{width:100%;height:100%;position:relative}.heropage-container .content .content-right .img-right .right-image{object-fit:contain}@media (max-width:480px){.heropage-container{height:580.81px;margin-top:unset;min-width:auto;padding:12px 14px}.heropage-container .content{flex-direction:column;justify-content:center;gap:20px;width:100%}.heropage-container .content .content-left{flex-direction:column;justify-content:center;gap:16px;width:100%;height:170.62px}.heropage-container .content .content-left .title .main-title{font-size:31px;line-height:100%}.heropage-container .content .content-left .title .sub-title{font-size:16px}.heropage-container .content .content-right{width:100%;height:362.19px}.heropage-container .content .content-right .img-right{background:url(../media/phone-img-rignt.7242d306.png) 50%/contain no-repeat;width:100%;height:100%}.heropage-container .content .content-right .img-right .right-image{display:none}}@media (min-width:997px) and (max-width:1200px){.heropage-container{height:703.95px;margin-top:-12px;padding:12px 22px}.heropage-container .content .content-left{gap:60px;width:50%;height:100%}}@media (min-width:481px) and (max-width:996px){.heropage-container{align-items:unset;height:850px;margin-top:40px;padding:0 22px}.heropage-container .content{flex-direction:column;width:100%;height:623.95px;display:flex}.heropage-container .content .content-left{flex-direction:column;justify-content:center;gap:20px;width:100%;height:100%;display:flex}.heropage-container .content .content-right{min-width:100%;min-height:100%}.heropage-container .content .content-right .img-right{background:url(../media/phone-img-rignt.7242d306.png) 50%/contain no-repeat;width:100%;height:100%}.heropage-container .content .content-right .img-right .right-image{display:none}}
.download{width:100%;height:100%;container-type:inline-size}.download .pc-download{background-size:contain;gap:5cqw;width:100%;height:100%;display:flex;position:relative}.download .pc-download .qr-download{aspect-ratio:1;width:clamp(100px,50cqw,230px);position:relative}.download .pc-download .store{flex-direction:column;justify-content:center;align-items:center;gap:2.5cqw;display:flex}.download .pc-download .store .text{word-spacing:3px;color:#3b2f2f;margin-bottom:1cqw;font-size:clamp(12px,6cqw,24px);font-weight:700}.download .pc-download .store .store-img{aspect-ratio:3.2;cursor:pointer;width:clamp(100px,27cqw,178px);position:relative}.download .phone-download{display:none}@media (max-width:996px){.download{width:271.72px;height:42.62px}.download .pc-download{display:none}.download .phone-download{gap:4cqw;width:100%;height:100%;display:flex}.download .phone-download .store{aspect-ratio:3;width:100%;position:relative}.download .phone-download .store .qr-image-phone{object-fit:contain;cursor:pointer;width:100%;height:100%}}@media (min-width:997px) and (max-width:1400px){.download{width:100%;height:100%;container-type:inline-size}.download .pc-download{background-size:contain;gap:5cqw;width:100%;height:100%;display:flex;position:relative}.download .pc-download .qr-download{aspect-ratio:1;width:clamp(100px,50cqw,230px);position:relative}.download .pc-download .store{flex-direction:column;justify-content:center;align-items:center;gap:2.5cqw;display:flex}.download .pc-download .store .text{word-spacing:3px;color:#3b2f2f;margin-bottom:1cqw;font-size:clamp(12px,6cqw,16px);font-weight:700}.download .pc-download .store .store-img{aspect-ratio:3.2;cursor:pointer;width:clamp(100px,27cqw,178px);position:relative}.download .phone-download{display:none}}
.overviewSection-container{box-sizing:border-box;height:830px;padding:0 72px}.overviewSection-container .background{box-sizing:border-box;background:linear-gradient(#fff3d1df,#fff);border-radius:42px;flex-direction:column;justify-content:space-between;height:100%;padding:40px 24px;display:flex}.overviewSection-container .background .title{flex-direction:column;justify-content:space-between;align-items:center;height:112px;display:flex}.overviewSection-container .background .title .main-title{color:var(--chrome-yellow-color);height:48px;font-size:39px;font-weight:500}.overviewSection-container .background .title .sub-title{height:56px;color:var(--davy-grey-color);flex-direction:column;align-items:center;gap:8px;font-size:16px;line-height:24px;display:flex}.overviewSection-container .background .card-group{scrollbar-width:thin;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;justify-content:space-between;gap:30px;width:100%;height:578px;padding-bottom:10px;display:flex;overflow:auto hidden}.overviewSection-container .background .card-group::-webkit-scrollbar{height:6px}.overviewSection-container .background .card-group::-webkit-scrollbar-thumb{background:#0003;border-radius:9999px}.overviewSection-container .background .card-group::-webkit-scrollbar-track{background:0 0}.overviewSection-container .background .card-group .card-left{flex-direction:column;justify-content:space-between;display:flex}.overviewSection-container .background .card-group .card-left .image{width:258px;height:338px;position:relative}.overviewSection-container .background .card-group .card-left .image .img{width:100%;height:100%}.overviewSection-container .background .card-group .card-center{flex-direction:column;justify-content:space-between;display:flex}.overviewSection-container .background .card-group .card-center .image{width:306.6px;height:338px;position:relative}.overviewSection-container .background .card-group .card-center .image .img{width:100%;height:100%}.overviewSection-container .background .card-group .card-right{flex-direction:column;justify-content:space-between;display:flex}.overviewSection-container .background .card-group .card-right .image{width:291.49px;height:338px;position:relative}.overviewSection-container .background .card-group .card-right .image .img{width:100%;height:100%}.overviewSection-container .background .card-group .card{box-sizing:border-box;background:linear-gradient(#fff,#fff3d1df);border-radius:24px;flex-direction:column;flex-shrink:0;align-items:center;width:399px;height:578px;padding:48px 24px;display:flex;position:relative}.overviewSection-container .background .card-group .card .content{color:#000;flex-direction:column;gap:8px;display:flex}.overviewSection-container .background .card-group .card .content .main-content{text-align:center;height:64px;font-size:25px;font-weight:500;line-height:32px}.overviewSection-container .background .card-group .card .content .sub-content{text-align:center;height:48px;color:var(--davy-grey-color);font-size:16px;font-weight:400;line-height:24px}.overviewSection-container .background .card-group .card:before{content:"";-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(45deg,#dcaa14 0%,#f8e9be 50%,#ffc414 100%);border-radius:24px;padding:2px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (min-width:481px) and (max-width:1400px){.overviewSection-container{background-color:linear-gradient(0deg,var(--white-color),var(--pale-pink-color));border-radius:42px;width:100vw;height:auto;padding:40px 12px}.overviewSection-container .background{padding:unset}.overviewSection-container .background .title{height:100px}.overviewSection-container .background .title .main-title{font-size:25px}.overviewSection-container .background .title .sub-title{text-align:center;height:60px;font-size:14px;line-height:20px}.overviewSection-container .background .title .sub-title .span{margin-top:-8px}.overviewSection-container .background .card-group{scrollbar-width:thin;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:16px;max-width:100vw;height:auto;margin-top:10px;overflow:scroll visible}.overviewSection-container .background .card-group .card-left .image{width:157.68px;height:206px}.overviewSection-container .background .card-group .card-center .image{width:188.74px;height:208.07px}.overviewSection-container .background .card-group .card-right .image{width:174.72px;height:202.59px}.overviewSection-container .background .card-group .card{flex:280px;min-width:260px;max-width:360px;height:auto;padding-top:20px;padding-bottom:32px}.overviewSection-container .background .card-group .card .content{min-width:auto}.overviewSection-container .background .card-group .card .content .main-content{height:48px;font-size:16px;line-height:24px}.overviewSection-container .background .card-group .card .content .sub-content{height:40px;padding:0 10px;font-size:14px;line-height:20px}}@media (max-width:480px){.overviewSection-container{background-color:linear-gradient(0deg,var(--white-color),var(--pale-pink-color));width:100vw;height:auto;padding:40px 12px;overflow:hidden}.overviewSection-container .background{padding:unset}.overviewSection-container .background .title{height:100px}.overviewSection-container .background .title .main-title{font-size:25px}.overviewSection-container .background .title .sub-title{text-align:center;height:80px;font-size:14px;line-height:20px}.overviewSection-container .background .title .sub-title .span{margin-top:-8px}.overviewSection-container .background .card-group{scrollbar-width:thin;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:16px;max-width:100vw;height:auto;margin-top:10px;overflow:scroll visible}.overviewSection-container .background .card-group .card-left .image{width:157.68px;height:206px}.overviewSection-container .background .card-group .card-center .image{width:188.74px;height:208.07px}.overviewSection-container .background .card-group .card-right .image{width:174.72px;height:202.59px}.overviewSection-container .background .card-group .card{scroll-snap-align:start;flex:0 0 280px;width:280px;min-width:260px;max-width:320px;height:auto;padding-top:20px;padding-bottom:32px}.overviewSection-container .background .card-group .card .content{min-width:auto}.overviewSection-container .background .card-group .card .content .main-content{height:48px;font-size:16px;line-height:24px}.overviewSection-container .background .card-group .card .content .sub-content{height:40px;padding:0 10px;font-size:14px;line-height:20px}}
.footer-container{background-color:var(--snow-color);justify-content:space-between;align-items:flex-start;gap:24px;height:auto;padding:24px 40px;display:flex}.footer-container .content-left{width:20%}.footer-container .content-left .logo{letter-spacing:.41px;align-items:center;gap:10px;height:40px;margin-bottom:16px;font-size:20.44px;font-weight:800;line-height:46px;display:flex}.footer-container .content-left .logo .footer-logo{width:29.44px;height:33.22px;position:relative}.footer-container .content-left .logo .footer-logo .logo-icon{width:100%;height:100%}.footer-container .content-left .qr{width:171.15px;height:60.26px}.footer-container .content-center{width:285px;color:var(--davy-grey-color);flex-direction:column;gap:16px;font-size:16px;font-weight:500;line-height:24px;display:flex}.footer-container .content-center .contact{align-items:center;gap:8px;display:flex}.footer-container .content-center .contact .icon{width:24px;height:24px;position:relative}.footer-container .content-center .contact .icon-image{width:100%;height:100%}.footer-container .content-center .social{flex-direction:column;gap:8px;display:flex}.footer-container .content-center .social .icon{gap:16px;display:flex}.footer-container .content-center .social .icon .each-icon{width:20px;height:20px;position:relative}.footer-container .content-center .social .icon .each-icon .icon-image{width:100%;height:100%}.footer-container .content-right{color:#595959;flex-direction:column;gap:20px;display:flex}@media (max-width:560px){.footer-container{flex-direction:column;align-items:flex-start;gap:16px;height:auto;padding:24px 12px}.footer-container .content-left{flex-direction:column;gap:8px;width:100%;display:flex}.footer-container .content-left .logo{letter-spacing:.41px;align-items:center;gap:10px;font-size:20.44px;font-weight:800;line-height:46px;display:flex}.footer-container .content-left .logo .footer-logo{width:29.44px;height:33.22px;position:relative}.footer-container .content-left .logo .footer-logo .icon-icon{width:100%;height:100%}.footer-container .content-center{width:100%;font-size:14px}.footer-container .content-right{gap:12px;width:100%;padding-bottom:0}}@media (min-width:561px) and (max-width:996px){.footer-container{flex-wrap:wrap;gap:36px;height:auto;padding:24px 12px}.footer-container .content-left{flex-direction:column;gap:8px;width:40%;display:flex}.footer-container .content-center{width:40%;font-size:14px}.footer-container .content-right{width:100%;padding-bottom:180px}}@media (min-width:997px) and (max-width:1200px){.footer-container{gap:36px;height:auto;padding:24px 12px}.footer-container .content-left{flex-direction:column;gap:8px;width:380px;display:flex}.footer-container .content-center{font-size:14px}.footer-container .content-right{width:351px;padding-bottom:180px}}@media (min-width:1201px) and (max-width:1400px){.footer-container{gap:36px;height:auto;padding:24px 12px}.footer-container .content-left{flex-direction:column;gap:8px;width:380px;display:flex}.footer-container .content-center{font-size:14px}.footer-container .content-right{width:551px;padding-bottom:180px}}