:root{--bg-primary:#fff;--color-dark-blue:#1b0e60;--color-red:red;--color-red-hover:#d80000;--color-text-dark:#1e293b;--color-grey:#64748b;--color-blue-main:#2244b1;--color-blue-hover:#17328b;--color-line-green:#00b70a;--color-line-hover:#009608;--glass-bg:#ffffffb8;--glass-bg-hover:#ffffffe0;--glass-border:#ffffff80;--glass-border-hover:#ffffffe6;--glass-border-dark:#1b0e6014;--glass-shadow:0 8px 32px 0 #00000014;--glass-shadow-hover:0 14px 40px 0 #1b0e601f;--glass-blur:14px;--glass-dark-bg:#1b0e60d9;--glass-dark-border:#ffffff26;--glass-dark-shadow:0 16px 48px 0 #0000004d;--font-thai:"Prompt", sans-serif;--font-eng:"Outfit", sans-serif;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.6s cubic-bezier(.4, 0, .2, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}*{box-sizing:border-box;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0}body{font-family:var(--font-thai), var(--font-eng), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color:var(--color-text-dark);background-color:var(--bg-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";z-index:-2;pointer-events:none;filter:blur(80px);will-change:transform;background:radial-gradient(circle,#2244b124 0%,#fff0 70%);border-radius:50%;width:55vw;height:55vw;position:fixed;top:-10%;left:-10%;transform:translateZ(0)}body:after{content:"";z-index:-2;pointer-events:none;filter:blur(80px);will-change:transform;background:radial-gradient(circle,#1b0e601f 0%,#fff0 70%);border-radius:50%;width:65vw;height:65vw;position:fixed;bottom:-10%;right:-10%;transform:translateZ(0)}.grid-bg{z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#1b0e6005 1px,#0000 1px),linear-gradient(#1b0e6005 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;position:fixed;top:0;left:0}#root{flex-direction:column;width:100%;max-width:100%;min-height:100vh;margin:0;padding:0;display:flex}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff80}::-webkit-scrollbar-thumb{background:#2244b140 padding-box padding-box;border:2px solid #0000;border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#2244b180 padding-box padding-box;border:2px solid #0000;border-radius:10px}h1,h2,h3,h4,h5,h6{font-family:var(--font-thai), var(--font-eng), sans-serif;color:var(--color-dark-blue);letter-spacing:-.01em;font-weight:700;line-height:1.3}p{line-height:1.65}a{color:inherit;text-decoration:none}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(14px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);will-change:transform, box-shadow;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;transform:translateZ(0)}.glass-panel:hover{background:var(--glass-bg-hover);box-shadow:var(--glass-shadow-hover);border-color:var(--glass-border-hover);transform:translateY(-4px)translateZ(0)}.glass-panel:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(90deg,#0000 0%,#ffffff40 50%,#0000 100%);width:60%;height:100%;transition:left .75s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-130%;transform:skew(-25deg)}.glass-panel:hover:after{left:160%}.glass-panel-dark{background:var(--glass-dark-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:1px solid var(--glass-dark-border);box-shadow:var(--glass-dark-shadow);color:#fff;will-change:transform, box-shadow;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.glass-panel-dark:hover{border-color:#ffffff4d;transform:translateY(-4px)translateZ(0);box-shadow:0 20px 50px #0006}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section-padding{padding:80px 0}@media (width<=768px){.section-padding{padding:50px 0}}.section-title{text-align:center;margin-bottom:50px;position:relative}.section-title h2{margin-bottom:12px;font-size:2.25rem;display:inline-block;position:relative}.section-title h2:after{content:"";background:linear-gradient(90deg, var(--color-blue-main), var(--color-red));border-radius:2px;width:60px;height:4px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.section-title p{color:var(--color-grey);max-width:650px;margin:0 auto;font-size:1.05rem;line-height:1.6}.btn{font-family:var(--font-thai), sans-serif;cursor:pointer;will-change:transform, box-shadow;border:none;border-radius:50px;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;transform:translateZ(0)}.btn:hover{transform:translateY(-4px)translateZ(0)}.btn:active{transform:translateY(-1px)scale(.98)translateZ(0)!important}.btn:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:50%;height:100%;transition:left .6s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn:hover:after{left:150%}.btn-primary{background:linear-gradient(135deg, var(--color-dark-blue) 0%, var(--color-blue-main) 100%);color:#fff;border:1px solid #ffffff40;box-shadow:0 6px 18px #2244b159}.btn-primary:hover{background:linear-gradient(135deg, var(--color-dark-blue) 0%, var(--color-blue-hover) 100%);border-color:#ffffff73;box-shadow:0 10px 28px #2244b180}.btn-secondary{background:var(--glass-bg);color:var(--color-blue-main);-webkit-backdrop-filter:blur(12px);border:1px solid #2244b159;box-shadow:0 4px 14px #0000000a}.btn-secondary:hover{background:var(--color-blue-main);color:#fff;border-color:var(--color-blue-main);box-shadow:0 8px 24px #2244b166}.btn-red{color:#fff;background:linear-gradient(135deg,red 0%,#d80000 100%);border:1px solid #ffffff40;box-shadow:0 6px 18px #ff000059}.btn-red:hover{background:linear-gradient(135deg,#ff1a1a 0%,#b80000 100%);border-color:#ffffff73;box-shadow:0 10px 28px #ff000080}.btn-line{color:#fff;background:linear-gradient(135deg,#00c300 0%,#090 100%);border:1px solid #ffffff40;box-shadow:0 6px 18px #00b70a59}.btn-line:hover{background:linear-gradient(135deg,#00d600 0%,#080 100%);border-color:#ffffff73;box-shadow:0 10px 28px #00b70a80}.subpage-cta-btn,.subpage-cta-btn-line,.subpage-close-btn{will-change:transform, box-shadow;transform:translateZ(0);transition:all .35s cubic-bezier(.34,1.56,.64,1)!important}.subpage-cta-btn:hover{transform:translateY(-4px)scale(1.04)!important;box-shadow:0 12px 28px #1b0e604d!important}.subpage-cta-btn:active{transform:translateY(-1px)scale(.98)!important;box-shadow:0 4px 10px #1b0e6033!important}.subpage-cta-btn-line:hover{transform:translateY(-4px)scale(1.04)!important;box-shadow:0 12px 28px #00b90066!important}.subpage-cta-btn-line:active{transform:translateY(-1px)scale(.98)!important;box-shadow:0 4px 10px #00b90033!important}.subpage-close-btn:hover{background:#fff3!important;transform:translateY(-4px)scale(1.04)!important;box-shadow:0 10px 25px #1b0e6033!important}.subpage-close-btn:active{background:#ffffff1a!important;transform:translateY(-1px)scale(.98)!important;box-shadow:0 4px 10px #1b0e601a!important}.subpage-sticky-header{will-change:transform;z-index:50!important;-webkit-backdrop-filter:blur(16px)!important;background:#ffffffd9!important;border-bottom:1px solid #1b0e6014!important;width:100%!important;position:sticky!important;top:0!important;left:0!important;box-shadow:0 4px 20px #0000000a!important}@media (width<=576px){.subpage-sticky-header{padding:10px 14px!important}.subpage-back-text{display:none!important}}input[type=text],input[type=email],input[type=tel],textarea,select{-webkit-backdrop-filter:blur(10px);transition:border-color .25s,box-shadow .25s,background .25s}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,textarea:focus,select:focus{border-color:var(--color-blue-main)!important;background:#fff!important;box-shadow:0 0 0 3px #2244b12e!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.5s cubic-bezier(.4,0,.2,1) forwards fadeIn}.subpage-overlay{transform-origin:50%;animation:.45s cubic-bezier(.16,1,.3,1) forwards subpageSlideIn}@keyframes subpageSlideIn{0%{opacity:0;filter:blur(6px);transform:scale(.98)translateY(16px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.lightbox-overlay{animation:.35s cubic-bezier(.16,1,.3,1) forwards lightboxFadeIn}@keyframes lightboxFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();background-color:#1b0e6000}to{opacity:1;-webkit-backdrop-filter:blur(14px);background-color:#1b0e60f0}}.lightbox-img-wrapper{animation:.45s cubic-bezier(.16,1,.3,1) forwards lightboxImgZoom}@keyframes lightboxImgZoom{0%{opacity:0;transform:scale(.92)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.tab-pane-fade{animation:.4s cubic-bezier(.4,0,.2,1) forwards tabFadeIn}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.nav-link{transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--color-red);width:0;height:2px;transition:width .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.service-card-img,.machinery-img,.hover-zoom-img{will-change:transform;transition:transform .6s cubic-bezier(.16,1,.3,1)!important}.hover-card:hover .hover-zoom-img,.service-card-with-img:hover .service-card-img{transform:scale(1.06)}.mobile-menu-drawer{transform-origin:top;animation:.35s cubic-bezier(.16,1,.3,1) forwards mobileMenuSlideDown}@keyframes mobileMenuSlideDown{0%{opacity:0;transform:scaleY(.96)translateY(-8px)}to{opacity:1;transform:scaleY(1)translateY(0)}}.portfolio-modal-overlay{animation:.35s cubic-bezier(.16,1,.3,1) forwards portfolioFadeIn}@keyframes portfolioFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();background-color:#1b0e6000}to{opacity:1;-webkit-backdrop-filter:blur(12px);background-color:#1b0e6073}}.portfolio-modal-content{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards portfolioBounceIn}@keyframes portfolioBounceIn{0%{opacity:0;transform:scale(.88)translateY(24px)}to{opacity:1;transform:scale(1)translateY(0)}}.portfolio-card{opacity:0;will-change:transform, opacity;animation:.45s cubic-bezier(.34,1.56,.64,1) forwards portfolioCardPop}@keyframes portfolioCardPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.scroll-reveal{opacity:0;will-change:opacity, transform;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(24px)translateZ(0)}.scroll-reveal.active{opacity:1;transform:translateY(0)translateZ(0)}#bp-webchat-container,#bp-webchat-button,.bp-widget-widget,iframe[src*=botpress]{bottom:85px!important}@media (width<=768px){.hero-info-card{order:2}.hero-slideshow-card{order:1}}section img:not(.no-zoom):not(.icon-img),.portfolio-card img,.service-card-with-img img,.hero-slideshow-card img,.news-item-card img,.featured-news-card img,.hover-card img,.machinery-img,.subpage-overlay img:not(.no-zoom){cursor:zoom-in}