:root{--stone-50:#faf7f1;--stone-100:#f3ede2;--stone-200:#e8e0d2;--stone-300:#d9cdb8;--stone-400:#c4b59c;--stone-500:#a8967a;--stone-600:#8a7860;--stone-700:#6b5d49;--stone-800:#4a4034;--stone-900:#2c271f;--clay:#b08968;--foliage:#6b7a5a;--foliage-d:#4f5d42;--ink:#2c271f;--ink-soft:#5a5045;--line:#e0d6c4;--maxw:1200px;--readw:720px;--radius:14px;--radius-sm:8px;--shadow:0 1px 2px rgba(44,39,31,.04),0 8px 24px rgba(44,39,31,.06);--pad:clamp(16px,4vw,40px)}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{margin:0;font-family:sarabun,system-ui,sans-serif;font-weight:400;font-size:17px;line-height:1.7;color:var(--ink);background:var(--stone-50);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5{font-family:noto sans thai,system-ui,sans-serif;font-weight:700;line-height:1.25;color:var(--stone-900);margin:0 0 .5em;letter-spacing:-.01em}h1{font-size:clamp(2rem,5vw,3.25rem)}h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}h3{font-size:clamp(1.2rem,2.2vw,1.5rem)}p{margin:0 0 1rem}a{color:var(--foliage-d);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--clay)}img{max-width:100%;height:auto;display:block}.container{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--pad)}.read{max-width:var(--readw);margin-inline:auto;padding-inline:var(--pad)}.site-header{position:sticky;top:0;z-index:50;background:rgba(250,247,241,.92);border-bottom:1px solid var(--line);backdrop-filter:saturate(140%)blur(8px)}.site-header__inner{max-width:var(--maxw);margin-inline:auto;padding:10px var(--pad);display:flex;align-items:center;gap:16px;min-height:56px}.brand-mark{display:inline-flex;align-items:center;gap:10px;font-family:noto sans thai,sans-serif;font-weight:700;font-size:1.05rem;color:var(--stone-900);text-decoration:none}.brand-mark__dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--stone-400),var(--stone-600));box-shadow:inset 0 -2px 3px rgba(0,0,0,.15);flex:none}.site-nav{margin-left:auto}.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 18px}.site-nav a{font-size:.95rem;color:var(--ink-soft);text-decoration:none;padding:6px 2px;border-radius:6px}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--stone-900)}.nav-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:var(--stone-100);color:var(--stone-800);border-radius:8px;padding:8px 12px;font-size:.9rem;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;font-family:noto sans thai,sans-serif;font-weight:600;font-size:1rem;text-decoration:none;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.btn--primary{background:var(--stone-800);color:var(--stone-50)}.btn--primary:hover{background:var(--stone-900);color:#fff}.btn--ghost{background:0 0;color:var(--stone-800);border-color:var(--stone-400)}.btn--ghost:hover{background:var(--stone-100)}.btn--steam{background:var(--foliage-d);color:#fff}.btn--steam:hover{background:var(--stone-800)}.btn--block{width:100%}.hero{position:relative;isolation:isolate;background:var(--stone-900);color:var(--stone-50);min-height:clamp(420px,70vh,640px);display:flex;align-items:stretch}.hero__media{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero__media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.35)brightness(.62)sepia(.18)}.hero__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(44,39,31,.55),rgba(44,39,31,.78))}.hero__inner{max-width:var(--maxw);margin-inline:auto;padding:clamp(48px,9vw,96px)var(--pad);width:100%;display:flex;flex-direction:column;justify-content:center;gap:18px}.hero h1{color:var(--stone-50);margin:0;max-width:18ch}.hero__lede{font-size:clamp(1.05rem,2vw,1.3rem);color:var(--stone-200);max-width:52ch;margin:0}.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.hero .btn--ghost{color:var(--stone-50);border-color:rgba(250,247,241,.5)}.hero .btn--ghost:hover{background:rgba(250,247,241,.12)}.section{padding-block:clamp(48px,8vw,88px);border-block:1px solid var(--line)}.section--alt{background:var(--stone-100)}.section__head{margin-bottom:28px}.section__eyebrow{font-family:noto sans thai,sans-serif;font-weight:600;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);margin-bottom:8px}.statement-band{text-align:center;margin-inline:auto;max-width:var(--readw)}.statement-band__lead{font-family:noto sans thai,sans-serif;font-weight:600;font-size:clamp(1.4rem,2.6vw,2rem);line-height:1.4;color:var(--stone-900);margin:0 0 16px}.statement-band__body{color:var(--ink-soft);max-width:60ch;margin-inline:auto}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}.split--reverse{grid-template-columns:1fr 1.05fr}.split__media{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--stone-200)}.split__media img{width:100%;aspect-ratio:4/3;object-fit:cover}.split__copy h2{margin-top:0}.split__list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:10px}.split__list li{padding-left:24px;position:relative;color:var(--ink-soft)}.split__list li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;border-radius:50%;background:var(--foliage)}.inquiry{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(24px,5vw,56px);align-items:start}.inquiry__intro h2{margin-top:0}.inquiry__intro p{color:var(--ink-soft)}.form-card{background:var(--stone-50);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow)}.field{margin-bottom:16px}.field label{display:block;font-weight:600;font-size:.95rem;margin-bottom:6px;color:var(--stone-800)}.field input,.field textarea,.field select{width:100%;min-height:44px;padding:10px 12px;font-family:inherit;font-size:1rem;color:var(--ink);background:#fff;border:1px solid var(--stone-400);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--foliage);box-shadow:0 0 0 3px rgba(107,122,90,.18)}.field__error{color:#9a3b2c;font-size:.9rem;margin-top:6px;display:none}.field[data-invalid=true] input,.field[data-invalid=true] textarea{border-color:#c0583f}.field[data-invalid=true] .field__error{display:block}.form-status{margin-top:12px;padding:12px 14px;border-radius:var(--radius-sm);font-size:.95rem}.form-status--pending{background:var(--stone-200);color:var(--stone-800)}.form-status--success{background:#e7eee0;color:var(--foliage-d);border:1px solid #c5d4b0}.form-status--error{background:#f6e6e1;color:#8a3225;border:1px solid #e0b9ad}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.partners{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.partner-chip{font-family:noto sans thai,sans-serif;font-weight:600;font-size:.92rem;color:var(--stone-700);background:var(--stone-50);border:1px solid var(--line);padding:8px 14px;border-radius:999px;letter-spacing:.01em}.timeline{display:grid;gap:18px;counter-reset:step}.timeline__item{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:18px 20px;background:var(--stone-50);border:1px solid var(--line);border-radius:var(--radius)}.timeline__num{counter-increment:step;width:40px;height:40px;border-radius:50%;background:var(--stone-800);color:var(--stone-50);display:grid;place-items:center;font-family:noto sans thai,sans-serif;font-weight:700}.timeline__num::after{content:counter(step)}.timeline__item h3{margin:0 0 4px}.map-wrap{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:var(--stone-200)}.map-wrap iframe{width:100%;height:360px;border:0;display:block}.app-card{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:var(--stone-50);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow)}.app-card__cover{border-radius:var(--radius-sm);overflow:hidden;background:var(--stone-300)}.app-card__cover img{width:100%;aspect-ratio:16/10;object-fit:cover}.disclaimer{background:var(--stone-200);border-top:1px solid var(--line);padding:22px 0;text-align:center}.disclaimer p{margin:0;color:var(--ink-soft);font-size:.92rem;max-width:70ch;margin-inline:auto;padding-inline:var(--pad)}.site-footer{background:var(--stone-900);color:var(--stone-200);padding:clamp(40px,6vw,64px)0 28px}.site-footer__inner{max-width:720px;margin-inline:auto;padding-inline:var(--pad);text-align:center}.site-footer .brand-mark{color:var(--stone-50);justify-content:center}.site-footer__identity{margin:14px 0 0;font-size:.95rem;line-height:1.8;color:var(--stone-200)}.site-footer__identity strong{color:var(--stone-50)}.site-footer__contact{margin:10px 0 0}.site-footer__contact a{color:var(--stone-100)}.site-footer__nav{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center}.site-footer__nav a{color:var(--stone-200);font-size:.9rem;text-decoration:none}.site-footer__nav a:hover{color:var(--stone-50);text-decoration:underline}.site-footer__base{margin-top:22px;padding-top:16px;border-top:1px solid rgba(250,247,241,.12);font-size:.82rem;color:var(--stone-400)}.consent{position:fixed;inset:auto 0 0 0;z-index:100;background:var(--stone-50);border-top:1px solid var(--line);box-shadow:0 -8px 24px rgba(44,39,31,8%);padding:16px var(--pad);transform:translateY(0);transition:transform .25s ease}.consent[hidden]{display:none}.consent__inner{max-width:var(--maxw);margin-inline:auto;display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;justify-content:center}.consent p{margin:0;font-size:.92rem;color:var(--ink-soft);max-width:72ch;text-align:center}.consent p a{text-decoration:underline}.consent__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.consent .btn{min-height:40px;padding:8px 18px;font-size:.92rem}.prose{max-width:var(--readw);margin-inline:auto;padding-inline:var(--pad)}.prose h2{margin-top:1.6em}.prose h2:first-child{margin-top:0}.prose p,.prose li{color:var(--ink-soft)}.prose ul{padding-left:1.2em}.prose table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.95rem}.prose table th,.prose table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.prose table th{background:var(--stone-100);color:var(--stone-800)}.cookie-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.95rem}.cookie-table th,.cookie-table td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.cookie-table th{background:var(--stone-100);color:var(--stone-800)}.page-header{background:var(--stone-100);border-bottom:1px solid var(--line);padding:clamp(40px,7vw,72px)0;text-align:center}.page-header__inner{max-width:var(--readw);margin-inline:auto;padding-inline:var(--pad)}.page-header h1{margin:0 0 10px}.page-header p{margin:0;color:var(--ink-soft);max-width:60ch;margin-inline:auto}.lead{font-size:1.15rem;color:var(--ink-soft)}.center{text-align:center}.mt-0{margin-top:0}.stack{display:grid;gap:10px}@media(max-width:960px){.split,.split--reverse{grid-template-columns:1fr;gap:28px}.split__media{order:-1}.inquiry{grid-template-columns:1fr;gap:28px}.app-card{grid-template-columns:1fr}.app-card__cover{order:-1}}@media(max-width:768px){body{font-size:16px}.site-nav{display:none;width:100%}.site-nav.open{display:block}.nav-toggle{display:inline-flex}.site-header__inner{flex-wrap:wrap}.site-nav.open ul{flex-direction:column;gap:6px;padding:8px 0 4px}.split__copy{text-align:left}.statement-band{text-align:center;margin-inline:auto}.statement-band__body{margin-inline:auto}}@media(max-width:480px){:root{--pad:16px}.hero__inner{padding:40px var(--pad)}.btn{width:100%}.hero__cta .btn{width:100%}.consent__inner{flex-direction:column}}@media(max-width:360px){.statement-band,.page-header__inner,.site-footer__inner,.disclaimer p{text-align:center;margin-inline:auto}}[x-cloak]{display:none!important}