:root{--ink:#17251f;--muted:#64736b;--green:#1d5b43;--green-dark:#123d2d;--mint:#dbe9dc;--paper:#f7f7f2;--line:#dfe5dd;--gold:#d6a443;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans Thai","DM Sans",sans-serif;font-size:16px;line-height:1.65}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.5rem;z-index:10}a{color:inherit;text-decoration:none}.site-header{height:78px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:9px;line-height:1}.brand-mark{width:31px;height:31px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:25px;font-family:Georgia}.brand strong{font-size:17px;display:block;letter-spacing:.02em}.brand small{font-family:"DM Sans",sans-serif;font-size:8px;letter-spacing:.17em;color:var(--muted);display:block;margin-top:4px}.nav{display:flex;gap:30px;margin-left:auto;font-size:14px;color:#3d5047}.nav a:hover,.text-link:hover,footer a:hover{color:var(--green)}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:#fff;border-radius:100px;padding:13px 21px;font-size:15px;font-weight:600;transition:transform .2s,background .2s}.button:hover{background:var(--green-dark);transform:translateY(-2px)}.button-small{font-size:14px;padding:10px 16px}.section{max-width:1200px;margin:0 auto;padding:112px 28px}.hero{min-height:630px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:54px;padding-top:68px}.eyebrow{font-family:"DM Sans",sans-serif;color:var(--green);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin:0 0 15px}.hero h1,h2{letter-spacing:-.045em;line-height:1.18;margin:0;color:var(--ink)}.hero h1{font-size:clamp(40px,5vw,64px);max-width:660px}.lede{font-size:18px;line-height:1.8;max-width:610px;color:#4f6057;margin:25px 0}.hero-actions{display:flex;align-items:center;gap:24px}.text-link{font-size:15px;font-weight:600;color:var(--green)}.trust-list{padding:0;margin:40px 0 0;display:flex;flex-wrap:wrap;gap:8px 17px;list-style:none;color:var(--muted);font-size:13px}.trust-list li:before{content:"✓";color:var(--green);font-weight:700;margin-right:5px}.hero-art{position:relative;padding:40px 0}.leaf{background:var(--mint);position:absolute;border-radius:100% 0 100% 0;z-index:-1}.leaf-one{width:265px;height:265px;right:15px;top:0;transform:rotate(17deg)}.leaf-two{width:160px;height:160px;left:15px;bottom:0;background:#e9e2ca;transform:rotate(214deg)}.dashboard{background:#fff;border:1px solid #e5eae4;border-radius:14px;box-shadow:0 21px 55px rgba(28,62,43,.13);overflow:hidden;font-family:"Noto Sans Thai",sans-serif}.dashboard-hero{width:100%;padding:16px;transform:rotate(2.5deg)}.dash-top{display:flex;justify-content:space-between;align-items:center;padding:1px 0 14px;border-bottom:1px solid #eef1ee;font-size:11px}.dash-logo{font-weight:700;color:var(--green)}.dash-period{font-size:9px;color:var(--muted);background:#f2f5f1;border-radius:4px;padding:4px 6px}.dash-cards,.dash-stat-row{display:grid;gap:9px;margin:14px 0}.dash-cards{grid-template-columns:1fr 1fr}.dash-cards>div,.dash-stat-row>div{background:#f6f8f5;padding:11px;border-radius:7px}.dashboard small{color:#708078;font-size:9px;display:block}.dashboard strong{font-family:"DM Sans",sans-serif;display:block;font-size:18px;line-height:1.35;margin:3px 0;color:#243c30}.dashboard i{font-style:normal;font-size:10px}.dashboard em{font-family:"DM Sans",sans-serif;color:#479166;font-size:9px;font-style:normal}.dash-chart{border:1px solid #edf0ed;border-radius:7px;padding:10px 10px 5px}.dash-chart>div{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.dash-chart p{margin:0;color:#586a60}.dash-chart svg{display:block;width:100%;height:auto}.grid{stroke:#e8eee8;stroke-width:1}.line{fill:none;stroke:#337957;stroke-width:3}.area{fill:#dbecdf}.dash-bottom{font-size:9px;display:grid;grid-template-columns:1fr auto 1fr auto;gap:5px;color:#66776e;padding:12px 0 0}.dash-bottom b{font-family:"DM Sans",sans-serif;color:#324b3d}.intro{padding-top:80px}.intro h2,.section-heading h2,.process h2,.preview h2,.thai h2,.roadmap h2,.final-cta h2{font-size:clamp(30px,3.6vw,47px)}.three-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:55px}.three-grid article{border-top:1px solid var(--line);padding-top:22px}.icon{color:var(--green);font-size:26px}.three-grid h3,.feature-grid h3,.future-grid h3,.process h3,.crop-cards h3{font-size:19px;letter-spacing:-.02em;margin:13px 0 8px}.three-grid p,.feature-grid p,.future-grid p,.process p,.thai p,.section-heading>p{color:var(--muted);font-size:14px;margin:0}.features{padding-top:120px}.section-heading{max-width:650px}.section-heading>p:not(.eyebrow){font-size:16px;margin-top:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}.feature-grid article{background:#fff;border:1px solid #e7ece6;border-radius:var(--radius);padding:26px;min-height:205px}.feature-grid article>span{font-family:"DM Sans",sans-serif;color:#809087;font-size:12px;font-weight:700}.feature-grid article.featured{background:var(--green);border-color:var(--green)}.featured h3,.featured p,.featured>span{color:#fff}.featured p{color:#d9e8dd}.process{text-align:center}.process>h2{margin-bottom:55px}.process ol{display:grid;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;text-align:left;gap:22px;position:relative}.process li{position:relative}.process li:not(:last-child):after{content:"";height:1px;background:#c9d4cc;width:68%;position:absolute;top:22px;left:68%}.process b{width:45px;height:45px;border-radius:50%;background:#dceade;color:var(--green);display:grid;place-items:center;font-family:"DM Sans",sans-serif;font-size:15px}.preview{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:75px}.preview-copy>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:17px 0}.preview .note{font-size:12px!important;color:#8b978f!important}.dashboard-large{padding:21px;transform:rotate(-1.4deg)}.dash-stat-row{grid-template-columns:repeat(3,1fr)}.dash-stat-row>div{padding:13px}.dash-stat-row strong{font-size:20px}.thai{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.thai>div>p:not(.eyebrow){font-size:16px;color:var(--muted);margin:19px 0}.crop-cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}.crop-cards article{background:#e5eee4;border-radius:17px;padding:23px}.crop-cards article:nth-child(2){background:#edf0d9}.crop-cards span{font-size:30px}.crop-cards h3{margin:11px 0 3px}.crop-cards p{font-size:12px;color:#66766b;margin:0}.roadmap{background:#edf1ec;max-width:none;padding-left:max(28px,calc((100vw - 1144px)/2));padding-right:max(28px,calc((100vw - 1144px)/2));text-align:center}.roadmap .section-heading{margin:auto}.future-grid{max-width:1144px;margin:43px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:13px;text-align:left}.future-grid article{background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.85);padding:22px;border-radius:15px}.future-grid span{font-size:23px;color:#738e7b}.future-grid h3{font-size:16px}.final-cta{max-width:none;background:var(--green);text-align:center;color:#fff;padding:104px 28px}.final-cta .eyebrow{color:#bedbc4}.final-cta h2{color:#fff}.final-cta>p:not(.eyebrow){color:#d9e7db;font-size:16px;margin:17px 0 28px}.button-light{background:#fff;color:var(--green)}.button-light:hover{background:#eff5ed;color:var(--green)}footer{max-width:1200px;margin:auto;padding:58px 28px 34px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;align-items:start;color:var(--muted)}footer>p{font-size:13px;margin:0}footer>div{display:flex;gap:18px;font-size:13px}footer>small{grid-column:1/-1;margin-top:34px;padding-top:18px;border-top:1px solid var(--line);font-family:"DM Sans",sans-serif;font-size:11px;color:#87938b}
@media(max-width:760px){.site-header{padding:0 18px;height:69px}.nav{display:none}.button-small{font-size:13px;padding:9px 13px}.section{padding:52px 20px}.hero{display:block;padding-top:35px;padding-bottom:50px;min-height:auto}.hero h1{font-size:42px}.lede{font-size:16px;margin:18px 0}.hero-art{margin-top:22px;padding:18px 0}.dashboard-hero{transform:rotate(1.2deg)}.three-grid,.feature-grid{grid-template-columns:1fr;gap:10px}.three-grid{margin-top:26px}.three-grid article{padding:15px 0}.feature-grid{margin-top:26px}.feature-grid article{min-height:auto;padding:20px}.process>h2{margin-bottom:34px}.process ol{grid-template-columns:1fr;gap:18px}.process li{display:grid;grid-template-columns:50px 1fr;column-gap:14px}.process li h3{margin:3px 0 4px}.process li p{grid-column:2}.process li:not(:last-child):after{width:1px;height:18px;left:22px;top:50px}.preview,.thai{grid-template-columns:1fr;gap:27px}.dashboard-large{transform:none;padding:14px}.dash-stat-row{gap:6px}.dash-stat-row>div{padding:9px}.dash-stat-row strong{font-size:14px}.dashboard-large .dash-chart{margin-top:8px}.thai{padding-top:45px}.future-grid{grid-template-columns:1fr 1fr;gap:10px}.future-grid article{padding:17px}.future-grid h3{font-size:15px}.future-grid p{font-size:12px}.final-cta{padding:58px 20px}footer{padding:34px 20px 24px;grid-template-columns:1fr;gap:12px}footer>small{margin-top:13px}.trust-list{margin-top:25px;gap:7px 14px;font-size:12px}}
@media(max-width:380px){.hero h1{font-size:37px}.site-header{padding:0 14px}.brand strong{font-size:16px}.button-small{padding:8px 10px}.future-grid{grid-template-columns:1fr}.dash-stat-row strong{font-size:12px}}