@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap');
:root{--ink:#173d2c;--green:#164b33;--muted:#657266;--bg:#faf7ef;--line:#e3decd;--gold:#af8c32;--sage:#e9eddb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px 'Noto Sans Thai',Tahoma,sans-serif;line-height:1.65}a{color:var(--green)}button,a,input,select,textarea{touch-action:manipulation}a,button{ -webkit-tap-highlight-color:transparent}button,input,select,textarea{font:inherit}button,a.btn{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%;display:block}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:100}.skip:focus{top:0}.site-nav{max-width:1400px;margin:auto;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.brand{font-family:Georgia,serif;font-weight:700;font-size:30px;line-height:1.2;text-decoration:none;white-space:nowrap}.brand span{color:var(--gold);margin-left:5px}.brand small{display:block;text-align:center;font:12px 'Noto Sans Thai',sans-serif;margin-top:6px}.site-nav nav{display:flex;align-items:center;gap:30px}.site-nav nav a{text-decoration:none;font-weight:600;font-size:15px}.site-nav nav a:hover{color:#94721f}.nav-account{border:1px solid var(--green);padding:9px 19px;border-radius:9px}.site-nav nav a[aria-current]{border-bottom:2px solid var(--gold)}main{max-width:1280px;margin:auto;padding:0 5% 25px}h1,h2,h3{line-height:1.4;margin:0 0 12px}h1{font-size:36px}h2{font-size:27px}h3{font-size:20px}p{margin:8px 0;color:var(--muted)}.eyebrow{font:600 12px Outfit,sans-serif;letter-spacing:2px;color:#6e7b5e;margin-bottom:16px}.page-heading{padding:38px 0 16px}.muted,small{font-size:13px;color:var(--muted)}.btn,button{display:inline-block;padding:12px 22px;min-height:46px;background:var(--green);color:#fff;border:1px solid transparent;border-radius:10px;font-weight:600;text-decoration:none;margin:5px 5px 5px 0;line-height:1.6}.btn:hover,button:hover{background:#246343}.btn.secondary,button.secondary{background:transparent;border-color:var(--green);color:var(--green)}button:disabled{opacity:.5;cursor:default}.panel{padding:26px;background:#fffdf9;border:1px solid var(--line);border-radius:18px;margin:20px 0}.topline{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;align-items:center}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.tabs button{background:var(--sage);color:var(--green);border:1px solid #d4dbc5}.tabs button.active{background:var(--green);color:white}.question{margin:20px 0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#f8f8ef}.question label{display:block;padding:13px;background:#fff;border:1px solid var(--line);border-radius:8px;margin:8px 0;cursor:pointer}.question input{width:auto;margin-right:9px;accent-color:var(--green)}.english{font-family:Outfit,'Noto Sans Thai',sans-serif;font-size:19px;line-height:1.95}.english p{color:#354b3d}input,select,textarea{border:1px solid #c8d0be;border-radius:9px;padding:12px;background:#fff;color:var(--ink);max-width:100%}textarea{display:block;width:100%;line-height:1.8;min-height:170px;resize:vertical}.authform{max-width:600px}.authform label{display:block;margin-top:15px}.authform input{display:block;width:100%;margin:6px 0 18px}.adminrow{padding:22px;border:1px solid var(--line);border-radius:14px;margin:18px 0;overflow-wrap:anywhere}.adminfields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.adminfields label{display:grid;gap:7px}.adminfields input,.adminfields select{width:100%}.ok,.error{padding:16px 20px;border-radius:12px;margin:16px 0}.ok{background:#e6f0df}.error{background:#fff0e9;color:#8d3427}#notice:empty{display:none}.sticky-clock{position:sticky;top:8px;z-index:5;font-size:24px;font-weight:700;background:#f5eccd;padding:10px 18px;border:1px solid #e4d5a5;border-radius:12px}audio{width:100%;display:block;margin:14px 0}details{background:#edf0e3;padding:18px;border-radius:12px;margin:16px 0}summary{cursor:pointer;font-weight:600}blockquote{border-left:3px solid var(--gold);padding:10px 20px;margin:15px 0}.panel pre{white-space:pre-wrap;overflow-wrap:anywhere}.lesson{display:grid;grid-template-columns:1fr 1fr;gap:20px}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}footer{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid var(--line);padding:26px 0;margin-top:50px;font-size:12px}footer .brand{font-size:21px}footer p{font-size:12px}.home .page-heading{display:none}.landing-hero{position:relative;min-height:485px;display:flex;align-items:center;margin:0 -5.56%;padding:50px 5%;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;right:0;top:0;width:65%;height:100%;object-fit:cover;z-index:-2}.landing-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#faf7ef 0%,#faf7ef 35%,#faf7efe8 44%,#faf7ef00 68%);z-index:-1}.hero-copy{width:58%;padding:10px 0}.hero-copy .eyebrow{color:var(--green);font-size:13px}.hero-copy h1{font-size:clamp(38px,4.7vw,61px);line-height:1.28;letter-spacing:-1.2px;margin:25px 0 18px}.hero-copy p{font-size:18px;max-width:430px;color:#3c4b3e}.hero-copy small{display:block;margin-top:10px}.hero-copy .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.facts{position:relative;display:grid;grid-template-columns:1fr 1fr 1.3fr;background:#e9ecd8e8;border:1px solid #fff;border-radius:20px;margin:-4px 0 50px;padding:25px 8px}.fact{padding:0 22px;display:flex;gap:16px;align-items:center;border-right:1px solid #c8c6aa}.fact:last-child{border:0}.fact svg{width:33px;height:33px;color:var(--gold);flex-shrink:0}.fact strong{font-size:25px}.fact p{font-size:13px;margin:0;color:#45553e}.section-heading{text-align:center;margin:42px 0 26px}.section-heading h2{font-size:32px}.section-heading:after{content:'';display:block;width:44px;height:3px;background:var(--gold);margin:16px auto}.skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.skill-card{display:grid;grid-template-columns:130px 1fr 35px;align-items:center;gap:22px;border:1px solid #e1d9c2;border-radius:18px;overflow:hidden;background:#fffdf8;text-decoration:none;min-height:175px;transition:transform .18s,box-shadow .18s}.skill-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #27432a12}.skill-art{height:100%;min-height:175px;display:grid;place-items:center;background:linear-gradient(135deg,#d7ddbc,#f5e4bf);position:relative}.skill-art svg{width:60px;height:60px;stroke-width:1;filter:drop-shadow(0 6px 0 #ffffff90)}.skill-card:nth-child(2) .skill-art{background:linear-gradient(135deg,#b9c8a8,#e7ead5)}.skill-card:nth-child(3) .skill-art{background:linear-gradient(135deg,#e2cdaa,#f6ead7)}.skill-card:nth-child(4) .skill-art{background:linear-gradient(135deg,#efe3c9,#d6dfc3)}.skill-copy h3{font:700 27px Georgia,serif;margin:0}.skill-copy strong{font-size:16px}.skill-copy p{font-size:13px;line-height:1.75;margin:8px 0}.round-arrow{border-radius:50%;background:#e1e6ce;width:29px;height:29px;display:grid;place-items:center;font-size:20px;margin-right:9px}.trial-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 36px;margin:30px 0 45px;border-radius:18px;background:linear-gradient(120deg,#e5e9d0,#f2efd9);border:1px solid #dde2c8}.trial-banner h2{font-size:25px}.trial-banner p{font-size:14px}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.journey article{padding:24px;background:linear-gradient(145deg,#fffdf8,#f0e6d1);border:1px solid #e0d5bc;border-radius:15px}.journey h3{font-size:17px}.journey span{color:var(--gold);font:500 28px Outfit;display:block;margin-bottom:12px}.journey p{font-size:13px}.plan-intro{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:55px}.plans .panel{margin:0;display:flex;flex-direction:column}.plans h3{font-size:20px;margin-top:8px}.plans p{font-size:14px}.plans .btn{margin-top:auto;align-self:start}.day-label{font:600 12px Outfit;letter-spacing:2px;color:#927221}.practice-history{margin-top:32px}.history-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.privacy-note{font-size:13px}.preview-ribbon{display:none}.guide-content{max-width:900px}aside{display:none}body>main>header{padding:15px 0;border-bottom:1px solid var(--line)}
@media(max-width:900px){.site-nav{padding:20px 4%}.site-nav nav{gap:18px}.brand{font-size:25px}main{padding-left:4%;padding-right:4%}.landing-hero{margin:0 -4.35%;padding:36px 4%;min-height:440px}.hero-copy{width:65%}.hero-copy h1{font-size:44px}.hero-copy p{font-size:16px}.fact{padding:0 13px;gap:10px}.fact strong{font-size:22px}.skill-card{grid-template-columns:100px 1fr 28px;gap:14px}.skill-copy h3{font-size:24px}.skill-copy p{font-size:12px}.trial-banner{padding:26px}.adminfields{grid-template-columns:1fr}.lesson{grid-template-columns:1fr}}
@media(max-width:600px){body{font-size:15px}.site-nav{padding:18px 5%;display:block}.brand{display:block;width:max-content;font-size:27px}.site-nav nav{margin-top:17px;gap:12px;justify-content:space-between}.site-nav nav a{font-size:12px}.nav-account{padding:7px 10px}.hero-copy{width:100%;padding:0}.landing-hero{display:block;padding:30px 5% 0;margin:0 -4.35%}.hero-copy h1{font-size:40px;margin:18px 0}.hero-copy p{font-size:16px;max-width:90%}.hero-copy .eyebrow{font-size:11px}.landing-hero:after{display:none}.hero-photo{position:relative;width:112%;max-width:none;height:245px;margin:24px -6% 0;object-position:center}.hero-copy .actions{margin-top:18px;gap:5px}.hero-copy .btn{font-size:14px;padding:11px 16px}.facts{margin-top:0;margin-bottom:30px;padding:18px 7px;border-radius:0 0 17px 17px;grid-template-columns:1fr 1fr 1.2fr}.fact{display:block;padding:0 9px}.fact svg{height:24px;width:24px;margin-bottom:5px}.fact strong{font-size:18px;display:block}.fact p{font-size:11px;line-height:1.65}.section-heading{margin:30px 0 22px}.section-heading h2{font-size:25px}.skill-grid{grid-template-columns:1fr;gap:12px}.skill-card{grid-template-columns:98px 1fr 30px;min-height:145px}.skill-art{min-height:145px}.skill-copy p{font-size:13px}.trial-banner{display:block;padding:25px;margin:25px 0}.trial-banner h2{font-size:23px}.trial-banner .btn{margin-top:14px}.journey{grid-template-columns:1fr;gap:12px}.journey article{padding:20px}.journey span{float:left;margin:0 18px 15px 0}.journey h3{font-size:18px}.journey p{margin-left:48px}.plans{grid-template-columns:1fr}.plan-intro{display:block;margin-top:35px}.plan-intro h2{font-size:26px}.panel{padding:20px}.page-heading{padding-top:25px}h1{font-size:28px}h2{font-size:23px}.tabs{gap:5px}.tabs button{font-size:13px;padding:10px 13px}.english{font-size:18px}.question{padding:14px}.question label{padding:12px}footer{display:block}footer>div+div{margin-top:20px}.sticky-clock{font-size:20px}.topline{align-items:start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}