:root{--ink:#242424;--deep:#242424;--muted:#6f6f6f;--bg:#fff;--header-bg:#ffffffe0;--card-bg:#fff;--button-bg:#fff;--surface:#f6f4f1;--border:#e7e1da;--accent:#e26525;--accent-dark:#ba4918;--shadow:0 24px 70px #2424241f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-main:"Noto Sans Thai", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.7}:root[data-theme=dark]{--ink:#f5f1ec;--deep:#101010;--muted:#b8b0a8;--bg:#151515;--header-bg:#151515e0;--card-bg:#202020;--button-bg:#202020;--surface:#1b1b1b;--border:#34302c;--accent:#ff8a45;--accent-dark:#e26525;--shadow:0 24px 70px #00000052;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #e265250f, transparent 360px), var(--bg);min-width:320px;margin:0;transition:color .2s,background .2s}button,input,textarea,select{font:inherit}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.18}h1{max-width:820px;margin-bottom:0;font-size:clamp(42px,7vw,82px);font-weight:800}h2{margin-bottom:0;font-size:clamp(30px,4vw,48px);font-weight:800}h3{font-size:20px;font-weight:700}p{margin-bottom:0}#root{min-height:100svh}.site-header{isolation:isolate;z-index:10;color:#fff;border-bottom:4px solid var(--accent);background:radial-gradient(circle at 10% 0,#ff8a4533,#0000 26%),linear-gradient(110deg,#0000 0 72%,#ffffff12 72% 78%,#0000 78%),linear-gradient(135deg,#101010 0%,#242424 58%,#151515 100%);grid-template-columns:minmax(260px,1fr) auto minmax(160px,1fr);align-items:center;gap:24px;padding:16px clamp(20px,5vw,72px);display:grid;position:sticky;top:0;overflow:hidden;box-shadow:0 16px 42px #0003}.site-header:before{content:"";background:var(--accent);transform-origin:top;z-index:0;width:56px;position:absolute;top:0;bottom:0;left:clamp(220px,34vw,520px);transform:skew(-24deg)}.site-header:after{content:"";background:linear-gradient(90deg, transparent, var(--accent));z-index:0;width:clamp(180px,30vw,420px);height:3px;position:absolute;bottom:0;right:clamp(18px,5vw,72px)}.icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;flex:none;width:20px;height:20px}.brand,.nav,.hero-actions,.stats-strip,.contact-card,.header-actions,.theme-toggle{z-index:1;align-items:center;display:flex;position:relative}.brand{z-index:1;color:#fff;justify-self:start;gap:14px;min-width:0;font-weight:800;text-decoration:none;position:relative}.brand-mark{filter:drop-shadow(0 12px 24px #e2652538);flex:none;place-items:center;width:58px;height:58px;display:grid}.brand-logo{object-fit:contain;width:100%;height:100%;display:block}.brand-text{gap:2px;min-width:0;display:grid}.brand-name{color:#fff;font-size:clamp(18px,2.2vw,26px);line-height:1.18}.brand-name em{color:var(--accent);font-style:normal}.brand-subtitle{color:#ffffffb8;letter-spacing:1.8px;font-size:12px;font-weight:700}.nav{z-index:1;background:#0000003d;border:1px solid #ffffff1c;border-radius:8px;flex-wrap:wrap;justify-content:center;justify-self:center;gap:6px;min-width:0;padding:6px;position:relative}.nav a{color:#ffffffc2;border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.nav a:hover{color:#fff;background:#e2652533}.nav .icon{width:17px;height:17px}.theme-toggle{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:8px;gap:8px;min-height:40px;padding:0 12px;font-weight:700}.theme-toggle:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.theme-toggle .icon{width:18px;height:18px}.header-actions{justify-self:end;gap:10px;min-width:0}.header-contact{color:#fff;white-space:nowrap;background:#e26525;border:1px solid #ff8a456b;border-radius:8px;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:0 12px;font-weight:800;text-decoration:none;display:inline-flex}.header-contact:hover{background:var(--accent);border-color:var(--accent)}.header-contact .icon{width:18px;height:18px}.floating-contact-buttons{z-index:20;justify-items:end;gap:10px;display:grid;position:fixed;bottom:22px;right:22px}.floating-contact-button{color:#fff;white-space:nowrap;border:1px solid #ffffff57;border-radius:999px;align-items:center;gap:8px;min-height:54px;padding:0 18px;font-weight:900;text-decoration:none;transition:background .2s,transform .2s;display:inline-flex}.floating-contact-button:hover{transform:translateY(-2px)}.floating-contact-button .icon{width:24px;height:24px}.floating-facebook-button{background:#1877f2;box-shadow:0 18px 42px #1877f247}.floating-facebook-button:hover{background:#1468d9}.floating-line-button{background:#06c755;box-shadow:0 18px 42px #06c75552}.floating-line-button:hover{background:#05b54d}.hero-section{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:clamp(36px,7vw,96px);min-height:calc(100svh - 78px);padding:clamp(28px,4vw,52px) clamp(20px,5vw,72px) clamp(56px,8vw,104px);display:grid}.hero-copy{max-width:760px}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:800}.hero-description{max-width:680px;color:var(--muted);margin:22px 0 0;font-size:clamp(18px,2vw,22px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px}.home-category{max-width:520px;margin-top:32px}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:var(--accent);box-shadow:0 18px 34px #e2652538}.secondary-button{color:var(--ink);background:var(--button-bg);border:1px solid var(--border)}.hero-panel{color:#fff;background:var(--deep);min-height:520px;box-shadow:var(--shadow);border-radius:8px;padding:0;position:relative;overflow:hidden}.hero-panel:after{content:"";background:linear-gradient(#2424240a,#242424b8);position:absolute;inset:0}.hero-panel img{object-fit:cover;width:100%;height:100%;min-height:520px;animation:.45s hero-image-fade;display:block}.hero-panel img.contain{background:radial-gradient(circle at 50% 42%, #e2652533, transparent 42%), var(--deep);object-fit:contain;padding:70px}.hero-badge{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#242424c2;border:1px solid #ffffff29;border-radius:8px;padding:22px;position:absolute;bottom:22px;left:22px;right:22px}.panel-label{color:#ffffffb8;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.hero-badge strong{color:#fff;max-width:320px;font-size:clamp(20px,2.8vw,30px);line-height:1.16;display:block}.hero-arrow{z-index:2;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#6060601a;border:1px solid #ffffff2e;border-radius:8px;place-items:center;width:46px;height:58px;padding:0;font-size:42px;line-height:1;transition:background .2s,border-color .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover,.hero-arrow:focus-visible{background:var(--accent);border-color:var(--accent);transform:translateY(-50%)scale(1.04)}.hero-arrow-left{left:18px}.hero-arrow-right{right:18px}.hero-carousel-dots{z-index:2;justify-content:center;gap:6px;display:flex;position:absolute;bottom:104px;left:0;right:0}.hero-carousel-dots button{cursor:pointer;background:#ffffff85;border:1px solid #ffffffb3;border-radius:999px;width:10px;height:10px;padding:0}.hero-carousel-dots button.active{background:var(--accent);border-color:var(--accent);width:28px}@keyframes hero-image-fade{0%{opacity:.72;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.stats-strip{background:var(--border);justify-content:space-between;gap:1px;padding:0 clamp(20px,5vw,72px)}.stats-strip div{background:var(--card-bg);flex:1;align-items:center;gap:16px;padding:28px;display:flex}.stats-strip .icon{width:42px;height:42px;color:var(--accent);background:#e265251a;border-radius:8px;padding:9px}.stats-strip strong{color:var(--ink);font-size:clamp(30px,4vw,46px);line-height:1;display:block}.stats-strip span{color:var(--muted);margin-top:10px;font-weight:600}.content-section,.promise-section,.vision-section,.certification-section,.timeline,.service-feature,.contact-section{padding:clamp(64px,9vw,112px) clamp(20px,5vw,72px)}.promise-section{color:#fff;background:linear-gradient(115deg,#e265252e,#0000 34%),linear-gradient(135deg,#191919,#242424);grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);align-items:stretch;gap:clamp(24px,5vw,64px);display:grid}.promise-intro{align-content:center;gap:18px;display:grid}.promise-intro h2{color:#fff}.promise-intro p{color:#ffffffc2;font-size:18px}.promise-intro strong{width:fit-content;min-height:62px;color:var(--deep);background:#fff;border-radius:8px;align-items:center;padding:0 28px;font-size:24px;display:inline-flex}.promise-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.promise-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;min-height:260px;padding:28px}.promise-icon{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.promise-icon .icon{width:28px;height:28px}.promise-card h3{color:var(--accent);margin:28px 0 12px;font-size:30px}.promise-card p{color:#ffffffbd}.split-section,.strength-section,.contact-section{grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:clamp(28px,6vw,80px);display:grid}.about-copy{align-content:center;gap:28px;display:grid}.about-image{background:var(--card-bg);border:1px solid var(--border);min-height:430px;box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:hidden}.about-image img{object-fit:cover;width:100%;height:100%;min-height:430px;display:block}.about-image-badge{color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#242424c7;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:12px;padding:16px 18px;font-weight:700;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.about-image-badge .icon{color:var(--accent)}.section-copy{gap:18px;display:grid}.company-tax{width:fit-content;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;font-weight:800}.vision-section{background:var(--accent);grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);display:grid}.vision-section h2,.vision-section p,.vision-section .eyebrow{color:#fff}.vision-section p{max-width:880px;font-size:clamp(24px,3vw,38px);font-weight:800;line-height:1.5}.section-heading{max-width:720px}.certification-section{background:radial-gradient(circle at 14% 0%, #e2652517, transparent 28%), var(--bg)}.certification-heading{max-width:1180px}.certification-heading h2{padding-bottom:18px;position:relative}.certification-heading h2:after{content:"";background:var(--accent);border-radius:999px;width:min(520px,100%);height:4px;position:absolute;bottom:0;left:0}.document-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:15px;display:grid}.document-card{min-width:0}.document-preview{aspect-ratio:.79;border:1px solid var(--border);border-radius:10px;padding:18px;position:relative;overflow:hidden;box-shadow:0 18px 45px #24242414}.document-frame{background:#fff;border:0;border-radius:4px;width:100%;height:100%;display:block}.document-preview-link{z-index:1;border-radius:8px;position:absolute;inset:0}.document-category{color:var(--accent);text-transform:uppercase;margin-top:22px;font-size:13px;font-weight:800}.document-card h3{color:var(--ink);margin:8px 0 18px;font-size:clamp(20px,2vw,26px)}.document-actions{flex-wrap:wrap;gap:10px;display:flex}.document-button{gap:8px;min-height:42px;padding-inline:14px}.document-button .icon{width:18px;height:18px}.category-menu{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;overflow:hidden;box-shadow:0 20px 52px #24242414}.category-menu summary{color:#fff;background:var(--deep);cursor:pointer;align-items:center;gap:14px;min-height:72px;padding:0 22px;font-size:clamp(22px,3vw,30px);font-weight:800;list-style:none;display:flex}.category-menu summary::-webkit-details-marker{display:none}.category-menu summary:after{content:"";border-bottom:2px solid;border-right:2px solid;width:11px;height:11px;margin-left:auto;transition:transform .2s;transform:rotate(45deg)translateY(-3px)}.category-menu[open] summary:after{transform:rotate(225deg)translateY(-3px)}.category-icon{flex:none;width:34px;height:34px;display:inline-flex}.category-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:100%;height:100%}.category-list{display:grid}.category-list a{color:var(--ink);border-top:1px solid var(--border);align-items:center;gap:14px;padding:18px 24px;font-size:20px;font-weight:600;text-decoration:none;display:flex}.category-list a:first-child{color:#fff;background:var(--accent);border-top:0}.category-list .icon{color:currentColor;width:24px;height:24px}.category-list a:hover{color:#fff;background:var(--accent-dark)}.section-heading p,.strength-section p,.contact-section p,.service-content p,.section-copy p{color:var(--muted)}.service-feature{background:var(--surface);grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(28px,6vw,80px);display:grid}.service-image{min-height:420px;box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.service-image img{object-fit:cover;width:100%;height:100%;min-height:420px;display:block}.service-content{max-width:650px}.service-content p{margin-top:20px;font-size:18px}.service-content ul{gap:12px;margin:28px 0 0;padding:0;list-style:none;display:grid}.service-content li{color:var(--ink);background:var(--card-bg);border:1px solid var(--border);border-radius:8px;padding:14px 16px 14px 44px;font-weight:700;position:relative}.service-content li:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px;position:absolute;top:24px;left:20px}.timeline{background:linear-gradient(to bottom, transparent 0, transparent clamp(64px, 9vw, 112px), var(--border) clamp(64px, 9vw, 112px));grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding-top:0;display:grid}.timeline-item{background:var(--card-bg);padding:28px}.timeline-item span{color:var(--accent);font-weight:800}.timeline-item h3,.product-card h3{margin:16px 0 10px}.timeline-item p,.product-card p{color:var(--muted)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;display:grid}.product-card{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;min-height:220px;padding:26px;scroll-margin-top:110px;transition:border-color .2s,box-shadow .2s,transform .2s}.product-card:hover{border-color:#e2652559;transform:translateY(-3px);box-shadow:0 20px 45px #24242414}.product-icon{color:#fff;background:var(--accent);border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.product-icon .icon{width:26px;height:26px}.strength-section{background:var(--surface)}.strength-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.strength-list li{color:var(--ink);background:var(--card-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:14px;padding:18px;font-weight:700;display:flex}.strength-list .icon{width:24px;height:24px;color:var(--accent)}.contact-section{color:#fff;background:var(--deep)}.contact-section h2,.contact-section .eyebrow{color:#fff}.contact-section p{color:#ffffffb3}.contact-card{background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;align-items:flex-start;gap:14px;padding:28px;font-style:normal}.contact-card a,.contact-card span{color:#fff;align-items:flex-start;gap:12px;text-decoration:none;display:flex}.contact-card .icon{width:22px;height:22px;color:var(--accent);transform:translateY(2px)}.site-footer{color:var(--muted);background:var(--card-bg);border-top:1px solid var(--border);justify-content:space-between;gap:16px;padding:24px clamp(20px,5vw,72px);display:flex}.site-footer span:first-child{color:var(--ink);font-weight:800}@media (width<=1180px){.site-header{grid-template-columns:minmax(230px,1fr) minmax(320px,auto)}.brand{grid-column:1}.nav{grid-area:2/1/auto/-1;justify-self:center;width:min(100%,720px)}.header-actions{grid-column:2}}@media (width<=880px){.site-header,.site-footer{flex-direction:column;align-items:flex-start;display:flex}.site-header:before{opacity:.55;pointer-events:none;width:34px;height:100%;bottom:auto;left:auto;right:18px;transform:skew(-18deg)}.site-header:after{width:calc(100% - 32px);right:16px}.nav{justify-content:flex-start;width:100%}.hero-section,.promise-section,.vision-section,.service-feature,.split-section,.strength-section,.contact-section{grid-template-columns:1fr}.hero-section{min-height:auto;padding-top:36px}.hero-panel,.hero-panel img{min-height:420px}.stats-strip,.promise-grid,.document-grid,.timeline,.product-grid,.strength-list{grid-template-columns:1fr}.stats-strip{display:grid}}@media (width<=560px){.site-header{background:radial-gradient(circle at 14% 0,#ff8a452e,#0000 34%),linear-gradient(135deg,#111 0%,#232323 100%);gap:16px;padding:14px 16px;position:static}.site-header:before{opacity:.72;width:28px;height:118px;top:12px;right:-4px}.site-header:after{width:100%;left:0;right:0}.brand{align-items:flex-start}.brand-mark{width:48px;height:48px}.brand-name{font-size:17px}.brand-subtitle{letter-spacing:1.1px;font-size:10px}.nav,.header-actions,.theme-toggle{width:100%}.header-actions{grid-template-columns:1fr 1fr;align-items:stretch;gap:8px;display:grid}.header-contact,.theme-toggle{justify-content:center}.nav a{flex:calc(50% - 6px);justify-content:center;padding-inline:8px}h1{font-size:clamp(34px,12vw,52px)}h2{font-size:clamp(26px,9vw,36px)}.hero-section,.content-section,.promise-section,.vision-section,.certification-section,.timeline,.service-feature,.contact-section{padding-left:16px;padding-right:16px}.category-menu summary{min-height:64px;padding-inline:18px}.document-grid{gap:20px}.document-preview{padding:14px}.category-list a{padding:15px 18px;font-size:18px}.hero-actions a{width:100%}.stats-strip div,.promise-card,.timeline-item,.product-card,.hero-badge,.contact-card{padding:22px}.service-image,.service-image img,.about-image,.about-image img{min-height:280px}.hero-panel img.contain{padding:46px}.hero-arrow{width:40px;height:50px;font-size:34px}.hero-arrow-left{left:12px}.hero-arrow-right{right:12px}.hero-carousel-dots{bottom:96px}}@media (width>=881px) and (width<=1180px){.document-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.brand-mark{width:42px;height:42px}.brand-name{font-size:15px}.brand-subtitle{font-size:9px}.nav a{font-size:13px}.header-actions{grid-template-columns:1fr}.header-contact,.theme-toggle{min-height:38px}.floating-contact-buttons{gap:10px;bottom:18px;right:12px}.floating-contact-button{justify-content:center;width:48px;height:48px;min-height:48px;padding:0;font-size:0}.floating-contact-button .icon{width:22px;height:22px}.hero-panel,.hero-panel img{min-height:320px}.hero-badge{bottom:12px;left:12px;right:12px}.promise-intro strong{justify-content:center;width:100%;min-height:54px;font-size:20px}}