@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--ink:#163321;--green:#174b32;--green2:#236e46;--mint:#e9f3e8;--cream:#faf8ef;--line:#dce7dc;--orange:#ed9d39}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font:20px/1.6 'TH Sarabun New','Noto Sans Thai',Tahoma,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{text-decoration:none;display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;line-height:1.1}.logo small{display:block;font-size:13px;font-weight:500;color:#718278;margin-top:5px}.mark{width:44px;height:44px;display:grid;place-items:center;background:var(--green);color:#fff;border-radius:13px}.dot{color:#438b52}nav{display:flex;align-items:center;gap:30px;font-size:16px;font-weight:600}nav a{text-decoration:none}nav a:hover{color:var(--green2)}nav .login{border:1px solid #bfd1c2;padding:10px 18px;border-radius:9px}.hero{background:linear-gradient(115deg,#f3f8ee 0%,#f8f7ea 58%,#e7f0e5 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:570px;gap:60px;padding:60px 0}.eyebrow,.kicker{letter-spacing:.16em;font-size:13px;font-weight:800;color:#588a55}.hero h1{font-size:clamp(42px,5.5vw,74px);line-height:1.19;letter-spacing:-.04em;margin:20px 0}.hero h1 em{font-style:normal;color:#3c8650}.hero p{max-width:610px;color:#516459;font-size:21px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:56px;border-radius:10px;padding:12px 23px;text-decoration:none;font-size:18px;font-weight:700;cursor:pointer}.primary{border:1px solid var(--green);background:var(--green);color:#fff}.primary:hover{background:var(--green2)}.outline{border:1px solid #9fbd9f;background:transparent}.hero-note{font-size:15px;color:#66806b}.visual{min-height:440px;border-radius:24px;background:#174c32;padding:28px;position:relative;color:#fff;box-shadow:0 24px 45px #16332127}.visual-title{font-size:18px;font-weight:700;margin-bottom:18px}.tile{border-radius:14px;background:#fff;color:var(--ink);padding:16px;display:flex;align-items:center;gap:18px;box-shadow:0 12px 20px #09291630;margin-bottom:12px;max-width:330px}.tile span{font-size:40px;width:56px;text-align:center}.tile div{font-size:14px;color:#67806b}.tile strong{display:block;font-size:21px;color:var(--ink)}.tile-two{margin-left:45px}.tile-three{margin-left:90px}.visual-foot{font-size:14px;color:#c3e4cd;margin-top:20px}.band{background:#133d2a;color:#fff}.band-grid{display:grid;grid-template-columns:repeat(3,1fr)}.band-grid div{display:flex;gap:14px;align-items:center;justify-content:center;padding:18px;border-right:1px solid #ffffff35}.band-grid div:last-child{border:0}.band-grid strong{color:#b5db9e;font-size:17px}.band-grid span{font-size:16px}.section{padding:90px 0}.section h2,.categories h2,.request h2{font-size:clamp(32px,3.6vw,46px);line-height:1.3;margin:10px 0 13px}.section-head p{color:#657568;margin:0}.searchline{display:flex;align-items:center;gap:16px;margin:30px 0}.searchline label{font-weight:700;font-size:16px;white-space:nowrap}.searchline input{height:56px;border:1px solid #cbdccb;border-radius:9px;padding:12px 18px;max-width:460px;min-width:0;flex:1}.searchline span{font-size:15px;color:#66816b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 8px 20px #174b320a}.card[hidden]{display:none}.art{height:210px;display:flex;align-items:center;justify-content:center;position:relative}.art span{font-size:80px}.art small{position:absolute;top:15px;left:15px;border-radius:99px;background:#fff;padding:5px 12px;font-size:13px;font-weight:700}.art-1{background:#eaf0bf}.art-2{background:#dcece8}.art-3{background:#f2e5d3}.card-body{padding:24px}.sku{color:#62846b;font-size:13px;font-weight:700;letter-spacing:.04em}.card h3{font-size:25px;line-height:1.35;margin:9px 0}.card p{font-size:16px;color:#67786c;min-height:52px}.card dl{border-top:1px solid var(--line);font-size:15px;margin:18px 0}.card dl div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.card dt{color:#748478}.card dd{margin:0;font-weight:700;text-align:right}.card-cta{display:flex;justify-content:space-between;color:var(--green2);font-size:17px;font-weight:800;text-decoration:none}.empty{font-size:17px;color:#6b796f}.categories{background:#f4f7f0;padding:80px 0}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.category-grid div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.category-grid span{display:block;color:#598861;font-size:14px;font-weight:800}.category-grid strong{display:block;font-size:23px;margin:12px 0}.category-grid p,.muted{font-size:16px;color:#6b7b6e}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.steps>div{border-top:2px solid #91bc92;padding-top:18px}.steps b{font-size:32px;color:#53905e}.steps h3{font-size:22px;margin:10px 0}.steps p{color:#6a7d6d;font-size:17px}.request{background:#e9f1e6;padding:80px 0}.request-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.request p{color:#5c725e}.privacy{font-size:15px;color:#647c67;margin-top:40px}.request-form{background:#fff;padding:30px;border-radius:18px;box-shadow:0 12px 24px #14351c12}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.form-grid label{font-size:16px;font-weight:700;display:flex;flex-direction:column;gap:7px}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #b9cdb9;border-radius:8px;min-height:54px;padding:9px 13px;background:#fff}.form-grid textarea{min-height:120px}.submit{width:100%;margin-top:22px}.notice{padding:12px 15px;border-radius:8px;margin-bottom:18px;font-size:16px}.good{background:#e5f5e5;color:#1c6129}.bad{background:#fbe4df;color:#a43629}footer{background:#123c29;color:#e6f0e6;padding:36px 0;font-size:16px}.footer-grid{display:flex;justify-content:space-between;gap:20px}.footer-grid strong{font-size:22px}.footer-grid p{color:#a9cbb1;margin:3px 0}footer a{color:#e6f0e6}:focus-visible{outline:3px solid #e7a52b;outline-offset:3px}@media(max-width:900px){.hero-grid,.request-grid{grid-template-columns:1fr}.hero-grid{gap:24px}.visual{max-width:520px}.cards,.category-grid,.steps{grid-template-columns:1fr 1fr}nav{gap:14px}}@media(max-width:650px){body{font-size:18px}.wrap{width:min(100% - 30px,1200px)}.top{position:relative}.nav{align-items:flex-start;flex-direction:column;padding:15px 0}nav{width:100%;overflow:auto;white-space:nowrap;font-size:14px;padding-bottom:3px}.hero-grid{padding:46px 0}.hero h1{font-size:42px}.hero p{font-size:18px}.visual{min-height:0}.tile-two,.tile-three{margin-left:0}.band-grid{grid-template-columns:1fr}.band-grid div{justify-content:flex-start;border-right:0;border-bottom:1px solid #ffffff35;padding:10px}.section,.categories,.request{padding:55px 0}.cards,.category-grid,.steps,.form-grid{grid-template-columns:1fr}.searchline{flex-wrap:wrap}.searchline label{width:100%}.form-grid .full{grid-column:auto}.request-form{padding:20px}.footer-grid{flex-direction:column}}

@media(max-width:1100px){.top nav{overflow-x:auto;white-space:nowrap;max-width:100%;gap:15px}}