@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-vietnamese-400-normal.CRcqvyg1.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-400-normal.BuGn0gnm.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-ext-400-normal.CiZNW1ec.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-400-normal.DYBYyMQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/be-vietnam-pro-latin-400-normal.PpnXBOrz.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-400-normal.bXgqVju9.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/be-vietnam-pro-vietnamese-500-normal.DREgrEoJ.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-500-normal.CfdwVo8-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/be-vietnam-pro-latin-ext-500-normal.h0Fp6aX0.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-500-normal.CK0UkkKf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/be-vietnam-pro-latin-500-normal.B6LVzGNe.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-500-normal.BJkVuMHw.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-vietnamese-600-normal.nyU-ZL2p.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-600-normal.DkpCIyan.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-latin-ext-600-normal.BNd8euf0.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-600-normal.BeUwKxhG.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/be-vietnam-pro-latin-600-normal.BZDkUTrt.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-600-normal.5IO4e7bK.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/be-vietnam-pro-vietnamese-700-normal.Csr0PCuG.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-700-normal.By_5yT39.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/be-vietnam-pro-latin-ext-700-normal.C8_gqRu2.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-700-normal.4Hjo2OtD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/_astro/be-vietnam-pro-latin-700-normal.DlW1Zbsh.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-700-normal.C2EtzaOi.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/be-vietnam-pro-vietnamese-800-normal.D4LFh2W4.woff2)format("woff2"),url(/_astro/be-vietnam-pro-vietnamese-800-normal.CA0HL1e4.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/be-vietnam-pro-latin-ext-800-normal.GEpNgheG.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-ext-800-normal.BvOXQlBN.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:800;src:url(/_astro/be-vietnam-pro-latin-800-normal.BpHZASpI.woff2)format("woff2"),url(/_astro/be-vietnam-pro-latin-800-normal.Cwp5p0gU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-family:"Be Vietnam Pro";--color-bg:#0e1116;--color-surface:#171b22;--color-surface-2:#1f242d;--color-surface-3:#272d38;--color-border:#2a313c;--color-border-strong:#3a4250;--color-scrim:#0009;--color-text-primary:#eef1f5;--color-text-secondary:#9aa3b2;--color-text-disabled:#7a8392;--color-accent:#c6ff3d;--color-accent-pressed:#a9e21c;--color-on-accent:#0e1116;--color-accent-tint:#c6ff3d1f;--color-status-ok:#2dd4bf;--color-status-warning:#ffb020;--color-status-error:#ff6b6b;--color-status-info:#60a5fa;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-x-small:6px;--radius-small:10px;--radius-medium:14px;--radius-large:20px;--radius-full:999px;--type-display-size:28px;--type-display-line:34px;--type-display-weight:600;--type-title-large-size:22px;--type-title-large-line:28px;--type-title-large-weight:600;--type-title-size:18px;--type-title-line:24px;--type-title-weight:600;--type-body-size:15px;--type-body-line:22px;--type-body-weight:400;--type-body-small-size:13px;--type-body-small-line:18px;--type-body-small-weight:400;--type-label-size:14px;--type-label-line:18px;--type-label-weight:600;--type-caption-size:12px;--type-caption-line:16px;--type-caption-weight:500;--type-keycap-size:11px;--type-keycap-line:12px;--type-keycap-weight:700;--type-section-label-size:12px;--type-section-label-line:16px;--type-section-label-weight:500;--type-section-label-tracking:.8px;--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--ease-linear:cubic-bezier(0, 0, 1, 1);--motion-fast:90ms;--motion-fast-ease:var(--ease-standard);--motion-standard:.16s;--motion-standard-ease:var(--ease-standard);--motion-enter:.22s;--motion-enter-ease:var(--ease-decelerate);--motion-overlay:.12s;--motion-overlay-ease:var(--ease-standard);--motion-keypress:80ms;--motion-keypress-ease:var(--ease-linear);--size-button-height:48px;--size-button-height-compact:40px;--size-icon-size:20px;--size-min-touch-target:48px;--size-keycap-height:22px;--size-slider-thumb:20px;--size-slider-track:6px;--size-slider-marker:4px;--size-border-width:1px;--size-stripe-width:3px;--size-nav-rail-width:80px;--size-param-panel-width:360px;--size-game-icon:56px;--size-empty-state-icon:48px;--size-status-icon:24px;--size-dot:8px;--size-active-dot-width:24px;--size-dialog-width:420px;--size-keycap-large:56px;--size-chart-height:48px;--overlay-window-alpha-max:.8;--overlay-hud-alpha-default:.55;--overlay-dock-bg-alpha:.72;--overlay-keycap-bg-alpha:.6;--overlay-keycap-border-alpha:.35;--site-bg:#0b0d10;--site-surface:#12151a;--site-surface-2:#181c22;--site-border:#232830;--site-border-strong:#2e343d;--site-text:#e6e8eb;--site-text-muted:#8b93a1;--site-text-faint:#5e6673;--site-accent:#c6ff3d;--site-accent-hover:#d4ff6b;--site-on-accent:#0b0d10;--site-accent-soft:#c6ff3d1a;--site-success:#22c55e;--site-warning:#f59e0b;--site-danger:#ef4444;--site-info:#3b82f6;--site-radius-control:6px;--site-radius-card:10px;--site-radius-pill:999px;--site-shadow-pop:0 12px 32px #00000073;--font-stack:var(--font-family), "Noto Sans Thai", "Leelawadee UI", "Segoe UI", system-ui, sans-serif;--wrap:1120px;--gutter:clamp(16px, 4vw, 32px);--ease-out:cubic-bezier(.16, 1, .3, 1);color-scheme:dark}html.js [data-reveal]{opacity:0;transform:translateY(16px)}html.js [data-reveal][data-in]{opacity:1;transition:opacity .6s var(--ease-out) calc(var(--i,0) * 60ms), transform .6s var(--ease-out) calc(var(--i,0) * 60ms);transform:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:var(--site-bg);color:var(--site-text);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}h1,h2,h3,p,ul,ol,figure,fieldset{margin:0;padding:0}fieldset{border:0;min-width:0}ul,ol{list-style:none}a{color:inherit}svg{max-width:100%;display:block}button{font:inherit;color:inherit}h2{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(28px,3.2vw,36px);font-weight:700;line-height:1.2}h3{font-size:17px;font-weight:600;line-height:1.4}:lang(th) :is(h1,h2,h3){letter-spacing:0;line-height:1.45}:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px;border-radius:4px}.wrap{width:min(100% - 2 * var(--gutter), var(--wrap));margin-inline:auto}.section{padding-block:clamp(48px,6vw,88px)}.head{gap:12px;max-width:640px;margin-bottom:clamp(28px,4vw,40px);display:grid}.head p{color:var(--site-text-muted);font-size:16px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:50;border-radius:var(--site-radius-control);background:var(--site-surface-2);padding:10px 16px;font-weight:600;position:absolute;top:-100px}.skip:focus{top:12px}.btn{border:1px solid var(--site-border-strong);border-radius:var(--site-radius-control);min-height:44px;color:var(--site-text);white-space:nowrap;cursor:pointer;max-width:100%;transition:background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);background:0 0;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--site-border-strong);background:var(--site-surface-2)}.btn-accent{border-color:var(--site-accent);background:var(--site-accent);color:var(--site-on-accent)}.btn-accent:hover{border-color:var(--site-accent-hover);background:var(--site-accent-hover)}.btn-light{border-color:var(--site-text);background:var(--site-text);color:var(--site-on-accent)}.btn-light:hover{background:#fff;border-color:#fff}html:not([data-os=windows]) .btn-android,html[data-os=windows] .btn-windows{border-color:var(--site-accent);background:var(--site-accent);color:var(--site-on-accent)}html:not([data-os=windows]) .btn-android:hover,html[data-os=windows] .btn-windows:hover{border-color:var(--site-accent-hover);background:var(--site-accent-hover)}.btn.btn-soon,html:not([data-os=windows]) .btn-android.btn-soon,html[data-os=windows] .btn-windows.btn-soon{border-color:var(--site-border);background:var(--site-surface);color:var(--site-text-muted);white-space:normal;cursor:not-allowed}.btn-soon .soon{white-space:nowrap;border-radius:var(--site-radius-pill);background:var(--site-surface-2);color:var(--site-text);flex:none;padding:2px 8px;font-size:12px;font-weight:500}[id]{scroll-margin-top:80px}.bk-phone{width:100%;height:auto}.bk-scene text{font-family:var(--font-stack);font-weight:700}.bk-scene .far{transform:translateX(calc(var(--yaw,0) * -.25px))}.bk-scene .mid{transform:translateX(calc(var(--yaw,0) * -.55px))}.bk-scene .near{transform:translateX(calc(var(--yaw,0) * -1px))}.bk-scene .knob{transform:translate(calc(var(--kx,0) * 1px), calc(var(--ky,0) * 1px));transition:transform var(--motion-fast) var(--ease-standard)}.bk-scene .xh{transform-box:fill-box;transform-origin:50%;transition:transform var(--motion-keypress) linear}[data-fire] .bk-scene .xh{transform:scale(1.35)}.bk-scene .flash{opacity:0}[data-fire] .bk-scene .flash{opacity:1}[data-walk] .bk-scene .runner{animation:.28s ease-in-out infinite alternate bk-bob}@keyframes bk-bob{to{transform:translateY(-3.5px)}}.bk-scene .cam-touch{opacity:0;transform:translate(calc(var(--cx,0) * 1px), calc(var(--cy,0) * 1px));transition:opacity var(--motion-overlay) var(--ease-standard)}[data-cam] .bk-scene .cam-touch{opacity:1}.bk-tap{transform-box:fill-box;transform-origin:50%;transition:transform var(--motion-keypress) linear}.bk-tap .ring,.bk-stick-key rect{fill:rgb(14 17 22/var(--overlay-keycap-bg-alpha));stroke:#ffffff61;transition:stroke var(--motion-keypress) linear}.bk-tap .pressed{fill:var(--color-accent);opacity:0;transition:opacity var(--motion-keypress) linear}.bk-tap text,.bk-stick-key text{fill:var(--color-text-primary);transition:fill var(--motion-keypress) linear}.bk-tap[data-on]{transform:scale(.92)}.bk-tap[data-on] .pressed{opacity:.28}.bk-tap[data-on] .ring,.bk-stick-key[data-on] rect{stroke:var(--color-accent)}.bk-tap[data-on] text,.bk-stick-key[data-on] text{fill:var(--color-accent)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}html.js [data-reveal]{opacity:1;transform:none}*,:before,:after{transition-duration:.01ms!important;animation:none!important}}.lang[data-astro-cid-lemdd452]{position:relative}summary[data-astro-cid-lemdd452]{border-radius:var(--site-radius-control);min-height:36px;color:var(--site-text-muted);white-space:nowrap;cursor:pointer;transition:color var(--motion-fast) var(--ease-standard);border:1px solid #0000;align-items:center;gap:8px;padding:0 10px;font-size:14px;font-weight:500;list-style:none;display:inline-flex}summary[data-astro-cid-lemdd452]::-webkit-details-marker{display:none}.short[data-astro-cid-lemdd452]{display:none}@media (width<=480px){.name[data-astro-cid-lemdd452]{display:none}.short[data-astro-cid-lemdd452]{display:inline}summary[data-astro-cid-lemdd452]{gap:6px}}summary[data-astro-cid-lemdd452]:hover,.lang[data-astro-cid-lemdd452][open] summary[data-astro-cid-lemdd452]{border-color:var(--site-border);background:var(--site-surface-2);color:var(--site-text)}ul[data-astro-cid-lemdd452]{z-index:10;border:1px solid var(--site-border-strong);border-radius:var(--site-radius-card);background:var(--site-surface);min-width:200px;box-shadow:var(--site-shadow-pop);padding:4px;position:absolute;top:calc(100% + 8px);right:0}a[data-astro-cid-lemdd452]{border-radius:var(--site-radius-control);padding:8px 10px;font-size:14px;text-decoration:none;display:block}a[data-astro-cid-lemdd452]:hover{background:var(--site-surface-2)}a[data-astro-cid-lemdd452][aria-current]{background:var(--site-surface-2);font-weight:600}