html{-webkit-text-size-adjust:100%;font-family:Sarabun,sans-serif;line-height:1.5;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{font-family:inherit;line-height:inherit;margin:0}h1,h2,p,pre{margin:0}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}.wrapper{width:100%}.wrapper .container{width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}.wrapper .container .title{font-size:28px;font-weight:700;padding-top:24px;padding-bottom:24px}.wrapper .container .content{font-size:18px;font-weight:400;padding-top:24px;padding-bottom:24px}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid #4caf50;outline-offset:2px}.app{width:100%;min-height:100vh;position:relative;font-family:Sarabun,sans-serif}.header{width:100%;position:absolute;top:0;z-index:100;padding:24px 0}.header-container{max-width:1200px;margin:0 auto;padding:0 20px;height:60px;display:flex;justify-content:space-between;align-items:center}@media (min-width: 768px){.header-container{height:80px;padding:0 40px}}.logo{display:flex;align-items:center}.logo-image{width:160px}.language-toggle{display:flex;align-items:center;gap:8px}.lang-btn{background:none;border:none;padding:8px 12px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:color .2s ease,background-color .2s ease;font-family:Sarabun,sans-serif;border-radius:4px}.lang-btn:hover{color:#4caf50;background-color:#0000000d}.lang-btn:focus-visible{outline:2px solid #b0e64c;outline-offset:2px}.lang-btn.active{color:#b0e64c;font-weight:600}@media (min-width: 768px){.lang-btn{font-size:16px;padding:8px 16px}}.separator,.separator-footer{color:#fff;font-size:16px;-webkit-user-select:none;user-select:none}.separator-footer{color:#b0e64c;display:none}@media (min-width: 768px){.separator-footer{display:block}}.main-content{padding:0;position:relative;overflow:hidden}.container{max-width:1200px;margin:0 auto}.hero-section{position:relative;min-height:690px;background-image:url(/s/assets/images/hero-mobile.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;padding:60px 20px}@media (min-width: 768px){.hero-section{min-height:600px;padding:80px 40px;background-image:url(/s/assets/images/hero-tablet.jpg)}}@media (min-width: 1440px){.hero-section{min-height:700px;background-image:url(/s/assets/images/hero-desktop.jpg)}}.hero-content{position:relative;z-index:2;max-width:1200px;width:100%;color:#fff;margin-top:auto}@media (min-width: 768px){.hero-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left}}.hero-headline{font-family:Noto Sans Thai,sans-serif;font-size:53px;font-weight:800;line-height:1.2;margin:0 0 10px;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}@media (min-width: 768px) and (max-width: 1439px){.hero-headline{font-size:38px}}@media (min-width: 1440px){.hero-headline{font-size:56px}}.hero-subheadline{font-family:Noto Sans Thai,sans-serif;font-size:34px;font-weight:700;line-height:1.5;margin:0 0 30px;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (min-width: 768px) and (max-width: 1439px){.hero-subheadline{font-size:28px}}@media (min-width: 1440px){.hero-subheadline{font-size:36px}}.hero-cta{display:flex;flex-direction:row;gap:16px;align-items:center}@media (min-width: 768px){.hero-cta{flex-direction:row;gap:20px;align-items:flex-start}}.app-store-link,.google-play-link{display:inline-block;transition:transform .2s ease,opacity .2s ease;border-radius:8px}.app-store-link:hover,.google-play-link:hover{opacity:.9}.app-store-link:active,.google-play-link:active{transform:translateY(0)}.app-store-link:focus-visible,.google-play-link:focus-visible{outline:3px solid #4caf50;outline-offset:4px}.app-store-badge,.google-play-badge{height:40px;width:auto;display:block;aspect-ratio:auto;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.app-store-badge:hover,.google-play-badge:hover{transform:translateY(-2px);opacity:.9}@media (min-width: 768px){.app-store-badge,.google-play-badge{height:50px}}.wong-kaset-section{max-width:1200px;margin:0 auto;background-color:#fff;padding:40px 24px;display:flex;flex-direction:column;gap:32px}@media (min-width: 768px){.wong-kaset-section{padding:60px 48px 40px;min-height:250px}}@media (min-width: 1024px){.wong-kaset-section{padding:80px 48px 40px;min-height:300px}}@media (min-width: 1440px){.wong-kaset-section{min-height:350px}}.wong-kaset-container{flex:1;display:flex;flex-direction:column;gap:10px}@media (min-width: 768px){.wong-kaset-container{max-width:50%}}.wong-kaset-title{font-family:Noto Sans Thai,sans-serif;font-size:32px;font-weight:700;margin:0;line-height:1.2}.wong-kaset-subtitle{font-family:Noto Sans Thai,sans-serif;font-size:24px;font-weight:500;margin:0;line-height:1.4}.wong-kaset-description{font-size:16px;color:#80838d;margin:0;line-height:1.6}.wong-kaset-screenshots{display:flex;justify-content:center;align-items:center;padding:20px;background-color:#fff}@media (min-width: 768px) and (max-width: 850px){.wong-kaset-screenshots{display:block;position:absolute;right:-8%;top:240px;width:380px;z-index:50;padding:0;background-color:transparent}}@media (min-width: 850px) and (max-width: 1023px){.wong-kaset-screenshots{display:block;position:absolute;right:0%;top:240px;width:380px;z-index:50;padding:0;background-color:transparent}}@media (min-width: 1024px) and (max-width: 1200px){.wong-kaset-screenshots{display:block;position:absolute;right:0%;top:240px;width:400px;z-index:50;padding:0;background-color:transparent}}@media (min-width: 1200px) and (max-width: 1439px){.wong-kaset-screenshots{display:block;position:absolute;right:0%;top:240px;width:450px;z-index:50;padding:0;background-color:transparent}}@media (min-width: 1440px){.wong-kaset-screenshots{display:block;position:absolute;right:0%;top:240px;width:500px;z-index:50;padding:0;background-color:transparent}}.wong-kaset-mockup{max-width:100%;height:auto;object-fit:contain;padding-left:15%;margin-top:10%;margin-bottom:-20%}@media (min-width: 768px){.wong-kaset-mockup{padding-left:0;margin-top:0;margin-bottom:0}}.box-section{padding:40px 20px;background-color:#fff}@media (min-width: 768px){.box-section{padding:40px}}.box-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px}@media (min-width: 768px){.box-container{flex-direction:row;align-items:center;gap:48px}}.box-content{flex:1;display:flex;flex-direction:column;gap:16px}.box-title{font-family:Noto Sans Thai,sans-serif;font-size:32px;font-weight:700;margin:0;line-height:1.2}@media (min-width: 768px){.box-title{font-size:36px}}.box-description{font-size:16px;color:#80838d;margin:0;line-height:1.6}.list-box{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}.list-item{display:flex;align-items:center;gap:16px;padding:8px;transition:transform .2s ease,box-shadow .2s ease}.list-item:hover{transform:translate(4px)}.list-icon{width:30px;height:30px;flex-shrink:0;object-fit:contain;aspect-ratio:1/1;background-color:#b0e64c;border-radius:8px;padding:5px}@media (min-width: 768px){.list-icon{width:36px;height:36px}}.list-text{font-size:20px;color:#80838d;margin:0;line-height:1.5;font-weight:500}@media (min-width: 768px){.list-text{font-size:16px}}.box-screenshots{flex:1;display:flex;justify-content:center;align-items:center}.box-mockup{max-width:100%;height:auto;object-fit:contain}@media (min-width: 768px){.row-reverse-desktop{flex-direction:row-reverse}}.footer{position:relative;background-color:#1a1a1a;background-image:url(/s/assets/images/footer-mobile.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#f5f5f5;padding:40px 20px 180px;margin-top:0}@media (min-width: 768px){.footer{padding:60px 40px 100px 20px;background-image:url(/s/assets/images/footer-tablet.jpg)}}@media (min-width: 1440px){.footer{background-image:url(/s/assets/images/footer-desktop.jpg)}}.footer-container{position:relative;z-index:2;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px;align-items:flex-start;text-align:left}@media (min-width: 1440px){.footer-container{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:48px}}.footer-logo{display:flex;align-items:center}.footer-logo-image{width:160px}.footer-nav{flex:2;padding-top:15px}.footer-nav-content{display:flex;flex-direction:column;gap:12px;align-items:flex-start;justify-content:center}@media (min-width: 768px){.footer-nav-content{flex-direction:row;justify-content:center;gap:16px}}.footer-link{color:#b0e64c;text-decoration:none;font-size:16px;font-weight:400;transition:color .2s ease,background-color .2s ease;padding:4px 0;display:inline-block}.footer-link:hover{text-decoration:underline}.footer-link:focus-visible{outline:2px solid #b0e64c;outline-offset:2px}.footer-contact{flex:1;display:flex;flex-direction:column;gap:8px;align-items:flex-start;font-style:normal}@media (min-width: 1440px){.footer-contact{align-items:flex-start}}.footer-contact-title{color:#fff;font-size:20px;font-weight:600;margin:0 0 8px}.footer-contact-email,.footer-contact-address{font-size:16px;margin:0}.footer-copyright{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding-top:20px;text-align:left}@media (min-width: 1440px){.footer-copyright{padding-top:10px;text-align:center}}.footer-copyright p{color:#e8e8ec;font-size:13px;margin:0;line-height:1.5}@media (min-width: 1440px){.footer-copyright p{font-size:14px}}.cookie-banner__button--secondary,.cookie-banner__button--primary{padding:16px 24px;border-radius:999px;font-weight:600;font-size:20px;flex:1;min-width:184px;cursor:pointer}.cookie-banner__button--secondary:hover,.cookie-banner__button--primary:hover{opacity:.8}.cookie-banner{padding:16px;position:sticky;bottom:0;left:0;right:0;background-color:#f0f0f3;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:999}.cookie-banner__content{display:flex;flex-direction:column;gap:48px}@media (min-width: 1024px){.cookie-banner__content{flex-direction:row;gap:0}}@media (min-width: 1024px){.cookie-banner__content__left{display:flex;align-items:center}}.cookie-banner__content__left__logo{height:60px;margin-bottom:16px}@media (min-width: 1024px){.cookie-banner__content__left__logo{margin-bottom:0}}.cookie-banner__content__left__text{color:#110f14;max-width:390px}@media (min-width: 1024px){.cookie-banner__content__left__text{padding:16px}}.cookie-banner__content__right{display:flex;gap:24px;flex-direction:column}@media (min-width: 430px){.cookie-banner__content__right{flex-direction:row;align-items:center}}@media (min-width: 1024px){.cookie-banner__content__right{padding:16px}}.cookie-banner__button--primary{background-color:#bdee63;color:#37401c}.cookie-banner__button--secondary{border:1px solid #b9bbc6;color:#60646c}.terms-of-use .header{position:relative;background-color:#1a1a1a;background-image:url(/s/assets/images/header-desktop.jpg);background-size:cover;background-position:top left;background-repeat:no-repeat;height:140px;padding:0 16px;display:flex;align-items:center}@media (min-width: 768px){.terms-of-use .header{padding:0 32px}}@media (min-width: 1024px){.terms-of-use .header{padding:0 200px}}.terms-of-use .logo-image{width:192px;height:auto}.terms-of-use .content{padding:80px 16px 160px;color:#80838d;font-weight:600;display:flex;flex-direction:column;gap:36px}@media (min-width: 768px){.terms-of-use .content{padding:80px 32px 160px}}@media (min-width: 1024px){.terms-of-use .content{padding:80px 200px 160px}}.terms-of-use .content .link{font-weight:700;text-decoration:underline;color:#60646c}.terms-of-use .content .title{color:#1c2024;margin-bottom:8px}.terms-of-use .content .sub-title{color:#1c2024;font-weight:700}.terms-of-use .content .sub-content{display:flex;flex-direction:column;gap:32px}.terms-of-use .content .bullet-1{display:flex;flex-direction:column;gap:16px;padding-left:16px}.terms-of-use .content .bullet-1:not(:last-child){margin-bottom:32px}.terms-of-use .content .bullet-2{display:flex;flex-direction:column;gap:16px;padding-left:32px}.privacy-policy .header{position:relative;background-color:#1a1a1a;background-image:url(/s/assets/images/header-desktop.jpg);background-size:cover;background-position:top left;background-repeat:no-repeat;height:140px;padding:0 16px;display:flex;align-items:center}@media (min-width: 768px){.privacy-policy .header{padding:0 32px}}@media (min-width: 1024px){.privacy-policy .header{padding:0 200px}}.privacy-policy .underline{text-decoration:underline}.privacy-policy .logo-image{width:192px;height:auto}.privacy-policy .content{padding:80px 16px 160px;color:#80838d;font-weight:600;display:flex;flex-direction:column;gap:32px}@media (min-width: 768px){.privacy-policy .content{padding:80px 32px 160px}}@media (min-width: 1024px){.privacy-policy .content{padding:80px 200px 160px}}.privacy-policy .content .link{font-weight:700;text-decoration:underline;color:#60646c}.privacy-policy .content .title{color:#1c2024;margin-bottom:8px}.privacy-policy .content .sub-title{color:#1c2024;font-weight:700}.privacy-policy .content .sub-content{display:flex;flex-direction:column;gap:32px}.privacy-policy .content .bullet-1{display:flex;flex-direction:column;padding-left:16px}.privacy-policy .content .bullet-2{display:flex;flex-direction:column;gap:16px;padding-left:32px}.privacy-policy .table-wrapper{max-width:100%;border:1px solid #b9bbc6;border-radius:16px;overflow-x:auto}.privacy-policy table{min-width:1040px;width:100%;border-spacing:0;table-layout:fixed}.privacy-policy th,.privacy-policy td{padding:16px;text-align:left;vertical-align:top;border:1px solid #b9bbc6}.privacy-policy th{color:#1c2024;background-color:#e0e1e6}.privacy-policy tr:first-child th{border-top:0}.privacy-policy tr:last-child td{border-bottom:0}.privacy-policy tr td:first-child,.privacy-policy tr th:first-child{border-left:0;width:60px;background-color:#f0f0f3;position:sticky;left:0;z-index:2}.privacy-policy tr td:last-child,.privacy-policy tr th:last-child{border-right:0}.privacy-policy tr:first-child th:first-child{background-color:#cdced6}.privacy-policy ul{padding-left:32px}.cookie-policy .header{position:relative;background-color:#1a1a1a;background-image:url(/s/assets/images/header-desktop.jpg);background-size:cover;background-position:top left;background-repeat:no-repeat;height:140px;padding:0 16px;display:flex;align-items:center}@media (min-width: 768px){.cookie-policy .header{padding:0 32px}}@media (min-width: 1024px){.cookie-policy .header{padding:0 200px}}.cookie-policy .logo-image{width:192px;height:auto}.cookie-policy .content{padding:80px 16px 160px;color:#80838d;font-weight:600;display:flex;flex-direction:column;gap:32px}@media (min-width: 768px){.cookie-policy .content{padding:80px 32px 160px}}@media (min-width: 1024px){.cookie-policy .content{padding:80px 200px 160px}}.cookie-policy .content .link{font-weight:700;text-decoration:underline;color:#60646c}.cookie-policy .content .title{color:#1c2024;margin-bottom:8px}.cookie-policy .content .sub-title{color:#1c2024;font-weight:700}.cookie-policy .content .sub-content{display:flex;flex-direction:column;gap:32px}.cookie-policy .content .bullet-1{display:flex;flex-direction:column;gap:16px;padding-left:16px}.cookie-policy .content .bullet-1:not(:last-child){margin-bottom:32px}.cookie-policy .content .bullet-2{display:flex;flex-direction:column;gap:16px;padding-left:32px}