@font-face{font-family:Nunito;src:url('/assets/fonts/Nunito-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Nunito;src:url('/assets/fonts/Nunito-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/fonts/Montserrat-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:NotoSansThaiLooped;src:url('/assets/fonts/NotoSansThaiLooped-Variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--page:#fff8f6;--surface:#fff;--ink:#2b2630;--muted:#57515c;--quiet:#767079;--coral:#e07856;--coral-ink:#b9532f;--peach:#ffe4d9;--peach-soft:#fff0ea;--line:#eeeAEC;--shadow:0 1px 2px #2b26300a,0 14px 36px -12px #a0523833}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--page);color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #2f55c7;outline-offset:5px}.wrap{width:min(1120px,calc(100% - 80px));margin-inline:auto}.thai{font-family:NotoSansThaiLooped,sans-serif;font-weight:400}p,h1,h2,h3{margin:0}h1,h2,h3{font-family:Montserrat,Nunito,sans-serif;font-weight:700}h2{font-size:30px;line-height:1.25;letter-spacing:-.035em}h3{font-size:18px;line-height:1.35;letter-spacing:-.025em}.site-header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-block:27px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:48px;height:48px;border-radius:10px;border:1px solid #f7cdbe}.brand strong{display:block;font-size:21px;line-height:1.25;letter-spacing:-.02em}.brand small{display:block;font-size:12px;color:var(--muted);margin-top:3px;letter-spacing:.015em}nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}nav>a{text-decoration:none}nav>a:hover{color:var(--coral-ink)}.language-switch{display:flex;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}.language-switch a{text-decoration:none;padding:5px 9px;min-width:34px;text-align:center;font-size:12px;line-height:1.6;border-radius:7px;color:var(--muted)}.language-switch a[aria-current]{background:var(--peach);color:var(--ink)}.skip-link{position:absolute;left:20px;top:-100px;background:var(--surface);padding:10px 20px;z-index:5}.skip-link:focus{top:12px}.hero{display:grid;grid-template-columns:.96fr 1.04fr;align-items:center;column-gap:44px;padding-top:72px;padding-bottom:54px}.hero-copy{padding-bottom:32px}h1{font-size:clamp(36px,4.2vw,54px);line-height:1.12;letter-spacing:-.05em;max-width:520px}.hero-intro{font-size:20px;color:var(--muted);line-height:1.55;max-width:425px;margin-top:24px}.download{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:31px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;text-decoration:none;padding:12px 25px;border-radius:14px;line-height:1.25;font-size:18px;font-weight:700;transition:background-color .16s,transform .16s}.primary{color:#fff;background:var(--coral-ink);box-shadow:0 10px 22px -10px #e07856bf}.primary:hover{background:#a74828}.primary:active{transform:translateY(1px)}.ios-soon{font-size:14px;color:var(--muted)}.hero-note{font-size:14px;line-height:1.5;margin-top:18px;color:var(--muted);max-width:330px}.hero-art{min-width:0;position:relative;text-align:center;padding-top:4px}.cafe{display:block;width:108%;max-width:none;height:auto;margin-left:-4%;aspect-ratio:1240/800;object-fit:contain}.word-card{position:relative;display:flex;align-items:center;justify-content:center;gap:18px;width:max-content;max-width:100%;margin:-21px auto 0;background:white;border:1px solid var(--line);border-radius:16px;padding:12px 20px;box-shadow:var(--shadow)}.word{font-size:52px;line-height:1.25;color:var(--coral-ink)}.word-build{display:flex;align-items:center;gap:13px}.word-build .thai{font-size:35px;line-height:1.5}.plus,.equals{font-size:21px;color:var(--quiet)}.sound-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--peach-soft);border:1px solid #f7cdbe;color:var(--coral-ink);border-radius:50%;cursor:pointer;flex:0 0 auto}.sound-button svg{width:23px;height:23px}.sound-button[hidden]{display:none}.sound-button:hover{background:var(--peach)}.sound-button.is-playing{background:var(--peach);box-shadow:0 0 0 4px #fff0ea}.demo-caption{max-width:355px;margin:17px auto 0;font-size:14px;line-height:1.6;color:var(--muted)}.audio-status{font-size:13px;color:var(--coral-ink);margin-top:7px;min-height:0}.audio-status:empty{display:none}noscript audio{display:block;max-width:200px;height:40px}.method{display:flex;align-items:flex-start;gap:48px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:30px 34px}.method h2{flex:0 0 210px;font-size:25px;margin-top:2px}.practice-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;flex:1}.practice-steps p{font-size:15px;line-height:1.6;color:var(--muted)}.practice-mark{display:flex;align-items:center;height:30px;color:var(--coral-ink);margin-bottom:10px}.practice-mark svg{width:26px;height:26px}.simple-mark{font-family:NotoSansThaiLooped,sans-serif;font-size:23px;line-height:1.3}.course{display:grid;grid-template-columns:.78fr 1.22fr;column-gap:60px;padding-top:68px;padding-bottom:62px;align-items:start}.course-heading{padding-top:15px}.course-heading h2{max-width:285px;font-size:34px}.course-heading p{margin-top:20px;max-width:295px;color:var(--muted);font-size:17px;line-height:1.65}.modules{margin:0;padding:0;list-style:none}.modules li{display:flex;gap:18px;align-items:start;border-bottom:1px solid var(--line);padding:20px 0}.modules li:first-child{background:var(--peach-soft);border:1px solid #f7cdbe;border-radius:16px;padding:20px;margin-bottom:1px}.modules li:last-child{border-bottom:0;padding-bottom:0}.module-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-weight:700;color:var(--ink);background:var(--peach);border-radius:50%;font-size:14px}.modules h3{padding-top:3px}.modules p{font-size:15px;color:var(--muted);line-height:1.6;margin-top:6px}.closing{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;padding-block:45px;border-top:1px solid var(--line)}.closing h2{font-size:25px;margin-bottom:18px}.access p{font-size:16px;color:var(--muted);margin-top:8px;max-width:510px}.access .offline{margin-top:18px}.access .price-note{font-size:13px;margin-top:14px}.access .button{margin-top:22px}.support{padding-top:0}.support p{font-size:16px;color:var(--muted);max-width:310px}.email{display:inline-block;color:var(--coral-ink);font-size:17px;font-weight:700;margin-top:14px;overflow-wrap:anywhere}.site-footer{display:flex;justify-content:space-between;gap:24px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-block:24px;margin-top:20px;margin-bottom:15px}
@media(min-width:1400px){.hero{padding-top:82px;padding-bottom:64px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:22px;padding-top:52px}.hero-intro{font-size:18px}.method{gap:28px;padding:28px}.method h2{flex-basis:170px;font-size:23px}.practice-steps{gap:20px}.course{column-gap:36px}.closing{gap:44px}.word-card{gap:13px;padding:10px 16px}.word-build{gap:10px}.word{font-size:45px}nav{gap:20px}.course-heading h2{font-size:30px}}
@media(max-width:740px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:18px;gap:16px}.brand img{width:42px;height:42px}.brand strong{font-size:18px}.brand small{font-size:11px}.brand{gap:9px}nav{gap:14px}.course-link{display:none}nav>a{font-size:13px}.hero{grid-template-columns:1fr;gap:18px;padding-top:43px;padding-bottom:38px}.hero-copy{padding-bottom:0}.hero h1{font-size:42px;max-width:520px}.hero-intro{font-size:18px;max-width:500px;margin-top:18px}.download{margin-top:24px;gap:16px}.hero-note{max-width:100%;margin-top:14px}.hero-art{max-width:480px;width:100%;margin-inline:auto;padding-top:0}.cafe{width:100%;margin-left:0}.word-card{margin-top:-18px}.demo-caption{font-size:13px;max-width:330px;margin-top:15px}.method{display:block;padding:25px 24px;border-radius:16px}.method h2{font-size:24px;margin:0 0 22px}.practice-steps{gap:20px}.practice-steps p{font-size:14px}.course{grid-template-columns:1fr;gap:24px;padding-block:44px}.course-heading{padding-top:0}.course-heading h2{font-size:29px;max-width:100%}.course-heading p{max-width:100%;margin-top:14px;font-size:16px}.modules li{gap:14px;padding:18px 0}.modules li:first-child{padding:18px}.modules h3{font-size:17px}.modules p{font-size:14px}.closing{grid-template-columns:1fr;gap:37px;padding-top:33px;padding-bottom:20px}.closing h2{font-size:24px;margin-bottom:14px}.access p,.support p{font-size:15px;max-width:100%}.support{padding-top:28px;border-top:1px solid var(--line)}.email{font-size:16px}.site-footer{padding-block:22px;margin-top:20px;margin-bottom:0}}
@media(max-width:420px){.wrap{width:calc(100% - 36px)}.hero h1{font-size:36px}.language-switch a{padding:5px 7px;min-width:30px}nav{gap:10px}.practice-steps{grid-template-columns:1fr;gap:17px}.practice-steps p{display:flex;align-items:flex-start;gap:16px;font-size:15px}.practice-mark{flex:0 0 51px;height:28px;margin:0}.simple-mark{font-size:22px}.word-build{gap:10px}.word-build .thai{font-size:31px}.word{font-size:43px}.word-card{gap:12px;padding:10px 14px}.sound-button{width:44px;height:44px}.button{font-size:17px;padding:13px 22px}.site-footer{font-size:12px;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media(max-width:360px){.site-header .brand img{display:none}.site-header .brand{gap:0}.site-header{gap:12px}}