:root{--orange: #F07830;--orange-dark: #D96520;--green-brand: #8DC63F;--purple-brand: #4B3BAA;--purple-dark: #3B308A;--line-green: #06C755;--cream: #FFF8F3;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{overflow-x:hidden;font-family:IBM Plex Sans Thai,sans-serif;font-size:16px;color:var(--neutral-800);background:#fff}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}ul{list-style:none}button{border:none;background:none;cursor:pointer;font-family:inherit}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}.w-full{width:100%}.h-full{height:100%}.w-screen{width:100vw}.h-screen{height:100vh}.min-w-0{min-width:0}.min-h-screen{min-height:100vh}.w-auto{width:auto}.w-7{width:1.75rem}.h-7{height:1.75rem}.w-8{width:2rem}.h-8{height:2rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.w-24{width:6rem}.h-24{height:6rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-14{gap:3.5rem}.gap-16{gap:4rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.px-9{padding-left:2.25rem;padding-right:2.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2_5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3_5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-24{padding-top:6rem;padding-bottom:6rem}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.pt-12{padding-top:3rem}.pb-12{padding-bottom:3rem}.pt-14{padding-top:3.5rem}.pb-14{padding-bottom:3.5rem}.pt-16{padding-top:4rem}.pb-16{padding-bottom:4rem}.pt-20{padding-top:5rem}.pb-20{padding-bottom:5rem}.m-0{margin:0}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-1{margin-top:.25rem}.mb-1{margin-bottom:.25rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mt-5{margin-top:1.25rem}.mb-5{margin-bottom:1.25rem}.mt-6{margin-top:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-8{margin-top:2rem}.mb-8{margin-bottom:2rem}.mt-10{margin-top:2.5rem}.mb-10{margin-bottom:2.5rem}.mt-12{margin-top:3rem}.mb-12{margin-bottom:3rem}.mt-14{margin-top:3.5rem}.mb-14{margin-bottom:3.5rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-12{font-size:12px}.text-13{font-size:13px}.text-14{font-size:14px}.text-15{font-size:15px}.text-16{font-size:16px}.text-17{font-size:17px}.text-18{font-size:18px}.text-20{font-size:20px}.text-22{font-size:22px}.text-24{font-size:24px}.text-26{font-size:26px}.text-28{font-size:28px}.text-32{font-size:32px}.text-34{font-size:34px}.text-38{font-size:38px}.text-42{font-size:42px}.text-46{font-size:46px}.text-52{font-size:52px}.text-56{font-size:56px}.text-62{font-size:62px}.text-68{font-size:68px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-none{line-height:1}.leading-tight{line-height:1.25}.leading-snug{line-height:1.375}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.7}.leading-loose{line-height:2}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.whitespace-nowrap{white-space:nowrap}.text-white{color:#fff}.text-orange{color:var(--orange)}.text-green-brand{color:var(--green-brand)}.text-line-green{color:var(--line-green)}.text-neutral-400{color:var(--neutral-400)}.text-neutral-500{color:var(--neutral-500)}.text-neutral-600{color:var(--neutral-600)}.text-neutral-700{color:var(--neutral-700)}.text-neutral-800{color:var(--neutral-800)}.text-white-40{color:#fff6}.text-white-60{color:#fff9}.text-white-70{color:#ffffffb3}.text-white-75{color:#ffffffbf}.text-white-90{color:#ffffffe6}.bg-white{background-color:#fff}.bg-transparent{background-color:transparent}.bg-cream{background-color:var(--cream)}.bg-orange{background-color:var(--orange)}.bg-orange-dark{background-color:var(--orange-dark)}.bg-green-brand{background-color:var(--green-brand)}.bg-purple-brand{background-color:var(--purple-brand)}.bg-purple-dark{background-color:var(--purple-dark)}.bg-line-green{background-color:var(--line-green)}.bg-orange-10{background-color:#f078301a}.bg-white-10{background-color:#ffffff1a}.bg-white-20{background-color:#fff3}.bg-white-25{background-color:#ffffff40}.bg-white-30{background-color:#ffffff4d}.bg-white-35{background-color:#ffffff59}.border{border-width:1px;border-style:solid}.border-2{border-width:2px;border-style:solid}.border-4{border-width:4px;border-style:solid}.border-l-4{border-left-width:4px;border-left-style:solid}.border-t{border-top-width:1px;border-top-style:solid}.border-none{border:none}.border-white{border-color:#fff}.border-orange{border-color:var(--orange)}.border-orange-20{border-color:#f0783033}.border-white-10{border-color:#ffffff1a}.border-white-50{border-color:#ffffff80}.border-white-80{border-color:#fffc}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.shadow-lg{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.shadow-xl{box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a}.shadow-2xl{box-shadow:0 25px 50px #0003}.shadow-none{box-shadow:none}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-bottom{object-position:bottom}.img-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-6{opacity:.06}.opacity-10{opacity:.1}.opacity-90{opacity:.9}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}.select-none{-webkit-user-select:none;user-select:none}.cursor-pointer{cursor:pointer}.transition{transition:all .15s ease}.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}.transition-opacity{transition:opacity .15s ease}.transition-all{transition:all .3s ease}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.translate-y-0{transform:translateY(0)}.neg-translate-y-full{transform:translateY(-100%)}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.step-item-active{animation:slideUp .45s ease forwards}.fade-up{opacity:0;transform:translateY(32px);transition:opacity .65s ease,transform .65s ease}.fade-up.visible{opacity:1;transform:translateY(0)}.divider-white{width:6rem;height:2px;background:#ffffff4d}@media(max-width:767px){.md-hidden{display:none!important}.md-block{display:block}.md-flex-col{flex-direction:column}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-2-resp{grid-template-columns:repeat(1,1fr)}.px-10{padding-left:1.25rem;padding-right:1.25rem}.text-62,.text-68{font-size:40px}.text-56,.text-52{font-size:36px}.text-46,.text-42{font-size:30px}.text-38{font-size:28px}}@media(max-width:480px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.hover-orange:hover{color:var(--orange)}.hover-opacity:hover{opacity:.9}.hover-bg-purple:hover{background-color:var(--purple-dark)}.hover-bg-white-25:hover{background-color:#ffffff40}.hover-neg-translate:hover{transform:translateY(-8px)}.hover-shadow-lg:hover{box-shadow:0 16px 48px #f0783026}body{max-width:100%;overflow-x:hidden}.section-x{padding-left:2rem;padding-right:2rem}@media(max-width:768px){.section-x{padding-left:1.25rem;padding-right:1.25rem}}@media(max-width:400px){.section-x{padding-left:1rem;padding-right:1rem}}.nav-bar{padding:0 2.5rem}@media(max-width:1024px){.nav-bar{padding:0 1.5rem}}@media(max-width:768px){.nav-bar{padding:0 1rem}}.nav-burger{display:none}@media(max-width:1024px){.nav-links{display:none}.nav-burger{display:inline-flex}}@media(max-width:560px){.nav-cta-label{display:none}}.nav-drawer{position:fixed;top:68px;left:0;right:0;background:#fff;box-shadow:0 12px 28px #00000024;border-top:1px solid rgba(0,0,0,.06);z-index:49;max-height:calc(100vh - 68px);overflow-y:auto;animation:navDrawerIn .22s ease}@keyframes navDrawerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-drawer a{display:block;padding:15px 1.25rem;font-size:16px;font-weight:600;color:var(--neutral-700);border-bottom:1px solid #f2f2f2}.nav-drawer a:active{background:var(--cream)}.hero-inner{gap:3.5rem}@media(max-width:1024px){.hero-inner{gap:2rem}}@media(max-width:768px){.hero-inner{gap:0}.hero-copy{padding-bottom:32px!important}.hero-title{font-size:clamp(30px,8.5vw,44px)!important}.hero-tagline{font-size:16px!important;line-height:1.8!important}.hero-logo{width:52px!important;height:52px!important}.hero-stat-img{width:58px!important;height:64px!important}}@media(max-width:400px){.hero-tagline{font-size:15px!important}.hero-cta{font-size:14px!important;padding:12px 16px 12px 14px!important}}.whatis-sec{padding:6rem 2rem}@media(max-width:768px){.whatis-sec{padding:3.5rem 1.25rem}}.whatis-row{gap:4rem}@media(max-width:1024px){.whatis-row{gap:2.5rem}}.steps-wrapper{position:relative;height:400vh;height:400svh}.steps-sticky{position:sticky;top:0;height:100vh;height:100svh;background-color:var(--orange);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 3rem 48px;gap:1.75rem}.steps-header h2{font-size:clamp(28px,3.5vw,38px);font-weight:800;margin-bottom:8px}.steps-header p{font-size:17px;opacity:.88}.steps-rule{width:100%;max-width:900px;height:1px;background:#ffffff47;flex-shrink:0}.steps-row{display:flex;align-items:center;gap:5rem;width:100%;max-width:900px;flex:1 1 auto;min-height:0}.steps-phone{position:relative;width:260px;flex-shrink:0;align-self:stretch}.steps-text{position:relative;flex:1;align-self:stretch}.steps-pane{display:flex;flex-direction:column;justify-content:center;gap:1.25rem}.steps-badge{display:inline-block;align-self:flex-start;border-radius:9999px;background:#fff;padding:8px 28px;font-size:16px;font-weight:700;color:var(--orange)}.steps-divider{width:96px;height:2px;background:#ffffff4d}.steps-desc{color:#fff;font-size:18px;line-height:1.9}.steps-link{display:inline-block;align-self:flex-start;border-radius:9999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.5);padding:10px 24px;font-size:15px;font-weight:700;color:#fff;transition:background .2s}.steps-link:hover{background:#ffffff4d}@media(max-width:1024px){.steps-sticky{padding:80px 2rem 40px;gap:1.25rem}.steps-row{gap:2.5rem}.steps-phone{width:220px}.steps-desc{font-size:16px;line-height:1.8}}@media(max-width:760px){.steps-sticky{padding:76px 1.25rem 20px;gap:.75rem}.steps-header h2{font-size:clamp(20px,5.6vw,26px);margin-bottom:4px}.steps-header p{font-size:13px}.steps-row{flex-direction:column;gap:.75rem}.steps-phone{width:100%;align-self:auto;flex:1 1 44%;min-height:0}.steps-text{width:100%;align-self:auto;flex:1 1 56%;min-height:0}.steps-pane{align-items:center;text-align:center;gap:.6rem}.steps-badge{align-self:center;padding:7px 18px;font-size:13px}.steps-divider{width:64px}.steps-desc{font-size:14px;line-height:1.7}.steps-link{align-self:center;padding:9px 20px;font-size:13px}}@media(max-height:560px)and (max-width:760px){.steps-header p,.steps-divider,.steps-link{display:none}}.features-sec{padding:5rem 2rem 6rem}@media(max-width:768px){.features-sec{padding:3.5rem 1.25rem 4rem}}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media(max-width:560px){.features-grid{grid-template-columns:1fr;gap:32px}}.feature-circle{width:180px;height:180px}.feature-circle img{width:130px;height:130px}@media(max-width:768px){.feature-circle{width:150px;height:150px}.feature-circle img{width:108px;height:108px}}.cta-sec{padding:5rem 2rem}@media(max-width:768px){.cta-sec{padding:3.5rem 1.25rem}}.premium-hero-row{gap:48px}@media(max-width:768px){.premium-hero-row{flex-direction:column;gap:20px;align-items:center!important}.premium-mascot{width:190px!important}.premium-bubble-wrap{margin-bottom:0!important;align-self:center!important}.premium-bubble{white-space:normal!important;text-align:center;font-size:17px!important;padding:16px 20px!important}.premium-bubble-tail{display:none}}.premium-sec{padding:64px 2rem 48px}.premium-sec-2{padding:16px 2rem 64px}@media(max-width:768px){.premium-sec{padding:40px 1.25rem 24px}.premium-sec-2{padding:8px 1.25rem 40px}}.premium-heading{font-size:24px}.premium-heading-em{font-size:28px}@media(max-width:768px){.premium-heading{font-size:19px}.premium-heading-em{font-size:22px}}@media(max-width:1100px){.premium-jump{display:none!important}}.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pkg-grid-yearly{gap:40px}@media(max-width:860px){.pkg-grid,.pkg-grid-yearly{grid-template-columns:1fr;gap:16px;max-width:420px;margin:0 auto}}.pkg-card-featured{position:relative;z-index:10}@media(min-width:1200px){.pkg-card-featured{transform:scale(1.25);transform-origin:center}}.support-x{padding-left:2rem;padding-right:2rem}@media(max-width:768px){.support-x{padding-left:1.25rem;padding-right:1.25rem}}.support-hero-row{gap:48px}@media(max-width:768px){.support-hero-row{flex-direction:column;gap:16px}.support-ghost{width:130px!important}.support-bubble-tail{display:none}.support-bubble{text-align:center;font-size:16px!important}}.support-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.support-grid-info{display:grid;grid-template-columns:1fr 1fr;gap:48px}@media(max-width:768px){.support-grid-2{grid-template-columns:1fr;gap:16px}.support-grid-info{grid-template-columns:1fr;gap:32px}}.howto-row{gap:3.5rem}@media(max-width:1024px){.howto-row{gap:2rem}}.howto-notify{display:flex;gap:12px}@media(max-width:640px){.howto-notify{flex-direction:column}}.howto-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:640px){.howto-stats{grid-template-columns:1fr}}.howto-toc-mobile{display:none}@media(max-width:768px){.howto-toc-mobile{display:block;border:1.5px solid #f0d8c8;background:var(--cream);border-radius:12px;margin-bottom:24px}.howto-toc-mobile>summary{padding:13px 16px;font-size:15px;font-weight:700;color:var(--orange);cursor:pointer;list-style:none}.howto-toc-mobile>summary::-webkit-details-marker{display:none}.howto-toc-mobile>summary:after{content:" ▾"}.howto-toc-mobile[open]>summary:after{content:" ▴"}.howto-toc-mobile nav{display:flex;flex-direction:column;padding:0 16px 14px;max-height:45vh;overflow-y:auto}.howto-toc-mobile nav button{text-align:left;padding:7px 0;font-size:14px;line-height:1.5;background:none;border:none;cursor:pointer}.howto-h1{font-size:27px!important}.howto-h2{font-size:22px!important;padding-top:36px!important}.howto-h3{font-size:17px!important}}@media(max-width:768px){.faq-sec{padding-top:84px!important;padding-bottom:64px!important}.privacy-body{padding:24px 1.25rem 72px!important}.privacy-h1{font-size:25px!important}}.footer-sec{padding:3rem 2rem 1.5rem}.footer-row,.footer-cols{gap:48px}.footer-cols ul{min-width:130px}@media(max-width:768px){.footer-sec{padding:2.5rem 1.25rem 1.5rem}.footer-row{gap:24px;flex-direction:column;align-items:flex-start}.footer-cols{gap:20px 32px;width:100%}.footer-cols ul{min-width:120px}}img,video{max-width:100%}