:root{--canvas:#fff;--ink:#000;--body:#666;--soft:#fafafa;--line:#e5e5e5;--button:#000;--button-ink:#fff;color-scheme:light}html[data-theme=dark]{--canvas:#171717;--ink:#fafafa;--body:#b0b0b0;--soft:#202020;--line:#363636;--button:#fff;--button-ink:#171717;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--canvas);color:var(--ink);font:16px/1.5 ui-sans-serif,system-ui,-apple-system,sans-serif}html:lang(th) body{font-family:'IBM Plex Sans Thai',system-ui,sans-serif;font-synthesis:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #5281db;outline-offset:4px}p{color:var(--body);margin:12px 0 0}h1,h2,h3{font-family:ui-rounded,'SF Pro Rounded',system-ui,sans-serif;font-weight:500;margin:0;line-height:1.25}html:lang(th) h1,html:lang(th) h2,html:lang(th) h3{font-family:'IBM Plex Sans Thai',sans-serif;line-height:1.45}h1{font-size:36px}h2{font-size:30px}h3{font-size:20px}svg{display:block;width:100%;height:100%}.review{display:flex;justify-content:center;gap:24px;padding:10px 20px;border-bottom:1px solid var(--line);font-size:12px;color:var(--body);flex-wrap:wrap}.review a{text-decoration:underline;text-underline-offset:3px}header{max-width:1120px;margin:auto;padding:16px 32px;display:flex;align-items:center;gap:40px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-size:19px;font-weight:600;min-height:44px}.brand svg{width:32px;height:36px}header nav{display:flex;gap:28px;font-size:14px}header nav a{display:flex;align-items:center;min-height:44px}.controls{margin-left:auto;display:flex;align-items:center;gap:8px}.controls a,.controls button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9999px;background:transparent;font-size:13px}.theme svg{width:20px;height:20px}.controls .menu{display:none;width:auto;padding:0 14px}main{max-width:960px;margin:auto;padding:0 24px}section{max-width:720px;margin:88px auto;scroll-margin-top:20px}.hero{text-align:center;margin-top:60px}.hero-mark{width:92px;height:92px;margin:0 auto 24px}.hero p{max-width:500px;margin:20px auto 24px}.snippet{border-radius:9999px;display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--soft);border:1px solid var(--line);max-width:400px;padding:12px 20px;margin:0 auto 24px;font:14px/1.5 ui-monospace,monospace}html:lang(th) .snippet{font-family:'IBM Plex Sans Thai',sans-serif}.snippet span:first-child,.snippet span:last-child{color:var(--body)}.button{display:inline-flex;min-height:44px;padding:10px 24px;justify-content:center;align-items:center;background:var(--button);color:var(--button-ink);border-radius:9999px;font-size:14px;font-weight:500}.button:hover{opacity:.8}.hero small{display:block;color:var(--body);margin-top:24px;font-size:12px}.split{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.split h2{font-size:24px}.text-link{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;font-size:14px;text-decoration:underline;text-underline-offset:4px}.terminal{border:1px solid var(--line);border-radius:12px;overflow:hidden}.terminal-head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);font-size:10px;color:var(--body)}.dots{display:flex;gap:4px;flex-shrink:0}.dots i{width:10px;height:10px;border-radius:50%;background:#ff5f56}.dots i:nth-child(2){background:#ffbd2e}.dots i:nth-child(3){background:#27c93f}.terminal-content{padding:16px;font:12px/1.65 ui-monospace,monospace;overflow-wrap:anywhere}html:lang(th) .terminal-content{font-family:'IBM Plex Sans Thai',sans-serif}.terminal-content p{margin:0;color:var(--ink)}.terminal-content .muted{color:var(--body);margin-bottom:16px}.services{max-width:none}.section-title{text-align:center;margin-bottom:32px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--line);border-radius:12px;padding:28px 24px;display:flex;flex-direction:column}.index{font:12px/1.5 ui-monospace,monospace;color:var(--body);display:block;margin-bottom:20px}.card h3{font-size:20px}.card p{font-size:14px;min-height:44px}.card ul{list-style:none;padding:24px 0 0;margin:24px 0 0;border-top:1px solid var(--line);font-size:14px;color:var(--body)}.card li{margin-bottom:10px}.card li:before{content:'✓';margin-right:8px;color:var(--ink)}.card .text-link{margin-top:auto;padding-top:16px}.inverse{background:#171717;color:white;border-color:#171717;--ink:white;--body:#bdbdbd;--line:#424242}html[data-theme=dark] .inverse{background:#f5f5f5;color:#171717;border-color:#f5f5f5;--ink:#171717;--body:#555;--line:#d4d4d4}.caption{font-size:13px}.concepts{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.concepts article{border-top:1px solid var(--line);padding-top:24px}.concepts .index{margin-bottom:12px}.flow{font-size:13px;line-height:1.8}.steps{margin-top:32px}.steps article{display:flex;gap:28px;padding:20px 0;border-bottom:1px solid var(--line)}.steps .index{margin:5px 0 0}.steps h3{font-size:18px}.steps p{margin-top:4px;font-size:14px}.contact{text-align:center}.contact .button{margin-top:24px}footer{max-width:1120px;border-top:1px solid var(--line);margin:auto;padding:24px 32px;display:flex;justify-content:space-between;gap:16px;color:var(--body);font-size:12px}footer div{display:flex;flex-wrap:wrap;gap:20px}footer a{min-height:44px;display:inline-flex;align-items:center}footer>span{padding-top:12px}.skip{position:fixed;left:16px;top:-100px;z-index:10;background:var(--canvas);padding:12px;border:1px solid var(--ink)}.skip:focus{top:16px}@media(max-width:767px){header{padding:12px 20px;gap:12px}.brand{font-size:17px}.controls{gap:4px}.controls .menu{display:flex}header nav{width:100%;order:3;gap:24px;justify-content:center;flex-wrap:wrap}html.js header nav{display:none}html.js header nav.open{display:flex}main{padding:0 24px}section{margin:56px auto}.hero{margin-top:40px}h1{font-size:28px}h2{font-size:24px}.hero-mark{width:76px;height:76px}.split{grid-template-columns:1fr;gap:24px}.cards{grid-template-columns:1fr}.card{padding:24px}.card p{min-height:0}.card ul{margin-top:16px;padding-top:16px}.concepts{grid-template-columns:1fr;gap:24px}.section-title{text-align:left}.contact h2{font-size:24px}footer{padding:24px;flex-direction:column;gap:0}footer div{gap:16px}.review{gap:6px 16px;padding:8px 16px;font-size:11px}}@media(max-width:360px){header{padding:12px}.brand{gap:4px}.brand svg{width:24px}.controls a,.controls button{width:40px;height:44px}.controls .menu{padding:0 10px}.snippet{padding:12px 14px;gap:8px;font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.external-icon{display:inline-block;width:12px;height:12px;margin-left:6px;vertical-align:middle;flex-shrink:0}.review a{display:inline-flex;align-items:center}html:not(.js) .controls button{display:none}

:root{--bg:var(--canvas);--muted:var(--body);--surface:var(--soft)}
.theme-toggle[hidden]{display:none!important}.theme-toggle svg{display:none;width:20px;height:20px}
.theme-toggle[data-preference=system] [data-theme-icon=system],.theme-toggle[data-preference=light] [data-theme-icon=light],.theme-toggle[data-preference=dark] [data-theme-icon=dark]{display:block}
.language-switch{display:flex;gap:2px}.language-switch a{width:auto;padding:0 10px;border:0}.language-switch a[aria-current=page]{background:var(--soft);border:1px solid var(--line)}
header .controls .menu{display:none}footer .legal-links{display:flex;gap:20px;flex-wrap:wrap}footer .legal-links a,footer .analytics-settings{min-height:44px;display:inline-flex;align-items:center}
.analytics-panel{margin:0 0 0 auto;scroll-margin-top:0}.analytics-panel .analytics-actions button{border-radius:9999px}
main.legal-page{max-width:1000px}.human.home .legal-heading h1{font-size:36px}.legal-layout{grid-template-columns:220px minmax(0,1fr);gap:48px}.legal-copy section{margin-bottom:0}.legal-copy section:last-child{margin-bottom:0}
@media(max-width:900px){.legal-layout{grid-template-columns:1fr;gap:32px}}
@media(max-width:767px){header .controls .menu{display:flex}.language-switch a{padding:0 8px}header{gap:8px}footer .legal-links{gap:12px}.human.home .legal-heading h1{font-size:28px}.analytics-panel{margin-left:0}}
@media(max-width:360px){.brand{font-size:15px}.controls{gap:2px}.language-switch a{padding:0 6px}.controls .menu{padding:0 8px}.controls .theme-toggle{width:44px;min-width:44px}}
@media(prefers-color-scheme:dark){html:not([data-theme]){--canvas:#171717;--ink:#fafafa;--body:#b0b0b0;--soft:#202020;--line:#363636;--button:#fff;--button-ink:#171717;color-scheme:dark}}