@font-face{font-family:Sarabun;src:local("Sarabun Regular"),local("Sarabun"),url(../_fonts/kf2HmKEUhzImbxkGKaLzvdaliE6Zh7VSH2tiZPtj5_U-PljhX7_tUWlmWefEJUFc10zdJ0Caz36r6cVFfzwWjyE.woff2) format(woff2);font-display:swap;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;font-weight:400;font-style:normal}@font-face{font-family:"Sarabun Fallback: BlinkMacSystemFont";src:local("BlinkMacSystemFont");size-adjust:104.4408%;ascent-override:102.2589%;descent-override:22.2135%;line-gap-override:0%}@font-face{font-family:"Sarabun Fallback: Segoe UI";src:local("Segoe UI");size-adjust:98.1145%;ascent-override:108.8524%;descent-override:23.6458%;line-gap-override:0%}@font-face{font-family:"Sarabun Fallback: Helvetica Neue";src:local("Helvetica Neue");size-adjust:96.6667%;ascent-override:110.4828%;descent-override:24%;line-gap-override:0%}@font-face{font-family:"Sarabun Fallback: Arial";src:local("Arial");size-adjust:97.5772%;ascent-override:109.4518%;descent-override:23.776%;line-gap-override:0%}@font-face{font-family:"Sarabun Fallback: Noto Sans";src:local("Noto Sans");size-adjust:91.7722%;ascent-override:116.3752%;descent-override:25.28%;line-gap-override:0%}@font-face{font-family:Sarabun;src:local("Sarabun Regular"),local("Sarabun"),url(../_fonts/JQsxMXfYXdFMgcrZT7tgU-Wi9zdjyvi4f0xsxZnHg5E-6KMy8_wnNZBAdao4SuBw5ln28syM-42LwrNr8y6IuJI.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal}@font-face{font-family:Sarabun;src:local("Sarabun SemiBold"),url(../_fonts/6Fj5LqvLFKYG_DuB4ImMtYDVn3UOmWCzB6WtjH_WWAg-9CSR6XaweqYKwYqGod0VpnsiKGmVuGNq3ApeM8YMtx8.woff2) format(woff2);font-display:swap;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;font-weight:600;font-style:normal}@font-face{font-family:Sarabun;src:local("Sarabun SemiBold"),url(../_fonts/9zY3d8tB-KeG4cCeA6GA0s-uOwhQTY5Xl7kQrAXWaWo-_wTDKJxNEy3WJsNlDHPkRwqaexrtjbWnkjYm6zsG05A.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:600;font-style:normal}@font-face{font-family:Sarabun;src:local("Sarabun Bold"),url(../_fonts/IoBdvBPrF3VcJQcu-AMopvlRqYJ7qlNs5yOLkhFE6BE-E88YQ_gNQyG6_pXEzev4B9xip0TvnYa3iP2C2haPWYs.woff2) format(woff2);font-display:swap;unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC;font-weight:700;font-style:normal}@font-face{font-family:Sarabun;src:local("Sarabun Bold"),url(../_fonts/eHTJsgo6GrERbbgLG6u3s0bYl-AgD4jGn_RA6heio8g-3mqRTQQr7TKVL00IPXQBGEL4CrCTFt58WvgAEcgjfQA.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:700;font-style:normal}:root{--color-green-950:#052e1a;--color-green-900:#0d3d26;--color-green-800:#145232;--color-green-700:#1b6b43;--color-green-600:#228755;--color-green-500:#2d9a63;--color-green-400:#4db87e;--color-green-100:#dff3e8;--color-green-50:#f4faf7;--color-yellow-600:#c99a0f;--color-yellow-500:#e8b923;--color-yellow-400:#f5c93d;--color-yellow-100:#fef9e7;--color-white:#fff;--color-gray-900:#141a17;--color-gray-700:#3d4842;--color-gray-600:#5a6560;--color-gray-400:#9aa8a0;--color-gray-200:#e2e8e4;--color-gray-100:#f0f3f1;--font-sans:"Sarabun", "Sarabun Fallback: BlinkMacSystemFont", "Sarabun Fallback: Segoe UI", "Sarabun Fallback: Helvetica Neue", "Sarabun Fallback: Arial", "Sarabun Fallback: Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 3px rgba(13,61,38,.08);--shadow-md:0 4px 16px rgba(13,61,38,.1);--shadow-lg:0 12px 40px rgba(13,61,38,.14);--header-h:4.25rem;--container:72rem;--transition:.18s ease;--transition-spring:.5s cubic-bezier(.22,1,.36,1);--glass:hsla(0,0%,100%,.72);--glass-border:hsla(0,0%,100%,.35)}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:1rem;line-height:1.65;color:var(--color-gray-900);background:var(--color-white);-webkit-font-smoothing:antialiased;overflow-x:hidden}img,picture,svg,video{display:block;max-width:100%}a{color:var(--color-green-700);text-decoration-thickness:1px;text-underline-offset:.15em;transition:color var(--transition)}a:hover{color:var(--color-green-500)}:focus-visible{outline:2px solid var(--color-yellow-500);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:1rem;z-index:9999;padding:.75rem 1.25rem;background:var(--color-green-800);color:var(--color-white);border-radius:var(--radius-md);font-weight:600;text-decoration:none}.skip-link:focus{top:1rem}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.section{padding-block:clamp(3rem,6vw,5rem)}.section--alt{background:var(--color-green-50)}.section--dark{background:linear-gradient(145deg,var(--color-green-900),var(--color-green-800));color:var(--color-white)}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-green-600)}.section--dark .eyebrow{color:var(--color-yellow-400)}.heading-1{font-size:clamp(2rem,4.5vw,3.25rem);line-height:1.15;letter-spacing:-.02em}.heading-1,.heading-2{font-weight:700;margin:0}.heading-2{font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.2;letter-spacing:-.015em}.heading-3{font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}.lead{font-size:clamp(1.0625rem,2vw,1.25rem);line-height:1.7;color:var(--color-gray-600);margin:0}.section--dark .lead{color:#ffffffd9}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.375rem;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1.2;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--color-green-700);color:var(--color-white)}.btn--primary:hover{background:var(--color-green-600);color:var(--color-white)}.btn--secondary{background:var(--color-white);color:var(--color-green-800);border-color:var(--color-green-200,var(--color-green-100))}.btn--secondary:hover{background:var(--color-green-50);color:var(--color-green-700)}.btn--accent{background:var(--color-yellow-500);color:var(--color-green-950)}.btn--accent:hover{background:var(--color-yellow-400);color:var(--color-green-950)}.btn--ghost{background:transparent;color:var(--color-white);border-color:#ffffff73}.btn--ghost:hover{background:#ffffff1a;color:var(--color-white)}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card__body{padding:1.25rem 1.5rem 1.5rem}.grid-2,.grid-3{display:grid;gap:1.5rem}@media(min-width:640px){.grid-2{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:999px;background:var(--color-yellow-100);color:var(--color-green-900);border:1px solid var(--color-yellow-500)}.badge--green{background:var(--color-green-100);border-color:var(--color-green-400);color:var(--color-green-800)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--transition-spring),transform .75s var(--transition-spring)}.reveal--visible{opacity:1;transform:translateY(0)}.page-enter-active,.page-leave-active{transition:opacity .3s ease,transform .3s ease}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(10px)}.mesh-bg{position:relative;isolation:isolate}.glass-panel{background:var(--glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.bento-grid{display:grid;gap:1rem;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,auto)}@media(max-width:767px){.bento-grid{grid-template-columns:1fr}}.h-scroll{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:1rem;padding-bottom:.5rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-green-400) transparent}.h-scroll>*{scroll-snap-align:start;flex-shrink:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{opacity:.45}50%{opacity:.75}}@keyframes scroll-hint{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(6px);opacity:1}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.page-enter-active,.page-leave-active,.reveal{transition:none}.page-enter-from,.page-leave-to{opacity:1;transform:none}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important}}
