@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");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:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");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:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}._4BFWnq_className{font-family:Inter,Inter Fallback;font-style:normal}._4BFWnq_variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/04c5164763c40239-s.1zakzi6q17d4o.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/26f284dcc38c84c0-s.2htf8h-pf57mm.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7e7f32a39836f228-s.3skwie1wjplzh.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fa39153a3fc630ba-s.3zhbgtelpa5ua.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3vf5yzuqk3fsd.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/051742360c26797e-s.p.1wmoa0e_blxrz.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/04c5164763c40239-s.1zakzi6q17d4o.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/26f284dcc38c84c0-s.2htf8h-pf57mm.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/7e7f32a39836f228-s.3skwie1wjplzh.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/fa39153a3fc630ba-s.3zhbgtelpa5ua.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3vf5yzuqk3fsd.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/051742360c26797e-s.p.1wmoa0e_blxrz.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/04c5164763c40239-s.1zakzi6q17d4o.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/26f284dcc38c84c0-s.2htf8h-pf57mm.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7e7f32a39836f228-s.3skwie1wjplzh.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/fa39153a3fc630ba-s.3zhbgtelpa5ua.woff2)format("woff2");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:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6a5386fd6038edbe-s.3vf5yzuqk3fsd.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/051742360c26797e-s.p.1wmoa0e_blxrz.woff2)format("woff2");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:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.QliRUq_className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.QliRUq_variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.1hx5ub3m4e03a.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.43ie5mg9jzk6i.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.1_02jizf7_zt7.woff2)format("woff2");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:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/bfd813093b8ca1bb-s.p.1hx5ub3m4e03a.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/acc5f86302586f33-s.43ie5mg9jzk6i.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f304c3cf3765fb5f-s.1_02jizf7_zt7.woff2)format("woff2");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:Noto Sans Thai Fallback;src:local(Arial);ascent-override:99.79%;descent-override:42.32%;line-gap-override:0.0%;size-adjust:106.33%}._0EXDXW_className{font-family:Noto Sans Thai,Noto Sans Thai Fallback;font-style:normal}._0EXDXW_variable{--font-thai:"Noto Sans Thai", "Noto Sans Thai Fallback"}
.kd{--backdrop:#e4e6eb;--frame:#fff;--surface:#fff;--raised:#fafafa;--tint:#f4f4f5;--chip:#f4f4f5;--chip-hover:#e4e4e7;--ink:#18181b;--ink-2:#52525b;--muted:#71717a;--red:#dc2626;--red-hover:#ef4444;--red-soft:#fee2e2;--device:#18181b;--tape:#e4e4e7d9;--line:#0000001a;--line-soft:#0000000f;--dots:#18181b17;--frame-shadow:0 16px 60px #0000001a;--radius:20px;--shadow:0 1px 2px #0000000d, 0 22px 44px -22px #18181b4d;--font-display:var(--font-body);--gutter:clamp(1.25rem, 4vw, 3rem);background:var(--backdrop);color:var(--ink);font-family:var(--font-body), var(--font-thai), system-ui, sans-serif;-webkit-font-smoothing:antialiased;font-synthesis-weight:none;margin:0;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:clip}html.dark .kd{--backdrop:#0d0e11;--frame:#1e1e22;--surface:#232328;--raised:#232328;--tint:#242428;--chip:#2a2a30;--chip-hover:#323238;--ink:#fff;--ink-2:#d4d4d8;--muted:#a1a1aa;--red-soft:#ef444438;--device:#0d0e11;--tape:#ffffff29;--line:#ffffff1a;--line-soft:#ffffff14;--dots:#ffffff12;--frame-shadow:0 24px 80px #000000d9;--shadow:0 1px 2px #0000004d, 0 22px 44px -22px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.kd ::selection{background:var(--red);color:#fff}.kd:lang(th) :is(h1,h2,h3,.kd-kicker,.kd-hand,.kd-nav-pills a,.kd-mega-kicker,.kd-footer-title,.kd-footer-list a){letter-spacing:0;text-transform:none}.kd-backdrop{padding:6px}.kd-frame{background:var(--frame);border:1px solid var(--line);max-width:1780px;box-shadow:var(--frame-shadow);border-radius:18px;margin-inline:auto;transition:background-color .3s;overflow:clip}@media (min-width:640px){.kd-backdrop{padding:10px}.kd-frame{border-radius:26px}}@media (min-width:768px){.kd-backdrop{padding:12px}.kd-frame{border-radius:34px}}:where(.kd) *,:where(.kd) :before,:where(.kd) :after{box-sizing:border-box}:where(.kd) :where(h1,h2,h3,p,ul,ol,dl,dd,figure){margin:0}:where(.kd) :where(ul,ol){padding:0;list-style:none}:where(.kd) :where(img){width:100%;height:auto;display:block}.kd :lang(th){font-family:var(--font-thai), sans-serif}.kd :focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:6px}.kd .visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.kd-wrap{max-width:1240px;padding-inline:var(--gutter);margin-inline:auto}.kd-hand{font-family:var(--font-mono), var(--font-thai), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--red);font-size:.75rem;font-weight:500;line-height:1.35}.kd-kicker{font-family:var(--font-mono), var(--font-thai), ui-monospace, monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:.55rem;margin-bottom:.9rem;font-size:.6875rem;font-weight:500;display:inline-flex}.kd-kicker:before{content:"";background:var(--red);border-radius:50%;width:.45rem;height:.45rem}.kd-skip{z-index:5;background:var(--red);color:#fff;border-radius:999px;padding:.6rem 1rem;position:absolute;top:-100px;left:1rem}.kd-skip:focus{top:.75rem}.kd-hero{grid-template-columns:minmax(0,6fr) minmax(0,6fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(2rem,6vw,5rem) clamp(4rem,8vw,7rem);display:grid}.kd-hello{margin-bottom:1.4rem;font-size:.75rem;display:inline-block;position:relative}.kd-squiggle{width:100%;height:.55rem;position:absolute;bottom:-.7rem;left:0}.kd-hero h1{font-family:var(--font-display), var(--font-thai), sans-serif;letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.4rem,5.2vw,4.4rem);font-weight:800;line-height:1.02}.kd-hero h1 em{color:var(--red);background:linear-gradient(transparent 68%, var(--red-soft) 68%);-webkit-box-decoration-break:clone;box-decoration-break:clone;font-style:normal}.kd-lede{max-width:34em;color:var(--ink-2);margin-top:1.5rem;font-size:clamp(1.05rem,1.35vw,1.18rem)}.kd-lede-th{max-width:34em;color:var(--muted);margin-top:.75rem;font-size:.95rem}.kd-hero .kd-button{margin-top:2rem}.kd-wall{min-height:clamp(20rem,38vw,30rem);position:relative}.kd-print{background:var(--surface);box-shadow:var(--shadow);border-radius:4px;padding:.55rem .55rem 0;transition:transform .35s;position:absolute}.kd-print img{border-radius:2px}.kd-print figcaption{color:var(--ink-2);padding:.5rem .25rem .6rem;font-size:.6875rem}.kd-print-1{z-index:2;width:78%;top:4%;left:2%;transform:rotate(-3deg)}.kd-print-2{z-index:3;width:62%;top:38%;right:0;transform:rotate(2.5deg)}.kd-print-3{z-index:1;width:50%;bottom:-6%;left:12%;transform:rotate(-1deg)}.kd-print-phone{z-index:4;width:22%;padding-bottom:.55rem;top:-4%;right:4%;transform:rotate(5deg)}.kd-wall:hover .kd-print-1{transform:rotate(-2deg)translateY(-4px)}.kd-tape{background:var(--tape);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:84px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-4deg);box-shadow:0 1px 2px #00000014}.kd-note{font-size:.75rem;position:absolute}.kd-note-hero{bottom:-18%;left:-4%;transform:rotate(-4deg)}.kd-arrow{width:3.6rem;height:2.8rem;margin-left:.4rem;position:absolute;top:-2.6rem;left:100%;transform:scaleY(-1)rotate(10deg)}.kd-index{margin-top:-2.5rem;padding-bottom:clamp(2.5rem,5vw,4rem)}.kd-index ol{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(10.5rem,1fr);grid-auto-flow:column;gap:.75rem;padding:.5rem .25rem 1rem;display:grid;overflow-x:auto}.kd-index li{scroll-snap-align:start}@media (min-width:1200px){.kd-index ol{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));grid-auto-flow:row;overflow-x:visible}.kd-index a{grid-template-columns:2.2rem 1fr;column-gap:.6rem}}.kd-index a{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-rows:auto auto auto;grid-template-columns:2.6rem 1fr;align-items:start;column-gap:.75rem;height:100%;padding:.7rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:grid}.kd-index a:hover{border-color:var(--demo-accent);box-shadow:var(--shadow);transform:translateY(-3px)rotate(-.6deg)}.kd-index-thumb{border:2px solid var(--device);aspect-ratio:390/844;border-radius:6px;grid-row:1/span 3;overflow:hidden}.kd-index-no{font-family:var(--font-display), var(--font-thai), sans-serif;color:#0000;-webkit-text-stroke:1.2px var(--demo-accent);font-size:1.3rem;font-weight:700;line-height:1}.kd-index-name{font-family:var(--font-display), var(--font-thai), sans-serif;color:var(--ink);margin-top:.3rem;font-size:.95rem;font-weight:600;line-height:1.2}.kd-index-sector{color:var(--muted);margin-top:.2rem;font-size:.75rem;line-height:1.3}.kd-new{background:var(--red);color:#fff;border-radius:999px;margin-left:.5rem;padding:.1rem .5rem;font-size:.625rem;display:inline-block;transform:rotate(-4deg)}.kd-work{background:var(--raised);border-block:1px solid var(--line-soft);padding-block:clamp(3rem,7vw,6rem);transition:background-color .3s}.kd-section-head{max-width:46rem;margin-bottom:2.5rem}.kd-section-head h2,.kd-inside h2,.kd-together h2{font-family:var(--font-display), var(--font-thai), sans-serif;letter-spacing:-.03em;text-wrap:balance;font-size:clamp(1.8rem,3.4vw,2.75rem);font-weight:700;line-height:1.08}.kd-section-head>p:last-child{color:var(--ink-2);margin-top:1rem}.kd-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;display:flex}.kd-filter button{border:1px solid var(--line);background:var(--chip);min-height:2.6rem;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:0 1.1rem;font-size:.9rem;transition:background-color .2s,color .2s,border-color .2s}.kd-filter button:hover{background:var(--red);border-color:var(--red);color:#fff}.kd-filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--frame)}.kd-boards{gap:clamp(4rem,8vw,7rem);display:grid}.kd-board{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);scroll-margin-top:1.5rem;display:grid}.kd-board-flip .kd-stage{order:2}.kd-stage{border-radius:var(--radius);background:var(--demo-bg,var(--tint));isolation:isolate;padding:clamp(1rem,3vw,2.25rem) 14% 14% clamp(1rem,3vw,2.25rem);display:block;position:relative}.kd-stage:before{content:"";aspect-ratio:1;background:var(--demo-accent);opacity:.12;z-index:-1;border-radius:50%;width:34%;position:absolute;inset:auto 6% 8% auto}.kd-device{background:#fff;transition:transform .35s;overflow:hidden}.kd-desktop{box-shadow:var(--shadow);border:1px solid #00000014;border-radius:10px}.kd-stage:hover .kd-desktop{transform:translateY(-4px)}.kd-browser-bar{background:var(--tint);border-bottom:1px solid var(--line-soft);align-items:center;gap:.35rem;height:1.8rem;padding-inline:.75rem;display:flex}.kd-browser-bar span{background:var(--chip-hover);border-radius:50%;width:.5rem;height:.5rem}.kd-browser-bar em{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-left:.75rem;font-size:.6875rem;font-style:normal;overflow:hidden}.kd-tablet{border:6px solid var(--device);width:26%;box-shadow:var(--shadow);border-radius:16px;position:absolute;bottom:5%;right:3%}.kd-mobile{border:4px solid var(--device);width:13%;box-shadow:var(--shadow);border-radius:16px;position:absolute;bottom:2%;right:24%}.kd-board-id{color:var(--ink-2);align-items:center;gap:.9rem;font-size:.875rem;font-weight:500;display:flex}.kd-big-num{font-family:var(--font-display), var(--font-thai), sans-serif;color:#0000;-webkit-text-stroke:1.5px var(--demo-accent);letter-spacing:-.04em;font-size:3.2rem;font-weight:700;line-height:1}.kd-status{border:1px solid var(--line);color:var(--muted);border-radius:999px;margin-left:.6rem;padding:.05rem .55rem;font-size:.75rem;display:inline-block}.kd-board h3{font-family:var(--font-display), var(--font-thai), sans-serif;letter-spacing:-.03em;margin-block:.75rem .85rem;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:700;line-height:1.08}.kd-name-th{color:var(--muted);letter-spacing:0;margin-top:.3rem;font-size:1rem;font-weight:500;display:block}.kd-summary{color:var(--ink-2)}.kd-sticky{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--red);border-radius:6px;margin-top:1.4rem;padding:.9rem 1rem .95rem;font-size:.9375rem;position:relative;transform:rotate(-.8deg);box-shadow:0 10px 18px -14px #18181b73}.kd-sticky .kd-hand{margin-bottom:.3rem;display:block}.kd-more{border-top:1px solid var(--line);margin-top:1.25rem}.kd-more summary{color:var(--red);cursor:pointer;padding-block:.8rem;font-size:.9rem;font-weight:500}.kd-facts div{border-bottom:1px solid var(--line);grid-template-columns:4.5rem 1fr;gap:1rem;padding-block:.5rem;font-size:.875rem;display:grid}.kd-facts dt{color:var(--muted)}.kd-features{gap:.3rem;margin-top:1rem;font-size:.875rem;display:grid}.kd-features li{padding-left:1.4rem;position:relative}.kd-features li:before{content:"";border-left:2px solid var(--red);border-bottom:2px solid var(--red);width:.55rem;height:.3rem;position:absolute;top:.45em;left:.15rem;transform:rotate(-45deg)}.kd-palette{gap:.35rem;margin-block:1rem .5rem;display:flex}.kd-palette span{border:1px solid var(--line);border-radius:50%;width:1.4rem;height:1.4rem}.kd-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1.5rem;display:flex}.kd-button{background:var(--red);color:#fff;border-radius:999px;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.35rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 10px 15px -3px #450a0a4d}.kd-button:hover{background:var(--red-hover);transform:translateY(-1px)}.kd-link{color:var(--ink);text-underline-offset:.25em;font-weight:500}.kd-shot-links{color:var(--muted);margin-top:1rem;font-size:.8125rem}.kd-shot-links a{color:var(--muted)}.kd-inside{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,6vw,6rem);padding-block:clamp(4rem,8vw,7rem);display:grid}.kd-inside-phone{justify-self:center;width:min(100%,300px);position:relative}.kd-phone{border:9px solid var(--device);box-shadow:var(--shadow);background:var(--surface);border-radius:34px;overflow:hidden;transform:rotate(-3deg)}.kd-note-phone{width:8rem;top:6%;right:-8rem;transform:rotate(6deg)}.kd-anatomy{counter-reset:none;gap:1.5rem;margin-top:2rem;display:grid}.kd-anatomy li{grid-template-columns:2.6rem 1fr;align-items:start;gap:1rem;display:grid}.kd-num{border:1.5px solid var(--red);width:2.3rem;height:2.3rem;color:var(--red);font-family:var(--font-mono), var(--font-thai), ui-monospace, monospace;border-radius:50%;place-items:center;font-size:.875rem;font-weight:500;display:grid}.kd-anatomy h3,.kd-steps h3{font-family:var(--font-display), var(--font-thai), sans-serif;letter-spacing:-.01em;margin-bottom:.25rem;font-size:1.15rem;font-weight:600}.kd-anatomy p,.kd-steps p{color:var(--ink-2);font-size:.9375rem}.kd-together{border-top:1px solid var(--line-soft);padding-block:clamp(4rem,8vw,6.5rem)}.kd-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem);margin-top:2.5rem;display:grid}.kd-steps li{padding-top:.25rem;position:relative}.kd-step-no{letter-spacing:0;margin-bottom:.6rem;font-size:1.5rem;font-weight:500;display:block}.kd-steps li:not(:last-child):after{content:"";border-top:1px solid #dc262659;position:absolute;top:1.05rem;left:3.2rem;right:-1rem}.kd-nav{z-index:50;position:sticky;top:0}.kd-nav-bar{background:var(--frame);border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem clamp(1rem,3vw,2.5rem);transition:background-color .2s,box-shadow .2s,padding .2s;display:flex;position:relative}.kd-nav.is-raised .kd-nav-bar{background:color-mix(in srgb, var(--frame) 95%, transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding-block:.6rem;box-shadow:0 4px 24px #0000000f}html.dark .kd-nav.is-raised .kd-nav-bar{box-shadow:0 8px 30px #00000080}.kd-nav a{color:inherit;text-decoration:none}.kd-nav-logo{border-radius:999px;padding:.25rem;display:inline-flex}.kd-logo{-webkit-user-select:none;user-select:none;align-items:center;gap:.625rem;display:inline-flex}.kd-logo-mark{filter:drop-shadow(0 4px 10px #dc262647);flex-shrink:0;width:2.25rem;height:2.25rem;transition:transform .3s}.kd-logo:hover .kd-logo-mark{transform:scale(1.05)rotate(-3deg)}.kd-logo-words{flex-direction:column;line-height:1;display:flex}.kd-logo-name{letter-spacing:-.025em;color:var(--ink);font-size:1.0625rem;font-weight:800}.kd-logo-sub{font-family:var(--font-mono), monospace;letter-spacing:.22em;color:var(--red-hover);margin-top:.25rem;font-size:.5625rem;font-weight:600}.kd-nav-pills{background:#00000008;border:1px solid #0000000a;border-radius:999px;align-items:center;gap:.25rem;padding:.25rem;display:none}html.dark .kd-nav-pills{background:#ffffff0a;border-color:#ffffff0f}.kd-nav-pills a{white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;align-items:center;gap:.25rem;padding:.4rem 1rem;font-size:.75rem;font-weight:600;transition:background-color .2s,color .2s;display:inline-flex}.kd:lang(th) .kd-nav-pills a{font-size:.9375rem}.kd-nav-pills a:hover{color:var(--ink);background:#0000000d}html.dark .kd-nav-pills a:hover{background:#ffffff0d}.kd-nav-pills a.is-open{color:var(--ink);background:var(--frame);border-color:var(--line-soft);box-shadow:0 1px 2px #0000000d}html.dark .kd-nav-pills a.is-open{background:#2a2a30}.kd-nav-chevron{opacity:.5;width:.75rem;height:.75rem;transition:transform .2s}.kd-nav-pills a.is-open .kd-nav-chevron{opacity:1;color:var(--red-hover);transform:rotate(180deg)}.kd-nav-actions,.kd-nav-phone{align-items:center;gap:.6rem;display:flex}.kd-nav-actions{display:none}.kd-nav-round{border:1px solid var(--line);background:var(--chip);width:2.25rem;height:2.25rem;color:var(--ink-2);cursor:pointer;border-radius:999px;place-items:center;padding:0;transition:background-color .2s,transform .15s;display:grid}.kd-nav-round:hover{background:var(--chip-hover)}.kd-nav-round:active{transform:scale(.95)}.kd-nav-round svg{width:1rem;height:1rem}.kd-nav-burger svg{width:1.25rem;height:1.25rem}.kd-nav-burger.is-open{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 4px 12px #450a0a4d}.kd-sun{color:#d97706;transition:transform .3s}.kd-moon{color:#818cf8;transition:transform .3s}.kd-nav-round:hover .kd-sun{transform:rotate(45deg)}.kd-nav-round:hover .kd-moon{transform:rotate(-12deg)}.kd-nav-lang{border:1px solid var(--line);background:var(--chip);font-family:var(--font-mono), monospace;border-radius:999px;align-items:center;padding:.125rem;font-size:.75rem;font-weight:600;display:flex}.kd-nav-lang>*{color:var(--ink-2);border-radius:999px;padding:.25rem .625rem}.kd-nav-lang a:hover{color:var(--ink)}.kd-nav-lang .is-current{background:var(--red);color:#fff;box-shadow:0 1px 2px #0000001a}.kd-nav-lang-phone{border:1px solid var(--line);background:var(--chip);font-family:var(--font-mono), monospace;color:var(--muted);border-radius:999px;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.kd-nav-lang-phone .is-current{color:var(--red-hover);font-weight:800}.kd-nav-contact{background:var(--red);white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;margin-left:.25rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .3s,transform .15s;display:inline-flex;box-shadow:0 4px 6px -1px #450a0a33;color:#fff!important}.kd-nav-contact:hover{background:var(--red-hover)}.kd-nav-contact:active{transform:scale(.95)}.kd-nav-contact svg{width:.875rem;height:.875rem;transition:transform .2s}.kd-nav-contact:hover svg{transform:translate(2px,-2px)}.kd-mega{background:var(--frame);border-bottom:1px solid var(--line);animation:.28s cubic-bezier(.22,1,.36,1) kd-drop;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 30px 60px -30px #00000059}html.dark .kd-mega{box-shadow:0 30px 60px -20px #000c}@keyframes kd-drop{0%{opacity:0;transform:translateY(-6px)}}.kd-mega-inner{grid-template-columns:4fr 3fr 5fr;gap:2rem;max-width:80rem;margin-inline:auto;padding:2rem clamp(1.5rem,3vw,2.5rem);animation:.18s kd-fade;display:grid}@keyframes kd-fade{0%{opacity:0;transform:translateY(6px)}}.kd-mega-page{border-right:1px solid var(--line-soft);padding-right:1.5rem}.kd-mega-kicker{font-family:var(--font-mono), var(--font-thai), monospace;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.5rem;font-size:.625rem;display:flex}.kd:lang(th) .kd-mega-kicker{font-family:var(--font-thai), sans-serif;font-size:.75rem;font-weight:500}.kd-dot{background:var(--red-hover);border-radius:50%;width:.375rem;height:.375rem}.kd-mega-blurb{letter-spacing:-.02em;color:var(--ink);margin-top:.75rem;font-size:1.25rem;font-weight:700;line-height:1.35}.kd:lang(th) .kd-mega-blurb{letter-spacing:0;font-size:1.125rem}.kd-mega-go{background:var(--red);border-radius:999px;align-items:center;gap:.5rem;height:2.5rem;margin-top:1.25rem;padding:0 1.25rem;font-size:.875rem;font-weight:600;transition:background-color .2s;display:inline-flex;color:#fff!important}.kd-mega-go:hover{background:var(--red-hover)}.kd-mega-go svg,.kd-mega-card a svg{width:1rem;height:1rem}.kd-mega ul{gap:.25rem;margin-top:.75rem;display:grid}.kd-mega-parts a,.kd-mega-grid a{border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-inline:-.75rem;padding:.6rem .75rem;transition:background-color .15s;display:flex}.kd-mega-grid a{justify-content:space-between;align-items:center}.kd-mega-parts a:hover,.kd-mega-grid a:hover{background:#00000008}html.dark .kd-mega-parts a:hover,html.dark .kd-mega-grid a:hover{background:#ffffff0a}.kd-mega-no{font-family:var(--font-mono), monospace;color:var(--red-hover);margin-top:.1rem;font-size:.6875rem}.kd-mega-label{color:var(--ink);font-size:.875rem;font-weight:600;transition:color .15s;display:block}.kd:lang(th) .kd-mega-label{font-size:.9375rem}.kd-mega a:hover .kd-mega-label{color:var(--red)}.kd-mega-note{color:var(--muted);margin-top:.125rem;font-size:.75rem;display:block}.kd-mega-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}.kd-mega-grid a>span{min-width:0}.kd-mega-grid .kd-mega-label,.kd-mega-grid .kd-mega-note{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.kd-mega-arrow{width:1rem;height:1rem;color:var(--chip-hover);flex-shrink:0;transition:color .15s}.kd-mega-grid a:hover .kd-mega-arrow{color:var(--red-hover)}.kd-mega-card{background:var(--raised);border:1px solid var(--line-soft);border-radius:1rem;flex-direction:column;justify-content:space-between;gap:1rem;height:100%;padding:1.5rem;display:flex}.kd-mega-card p{color:var(--ink-2);font-size:.875rem;line-height:1.6}.kd-mega-card a{align-items:center;gap:.375rem;font-size:.875rem;font-weight:600;display:inline-flex;color:var(--red)!important}.kd-mega-card a:hover{text-decoration:underline}.kd-nav-mobile{background:var(--frame);border-bottom:1px solid var(--line);max-height:75dvh;padding:.75rem clamp(1rem,3vw,2.5rem) 1rem;animation:.15s kd-fade;overflow-y:auto}.kd-nav-mobile nav{gap:.25rem;display:grid}.kd-nav-mobile-item{letter-spacing:.05em;text-transform:uppercase;color:var(--ink);border-radius:.5rem;padding:.6rem .75rem;font-size:.75rem;font-weight:600;display:block}.kd:lang(th) .kd-nav-mobile-item{letter-spacing:0;font-size:.9375rem}.kd-nav-mobile-item:hover{color:var(--red-hover)}.kd-nav-mobile-parts{flex-wrap:wrap;gap:.375rem;padding:0 .75rem .5rem;display:flex}.kd-nav-mobile-parts a{border:1px solid var(--line);color:var(--ink-2);border-radius:999px;padding:.25rem .75rem;font-size:.75rem}.kd:lang(th) .kd-nav-mobile-parts a{font-size:.8125rem}.kd-nav-mobile-parts a:hover{border-color:var(--red-hover);color:var(--red-hover)}.kd-nav-mobile-contact{background:var(--red);border-radius:.75rem;justify-content:center;align-items:center;gap:.375rem;margin-top:.75rem;padding:.65rem;font-size:.875rem;font-weight:600;display:flex;color:#fff!important}.kd-nav-mobile-contact svg{width:.875rem;height:.875rem}@media (min-width:1024px){.kd-nav-pills,.kd-nav-actions{display:flex}.kd-nav-phone,.kd-nav-mobile{display:none}.kd-mega{display:block}}@media (max-width:1180px) and (min-width:1024px){.kd-nav-pills a{padding-inline:.6rem;font-size:.6875rem}}.kd-frame main{isolation:isolate;position:relative}.kd-frame main:before{content:"";z-index:-1;background-image:radial-gradient(var(--dots) 1px, transparent 1.3px);pointer-events:none;background-size:22px 22px;height:62rem;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}.kd-footer{background:var(--raised);border-top:1px solid var(--line-soft);padding-block:clamp(3rem,6vw,5rem) 1.5rem;transition:background-color .3s}html.dark .kd-footer{background:var(--frame);border-top-color:var(--line)}.kd-footer a{color:inherit}.kd-footer-grid{border-bottom:1px solid var(--line-soft);grid-template-columns:6fr 3fr 3fr;gap:clamp(2.5rem,5vw,4rem);padding-bottom:2.5rem;display:grid}.kd-footer-brand>p:first-of-type{max-width:28rem;color:var(--ink-2);margin-top:1.25rem;font-size:.9375rem}.kd-signoff{margin-top:1.25rem}.kd-footer-links{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-top:1rem;font-size:.875rem;display:flex}.kd-footer-mail{text-underline-offset:4px;align-items:center;gap:.375rem;font-weight:500;-webkit-text-decoration:underline #ef444480;text-decoration:underline #ef444480;display:inline-flex}.kd-footer-mail:hover{color:var(--red-hover)}.kd-footer-mail svg{width:.875rem;height:.875rem;color:var(--red-hover)}.kd-footer-title{font-family:var(--font-mono), var(--font-thai), monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--red);font-size:.6875rem;font-weight:600}.kd-footer-list{gap:.6rem;margin-top:1rem;display:grid}.kd-footer-list a{font-family:var(--font-mono), var(--font-thai), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);font-size:.75rem;text-decoration:none;transition:color .15s}.kd:lang(th) .kd-footer-list a{font-family:var(--font-thai), sans-serif;font-size:.875rem}.kd-footer-list a:hover{color:var(--ink)}.kd-footer-bottom{font-family:var(--font-mono), var(--font-thai), monospace;letter-spacing:.04em;color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem 2rem;padding-top:1.25rem;font-size:.6875rem;display:flex}.kd-footer-bottom p:last-child{max-width:36rem}.kd:lang(th) .kd-footer-bottom{font-family:var(--font-thai), sans-serif;letter-spacing:0;font-size:.75rem}@media (max-width:860px){.kd-footer-grid{grid-template-columns:1fr 1fr}.kd-footer-brand{grid-column:1/-1}}@media (max-width:960px){.kd-hero,.kd-board,.kd-inside{grid-template-columns:1fr}.kd-board-flip .kd-stage{order:0}.kd-wall{aspect-ratio:1.15;min-height:0;margin-top:1rem}.kd-note-hero{bottom:-12%;left:auto;right:0}.kd-arrow{display:none}.kd-index{margin-top:2.5rem}.kd-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.kd-steps li:after{display:none}.kd-note-phone{right:-3rem}}@media (max-width:560px){.kd-steps{grid-template-columns:1fr}.kd-tablet{border-width:3px;border-radius:8px}.kd-mobile{border-width:2px;border-radius:8px}.kd-note-phone{text-align:center;width:auto;margin-top:1.25rem;position:static;transform:none}.kd-tape{width:56px;height:18px}.kd-print figcaption{font-size:.625rem}}@media (prefers-reduced-motion:reduce){.kd *{transition:none!important}}