:root{--ink:#1d2925;--muted:#66736d;--green:#16784e;--line:#e2e8e4;--paper:#fff;--soft:#f4f7f5;--blue:#1185ad;--max:1200px;--header:80px;font-family:Arial,'Helvetica Neue','PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;letter-spacing:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;line-height:1.65}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{width:20px;height:20px;flex:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.2;letter-spacing:0}button{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}::selection{background:#c4edda}.container{max-width:var(--max);width:calc(100% - 96px);margin:0 auto}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:12px 20px;z-index:100}.skip-link:focus{top:12px}.section{padding:96px 0}.label{display:block;color:var(--green);font-size:12px;font-weight:700;margin-bottom:20px;line-height:1.6}.section-heading{font-size:36px;max-width:800px}.section-intro{color:var(--muted);font-size:17px;max-width:680px;margin-top:20px}.topbar{position:sticky;top:0;z-index:30;height:var(--header);background:rgba(255,255,255,.97);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;line-height:1.1}.brand-mark{font-size:27px;font-weight:700;color:var(--green);font-family:Georgia,serif;line-height:1}.brand-text{font-size:16px;font-weight:700}.brand-sub{display:block;font-size:10px;font-weight:400;margin-top:5px;color:var(--muted)}.primary-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.primary-nav a{font-size:13px;line-height:1.4;color:#53615b;white-space:nowrap;padding:8px 0;transition:color .2s}.primary-nav a:hover,.primary-nav a[aria-current]{color:var(--green)}.header-actions{display:flex;align-items:center;gap:14px}.language-wrap{display:flex;align-items:center;gap:6px;color:var(--muted)}.language-wrap svg{width:17px;height:17px}.language-select{border:0;background:transparent;color:var(--ink);max-width:125px;padding:8px 0;font-size:13px;cursor:pointer}.menu-toggle{display:none;background:none;border:0;padding:8px;align-items:center;justify-content:center;width:40px;height:40px}.hero{position:relative;min-height:610px;overflow:hidden;background:white;display:flex;align-items:center}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.hero-inner{position:relative;padding:64px 0 72px}.hero-copy{width:54%;max-width:650px}.hero .label{margin-bottom:24px}.hero h1{font-size:49px;line-height:1.12;color:#152a21;overflow-wrap:anywhere}.hero h1 span{display:block}.hero-sub{font-size:23px;line-height:1.4;font-weight:500;margin-top:26px;max-width:540px}.hero-text{margin-top:18px;color:var(--muted);font-size:16px;max-width:465px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--green);color:white;border:1px solid var(--green);padding:13px 20px;border-radius:4px;font-size:14px;min-height:48px}.button-primary:hover{background:#0d5c38}.button-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;padding:12px 0;color:#264d3b}.trust-strip{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-inner{display:grid;grid-template-columns:repeat(3,1fr);padding:22px 0;gap:28px}.trust-item{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.trust-item svg{color:var(--green);width:20px;height:20px}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:44px}.company-copy p{font-size:16px;color:var(--muted);margin-bottom:20px}.company-info{margin:0;border-top:1px solid var(--line)}.company-info>div{padding:15px 0;border-bottom:1px solid var(--line)}.company-info dt{font-size:12px;font-weight:600;color:var(--muted);margin-bottom:7px}.company-info dd{margin:0;font-size:14px;overflow-wrap:anywhere;line-height:1.7}.company-info dd[lang=zh-CN]{font-family:'PingFang SC','Microsoft YaHei',sans-serif}.service-section{background:var(--soft)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:52px}.service-item{border-top:2px solid #c9d9d0;padding-top:24px}.service-icon{display:flex;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:20px;background:white;border:1px solid var(--line);border-radius:4px;color:var(--green)}.service-item h3{font-size:19px;line-height:1.45;min-height:56px}.service-item p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.8}.products-header{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.products-header .section-intro{max-width:420px;font-size:15px;margin:0}.product-row{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:80px;padding:48px 0;border-top:1px solid var(--line)}.product-row:nth-child(even) .product-visual{order:2}.product-row:nth-child(even) .product-copy{order:1}.product-visual{margin:0;min-width:0}.image-button{display:block;position:relative;width:100%;aspect-ratio:3/2;border:0;padding:0;background:#fff;overflow:hidden;border-radius:4px}.image-button img{width:100%;height:100%;object-fit:contain;transition:transform .35s}.image-button:hover img{transform:scale(1.03)}.expand-symbol{position:absolute;right:12px;bottom:12px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:4px;color:var(--muted)}.expand-symbol svg{width:16px;height:16px}.product-visual figcaption{font-size:11px;color:#77827c;margin-top:10px;text-align:right}.product-code{font-size:13px;font-weight:700;color:var(--green);margin-bottom:17px}.product-copy h3{font-size:30px;line-height:1.25;max-width:440px}.product-description{font-size:16px;color:var(--muted);margin-top:20px;max-width:440px}.product-scope{border-left:2px solid #6acdb0;padding-left:16px;margin-top:28px}.product-scope span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.product-scope p{font-size:14px;line-height:1.6}.rd-section{background:#16392d;color:white}.rd-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.rd-section .label{color:#8dd9b8}.rd-section .section-heading{max-width:540px}.rd-section .section-intro{color:#d0dfd6;font-size:16px}.rd-list{margin:0;list-style:none;padding:0}.rd-list li{padding:20px 0;border-bottom:1px solid #3b5a4c;display:grid;grid-template-columns:28px 1fr;gap:16px}.rd-list li:first-child{padding-top:0}.rd-list svg{color:#8dd9b8;margin-top:4px}.rd-list h3{font-size:19px;line-height:1.4}.rd-list p{margin-top:8px;font-size:14px;color:#c5d8cc}.regional-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:90px}.regional-copy .section-intro{max-width:550px}.region-list{padding-top:14px}.region-item{padding:22px 0;border-bottom:1px solid var(--line);display:flex;align-items:start;gap:18px}.region-item svg{color:var(--blue);margin-top:6px;width:24px;height:24px}.region-item h3{font-size:24px;line-height:1.3}.region-item p{font-size:14px;color:var(--muted);margin-top:8px}.footer{background:#f1f4f2;padding:55px 0 22px;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr .6fr;gap:50px}.footer-title{font-size:19px;font-weight:600;line-height:1.5}.footer-legal{font-size:13px;margin-top:10px;color:var(--muted)}.footer-line{font-size:12px;color:var(--muted);margin-top:20px}.footer-label{font-size:12px;font-weight:600;margin-bottom:10px}.footer address{font-style:normal;font-size:13px;color:var(--muted);line-height:1.8}.email-value{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.email-value a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.footer-language{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:12px;color:var(--muted)}.footer-language a[aria-current]{font-weight:700;color:var(--green)}.footer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #dce3df;margin-top:40px;padding-top:20px;font-size:11px;color:var(--muted)}.back-top{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d4dfd8;border-radius:4px}.image-dialog{padding:0;border:0;border-radius:6px;width:min(1120px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:white;overflow:auto}.image-dialog::backdrop{background:rgba(15,25,20,.75)}.dialog-header{position:sticky;top:0;background:rgba(255,255,255,.97);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.dialog-title{font-size:15px;font-weight:600;line-height:1.5}.dialog-close{display:flex;justify-content:center;align-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:4px;background:white}.dialog-image{width:100%;height:auto}.dialog-caption{font-size:12px;color:var(--muted);padding:14px 20px}.beian-link{font-size:12px;color:var(--muted)}
.language-wrap{position:relative;display:block;flex:none}.language-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:125px;height:40px;border:0;background:transparent;color:var(--ink);padding:8px 0;font-size:13px}.language-toggle span{white-space:nowrap}.language-toggle svg:last-child{width:14px;height:14px}.language-menu{position:absolute;top:calc(100% + 8px);right:0;width:160px;padding:6px;background:white;border:1px solid var(--line);border-radius:4px;box-shadow:0 8px 24px rgba(20,40,30,.12);font-size:14px}.language-menu[hidden]{display:none}.language-menu a{display:block;padding:9px 12px;border-radius:2px}.language-menu a:hover,.language-menu a:focus-visible{background:var(--soft);color:var(--green)}.language-menu a[aria-current=page]{color:var(--green);font-weight:600;background:var(--soft)}
html[lang=th]{font-family:Thonburi,'Leelawadee UI',Tahoma,Arial,sans-serif}html[lang=th] h2,html[lang=th] h3{line-height:1.55}html[lang=th] .hero-sub{line-height:1.65}html[lang=th] .service-item h3{min-height:70px}html[lang=th] .primary-nav{gap:16px}html[lang=th] .primary-nav a{font-size:12px}
@media(min-width:1600px){.hero{min-height:650px}.hero-image{object-fit:cover}.hero-copy{width:54%}}
@media(max-width:1180px){.container{width:calc(100% - 64px)}.header-inner{gap:24px}.primary-nav{gap:17px}.primary-nav a{font-size:12px}.hero h1{font-size:44px}.hero-copy{width:56%}.hero-sub{font-size:21px}.company-grid,.product-row{gap:48px}.service-grid{gap:24px}.service-item h3{font-size:17px}.footer-grid{gap:32px}.rd-layout,.regional-layout{gap:50px}}
@media(max-width:980px){:root{--header:72px}.menu-toggle{display:flex}.header-inner{justify-content:space-between;gap:16px}.header-actions{margin-left:auto}.primary-nav{position:absolute;display:none;top:72px;left:0;right:0;background:white;padding:14px 32px 22px;border-bottom:1px solid var(--line);margin:0;box-shadow:0 12px 14px rgba(30,50,40,.04)}.primary-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}.primary-nav a{padding:12px 0;font-size:15px;white-space:normal}html[lang=th] .primary-nav a{font-size:15px}.hero{min-height:590px}.hero h1{font-size:38px}.hero-copy{width:59%}.hero-sub{font-size:20px}.hero-text{font-size:15px}.hero-image{object-position:55% center}.section{padding:72px 0}.section-heading{font-size:31px}.company-grid{gap:36px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.service-item h3{min-height:0}html[lang=th] .service-item h3{min-height:0}.products-header{display:block}.products-header .section-intro{margin-top:18px;max-width:650px}.product-row{gap:32px;padding:36px 0}.product-copy h3{font-size:26px}.product-description{font-size:15px}.product-scope{margin-top:20px}.trust-inner{gap:16px}.trust-item{font-size:12px;align-items:start}.trust-item svg{margin-top:2px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-line{margin-top:12px}}
@media(max-width:680px){.container{width:calc(100% - 40px)}.brand{gap:9px}.brand-mark{font-size:24px}.brand-text{font-size:14px}.brand-sub{font-size:9px}.header-inner{gap:8px}.header-actions{gap:5px}.language-wrap{gap:2px}.language-wrap svg{display:none}.language-select{max-width:100px;font-size:12px}.hero{min-height:700px;align-items:start;padding-bottom:275px}.hero-inner{padding:40px 0 34px}.hero-copy{width:100%;max-width:none}.hero-image{top:auto;bottom:0;height:295px;object-fit:cover;object-position:right center;width:100%}.hero h1{font-size:34px;line-height:1.17;max-width:430px}.hero .label{font-size:10px;margin-bottom:20px}.hero-sub{font-size:19px;margin-top:22px;max-width:420px}.hero-text{font-size:14px;margin-top:14px;max-width:480px;line-height:1.75}.hero-actions{gap:18px;margin-top:22px}.button-primary{font-size:13px;padding:11px 15px;gap:10px}.button-link{font-size:13px;gap:7px}.trust-inner{grid-template-columns:1fr;padding:20px 0;gap:13px}.trust-item{font-size:13px;align-items:center}.trust-item svg{margin-top:0}.section{padding:56px 0}.label{font-size:11px;margin-bottom:14px}.section-heading{font-size:29px}.section-intro{font-size:15px;margin-top:16px}.company-grid{grid-template-columns:1fr;gap:28px;margin-top:28px}.company-copy p{font-size:15px;margin-bottom:16px}.company-info dd{font-size:13px}.service-grid{gap:28px 22px;margin-top:32px}.service-icon{margin-bottom:15px;width:40px;height:40px}.service-item h3{font-size:16px}.service-item p{font-size:13px;margin-top:10px}.service-item{padding-top:20px}.products-header{margin-bottom:28px}.product-row{grid-template-columns:1fr;gap:20px;padding:32px 0}.product-visual{order:2!important}.product-copy{order:1!important}.product-copy h3{font-size:26px;max-width:none}.product-code{font-size:12px;margin-bottom:12px}.product-description{margin-top:14px;max-width:none}.product-scope{margin-top:18px}.product-visual figcaption{font-size:10px}.rd-layout,.regional-layout{grid-template-columns:1fr;gap:32px}.rd-list li{padding:20px 0}.rd-list h3{font-size:18px}.region-list{padding-top:0}.region-item h3{font-size:22px}.footer{padding:40px 0 20px}.footer-grid{grid-template-columns:1fr;gap:26px}.footer-brand{grid-column:auto}.footer-title{font-size:18px}.footer-line{font-size:11px}.footer-label{margin-bottom:8px}.footer-language{margin-top:18px}.footer-bottom{margin-top:28px;font-size:10px;align-items:start}.footer-bottom p{max-width:calc(100% - 50px)}html[lang=th] .hero{min-height:760px}html[lang=th] .hero-sub{font-size:19px}.primary-nav{padding-left:20px;padding-right:20px}.image-dialog{width:calc(100% - 20px)}.dialog-header{padding:12px}.dialog-title{font-size:13px}.dialog-caption{padding:12px}.dialog-close{width:32px;height:32px;flex:none}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.brand-text{font-size:12px}.brand-mark{font-size:22px}.brand-sub{font-size:8px}.hero h1{font-size:29px}.hero-actions{gap:12px}.hero-sub{font-size:18px}.hero{min-height:725px}.service-grid{grid-template-columns:1fr}.section-heading{font-size:26px}.language-select{max-width:90px}.header-actions{gap:0}}
@media(min-width:981px){.hero-image{object-fit:contain;object-position:right center}}
@media(min-width:681px) and (max-width:980px){.hero{align-items:start;padding-bottom:285px;min-height:680px}.hero-inner{padding:40px 0}.hero-copy{width:100%;max-width:none}.hero h1{font-size:42px;max-width:650px}.hero-image{top:auto;bottom:0;height:300px;object-fit:contain;object-position:right center}.hero-text{max-width:620px}.hero-sub{max-width:650px}}
@media(max-width:680px){html[lang=th] .hero{min-height:700px}}
@media(max-width:680px){.language-toggle{width:100px;font-size:12px;gap:4px}.language-toggle svg:first-child{display:none}.language-toggle svg:last-child{display:block}}
@media(max-width:360px){.language-toggle{width:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media print{@page{margin:16mm}html{scroll-behavior:auto}body{font-size:11pt;background:white!important;color:black!important}.container{width:100%;max-width:none}.topbar,.hero-actions,.hero-image,.expand-symbol,.footer-language,.back-top,.image-dialog{display:none!important}.hero{min-height:0;padding:0;display:block}.hero-inner{padding:20px 0}.hero-copy{width:100%;max-width:none}.hero h1{font-size:28pt}.hero-sub{font-size:16pt}.section{padding:25px 0}.section-heading{font-size:22pt}.trust-inner{padding:16px 0}.company-grid,.rd-layout,.regional-layout{gap:24px}.service-grid{grid-template-columns:repeat(2,1fr)}.product-row{break-inside:avoid;gap:24px;padding:22px 0}.product-copy h3{font-size:19pt}.image-button{height:auto}.rd-section{background:white!important;color:black!important}.rd-section .section-intro,.rd-list p,.rd-section .label{color:#333}.footer{background:white;padding:25px 0}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{font-size:9pt}}
