:root{--color-bg:#FAF7F2;--color-surface:#FAF7F2;--color-surface-low:#eff6ec;--color-surface-container:#e9f0e7;--color-white:#ffffff;--color-primary:#0F9D58;--color-primary-dark:#006a39;--color-text:#171d18;--color-text-muted:#3e4a3f;--color-text-light:#6d7a6f;--color-border:#E8E2D6;--color-border-strong:#bdcabc;--color-secondary:#7e5708;--color-secondary-container:#ffc974;--max-width:1200px;--radius:12px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(11,31,58,0.04);--shadow-md:0 4px 12px rgba(11,31,58,0.08);--shadow-lg:0 8px 24px rgba(11,31,58,0.12)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Manrope,IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-text);background:var(--color-bg);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-block;vertical-align:middle;line-height:1}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:0 2rem;height:48px;border:none;border-radius:var(--radius-full);font-size:1rem;font-weight:600;font-family:Manrope,IBM Plex Sans Thai,sans-serif;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#ffffff;box-shadow:var(--shadow-sm)}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-outline:hover{background:var(--color-white)}.btn-white{background:#ffffff;color:var(--color-primary);font-weight:700;box-shadow:var(--shadow-lg)}.btn-white:hover{background:var(--color-bg)}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(250,247,242,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.nav-inner{justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 1.5rem;height:80px}.nav-brand,.nav-inner{display:flex;align-items:center}.nav-brand{font-family:Kanit,sans-serif;font-size:1.5rem;font-weight:700;color:var(--color-primary);gap:.5rem;letter-spacing:-.02em}.nav-links{display:flex;gap:2rem;list-style:none;align-items:center}.nav-links a{font-family:IBM Plex Sans Thai,Manrope,sans-serif;font-weight:500;color:#57534e;transition:color .2s}.nav-links a.active,.nav-links a:hover{color:var(--color-primary)}.nav-links a.active{border-bottom:2px solid var(--color-primary);padding-bottom:2px;font-weight:600}.nav-cta{display:flex;align-items:center;gap:1rem}.footer{background:var(--color-bg);border-top:1px solid var(--color-border);padding:4rem 0 2rem;font-family:IBM Plex Sans Thai,Manrope,sans-serif;font-size:.875rem;line-height:1.7}.footer-grid{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:3rem;gap:3rem}.footer-brand{font-family:Kanit,sans-serif;font-size:1.25rem;font-weight:700;color:var(--color-primary);display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.footer-desc{color:#78716c;max-width:280px}.footer-col h4{font-weight:700;color:var(--color-text);margin-bottom:1.25rem}.footer-col ul{list-style:none}.footer-col li{margin-bottom:.75rem}.footer-col a{color:#78716c;transition:color .2s}.footer-col a:hover{color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary);text-underline-offset:4px}.footer-social{display:flex;gap:.75rem;margin-top:.5rem}.footer-social-btn{width:40px;height:40px;border-radius:var(--radius-full);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:#78716c;cursor:pointer;transition:all .2s;background:none}.footer-social-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}.footer-bottom{max-width:1400px;margin:2.5rem auto 0;padding:1.5rem 1.5rem 0;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;gap:.75rem 1.5rem;color:#78716c;font-size:.875rem}.footer-bottom,.footer-legal{flex-wrap:wrap;align-items:center}.footer-legal{display:inline-flex;gap:.5rem}.footer-legal a{color:#78716c;transition:color .2s}.footer-legal a:hover{color:var(--color-primary);text-decoration:underline;text-underline-offset:4px}.section{padding:5rem 0}.section-white{background:var(--color-white)}.section-ivory{background:var(--color-bg)}.section-header{text-align:center;margin-bottom:4rem}.section-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem 1rem;border-radius:var(--radius-full);background:#f6fff4;border:1px solid var(--color-border-strong);font-size:.8125rem;font-weight:700;color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;margin-bottom:1rem}.section-title{font-family:Kanit,sans-serif;font-size:2.25rem;font-weight:600;color:var(--color-text);line-height:1.3}.section-divider{width:80px;height:4px;background:var(--color-primary);border-radius:var(--radius-full);margin:1rem auto 0}.section-subtitle{margin-top:1rem;color:var(--color-text-light);font-size:1.125rem;line-height:1.7}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:2rem}}@media (max-width:768px){.nav-cta .btn-outline,.nav-links{display:none}.section{padding:3rem 0}.section-title{font-size:1.75rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}}