:root{--color-primary: #0c2057;--color-secondary: #1c3078;--color-accent: #f0a500;--color-bg: #f0f0f0;--color-text: #333;--color-text-light: #666;--color-white: #ffffff;--color-hover-bg: #f5f6fa;--navbar-height: 65px;--dropdown-gap: 10px;--container-max-width: 1440px;--dropdown-max-width: 1200px;--spacing-xs: 4px;--spacing-sm: 10px;--spacing-md: 15px;--spacing-lg: 20px;--spacing-xl: 30px;--spacing-xxl: 60px;--z-navbar: 1000;--z-dropdown: 100;--z-dropdown-content: 101;--bg-base: #0D2749;--bg-dark: #0D2749;--bg-deep: #061B33;--ivory: #FFFFFF;--cloud: #F5F7FA;--gold: #1E8A5B;--green-bright: #2FB673;--gold-soft: rgba(30, 138, 91, .14);--accent-grad: linear-gradient(90deg, #1E8A5B, #2FB673);--ink: #101828;--mist: rgba(255, 255, 255, .66);--mist-dim: rgba(255, 255, 255, .42);--line: rgba(255, 255, 255, .09);--line-dark: rgba(16, 24, 40, .12);--content-max: 1200px;--fs-hero: clamp(2.7rem, 6vw, 5rem);--fs-h2: clamp(1.9rem, 3.6vw, 3rem);--fs-h3: clamp(1.15rem, 1.8vw, 1.4rem);--ease: cubic-bezier(.22, 1, .36, 1)}*{margin:0;padding:0;box-sizing:border-box;font-family:IBM Plex Sans Thai,Arial,sans-serif}html{scroll-behavior:smooth}h1,.section-head h2,.cta h2,.decade-quote,.case-stat,.stat-figure{font-family:var(--font-display)}html:lang(th){--font-display: "IBM Plex Sans Thai", Arial, sans-serif}:lang(th) .accent-serif{font-style:normal;font-weight:600}body{background-color:var(--ivory);color:var(--ink);padding-top:var(--navbar-height);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}img{max-width:100%}.navbar{background-color:var(--color-primary);height:var(--navbar-height);display:flex;align-items:center;position:relative;color:var(--color-white);z-index:var(--z-navbar)}.navbar .container{width:100%;max-width:var(--container-max-width);margin:0 auto;position:relative;display:flex;justify-content:flex-end;align-items:center;padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.navbar .logo{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%)}.logo{font-size:24px;font-weight:700;color:var(--color-white);text-decoration:none;display:flex;align-items:center}.logo img{height:40px;width:auto}.nav-links{display:flex;list-style:none;gap:var(--spacing-xl)}.nav-links li{position:relative}.nav-links a{color:var(--color-white);text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}.for-employers-li,.career-blog-li{position:relative;cursor:pointer}.for-employers-li:after,.career-blog-li:after{content:"";display:inline-block;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid white;margin-left:5px;vertical-align:middle}.menu-group{position:relative;display:flex;align-items:center}.dropdown-menu{position:fixed;top:calc(var(--navbar-height) - 20px);left:50%;transform:translate(-50%);width:100%;max-width:var(--dropdown-max-width);padding-top:20px;background:transparent;z-index:var(--z-dropdown);display:none}.dropdown-menu:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;background:transparent;pointer-events:auto}.for-employers-li:hover .dropdown-menu,.dropdown-menu:hover,.career-blog-li:hover .career-blog-dropdown,.career-blog-dropdown:hover{display:block}.career-blog-dropdown{position:absolute;top:calc(100% + var(--dropdown-gap));left:0;min-width:300px;margin:0;padding-top:var(--dropdown-gap);background:transparent;z-index:var(--z-dropdown);display:none}.career-blog-dropdown:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--dropdown-gap);background:transparent}.career-blog-content{background:var(--color-white);border-radius:10px;box-shadow:0 6px 12px #0000001a;padding:var(--spacing-lg);position:relative;z-index:var(--z-dropdown-content)}.career-blog-column{display:flex;flex-direction:column;gap:var(--spacing-xs)}.career-blog-column h3{color:var(--color-primary);font-size:14px;margin-bottom:8px;font-weight:700}.career-blog-column a{color:var(--color-text);text-decoration:none;font-size:14px;padding:var(--spacing-xs) 0;transition:color .3s}.career-blog-column a:hover{color:var(--color-accent)}.dropdown-content{display:flex;width:100%;max-width:100%;min-width:0;box-sizing:border-box;background:var(--color-white);border-radius:10px;box-shadow:0 6px 12px #0000001a;padding:calc(var(--spacing-lg) * 1.21) var(--spacing-md);position:relative;z-index:var(--z-dropdown-content);overflow:hidden}.dropdown-column{flex:1 1 0;min-width:0;padding:0 var(--spacing-sm);overflow:hidden;box-sizing:border-box}.dropdown-column h3{color:var(--color-primary);font-size:14px;margin-bottom:var(--spacing-md);font-weight:700}.dropdown-item{display:flex;align-items:flex-start;margin-bottom:20px;padding:8px 12px;text-decoration:none;color:var(--color-text);border-radius:8px;transition:background .15s;min-width:0}.dropdown-item:hover{background:var(--color-hover-bg)}.icon-container{width:30px;height:30px;background-color:var(--color-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:var(--spacing-sm);flex-shrink:0}.jobs .icon-container{background-color:#e3e9ff;color:var(--color-primary)}.best-places .icon-container{background-color:#e5f7e5;color:#4caf50}.employer-branding .icon-container{background-color:#f0e5ff;color:#9c27b0}.item-content{flex:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.item-content h4{color:var(--color-primary);font-size:14px;margin-bottom:4px;font-weight:600}.item-content p{color:var(--color-text-light);font-size:12px;line-height:1.4;font-weight:400}.tm-superscript{font-size:8px;vertical-align:super}.dropdown-footer{background:var(--color-primary);color:var(--color-white);padding:10px 32px;border-radius:0 0 10px 10px;display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-sm);margin-top:30%}.dropdown-footer-logo{display:block;height:28px;width:auto;object-fit:contain;flex-shrink:0}.dropdown-footer-text{font-size:14.4px;font-weight:600;letter-spacing:.5px;padding:5px var(--spacing-lg);border-radius:8px;transition:background .15s;cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--color-white)}.dropdown-footer-text:hover{background:var(--color-hover-bg);color:var(--color-primary)}@media (max-width: 1024px){.nav-links{gap:var(--spacing-md)}}@media (max-width: 860px){.nav-links li:not(.lang-li){display:none}.navbar .container{justify-content:flex-end}}.wrap{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 24px}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}.section{padding:clamp(72px,9vw,130px) 0;position:relative}.section-head{max-width:760px;margin-bottom:clamp(36px,5vw,64px)}.section-head h2{font-size:var(--fs-h2);line-height:1.12;font-weight:700;letter-spacing:-.02em;margin-top:16px}.section-head p{margin-top:18px;font-size:1.05rem;line-height:1.7;color:#101828ad}.on-ivory{background:var(--cloud);color:var(--ink)}.on-ivory .section-head p{color:#101828ad}.gold-text{color:var(--gold)}.accent-serif{font-family:var(--font-display);font-style:italic;font-weight:500;color:inherit}:lang(th) .accent-serif{font-family:IBM Plex Sans Thai,Arial,sans-serif;font-style:normal;font-weight:600}:lang(th) h1,:lang(th) h2{line-height:1.3}.btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:999px;font-size:15px;line-height:1.5;font-weight:600;text-decoration:none;transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s;cursor:pointer;border:none}.btn-gold{background:var(--green-bright);color:var(--color-white)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 14px 34px #2fb67359;background:#29a566}.btn-ghost{background:transparent;color:var(--ink);border:1px solid rgba(16,24,40,.28)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.decade .btn-ghost,.cta .btn-ghost,.stats-band .btn-ghost{color:var(--color-white);border-color:#ffffff52}.on-ivory .btn-ghost{color:var(--ink);border-color:#1018284d}.on-ivory .btn-ghost:hover{color:var(--gold);border-color:var(--gold)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.hero{position:relative;min-height:min(calc(100vh - var(--navbar-height)),720px);display:flex;align-items:center;overflow:hidden;color:var(--ink);background:radial-gradient(900px 520px at 85% 8%,rgba(13,39,73,.08),transparent 60%),radial-gradient(700px 460px at 8% 92%,rgba(30,138,91,.1),transparent 55%),linear-gradient(180deg,#FFFFFF 0%,var(--cloud) 100%)}.hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center;padding:clamp(44px,5vw,76px) 24px}.hero h1{font-size:var(--fs-hero);line-height:1.12;font-weight:500;letter-spacing:-.02em;margin:22px 0 24px;color:var(--ink)}.hero h1 .underline-gold{position:relative;white-space:nowrap}.hero h1 .underline-gold:after{content:"";position:absolute;left:0;bottom:.06em;width:100%;height:.14em;background:var(--gold);opacity:.85;border-radius:2px;transform-origin:left;animation:draw-line 1.2s var(--ease) .5s both}@keyframes draw-line{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hero-sub{font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.75;font-weight:300;color:#101828a8;max-width:540px;margin-bottom:36px}.hero .btn-ghost{color:var(--ink);border-color:#10182847}.hero .btn-ghost:hover{color:var(--gold);border-color:var(--gold)}.hero-ctas{display:flex;gap:20px;flex-wrap:wrap}.hero-note{margin-top:34px;font-size:13.5px;color:#1018288c;display:flex;align-items:center;gap:10px}.hero-note .dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;box-shadow:0 0 0 4px #3ddc8426;animation:pulse-dot 2.4s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #3ddc842e}50%{box-shadow:0 0 0 7px #3ddc840d}}.hero-photos{position:relative;height:clamp(360px,50vh,540px);display:grid;grid-template-columns:repeat(3,1fr);gap:14px;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent)}.photo-col{overflow:hidden;border-radius:16px}.photo-track{display:flex;flex-direction:column;gap:14px;animation:scroll-up 36s linear infinite}.photo-col:nth-child(2) .photo-track{animation:scroll-down 44s linear infinite}.photo-col:nth-child(3) .photo-track{animation-duration:40s}.photo-track img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:16px;display:block}@keyframes scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.stats-band{background:var(--bg-deep);color:var(--color-white)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:clamp(44px,5vw,64px) 24px}.stat{position:relative}.stat:nth-child(1){transition-delay:0s}.stat:nth-child(2){transition-delay:.1s}.stat:nth-child(3){transition-delay:.2s}.stat:nth-child(4){transition-delay:.3s}.stat:nth-child(2) p:before{transition-delay:.1s}.stat:nth-child(3) p:before{transition-delay:.2s}.stat:nth-child(4) p:before{transition-delay:.3s}.stat .stat-figure{font-size:clamp(2.1rem,3.6vw,3.2rem);font-weight:700;letter-spacing:-.02em;display:flex;align-items:baseline;gap:1px;color:var(--color-white)}.stat .stat-figure.counted{animation:stat-pop .5s var(--ease)}@keyframes stat-pop{0%{transform:scale(1)}45%{transform:scale(1.05)}to{transform:scale(1)}}.stat p{position:relative;margin-top:18px;padding-top:16px;font-size:14px;color:var(--mist-dim);line-height:1.5}.stat p:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#ffffff2e;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}.stat.is-visible p:before{transform:scaleX(1)}.logos-section{padding:clamp(56px,7vw,90px) 0;background:#fff}.logos-label{text-align:center;font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:#1018288c;margin-bottom:40px}.marquee{overflow:hidden;padding-block:20px;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.marquee+.marquee{margin-top:0}.marquee-track{display:flex;align-items:center;gap:22px;width:max-content;animation:marquee-left 42s linear infinite}.marquee.reverse .marquee-track{animation-name:marquee-right;animation-duration:48s}.marquee-track img{width:118px;height:118px;object-fit:contain;background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:20px;padding:20px;box-shadow:0 4px 14px #1018280d;transition:transform .3s}.marquee-track img:hover{transform:translateY(-4px)}@keyframes marquee-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{position:relative;background:var(--color-white);border:1px solid rgba(16,24,40,.08);border-radius:22px;overflow:hidden;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.service-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px #10182829}.service-media{aspect-ratio:16 / 10;overflow:hidden;background:#e8e4da}.service-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);display:block}.service-card:hover .service-media img{transform:scale(1.05)}.service-body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1}.service-num{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--gold);margin-bottom:10px}.service-body h3{font-size:var(--fs-h3);font-weight:700;margin-bottom:10px}.service-body p{font-size:14.5px;line-height:1.65;color:#1018289e;flex:1}.service-link{margin-top:18px;font-size:14px;font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:8px}.service-card:hover .service-link{color:var(--gold)}.cases-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px}.case-card{position:relative;border-radius:20px;overflow:hidden;min-height:320px;display:flex;align-items:flex-end;text-decoration:none;color:var(--color-white);background:var(--bg-dark);border:1px solid var(--line);transition:transform .4s var(--ease)}.case-card:hover{transform:translateY(-6px)}.case-card.span-3{grid-column:span 3}.case-card.span-2{grid-column:span 2}.case-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:.8;transition:transform .7s var(--ease),opacity .4s}.case-card:hover .case-bg{transform:scale(1.05);opacity:.92}.case-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(6,10,22,.88) 0%,rgba(6,10,22,.62) 34%,rgba(6,10,22,.18) 66%,transparent 100%)}.case-body{position:relative;z-index:2;padding:28px;width:100%}.case-stat{font-size:clamp(2rem,3.4vw,2.9rem);font-weight:700;letter-spacing:-.02em;line-height:1;margin-bottom:8px}.case-body p{font-size:14.5px;color:var(--mist);line-height:1.55}.case-tag{display:inline-block;margin-top:14px;font-size:12px;color:var(--mist-dim);border:1px solid var(--line);border-radius:999px;padding:5px 12px}.decade{color:var(--color-white);background:var(--bg-dark);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.decade-quote{font-size:clamp(1.7rem,3.4vw,2.8rem);font-weight:600;line-height:1.3;letter-spacing:-.02em;max-width:900px;margin:26px 0 40px}.decade-points{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.decade-point{border-top:1px solid var(--line);padding-top:22px}.decade-point h3{font-size:1.05rem;font-weight:700;margin-bottom:10px;color:var(--color-white)}.decade-point p{font-size:14.5px;line-height:1.7;color:var(--mist)}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16 / 9;display:block;text-decoration:none}.video-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease);display:block}.video-card:hover img{transform:scale(1.05)}.video-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(6,10,22,.7),transparent 55%)}.video-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:62px;height:62px;border-radius:50%;background:#ffffffeb;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .3s var(--ease)}.video-play:before{content:"";border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent var(--color-primary);margin-left:4px}.video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.1)}.video-label{position:absolute;bottom:18px;left:20px;z-index:2;color:var(--color-white);font-weight:600;font-size:15px}.cta{color:var(--color-white);background:var(--bg-base);text-align:center}.cta h2{font-size:var(--fs-h2);font-weight:700;letter-spacing:-.02em;line-height:1.15;max-width:820px;margin:18px auto 20px}.cta p:not(.cta-phone){color:var(--mist);font-size:1.05rem;line-height:1.7;max-width:600px;margin:0 auto 44px}.cta-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.cta p.cta-phone{margin:40px auto 0;font-size:15px;line-height:1.7;color:var(--mist-dim)}.cta-phone a{color:var(--gold);text-decoration:none;font-weight:600}@media (max-width: 1024px){.client-wall{grid-template-columns:repeat(5,1fr)}.services-grid,.stats-grid,.cases-grid{grid-template-columns:repeat(2,1fr)}.case-card.span-3,.case-card.span-2{grid-column:span 1}.decade-points{grid-template-columns:1fr}}@media (max-width: 900px){.hero-inner{grid-template-columns:1fr}.hero-photos{height:360px;margin-top:10px}}@media (max-width: 640px){.services-grid,.videos-grid,.cases-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:36px}.client-wall{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion: reduce){.photo-track,.marquee-track{animation:none!important}.stat p:before{transform:scaleX(1);transition:none}.stat .stat-figure.counted{animation:none}.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}.tint-mint .service-body{background:#e9f5ee}.tint-sky .service-body{background:#eaf2fb}.tint-sand .service-body{background:#faf3e4}.tint-lilac .service-body{background:#f2eefa}.icon-badge{width:46px;height:46px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:16px;color:var(--green-bright);border:1px solid rgba(47,182,115,.35);background:#2fb67314}.on-ivory .icon-badge,.why-item .icon-badge{color:var(--gold);border-color:#1e8a5b40;background:#1e8a5b12}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.why-item{background:var(--color-white);border:1px solid rgba(16,24,40,.08);border-radius:22px;padding:34px 32px;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.why-item:hover{transform:translateY(-4px);box-shadow:0 20px 44px #1018281a}.why-item h3{font-size:1.15rem;font-weight:700;margin-bottom:10px}.why-item p{font-size:15px;line-height:1.7;color:#1018289e}.process-list{display:grid;gap:0}.process-step{display:grid;grid-template-columns:110px 1fr;gap:26px;padding:30px 0;border-top:1px solid rgba(16,24,40,.1);align-items:start}.process-step:last-child{border-bottom:1px solid rgba(16,24,40,.1)}.process-num{font-family:var(--font-display);font-size:clamp(2rem,3.4vw,2.8rem);font-weight:500;color:var(--gold);line-height:1}.process-step h3{font-size:1.15rem;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:12px}.process-step h3 i{color:var(--gold);font-size:15px}.process-step p{font-size:15px;line-height:1.7;color:#1018289e;max-width:640px}.faq-list{max-width:820px}.faq-list details{border-top:1px solid rgba(16,24,40,.1);padding:6px 0}.faq-list details:last-child{border-bottom:1px solid rgba(16,24,40,.1)}.faq-list summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 4px;font-size:1.05rem;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";font-size:24px;font-weight:300;color:var(--gold);transition:transform .3s var(--ease);flex-shrink:0}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{padding:0 4px 20px;font-size:15px;line-height:1.75;color:#1018289e;max-width:700px}.decade .icon-badge{color:var(--green-bright);border-color:#ffffff38;background:#ffffff0f}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:65px;background:#022449}.sh-nav{width:100%;height:100%;padding:0 32px;display:flex;align-items:center;justify-content:space-between}.sh-logo{display:flex;align-items:center;flex-shrink:0}.sh-logo img{height:28px;width:auto;display:block}.sh-right{display:flex;align-items:center;gap:32px}.sh-item{position:relative;height:65px;display:flex;align-items:center}.sh-btn{display:flex;align-items:center;gap:8px;color:#fff;background:none;border:none;font-family:IBM Plex Sans Thai,Arial,sans-serif;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;cursor:pointer;height:100%}.sh-btn svg{width:16px;height:16px}.sh-mega{position:fixed;left:50%;transform:translate(-50%);top:65px;width:calc(100% - 2rem);max-width:1440px;background:#fff;box-shadow:0 25px 50px -12px #00000040;border-radius:0 0 12px 12px;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1001}.sh-item:hover .sh-mega,.sh-mega:hover{opacity:1;visibility:visible}.sh-mega .grid{display:grid;grid-template-columns:repeat(3,1fr);padding:24px}.sh-mega .grid>div:nth-child(1){padding-right:24px;border-right:1px solid #f3f4f6}.sh-mega .grid>div:nth-child(2){padding-left:24px;padding-right:24px;border-right:1px solid #f3f4f6}.sh-mega .grid>div:nth-child(3){padding-left:24px}.sh-mega .sh-col-title{font-size:12px;font-weight:700;color:#0a3060;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px}.sh-mega .grid a{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:8px;text-decoration:none;transition:background .15s}.sh-mega .grid a:hover{background:#f9fafb}.sh-mega .grid a>div:first-child{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.sh-mega .grid svg{width:16px;height:16px}.sh-mega .sh-item-title{display:block;font-size:14px;font-weight:600;color:#0a3060;line-height:1.25}.sh-mega .grid a p{font-size:12px;color:#6b7280;margin-top:2px;line-height:1.4}.sh-top50{display:flex;align-items:center;justify-content:flex-end;gap:12px;background:#022449;padding:12px 24px;color:#fff;font-weight:700;font-size:14px;letter-spacing:.025em;text-decoration:none;transition:background .2s}.sh-top50:hover{background:#033060}.sh-top50 img{height:32px;width:auto}.sh-lang{color:#fff;font-size:15px;font-weight:600;padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;text-decoration:none;transition:background .2s}.sh-lang:hover{background:#ffffff26}@media (max-width: 860px){.sh-btn,.sh-mega{display:none}.sh-nav{padding:0 16px}}.case-logo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;padding:9px;margin-bottom:14px;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000002e;flex-shrink:0}.case-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.client-wall{display:grid;grid-template-columns:repeat(11,1fr);gap:16px;justify-content:center;margin-top:48px}.client-wall img{width:100%;aspect-ratio:1;height:auto;object-fit:contain;background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:16px;padding:14px;box-shadow:0 3px 10px #1018280a}.client-wall-note{text-align:center;margin-top:22px;font-size:14px;color:#1018288c}.contact-section{background:var(--cloud)}.contact-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,64px);align-items:start}.contact-aside h2{font-family:var(--font-display);font-size:var(--fs-h2);line-height:1.15;font-weight:500;letter-spacing:-.02em;margin-top:14px}:lang(th) .contact-aside h2{font-family:IBM Plex Sans Thai,Arial,sans-serif;line-height:1.3}.contact-aside>p{margin-top:18px;font-size:1.02rem;line-height:1.7;color:#101828ad}.contact-points{margin-top:30px;display:grid;gap:18px}.contact-point{display:flex;align-items:flex-start;gap:14px;font-size:15px;line-height:1.6;color:#101828b8}.contact-point i{color:var(--gold);font-size:15px;margin-top:4px;width:18px;flex-shrink:0}.contact-point a{color:var(--ink);font-weight:600;text-decoration:none}.contact-point a:hover{color:var(--gold)}.contact-form{background:#fff;border:1px solid rgba(16,24,40,.08);border-radius:22px;padding:clamp(26px,3.4vw,40px);box-shadow:0 18px 44px #10182812}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:flex;flex-direction:column;margin-bottom:18px}.field label{font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:7px;color:#101828bf}.field label .req{color:#d14343}.field input,.field select,.field textarea{font-family:IBM Plex Sans Thai,Arial,sans-serif;font-size:15px;color:var(--ink);background:#fff;border:1px solid rgba(16,24,40,.16);border-radius:12px;padding:13px 15px;transition:border-color .2s,box-shadow .2s;width:100%}.field textarea{resize:vertical;min-height:118px}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--green-bright);box-shadow:0 0 0 3px #2fb67329}.field input::placeholder,.field textarea::placeholder{color:#10182861}.contact-form .btn{width:100%;justify-content:center;margin-top:6px}.form-note{margin-top:14px;font-size:12.5px;line-height:1.6;color:#10182880;text-align:center}.form-status{margin-top:14px;font-size:14px;font-weight:600;text-align:center;display:none}.form-status.ok{display:block;color:var(--gold)}.form-status.err{display:block;color:#d14343}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 560px){.field-row{grid-template-columns:1fr;gap:0}}.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,80px);align-items:start}.faq-head{position:sticky;top:calc(var(--navbar-height) + 40px);margin-bottom:0}.faq-section .faq-list{max-width:none}.faq-list summary:focus{outline:none}.faq-list summary:focus-visible{outline:2px solid var(--green-bright);outline-offset:4px;border-radius:6px}@media (max-width: 900px){.faq-grid{grid-template-columns:1fr}.faq-head{position:static;margin-bottom:clamp(28px,5vw,44px)}}.consultant{display:flex;align-items:center;gap:18px;margin-top:34px;padding-top:30px;border-top:1px solid rgba(16,24,40,.1)}.consultant img{width:78px;height:78px;border-radius:50%;object-fit:cover;flex-shrink:0;box-shadow:0 6px 18px #10182824}.consultant-name{font-size:1.05rem;font-weight:700;color:var(--ink)}.consultant-role{margin-top:3px;font-size:14px;color:#10182899}.chat-widget{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:12px;opacity:0;pointer-events:none;transition:opacity .3s var(--ease)}.chat-widget.revealed{opacity:1;pointer-events:auto}@media (min-width: 768px){.chat-widget{right:36px;bottom:36px}}@media print{.chat-widget{display:none}}.chat-bubble{display:flex;align-items:center;gap:10px;min-height:48px;padding:13px 22px 13px 18px;border:none;border-radius:999px;background:var(--bg-dark);color:#fff;font-family:IBM Plex Sans Thai,Arial,sans-serif;font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 4px 16px #0b296259;transition:transform .2s var(--ease),box-shadow .2s var(--ease),background .2s}.chat-bubble:hover{transform:translateY(-2px);background:#0a1f3c;box-shadow:0 8px 24px #0b296266}.chat-bubble svg{width:26px;height:26px;flex-shrink:0}.chat-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;background:#e5484d;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center}.chat-panel{display:flex;flex-direction:column;width:min(360px,calc(100vw - 2rem));max-height:min(70dvh,32rem);overflow:hidden;border-radius:18px;background:#fffffff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 16px 48px #0b296240;animation:chat-pop .28s var(--ease)}.chat-widget [hidden]{display:none!important}@keyframes chat-pop{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}.chat-head{position:relative;display:flex;align-items:center;gap:14px;padding:16px;background:var(--bg-dark);flex-shrink:0}.chat-head-avatar{position:relative;flex-shrink:0}.chat-head-avatar img{width:54px;height:54px;border-radius:50%;object-fit:cover;display:block}.chat-online{position:absolute;right:0;bottom:0;width:14px;height:14px;border-radius:50%;border:2px solid #fff;background:#4ad504}.chat-head-text{flex:1;min-width:0;padding-right:24px}.chat-head-text strong{display:block;font-size:17px;font-weight:700;color:#fff}.chat-head-text span{font-size:13px;color:#ffffffd9}.chat-close{position:absolute;top:10px;right:10px;padding:6px;border:none;background:none;color:#ffffffb3;cursor:pointer;line-height:0}.chat-close:hover{color:#fff}.chat-close svg{width:16px;height:16px}.chat-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#eef3f9;padding:12px 20px 20px}.chat-time{text-align:center;font-size:12px;color:#64748b}.chat-msg{display:flex;align-items:flex-start;gap:8px;margin-top:10px;animation:chat-msg-in .42s cubic-bezier(.22,1.15,.36,1) both}@keyframes chat-msg-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.chat-msg img{width:26px;height:26px;border-radius:50%;object-fit:cover;flex-shrink:0;margin-top:2px}.chat-bubble-text{max-width:85%;padding:12px 16px;border:1px solid rgba(255,255,255,.5);border-radius:16px 16px 16px 4px;background:#ffffffe6;font-size:15px;line-height:1.5;color:#1e293b;box-shadow:0 1px 3px #1018280f}.chat-typing{display:flex;align-items:center;gap:6px;min-height:42px;padding:12px 16px;border-radius:16px 16px 16px 4px;background:#ffffffe6}.chat-typing span{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:chat-dot 1.05s ease-in-out infinite}.chat-typing span:nth-child(2){animation-delay:.14s}.chat-typing span:nth-child(3){animation-delay:.28s}@keyframes chat-dot{0%,60%,to{transform:translateY(0);opacity:.55}30%{transform:translateY(-4px);opacity:1}}.chat-caret{display:inline-block;width:2px;height:1em;margin-left:2px;margin-bottom:-.12em;background:var(--bg-dark);animation:chat-caret .9s step-end infinite}@keyframes chat-caret{50%{opacity:0}}.chat-channels{margin-top:34px;animation:chat-fade-up .35s var(--ease) both}@keyframes chat-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.chat-channels-label{margin-bottom:14px;text-align:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--bg-dark)}.chat-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chat-channel{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:10px;color:#fff;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 2px 6px #0000001f;transition:transform .2s var(--ease),box-shadow .2s var(--ease);animation:chat-channel-in .48s cubic-bezier(.22,1.25,.36,1) both}.chat-channel:hover{transform:scale(1.03);box-shadow:0 6px 14px #00000029}.chat-channel svg{width:20px;height:20px}.chat-channel.whatsapp{background:#25d366}.chat-channel.line{background:#07b53b;animation-delay:.1s}@keyframes chat-channel-in{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.chat-panel,.chat-msg,.chat-channels,.chat-channel,.chat-typing span,.chat-caret{animation:none}}.site-footer{background:#0b2962;color:#fff;margin-top:auto}.site-footer .section-container{width:100%;max-width:1264px;margin-inline:auto;padding-inline:32px;box-sizing:border-box}.footer-main{padding-block:48px}.footer-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.footer-brand{grid-column:span 2;text-align:center}.footer-brand .footer-logo{display:block;max-width:198px;margin:0 auto 24px}.footer-brand .footer-logo img{width:100%;height:auto;display:block}.footer-address{font-size:16px;line-height:1.6;color:#fffc;margin-bottom:16px}.footer-address strong{color:#fff}.footer-contact-label{font-size:15px;line-height:1.6;color:#fffc;margin:32px 0 8px}.footer-contact-label strong{color:#fff}.footer-contact{font-size:15px;line-height:1.7;margin-bottom:64px}.footer-contact a{color:#fff;text-decoration:none}.footer-contact a:hover{text-decoration:underline}.footer-contact span{color:#fff9}.site-footer h3{font-size:1rem;font-weight:700;color:#fff;margin-bottom:16px}.site-footer h3.spaced{margin-top:24px}.site-footer ul{list-style:none;font-size:15px;color:#fffc;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.site-footer ul a{color:inherit;text-decoration:none;transition:color .2s}.site-footer ul a:hover{color:#fff}.footer-socials{display:flex;justify-content:center;gap:16px;margin-top:24px}.footer-socials a{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:50%;background:#ffffff1a;color:#fff;transition:background-color .2s}.footer-socials a:hover{background:#fff3}.footer-socials svg{width:20px;height:20px}.footer-legal{background:#001a33}.footer-legal .section-container{display:flex;flex-direction:column;align-items:center;gap:12px;padding-block:20px;font-size:14px;color:#fff9}.footer-legal p{text-align:center}.footer-legal-links{display:flex;align-items:center;gap:24px}.footer-legal-links a{color:inherit;text-decoration:none;transition:color .2s}.footer-legal-links a:hover{color:#fff}@media (min-width: 768px){.footer-main{padding-block:64px}.footer-cols{gap:32px}.footer-brand{grid-column:span 1;text-align:left}.footer-brand .footer-logo{margin-inline:0}.footer-address{font-size:14px;text-align:left}.footer-contact-label,.footer-contact{font-size:14px}.footer-contact-label{margin-top:40px}.footer-socials{justify-content:flex-start}.footer-legal .section-container{flex-direction:row;justify-content:space-between;gap:16px}.footer-legal p{text-align:left}}@media (min-width: 1024px){.footer-main{min-height:540px}.footer-cols{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px}.footer-brand{grid-column:span 1}.footer-col-links{min-height:180px}.footer-socials{margin-top:32px}}.trust-logos{display:flex;align-items:center;margin-top:16px;padding-left:18px}.trust-logos img{width:46px;height:46px;object-fit:contain;padding:8px;background:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 10px #10182824;margin-left:-12px;transition:transform .3s var(--ease),box-shadow .3s var(--ease)}.trust-logos img:nth-child(1){z-index:6}.trust-logos img:nth-child(2){z-index:5}.trust-logos img:nth-child(3){z-index:4}.trust-logos img:nth-child(4){z-index:3}.trust-logos img:nth-child(5){z-index:2}.trust-logos img:nth-child(6){z-index:1}.trust-logos img:hover{transform:translateY(-4px) scale(1.06);box-shadow:0 8px 20px #10182833;z-index:10}@media (max-width: 640px){.trust-logos{padding-left:14px}.trust-logos img{width:56px;height:56px;padding:10px;margin-left:-14px}}@media (max-width: 640px){.services-grid,.cases-grid,.videos-grid{display:grid;grid-auto-flow:column;grid-auto-columns:82%;grid-template-columns:none;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:24px;margin-inline:-24px;padding:4px 24px 18px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.services-grid::-webkit-scrollbar,.cases-grid::-webkit-scrollbar,.videos-grid::-webkit-scrollbar{display:none}.service-card,.case-card,.video-card{scroll-snap-align:start}.case-card.span-3,.case-card.span-2{grid-column:auto}.case-card{min-height:420px}.service-card:hover,.case-card:hover{transform:none}.carousel-hint{display:flex;align-items:center;gap:8px;margin-top:-6px;font-size:13px;color:#10182880}}.carousel-hint{display:none}@media (max-width: 1024px){.client-wall{grid-template-columns:repeat(6,1fr)}}@media (max-width: 640px){.hero-ctas{flex-wrap:nowrap;gap:10px}.hero-ctas .btn{flex:1 1 0;min-width:0;justify-content:center;padding:14px 12px;font-size:14px;white-space:nowrap}.footer-cols{grid-template-columns:1fr;gap:0}.footer-cols>div:not(.footer-brand){display:contents}.footer-brand{grid-column:auto;margin-bottom:8px}.site-footer h3{margin-top:26px}.fg-jobs-title{order:90}.fg-jobs-list{order:91}.footer-socials{order:99;margin-top:28px}.footer-contact{margin-bottom:8px}.footer-brand .footer-logo{max-width:244px}.why-grid{grid-template-columns:1fr;gap:14px}.why-item{padding:24px 20px}.why-item h3{font-size:1.08rem}.process-step{grid-template-columns:56px 1fr;gap:16px;padding:22px 0}.process-num{font-size:1.9rem}.process-step h3{font-size:1.05rem}.decade-points{gap:22px}.contact-aside>p{font-size:15px}.client-wall{grid-template-columns:repeat(4,1fr);gap:10px}.client-wall img{padding:10px;border-radius:12px}.contact-form{padding:22px 18px;border-radius:18px}.field-row{grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:14px}.field label{font-size:12.5px;margin-bottom:5px}.field input,.field select,.field textarea{font-size:14.5px;padding:11px 12px;border-radius:10px}.field textarea{min-height:92px}.form-note{font-size:12px}}.sh-burger{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;cursor:pointer;flex-shrink:0}.sh-burger:hover{background:#ffffff26}.sh-burger svg{width:20px;height:20px}.sh-drawer{position:fixed;top:65px;left:0;right:0;max-height:calc(100dvh - 65px);overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:0 18px 40px #00000047;z-index:999;padding:8px 0 20px}.sh-drawer[hidden]{display:none}.sh-drawer h3{font-size:12px;font-weight:700;color:#0a3060;text-transform:uppercase;letter-spacing:.1em;padding:18px 20px 8px;margin:0}.sh-drawer a{display:block;padding:11px 20px;font-size:15px;font-weight:500;color:#0a3060;text-decoration:none;border-bottom:1px solid #f1f5f9}.sh-drawer a:active{background:#f8fafc}.sh-drawer .sh-drawer-top50{display:flex;align-items:center;gap:10px;margin-top:14px;background:#022449;color:#fff;font-weight:700;font-size:13.5px;letter-spacing:.02em;border-bottom:none}.sh-drawer .sh-drawer-top50 img{height:26px;width:auto}@media (max-width: 860px){.sh-burger{display:inline-flex}}@media (min-width: 861px){.sh-drawer{display:none}}