:root{--bg:#f3f1e7;--bg-alt:#e9e7da;--surface:#fbfaf3;--glass:rgba(251, 250, 243, 0.86);--ink:#1d2a1f;--ink-soft:#3a4a3b;--muted:#6b7a68;--leaf:#5f8a4c;--leaf-deep:#3f6a32;--forest:#243b22;--sage:#a9c0a4;--sage-soft:#c7d6c2;--terracotta:#c4724a;--wood:#a07a4a;--frame:#c9c4ad;--frame-strong:#8f8a72;--line:#d8d3bd;--white:#ffffff;--shadow:0 1px 2px rgba(29, 42, 31, 0.06), 0 8px 24px rgba(29, 42, 31, 0.08);--radius:14px;--radius-sm:9px;--maxw:1180px;--reading:720px;--gutter:clamp(18px, 4vw, 44px);--step-0:1rem;--step-1:1.125rem;--step-2:1.3rem;--step-3:1.6rem;--step-4:2.05rem;--step-5:2.7rem;--step-6:3.4rem;--ease:cubic-bezier(0.22, 0.61, 0.36, 1)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:noto sans thai,system-ui,sans-serif;font-weight:400;font-size:var(--step-1);line-height:1.7;color:var(--ink);background:var(--bg);background-image:radial-gradient(circle at 12% 18%,rgba(95,138,76,7%),transparent 42%),radial-gradient(circle at 88% 8%,rgba(196,114,74,5%),transparent 38%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:noto serif thai,Georgia,serif;font-weight:700;line-height:1.2;color:var(--forest);margin:0 0 .6em;letter-spacing:.01em}p{margin:0 0 1.1em}a{color:var(--leaf-deep);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--terracotta)}img{max-width:100%;height:auto;display:block}.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}:focus-visible{outline:3px solid var(--leaf);outline-offset:2px;border-radius:3px}.skip-link{position:absolute;left:12px;top:-48px;z-index:200;background:var(--forest);color:#fff;padding:10px 16px;border-radius:8px;transition:top .2s var(--ease)}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:90;background:var(--glass);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.header-inner{max-width:var(--maxw);margin:0 auto;padding:14px var(--gutter);display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--forest);font-weight:700;font-family:noto serif thai,serif;font-size:1.05rem}.brand-mark{color:var(--leaf-deep);display:inline-flex}.brand-text{white-space:nowrap}.primary-nav{margin-left:auto}.nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:22px}.nav-list a{text-decoration:none;color:var(--ink-soft);font-weight:500;font-size:.98rem;padding:6px 2px;border-bottom:2px solid transparent;transition:border-color .2s var(--ease)}.nav-list a:hover{color:var(--leaf-deep);border-bottom-color:var(--sage)}.header-cta{background:var(--forest);color:#fff;text-decoration:none;padding:10px 18px;border-radius:999px;font-weight:600;font-size:.92rem;white-space:nowrap;transition:background .2s var(--ease)}.header-cta:hover{background:var(--leaf-deep);color:#fff}.nav-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;font-weight:600;font-size:1rem;border:2px solid transparent;cursor:pointer;font-family:inherit;transition:all .2s var(--ease)}.btn-primary{background:var(--forest);color:#fff}.btn-primary:hover{background:var(--leaf-deep)}.btn-ghost{background:0 0;color:var(--forest);border-color:var(--frame-strong)}.btn-ghost:hover{border-color:var(--leaf-deep);color:var(--leaf-deep)}.btn-leaf{background:var(--leaf);color:#fff}.btn-leaf:hover{background:var(--leaf-deep)}.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gutter)}.wrap-reading{max-width:var(--reading);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:clamp(48px,8vw,92px)}.section-tight{padding-block:clamp(36px,5vw,56px)}.eyebrow{display:inline-block;font-family:noto sans thai,sans-serif;font-size:.82rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--leaf-deep);margin-bottom:14px;padding:5px 12px;border:1px solid var(--sage);border-radius:999px;background:var(--surface)}.lead{font-size:var(--step-2);color:var(--ink-soft)}.hero{position:relative;min-height:clamp(460px,78vh,720px);display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--frame-strong)}.hero-media{position:absolute;inset:0;z-index:0}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)contrast(1.03)}.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,42,31,.18) 0%,rgba(29,42,31,.55) 60%,rgba(29,42,31,.8) 100%)}.hero-content{position:relative;z-index:2;color:#fff;max-width:var(--maxw);margin:0 auto;width:100%;padding:clamp(28px,5vw,60px)var(--gutter)clamp(40px,6vw,70px);display:grid;grid-template-columns:1.6fr 1fr;gap:32px;align-items:end}.hero-title{color:#fff;font-size:var(--step-6);margin:0 0 18px;max-width:16ch;text-shadow:0 2px 18px rgba(0,0,0,.35)}.hero-sub{font-size:var(--step-2);color:rgba(255,255,255,.92);max-width:52ch;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.hero-actions .btn{min-height:50px}.hero-actions .btn-ghost{color:#fff;border-color:rgba(255,255,255,.6)}.hero-actions .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}.hero-rail{background:var(--glass);color:var(--ink);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius);padding:22px 24px;backdrop-filter:blur(8px);box-shadow:var(--shadow);align-self:end}.hero-rail h2{font-size:var(--step-2);color:var(--forest);margin:0 0 10px}.hero-rail ul{margin:0;padding-left:1.1em;color:var(--ink-soft)}.hero-rail li{margin-bottom:8px;font-size:.98rem}.comp-statement-band{text-align:center;margin-inline:auto;max-width:var(--reading)}.comp-statement-band .statement{font-family:noto serif thai,serif;font-size:var(--step-4);line-height:1.35;color:var(--forest);font-weight:600;margin:0 0 18px}.comp-statement-band .statement-cite{color:var(--muted);font-size:var(--step-0);font-style:normal}.statement-band-section{background:var(--surface);border-block:1px solid var(--line)}.comp-card-row .card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--surface);border:1px solid var(--frame);border-radius:var(--radius);padding:26px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;transition:transform .2s var(--ease),border-color .2s var(--ease)}.card:hover{transform:translateY(-3px);border-color:var(--leaf)}.card .card-num{font-family:noto serif thai,serif;font-size:1.1rem;font-weight:700;color:var(--leaf-deep);letter-spacing:.08em}.card h3{font-size:var(--step-2);margin:0;color:var(--forest)}.card p{margin:0;color:var(--ink-soft);font-size:.98rem}.comp-form-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.form-side h2{font-size:var(--step-4)}.form-side .lead{margin-bottom:18px}.form-card{background:var(--surface);border:1px solid var(--frame);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.field{margin-bottom:18px}.field label{display:block;font-weight:600;margin-bottom:7px;color:var(--forest);font-size:.95rem}.field label .req{color:var(--terracotta)}.field input,.field textarea,.field select{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid var(--frame-strong);border-radius:var(--radius-sm);background:#fff;color:var(--ink);font-family:inherit;font-size:1rem;transition:border-color .2s var(--ease),box-shadow .2s var(--ease)}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--leaf);box-shadow:0 0 0 3px rgba(95,138,76,.18)}.field .error{display:block;color:#a23a1f;font-size:.88rem;margin-top:6px;min-height:1em;font-weight:500}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#a23a1f}.form-status{margin-top:14px;padding:14px 16px;border-radius:var(--radius-sm);font-size:.96rem;font-weight:500}.form-status.pending{background:#eef3e8;color:var(--forest)}.form-status.success{background:#e6f0df;color:var(--leaf-deep)}.form-status.error{background:#f7e7df;color:#8a2f17}.form-fallback{font-size:.9rem;color:var(--muted);margin-top:10px}.partners-grid{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}.partner-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--frame);border-radius:999px;padding:9px 16px;font-weight:600;color:var(--forest);font-size:.92rem;box-shadow:0 1px 2px rgba(29,42,31,4%)}.partner-chip .dot{width:9px;height:9px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 3px rgba(95,138,76,.18)}.partner-chip:nth-child(3n) .dot{background:var(--terracotta);box-shadow:0 0 0 3px rgba(196,114,74,.18)}.partner-chip:nth-child(4n) .dot{background:var(--wood);box-shadow:0 0 0 3px rgba(160,122,74,.18)}.map-wrap{border:1px solid var(--frame);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);background:var(--surface)}.map-frame{width:100%;height:360px;border:0;display:block}.map-caption{padding:14px 18px;font-size:.92rem;color:var(--muted)}.app-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}.app-hero .app-shot{border-radius:var(--radius);border:1px solid var(--frame);box-shadow:var(--shadow);overflow:hidden}.app-hero .app-shot img{width:100%;height:320px;object-fit:cover}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.feature-list li{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm)}.feature-list .ico{width:28px;height:28px;border-radius:50%;background:var(--sage-soft);color:var(--leaf-deep);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-family:noto serif thai,serif}.feature-list strong{color:var(--forest);display:block;margin-bottom:2px}.feature-list span{color:var(--ink-soft);font-size:.95rem}.prose{max-width:var(--reading);margin-inline:auto;padding-inline:var(--gutter)}.prose h1{font-size:var(--step-5)}.prose h2{font-size:var(--step-3);margin-top:1.6em}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin-bottom:8px}.prose table{width:100%;border-collapse:collapse;margin:18px 0}.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;font-size:.95rem}.prose th{background:var(--surface);color:var(--forest)}.legal-meta{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;margin-bottom:28px;font-size:.92rem;color:var(--ink-soft)}.legal-meta strong{color:var(--forest)}.page-band{background:var(--forest);color:#fff;padding-block:clamp(40px,6vw,64px)}.page-band h1{color:#fff;font-size:var(--step-5);margin:0}.page-band p{color:rgba(255,255,255,.88);margin:10px 0 0;max-width:60ch}.split{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.split.reverse .split-media{order:2}.split-media{border-radius:var(--radius);overflow:hidden;border:1px solid var(--frame);box-shadow:var(--shadow)}.split-media img{width:100%;height:360px;object-fit:cover}.timeline{display:grid;gap:18px;max-width:var(--reading);margin-inline:auto}.timeline .step{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;padding:20px 22px;background:var(--surface);border:1px solid var(--frame);border-radius:var(--radius);box-shadow:var(--shadow)}.timeline .step .num{width:44px;height:44px;border-radius:50%;background:var(--forest);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:noto serif thai,serif;font-weight:700;font-size:1.2rem}.timeline .step h3{margin:0 0 6px;font-size:var(--step-2)}.timeline .step p{margin:0;color:var(--ink-soft)}.faq{max-width:var(--reading);margin-inline:auto;display:grid;gap:12px}.faq details{background:var(--surface);border:1px solid var(--frame);border-radius:var(--radius);padding:4px 22px;box-shadow:var(--shadow)}.faq summary{cursor:pointer;padding:14px 0;font-weight:600;font-family:noto serif thai,serif;color:var(--forest);font-size:var(--step-2);list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--leaf-deep);font-size:1.4rem;font-weight:700}.faq details[open] summary::after{content:"−"}.faq details[open] summary{border-bottom:1px solid var(--line);margin-bottom:8px}.faq .answer{padding:6px 0 16px;color:var(--ink-soft)}.consent-banner{position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--forest);color:#fff;box-shadow:0 -6px 24px rgba(29,42,31,.22)}.consent-inner{max-width:var(--maxw);margin:0 auto;padding:18px var(--gutter);display:flex;align-items:center;gap:22px;flex-wrap:wrap}.consent-text{flex:1 1 420px;font-size:.95rem;color:rgba(255,255,255,.92)}.consent-text a{color:var(--sage-soft)}.consent-actions{display:flex;gap:12px;flex-wrap:wrap}.consent-actions .btn{min-height:44px;padding:10px 20px;font-size:.95rem}.consent-actions .btn-ghost{color:#fff;border-color:rgba(255,255,255,.55)}.consent-actions .btn-ghost:hover{background:rgba(255,255,255,.12);color:#fff}.consent-actions .btn-primary{background:var(--leaf)}.consent-actions .btn-primary:hover{background:var(--leaf-deep)}.site-footer{background:var(--forest);color:rgba(255,255,255,.88);padding-block:clamp(40px,6vw,64px);border-top:3px solid var(--leaf-deep)}.footer-block{max-width:var(--reading);margin:0 auto;padding-inline:var(--gutter);text-align:center}.footer-brand{display:inline-flex;align-items:center;gap:10px;color:#fff;font-family:noto serif thai,serif;font-weight:700;font-size:1.2rem;margin-bottom:16px}.footer-brand .brand-mark{color:var(--sage-soft)}.footer-business{font-style:normal;display:flex;flex-direction:column;gap:4px;margin-bottom:18px;font-size:.94rem}.footer-business .biz-name{font-weight:700;color:#fff}.footer-business a{color:var(--sage-soft)}.footer-business a:hover{color:#fff}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:18px}.footer-nav a{color:var(--sage-soft);text-decoration:none;font-size:.92rem}.footer-nav a:hover{color:#fff;text-decoration:underline}.footer-disclaimer{font-size:.84rem;color:rgba(255,255,255,.7);border-top:1px solid rgba(255,255,255,.18);padding-top:14px;margin-bottom:8px}.footer-copy{font-size:.82rem;color:rgba(255,255,255,.6)}.notfound{text-align:center;padding-block:clamp(60px,12vw,120px)}.notfound h1{font-size:var(--step-6)}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}@media(max-width:1024px){:root{--step-6:2.8rem;--step-5:2.3rem}.hero-content{grid-template-columns:1fr;gap:22px}.hero-rail{align-self:start}.split,.split.reverse,.app-hero,.comp-form-section{grid-template-columns:1fr;gap:26px}.split.reverse .split-media{order:0}.comp-card-row .card-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){:root{--step-6:2.4rem;--step-5:2.05rem;--step-4:1.8rem}.nav-toggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:0 0;border:1px solid var(--frame-strong);border-radius:10px;cursor:pointer;padding:0 10px}.nav-toggle .bar,.nav-toggle .bar::before,.nav-toggle .bar::after{content:"";display:block;width:22px;height:2px;background:var(--forest);transition:transform .2s var(--ease)}.nav-toggle .bar{position:relative}.nav-toggle .bar::before{position:absolute;top:-7px}.nav-toggle .bar::after{position:absolute;top:7px}.nav-toggle .bar.open{background:0 0}.nav-toggle .bar.open::before{transform:rotate(45deg);top:0}.nav-toggle .bar.open::after{transform:rotate(-45deg);top:0}.nav-list{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--surface);border-bottom:1px solid var(--line);box-shadow:var(--shadow);display:none}.nav-list.is-open{display:flex}.nav-list li{border-top:1px solid var(--line)}.nav-list a{display:block;padding:14px 20px}.header-cta{display:none}.hero{min-height:460px}.comp-card-row .card-row{grid-template-columns:1fr}.partner-chip{font-size:.86rem;padding:8px 13px}.map-frame{height:280px}.consent-inner{flex-direction:column;align-items:stretch}.consent-actions{justify-content:stretch}.consent-actions .btn{flex:1}}@media(max-width:480px){:root{--gutter:18px;--step-6:2.05rem;--step-4:1.6rem}.hero-title{font-size:2.05rem}.hero-sub{font-size:1.05rem}.btn{width:100%}.hero-actions .btn{width:100%}}.hero-rail-contact{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-soft)}.hero-rail-contact a{color:var(--leaf-deep);font-weight:600}