@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:600;src:url(../fonts/kanit-latin-600-normal.woff2) format("woff2");unicode-range:u+00??,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-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:600;src:url(../fonts/kanit-thai-600-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:700;src:url(../fonts/kanit-latin-700-normal.woff2) format("woff2");unicode-range:u+00??,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-face{font-display:swap;font-family:Kanit;font-style:normal;font-weight:700;src:url(../fonts/kanit-thai-700-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;src:url(../fonts/ibm-plex-sans-thai-latin-400-normal.woff2) format("woff2");unicode-range:u+00??,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-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;src:url(../fonts/ibm-plex-sans-thai-thai-400-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;src:url(../fonts/ibm-plex-sans-thai-latin-600-normal.woff2) format("woff2");unicode-range:u+00??,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-face{font-display:swap;font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;src:url(../fonts/ibm-plex-sans-thai-thai-600-normal.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}:root{--bg:oklch(.16 .008 265);--surface:oklch(.213 .009 265);--ink:oklch(.965 .002 265);--ink-muted:oklch(.735 .008 265);--accent:oklch(.58 .215 26);--accent-ink:oklch(.99 0 0);--line-green:oklch(.72 .185 149);--line-green-ink:oklch(.16 .02 149);--edge:oklch(.99 0 0/.09);--demo-bg:oklch(.3 .008 265);--demo-ink:oklch(.96 .002 265);--font-display:"Kanit",system-ui,sans-serif;--font-body:"IBM Plex Sans Thai",system-ui,sans-serif;--gap-1:.5rem;--gap-2:1rem;--gap-3:2rem;--gap-4:3.5rem;--gap-5:clamp(4rem,9vw,7rem);--radius-card:18px;--radius-pill:60px;--page:1180px;--demo-h:2.375rem;--head-h:4rem}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:1rem;line-height:1.7;margin:0;text-wrap:pretty;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:.01em;line-height:1.05;margin:0;text-transform:uppercase;text-wrap:balance}dl,ol,p,ul{margin:0;padding:0}li{list-style:none}img{display:block;height:auto;max-width:100%}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}