:root{--green-950:#062b22;--green-900:#0a3d31;--green-800:#0f5c49;--green-700:#137a5f;--green-600:#1a9a76;--green-500:#27b98f;--green-400:#5bcda9;--green-300:#8fdec4;--green-200:#bfeedd;--green-100:#e2f6ee;--green-50:#f1fbf7;--spark-700:#c9491f;--spark-600:#d9572b;--spark-500:#ec6a41;--spark-400:#f38a63;--spark-200:#f9c4a8;--spark-100:#fce6da;--spark-glow:#ffd9a0;--spark-gradient:radial-gradient(circle at 32% 30%, #ffd9a0, #ec6a41);--neutral-950:#181711;--neutral-900:#20201a;--neutral-800:#2d2c25;--neutral-700:#45443b;--neutral-600:#5e5c50;--neutral-500:#7c7a6d;--neutral-400:#a2a092;--neutral-300:#c7c5b8;--neutral-200:#e2e0d5;--neutral-150:#eceae0;--neutral-100:#f4f2e9;--neutral-50:#faf9f3;--cream:#fbf8f2;--white:#fff;--success-600:#137a5f;--success-100:#e2f6ee;--warning-600:#b5760b;--warning-500:#e0951b;--warning-100:#fbf0da;--danger-600:#c2453a;--danger-500:#dc5a4e;--danger-100:#fbe7e4;--info-600:#1f6fb2;--info-100:#e4f0fa;--line-green:#06c755;--line-green-dark:#05a847;--brand:var(--green-800);--brand-hover:var(--green-900);--brand-active:var(--green-950);--brand-soft:var(--green-100);--brand-soft-hover:var(--green-200);--on-brand:var(--white);--accent:var(--green-600);--accent-spark:var(--spark-500);--accent-spark-soft:var(--spark-100);--bg-canvas:var(--white);--bg-subtle:var(--neutral-100);--surface-card:var(--white);--surface-raised:var(--white);--surface-cream:var(--cream);--surface-sunken:var(--neutral-100);--surface-brand:var(--green-800);--surface-brand-soft:var(--green-50);--text-strong:var(--neutral-950);--text-body:var(--neutral-700);--text-muted:var(--neutral-500);--text-subtle:var(--neutral-400);--text-on-brand:var(--white);--text-link:var(--green-700);--border-subtle:var(--neutral-200);--border-default:var(--neutral-300);--border-strong:var(--neutral-400);--border-brand:var(--green-800);--ring-focus:color-mix(in oklab, var(--green-600) 45%, transparent);--font-display:"Anuphan", "IBM Plex Sans Thai", system-ui, sans-serif;--font-sans:"IBM Plex Sans Thai", "Anuphan", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--text-display-lg:clamp(2.5rem, 5vw, 3.5rem);--text-display:clamp(2rem, 4vw, 2.75rem);--text-h1:clamp(1.75rem, 3.2vw, 2.125rem);--text-h2:clamp(1.45rem, 2.4vw, 1.625rem);--text-h3:1.3125rem;--text-lg:1.125rem;--text-base:1rem;--text-sm:.875rem;--text-xs:.75rem;--lh-tight:1.18;--lh-snug:1.35;--lh-normal:1.55;--lh-relaxed:1.7;--ls-tight:-.02em;--ls-normal:0;--ls-wide:.04em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px #0f5c490f;--shadow-sm:0 1px 3px #0f5c4914, 0 1px 2px #0c15120a;--shadow-md:0 4px 12px #0f5c4914, 0 2px 4px #0c15120a;--shadow-lg:0 12px 28px #0f5c491a, 0 4px 10px #0c15120d;--shadow-xl:0 24px 56px #0a3d3124;--shadow-focus:0 0 0 4px var(--ring-focus);--ease-standard:cubic-bezier(.2,0,.1,1);--ease-out:cubic-bezier(.16,1,.3,1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--container-max:1200px}*,:before,:after{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--lh-normal);color:var(--text-body);background:var(--bg-canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--fw-semibold);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);text-wrap:balance}p{text-wrap:pretty}a{color:var(--text-link);transition:color var(--dur-fast) var(--ease-standard);text-decoration:none}a:hover{color:var(--brand-hover)}img,svg{max-width:100%;display:block}::selection{background:var(--green-200);color:var(--green-950)}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm);outline:none}.wrap{width:100%;max-width:var(--container-max);margin-inline-start:auto;margin-inline-end:auto;padding-inline-start:max(20px,min(5vw,40px));padding-inline-end:max(20px,min(5vw,40px))}.wrap-narrow{max-width:780px}.section{padding-block-start:max(48px,min(7vw,96px));padding-block-end:max(48px,min(7vw,96px))}.section-sm{padding-block-start:max(32px,min(4vw,56px));padding-block-end:max(32px,min(4vw,56px))}.bg-mint{background:var(--green-50)}.bg-subtle{background:var(--bg-subtle)}.bg-brand{background:var(--surface-brand);color:var(--text-on-brand)}.eyebrow{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--green-700);align-items:center;gap:9px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-spark);border-radius:2px;width:22px;height:2px}.eyebrow.on-dark{color:var(--green-200)}.lead{font-size:var(--text-lg);line-height:var(--lh-relaxed);color:var(--text-body)}.h-display{font-size:var(--text-display)}.h-section{font-size:var(--text-h2)}.muted{color:var(--text-muted)}.mono{font-family:var(--font-mono)}.btn{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-sm);border-radius:var(--radius-pill);cursor:pointer;transition:all var(--dur-base) var(--ease-standard);white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;padding:11px 22px;line-height:1;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-lg{font-size:var(--text-base);padding:14px 28px}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{background:var(--brand-hover);color:var(--on-brand);box-shadow:var(--shadow-md)}.btn-ghost{color:var(--text-strong);border-color:var(--border-default);background:0 0}.btn-ghost:hover{background:var(--green-50);border-color:var(--green-300);color:var(--brand)}.btn-spark{background:var(--accent-spark);color:var(--white)}.btn-spark:hover{background:var(--spark-600);color:var(--white);box-shadow:var(--shadow-md)}.btn-on-dark{background:var(--white);color:var(--green-900)}.btn-on-dark:hover{background:var(--cream);color:var(--green-950)}.btn-ghost-dark{color:var(--cream);background:0 0;border-color:#ffffff4d}.btn-ghost-dark:hover{color:var(--white);background:#ffffff1a}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);transition:transform var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--green-200);transform:translateY(-2px)}.badge{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--fw-semibold);border-radius:var(--radius-pill);letter-spacing:.01em;align-items:center;gap:6px;padding:4px 11px;display:inline-flex}.badge-brand{background:var(--green-100);color:var(--green-800)}.badge-spark{background:var(--spark-100);color:var(--spark-700)}.badge-v1{background:var(--green-800);color:var(--white);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.badge-soon{background:var(--neutral-150);color:var(--neutral-600)}.spark-dot{background:var(--spark-gradient);width:8px;height:8px;box-shadow:0 0 0 4px var(--spark-100);border-radius:50%;flex:none}.icon-tile{border-radius:var(--radius-md);background:var(--green-100);width:44px;height:44px;color:var(--green-800);flex:none;place-items:center;display:grid}.icon-tile svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.icon-tile.spark{background:var(--spark-100);color:var(--spark-700)}.reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(16px)}.reveal.in{opacity:1;transform:none}.grid{gap:var(--space-6);display:grid}.cols-2{grid-template-columns:repeat(2,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-4{grid-template-columns:repeat(4,1fr)}.center{text-align:center}.stack{flex-direction:column;display:flex}@media (max-width:900px){.cols-3,.cols-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.cols-2,.cols-3,.cols-4{grid-template-columns:1fr}}.nav[data-astro-cid-wpvy4v7s]{z-index:50;background:color-mix(in oklab, var(--bg-canvas) 86%, transparent);-webkit-backdrop-filter:saturate(140%)blur(10px);backdrop-filter:saturate(140%)blur(10px);transition:border-color var(--dur-base), background var(--dur-base);border-bottom:1px solid #0000;position:sticky;top:0}.nav[data-astro-cid-wpvy4v7s].scrolled{border-bottom-color:var(--border-subtle);background:color-mix(in oklab, var(--bg-canvas) 94%, transparent)}.nav-inner[data-astro-cid-wpvy4v7s]{align-items:center;gap:20px;height:66px;display:flex}.nav-logo[data-astro-cid-wpvy4v7s]{align-items:center;display:inline-flex}.nav-menu[data-astro-cid-wpvy4v7s]{align-items:center;gap:6px;margin-left:auto;display:flex}.nav-link[data-astro-cid-wpvy4v7s]{font-family:var(--font-display);font-weight:var(--fw-medium);font-size:var(--text-sm);color:var(--text-body);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:8px 12px;display:inline-flex}.nav-link[data-astro-cid-wpvy4v7s]:hover{color:var(--brand);background:var(--green-50)}.nav-dd[data-astro-cid-wpvy4v7s]{position:relative}.nav-dd-panel[data-astro-cid-wpvy4v7s]{background:var(--white);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:min(600px,100vw - 32px);box-shadow:var(--shadow-xl);opacity:0;visibility:hidden;transition:all var(--dur-base) var(--ease-standard);padding:14px;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(6px)}.nav-dd-feat[data-astro-cid-wpvy4v7s]{left:auto;right:0}.nav-dd[data-astro-cid-wpvy4v7s]:hover .nav-dd-panel[data-astro-cid-wpvy4v7s],.nav-dd[data-astro-cid-wpvy4v7s].open .nav-dd-panel[data-astro-cid-wpvy4v7s]{opacity:1;visibility:visible;transform:none}.nav-dd-sol[data-astro-cid-wpvy4v7s]{width:min(380px,100vw - 32px)}.nav-dd-grid[data-astro-cid-wpvy4v7s]{grid-template-columns:1fr 1fr;gap:4px;display:grid}.nav-dd-grid[data-astro-cid-wpvy4v7s].one{grid-template-columns:1fr}.nav-dd-item[data-astro-cid-wpvy4v7s]{border-radius:var(--radius-md);align-items:flex-start;gap:12px;padding:10px;display:flex}.nav-dd-item[data-astro-cid-wpvy4v7s]:hover{background:var(--green-50)}.nav-dd-ic[data-astro-cid-wpvy4v7s]{background:var(--green-100);width:36px;height:36px;color:var(--green-800);border-radius:9px;flex:none;place-items:center;display:grid}.nav-dd-ic[data-astro-cid-wpvy4v7s].spark{background:var(--spark-100);color:var(--spark-700)}.nav-dd-ic[data-astro-cid-wpvy4v7s] svg{fill:none;stroke:currentColor;width:19px;height:19px}.nav-dd-name[data-astro-cid-wpvy4v7s]{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--text-sm);color:var(--text-strong);align-items:center;gap:7px;display:flex}.nav-dd-tag[data-astro-cid-wpvy4v7s]{letter-spacing:.04em;background:var(--green-800);color:#fff;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:700}.nav-dd-sum[data-astro-cid-wpvy4v7s]{color:var(--text-muted);margin-top:2px;font-size:12px;line-height:1.4;display:block}.nav-dd-all[data-astro-cid-wpvy4v7s]{text-align:center;font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--brand);border-radius:var(--radius-md);background:var(--green-50);margin-top:8px;padding:10px;display:block}.nav-actions[data-astro-cid-wpvy4v7s]{align-items:center;gap:10px;margin-left:8px;display:flex}.nav-lang[data-astro-cid-wpvy4v7s]{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--text-body);border-radius:var(--radius-pill);border:1px solid var(--border-subtle);align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.nav-lang[data-astro-cid-wpvy4v7s]:hover{color:var(--brand);border-color:var(--green-300);background:var(--green-50)}.nav-burger[data-astro-cid-wpvy4v7s]{cursor:pointer;flex-direction:column;gap:5px;margin-left:auto;padding:8px;display:none}.nav-burger[data-astro-cid-wpvy4v7s] span[data-astro-cid-wpvy4v7s]{background:var(--text-strong);width:22px;height:2px;transition:all var(--dur-base);border-radius:2px}@media (max-width:900px){.nav-burger[data-astro-cid-wpvy4v7s]{display:flex}.nav-menu[data-astro-cid-wpvy4v7s]{background:var(--white);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--dur-base) var(--ease-standard);flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100vh - 66px);padding:16px;position:fixed;top:66px;bottom:auto;left:0;right:0;overflow-y:auto;transform:translateY(-12px)}.nav-checkbox[data-astro-cid-wpvy4v7s]:checked~.nav-menu[data-astro-cid-wpvy4v7s]{opacity:1;visibility:visible;transform:none}.nav-checkbox[data-astro-cid-wpvy4v7s]:checked~.nav-burger[data-astro-cid-wpvy4v7s] span[data-astro-cid-wpvy4v7s]:first-child{transform:translateY(7px)rotate(45deg)}.nav-checkbox[data-astro-cid-wpvy4v7s]:checked~.nav-burger[data-astro-cid-wpvy4v7s] span[data-astro-cid-wpvy4v7s]:nth-child(2){opacity:0}.nav-checkbox[data-astro-cid-wpvy4v7s]:checked~.nav-burger[data-astro-cid-wpvy4v7s] span[data-astro-cid-wpvy4v7s]:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-link[data-astro-cid-wpvy4v7s]{font-size:var(--text-base);padding:12px}.nav-dd-panel[data-astro-cid-wpvy4v7s]{width:100%;box-shadow:none;opacity:1;visibility:visible;border:none;padding:4px 0 8px;position:static;transform:none}.nav-dd-grid[data-astro-cid-wpvy4v7s]{grid-template-columns:1fr}.nav-actions[data-astro-cid-wpvy4v7s]{flex-direction:column;align-items:stretch;margin:8px 0 0}.nav-demo[data-astro-cid-wpvy4v7s],.nav-lang[data-astro-cid-wpvy4v7s]{justify-content:center;width:100%}}.cta-band[data-astro-cid-jo6i4kqk]{padding-block-start:max(20px,min(4vw,48px));padding-block-end:max(20px,min(4vw,48px))}.cta-inner[data-astro-cid-jo6i4kqk]{text-align:center;background:linear-gradient(160deg, var(--green-700), var(--green-900));color:var(--cream);border-radius:var(--radius-2xl);padding:max(40px,min(6vw,72px)) max(24px,min(5vw,56px));position:relative;overflow:hidden}.cta-glow[data-astro-cid-jo6i4kqk]{pointer-events:none;background:radial-gradient(circle,#ec6a4173,#0000 65%);border-radius:50%;width:420px;height:420px;position:absolute;top:-160px;right:-100px}.cta-tag[data-astro-cid-jo6i4kqk]{color:var(--spark-glow);background:#ffffff1f;margin-bottom:18px;position:relative}.cta-inner[data-astro-cid-jo6i4kqk] h2[data-astro-cid-jo6i4kqk]{color:#fff;font-size:var(--text-display);margin-bottom:12px;position:relative}.cta-inner[data-astro-cid-jo6i4kqk]>p[data-astro-cid-jo6i4kqk]{color:#ffffffd9;max-width:56ch;line-height:var(--lh-relaxed);margin:0 auto 26px;position:relative}.cta-actions[data-astro-cid-jo6i4kqk]{flex-wrap:wrap;justify-content:center;gap:12px;display:flex;position:relative}.cta-fine[data-astro-cid-jo6i4kqk]{font-size:var(--text-sm);color:#ffffff9e;margin-top:18px;position:relative}.footer[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--border-subtle);background:var(--white);padding-top:max(40px,min(5vw,64px))}.foot-inner[data-astro-cid-jo6i4kqk]{grid-template-columns:1.4fr 2.4fr;gap:48px;padding-bottom:40px;display:grid}.foot-brand[data-astro-cid-jo6i4kqk] p[data-astro-cid-jo6i4kqk]{color:var(--text-muted);font-size:var(--text-sm);line-height:var(--lh-relaxed);max-width:34ch;margin-top:16px}.foot-cols[data-astro-cid-jo6i4kqk]{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.foot-col[data-astro-cid-jo6i4kqk] h4[data-astro-cid-jo6i4kqk]{font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-strong);margin-bottom:14px}.foot-col[data-astro-cid-jo6i4kqk] ul[data-astro-cid-jo6i4kqk]{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.foot-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{font-size:var(--text-sm);color:var(--text-muted)}.foot-col[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]:hover{color:var(--brand)}.foot-bottom[data-astro-cid-jo6i4kqk]{border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-subtle);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block-start:22px;padding-block-end:22px;display:flex}@media (max-width:760px){.foot-inner[data-astro-cid-jo6i4kqk]{grid-template-columns:1fr;gap:32px}.foot-cols[data-astro-cid-jo6i4kqk]{grid-template-columns:1fr 1fr;gap:24px}}.skip[data-astro-cid-ju4pidww]{z-index:100;background:var(--brand);color:#fff;border-radius:999px;padding:8px 16px;position:absolute;top:8px;left:-999px}.skip[data-astro-cid-ju4pidww]:focus{left:8px}