@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap";:root{font-family:Noto Sans Thai,system-ui,sans-serif;color:#1b4035;background:#fbfcf8;font-synthesis:none;font-weight:400;line-height:1.7;scroll-behavior:smooth;--green:#204f40;--muted:#66776d;--line:#dce5da}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #dd8f42;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.35;letter-spacing:-.035em}h2{font-size:clamp(27px,3.15vw,43px);font-weight:700;margin-bottom:20px}h3{font-size:21px}p{margin-bottom:18px}.tl-wrap{width:min(1240px,calc(100% - 80px));margin-inline:auto}.tl-skip{position:absolute;top:-100px;left:16px;z-index:10;background:white;padding:12px}.tl-skip:focus{top:8px}.tl-nav{display:flex;align-items:center;justify-content:space-between;gap:30px;width:min(1360px,calc(100% - 80px));margin:auto;padding:24px 0;border-bottom:1px solid var(--line)}.tl-brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:21px;font-weight:800;white-space:nowrap;letter-spacing:-.04em}.tl-brand b{font-weight:500}.tl-logo{width:33px;height:33px;display:grid;place-items:center;color:#f9fcf5;background:var(--green);border-radius:10px;font-size:23px}.tl-nav nav{display:flex;gap:25px;align-items:center;font-size:14px}.tl-nav nav>a{text-decoration:none}.tl-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:14px 24px;background:var(--green);border:1px solid var(--green);color:#fff;border-radius:10px;text-decoration:none;font-weight:600;cursor:pointer;font-size:15px;transition:background .15s}.tl-button:hover{background:#133d30}.tl-outline{background:transparent;color:var(--green);border-color:#c5d2c5}.tl-outline:hover{background:#ebf0e6}.tl-small{font-size:13px;min-height:43px;padding:10px 18px}.tl-hero{display:grid;grid-template-columns:1.06fr 1fr;gap:65px;padding-block:74px 80px;align-items:center}.tl-eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;display:flex;align-items:center;gap:8px;color:#65795e;margin-bottom:20px}.tl-dot{display:inline-block;flex-shrink:0;width:7px;height:7px;background:#63815b;border-radius:50%}.tl-hero h1{font-size:clamp(38px,4.15vw,59px);line-height:1.3;font-weight:800;margin-bottom:24px;text-wrap:balance}.tl-lead{color:#53695d;font-size:18px;line-height:1.9;max-width:600px}.tl-actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 15px}.tl-micro{font-size:12px;color:var(--muted);line-height:1.8;margin-top:14px}.tl-social-proof{display:flex;gap:14px;align-items:center;margin-top:30px}.tl-social-proof p{font-size:12px;line-height:1.8;margin:0}.tl-avatar-stack{display:flex;padding-left:8px}.tl-avatar-stack img{border:3px solid #fbfcf8;border-radius:50%;margin-left:-8px;background:#e3eadc}.tl-proof-note{font-size:10px;color:#758271;max-width:430px;margin-top:12px;line-height:1.7}.tl-shop-scene{position:relative;padding:28px 12px 35px 0}.tl-scene-label{font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:8px;margin-bottom:12px}.tl-browser{background:white;border:1px solid #dce4d6;border-radius:18px;overflow:hidden;box-shadow:0 28px 80px -40px #3c684952;transform:rotate(1.5deg)}.tl-browser-bar{display:flex;justify-content:space-between;background:#f3f5ee;padding:12px 17px;font-size:9px;color:#7b8974}.tl-browser-bar>span:first-child{letter-spacing:4px;color:#b2bfac}.tl-shop-banner{background:#dae6cc;min-height:170px;padding:24px;position:relative;overflow:hidden}.tl-shop-banner>span:first-child{font-size:8px;letter-spacing:.15em}.tl-shop-banner>b{display:block;font-size:26px;line-height:1.5;margin-top:14px}.tl-banner-doodle{position:absolute;font-size:150px;color:#bfd1b0;right:20px;bottom:-50px}.tl-shop-identity{display:flex;align-items:center;padding:14px 20px;gap:12px}.tl-shop-identity>img{border-radius:50%;border:4px solid white;margin-top:-35px;background:#e7eddc;z-index:1}.tl-shop-identity>div{display:grid;gap:4px}.tl-shop-identity b{font-size:15px}.tl-shop-identity>div>span{font-size:10px;color:var(--muted)}.tl-pill{border-radius:20px;padding:4px 8px;background:#edf2e6;font-size:9px;margin-left:auto;white-space:nowrap}.tl-shop-post{margin:5px 20px 15px;padding:16px;border:1px solid #e4e9df;border-radius:12px}.tl-shop-post small{color:var(--muted);font-size:10px}.tl-shop-post>p{font-size:13px;margin-block:8px 12px}.tl-mini-course{display:flex;align-items:center;gap:13px;background:#f1f5ea;border-radius:8px;padding:10px}.tl-course-art{width:56px;height:60px;background:#d4dfc5;font-family:serif;font-size:27px;padding:4px;display:grid;place-items:center;line-height:1.1}.tl-course-art>span{font:8px system-ui;letter-spacing:.3em}.tl-mini-course>div{display:grid;gap:6px}.tl-mini-course b{font-size:11px}.tl-mini-course>div>span{font-size:9px;color:var(--muted)}.tl-arrow{margin-left:auto;font-size:23px}.tl-shop-link{display:block;text-align:center;font-size:10px;padding:0 20px 15px;text-underline-offset:3px}.tl-floating-card{position:absolute;bottom:4px;right:-25px;background:#fff;border:1px solid #dae3d5;border-radius:12px;box-shadow:0 15px 45px -24px #42633d80;padding:17px;display:flex;align-items:center;gap:12px;transform:rotate(-3deg);max-width:90%}.tl-floating-card b{font-size:12px}.tl-floating-card>div>span{display:block;font-size:9px;color:var(--muted)}.tl-check{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9efcf;font-size:18px}.tl-progress{height:5px;border-radius:10px;background:#edf0e7;margin-top:8px}.tl-progress i{display:block;height:100%;width:72%;background:#93ac72;border-radius:10px}.tl-scene-foot{position:absolute;bottom:-25px;left:15px;font-size:9px;color:var(--muted)}.tl-promise{border-block:1px solid var(--line);background:#f1f4e9}.tl-promise>.tl-wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:21px;font-size:13px;font-weight:600}.tl-promise span:before{content:"✳";color:#879b6a;margin-right:12px}.tl-section{padding-block:85px}.tl-section-heading{max-width:720px;margin-bottom:38px}.tl-section-heading>p:last-child{color:var(--muted);max-width:630px}.tl-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tl-benefit{background:#edf1e5;border-radius:18px;padding:32px;min-height:355px;display:flex;flex-direction:column}.tl-benefit:nth-child(3){background:#f3eadc}.tl-benefit-dark{background:#244d3d;color:#fff}.tl-number{font-size:10px;letter-spacing:.12em;margin-bottom:34px;opacity:.7}.tl-benefit h3{font-size:26px}.tl-benefit p{font-size:14px;opacity:.8}.tl-feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:20px}.tl-feature-tags>span{font-size:10px;background:#ffffff88;padding:5px 9px;border-radius:20px}.tl-answer-preview{display:flex;gap:10px;margin-top:10px}.tl-answer-preview>span{flex:1;border:1px solid #6c8b75;border-radius:8px;padding:12px;font:15px system-ui}.tl-answer-preview .tl-correct{background:#dbecb9;color:#294430;display:flex;justify-content:space-between}.tl-benefit small{font-size:9px;opacity:.6;margin-top:12px}.tl-chart{display:flex;gap:12px;height:94px;align-items:end;margin-top:auto;position:relative;padding-bottom:20px}.tl-chart i{flex:1;border-radius:4px 4px 0 0;height:45%;background:#cfb48a}.tl-chart i:nth-child(2){height:60%}.tl-chart i:nth-child(3){height:50%}.tl-chart i:nth-child(4){height:80%}.tl-chart i:nth-child(5){height:70%}.tl-chart i:nth-child(6){height:90%;background:#5d7754}.tl-chart span{position:absolute;bottom:0;font-size:9px;color:var(--muted)}.tl-channels{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line)}.tl-channel-list{display:grid;gap:25px}.tl-channel-list article{display:flex;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--line)}.tl-channel-list article>span{font:32px Georgia,serif;color:#9aab83}.tl-channel-list h3{font-size:21px;margin-bottom:10px}.tl-channel-list p{font-size:14px;color:var(--muted)}.tl-text-link{font-size:14px;font-weight:600;text-underline-offset:5px}.tl-builder-section{background:#f0f3ea;padding-block:80px}.tl-builder-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.tl-builder-board{border:1px solid #d1dcc9;background:white;border-radius:18px;padding:24px;box-shadow:0 24px 60px -35px #52764e55;transform:rotate(-1.5deg)}.tl-board-top{display:flex;justify-content:space-between;gap:12px;font-size:12px}.tl-board-top>span{font-size:10px;color:#6b7e61}.tl-board-tools{display:flex;gap:8px;margin-block:24px}.tl-board-tools>span{padding:7px 12px;border:1px solid #dce5d7;border-radius:7px;font-size:10px}.tl-board-question{border:1px dashed #b8c6a8;border-radius:10px;padding:25px;background:#fcfdf9}.tl-board-question>small{font-size:10px;color:var(--muted);display:block;margin-bottom:12px}.tl-board-question>b{font-size:15px}.tl-board-question>span{font-size:10px;color:var(--muted)}.tl-bars{display:flex;height:140px;gap:18px;align-items:end;justify-content:center;border-bottom:1px solid #d8e0d1;margin-block:20px;padding-inline:30px}.tl-bars i{height:40%;width:40px;background:#d1dfb9;border-radius:6px 6px 0 0}.tl-bars i:nth-child(2){height:75%;background:#9ab581}.tl-bars i:nth-child(3){height:55%;background:#bdce9b}.tl-bars i:nth-child(4){height:92%;background:#476b4d}.tl-board-bottom{display:flex;justify-content:space-between;font-size:10px;margin-top:20px;color:var(--muted)}.tl-checklist{padding:0;list-style:none;font-size:14px;margin-block:24px}.tl-checklist li{margin-block:10px}.tl-checklist li:before{content:"✓";margin-right:12px;color:#718d55}.tl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px}.tl-steps article>span{width:36px;height:36px;border:1px solid #b9c8ab;border-radius:50%;display:grid;place-items:center;font:20px Georgia,serif;margin-bottom:24px}.tl-steps h3{font-size:23px}.tl-steps p{font-size:14px;color:var(--muted)}.tl-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;border-top:1px solid var(--line);padding-top:60px}.tl-faq>div>p{font-size:14px;color:var(--muted)}.tl-faq details{border-bottom:1px solid var(--line);padding:20px 0}.tl-faq details:first-child{padding-top:0}.tl-faq summary{cursor:pointer;font-weight:600;font-size:15px;padding-right:15px}.tl-faq details p{font-size:13px;color:var(--muted);padding-top:16px}.tl-signup-section{background:#204b3b;color:#f7faed;padding-block:80px;scroll-margin-top:20px}.tl-signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.tl-signup-section h2{font-size:clamp(38px,4.4vw,61px)}.tl-signup-section .tl-eyebrow{color:#bdd2a8}.tl-signup-section .tl-lead{color:#e1ead6}.tl-signup-section p{color:#ccdbc2;font-size:15px}.tl-signup-proof{display:flex;align-items:center;gap:18px;margin-top:35px}.tl-signup-proof>b{font-size:40px;letter-spacing:-.05em}.tl-signup-proof>span{font-size:12px}.tl-signup-proof small{font-size:10px;opacity:.65}.tl-signup-card{background:#fcfdf7;color:#214638;border-radius:18px;padding:34px}.tl-signup-card h3{font-size:26px;margin-bottom:10px}.tl-signup-card>p{color:var(--muted);font-size:13px}.tl-signup-card fieldset{border:0;padding:0;margin:0;min-width:0;display:grid;gap:10px}.tl-signup-card label{font-size:13px;font-weight:600;margin-top:6px}.tl-signup-card input[type=email],.tl-signup-card select{width:100%;min-width:0;min-height:49px;padding:12px;background:white;border:1px solid #c7d3bf;border-radius:8px;color:#234737}.tl-permission{display:flex;gap:10px;align-items:start;font-size:11px!important;font-weight:400!important;margin-block:10px 12px}.tl-permission input{width:17px;height:17px;flex-shrink:0;accent-color:#315a41;margin-top:3px}.tl-signup-card .tl-button{width:100%}.tl-signup-card fieldset:disabled{opacity:.6}.tl-signup-card [role=status]{font-size:13px;color:#37573c;margin-block:15px 8px;overflow-wrap:anywhere}.tl-signup-card .tl-privacy{font-size:10px;color:var(--muted);line-height:1.8;margin:12px 0 0}.tl-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.tl-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;padding-block:35px}.tl-footer>p{font-size:12px;margin:0;color:var(--muted)}.tl-footer>div{display:flex;gap:20px;font-size:12px}.tl-footer>small{flex-basis:100%;font-size:10px;color:var(--muted)}@media (max-width:1000px){.tl-wrap,.tl-nav{width:calc(100% - 48px)}.tl-hero{gap:32px;padding-top:45px}.tl-hero h1{font-size:40px}.tl-lead{font-size:16px}.tl-actions{gap:8px}.tl-actions .tl-button{font-size:13px;padding:13px 16px}.tl-floating-card{right:-5px}.tl-benefit{padding:25px}.tl-benefit h3{font-size:23px}.tl-channels,.tl-builder-grid,.tl-faq,.tl-signup-grid{gap:45px}.tl-nav nav{gap:15px}.tl-steps{gap:25px}}@media (max-width:700px){.tl-wrap{width:calc(100% - 36px)}.tl-nav{width:calc(100% - 36px);padding:18px 0;gap:10px}.tl-brand{font-size:17px;gap:7px}.tl-logo{width:26px;height:26px;font-size:20px;border-radius:7px}.tl-nav nav>a:not(.tl-button){display:none}.tl-nav .tl-button{font-size:11px;padding:9px 12px;min-height:39px;gap:5px}.tl-hero{grid-template-columns:1fr;gap:20px;padding-top:38px;padding-bottom:60px}.tl-hero h1{font-size:40px;max-width:490px}.tl-eyebrow{font-size:10px;letter-spacing:.08em}.tl-hero .tl-lead{font-size:16px}.tl-actions .tl-button{flex:1;white-space:nowrap;font-size:12px;padding:13px 10px;gap:8px}.tl-social-proof{margin-top:24px}.tl-shop-scene{padding:10px 10px 30px 0;max-width:480px;width:100%;margin:auto}.tl-floating-card{right:0}.tl-scene-foot{font-size:8px;bottom:-10px;left:0}.tl-promise>.tl-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11px;padding-block:20px}.tl-promise span:before{margin-right:6px}.tl-section{padding-block:55px}.tl-section-heading{margin-bottom:25px}h2{font-size:29px}.tl-benefit-grid,.tl-channels,.tl-builder-grid,.tl-steps,.tl-faq,.tl-signup-grid{grid-template-columns:1fr}.tl-benefit{min-height:270px;padding:27px}.tl-benefit h3 br{display:none}.tl-number{margin-bottom:20px}.tl-benefit p{margin-bottom:12px}.tl-chart{max-width:280px;height:90px;margin-top:15px}.tl-channels{gap:35px}.tl-builder-section{padding-block:55px}.tl-builder-grid{gap:40px}.tl-builder-board{padding:20px;transform:none}.tl-bars{height:115px;padding-inline:20px}.tl-board-question{padding:20px}.tl-steps{gap:25px}.tl-steps article{padding-left:55px;position:relative}.tl-steps article>span{position:absolute;left:0;top:0}.tl-steps h3{font-size:21px;margin-bottom:12px}.tl-faq{gap:35px}.tl-signup-section{padding-block:55px}.tl-signup-grid{gap:35px}.tl-signup-section h2{font-size:43px}.tl-signup-proof{margin-top:25px}.tl-signup-card{padding:24px}.tl-signup-card h3{font-size:25px}.tl-footer{gap:15px;padding-block:28px}.tl-footer>p{flex-basis:100%}.tl-footer>div{font-size:11px}.tl-shop-identity{gap:8px;padding-inline:14px}.tl-shop-identity>img{width:60px;height:60px}.tl-shop-identity b{font-size:13px}.tl-pill{font-size:8px;padding:4px 6px}.tl-course-art{flex-shrink:0}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}.tl-line-contact{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.tl-line-contact p{font-size:13px;color:var(--muted);margin:0 0 14px}.tl-line-contact strong{color:#214638;font-size:15px}.tl-signup-card .tl-line-button{background:#eaf6ed;color:#145c32;border:1px solid #97c7a5;gap:10px;min-height:48px}.tl-signup-card .tl-line-button:hover{background:#d9efdf}.tl-line-contact small{display:block;margin-top:9px;color:var(--muted);font-size:11px}