:root{
  --blue:#1177ee;
  --blue-dark:#0758b6;
  --navy:#10243d;
  --ink:#111827;
  --muted:#687386;
  --base:#e8eef5;
  --base-deep:#dfe7f0;
  --surface:#f8fafc;
  --surface-strong:#ffffff;
  --line:#d9e2ec;
  --shadow:0 24px 64px rgba(29,52,84,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,"Noto Sans Thai","Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden;background:linear-gradient(180deg,#eaf0f6 0%,#e5ecf4 48%,#e8eef5 100%);position:relative;isolation:isolate}
body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background:radial-gradient(circle at 88% 8%,rgba(17,119,238,.12),transparent 28%),radial-gradient(circle at 8% 72%,rgba(38,77,123,.08),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.18),transparent 45%)}
body:after{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.48;background-image:linear-gradient(118deg,transparent 0 18%,rgba(17,119,238,.08) 18.1% 18.22%,transparent 18.3% 100%),linear-gradient(62deg,transparent 0 71%,rgba(16,36,61,.055) 71.1% 71.22%,transparent 71.3% 100%),linear-gradient(90deg,transparent 0 84%,rgba(255,255,255,.35) 84.1% 84.2%,transparent 84.3% 100%);background-size:880px 880px,1120px 1120px,760px 760px;background-position:0 0,120px 160px,40px 80px}
a{color:inherit}.wrap{width:min(1240px,calc(100% - 42px));margin:auto;position:relative;z-index:2}
.site-art{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.art-line,.art-panel{position:absolute;display:block}.art-line{height:1px;background:linear-gradient(90deg,transparent,rgba(17,119,238,.13),rgba(16,36,61,.08),transparent);transform-origin:left center}.line-a{width:720px;top:17%;left:-80px;transform:rotate(-31deg)}.line-b{width:860px;top:51%;right:-220px;transform:rotate(28deg)}.line-c{width:640px;bottom:10%;left:12%;transform:rotate(-24deg)}.art-panel{border:1px solid rgba(17,119,238,.07);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(17,119,238,.025));transform:rotate(14deg)}.panel-a{width:340px;height:220px;right:-80px;top:26%;border-radius:28px}.panel-b{width:300px;height:180px;left:-110px;bottom:16%;border-radius:24px;transform:rotate(-11deg)}
.site-header{position:sticky;top:0;z-index:40;background:rgba(232,238,245,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(46,69,98,.10);box-shadow:0 5px 22px rgba(29,52,84,.035)}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;min-width:0;text-decoration:none}.brand-logo{display:block;width:205px;max-width:44vw;height:auto}.nav-right{display:flex;align-items:center;gap:18px}.nav-label{font-size:10px;font-weight:900;letter-spacing:.22em;color:#7c8798}.lang-switch{display:flex;padding:4px;background:rgba(255,255,255,.58);border:1px solid rgba(61,82,109,.12);border-radius:999px;box-shadow:0 8px 22px rgba(34,55,82,.05)}.lang-switch button{border:0;background:transparent;color:#7a8494;padding:8px 14px;border-radius:999px;font-weight:900;cursor:pointer}.lang-switch button.active{background:#14243a;color:#fff;box-shadow:0 4px 14px rgba(17,24,39,.12)}
.section-shell{position:relative;background:transparent}.content-surface{position:relative;z-index:3;background:rgba(248,250,252,.91);border:1px solid rgba(255,255,255,.78);box-shadow:0 18px 50px rgba(34,55,82,.07);backdrop-filter:blur(5px)}
.hero{padding:76px 0 90px}.hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:66px;align-items:center}.hero-copy{padding:34px 36px;border-radius:28px}.eyebrow{font-size:11px;font-weight:950;letter-spacing:.22em;text-transform:uppercase;color:var(--blue);margin-bottom:16px}.hero h1{font-size:clamp(56px,6.5vw,96px);line-height:.92;letter-spacing:-.055em;margin:0;max-width:760px;color:#101828}.hero p{font-size:clamp(18px,1.8vw,22px);line-height:1.62;color:#667085;max-width:690px;margin:28px 0 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 20px;border:1px solid transparent;font-weight:900;cursor:pointer;text-decoration:none;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--blue-dark));color:#fff;box-shadow:0 14px 32px rgba(17,119,238,.22)}.btn.secondary{background:#fff;color:#182230;border-color:#dce2ea;box-shadow:0 8px 24px rgba(15,23,42,.06)}
.hero-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:42px}.hero-trust>span{padding:15px 16px;background:#fff;border:1px solid #e1e7ee;border-radius:14px;box-shadow:0 8px 20px rgba(29,52,84,.045)}.hero-trust strong{display:block;font-size:19px;color:#182230}.hero-trust small{display:block;margin-top:4px;color:#7d8797;font-size:9px;line-height:1.35;letter-spacing:.08em}
.hero-media{position:relative;min-height:590px}.visual-placeholder{position:absolute;overflow:hidden;border-radius:26px;background:linear-gradient(145deg,#dfe8f2,#eef3f8 52%,#d8e3ee);border:1px solid rgba(56,82,113,.12);box-shadow:var(--shadow);display:flex;align-items:flex-end;padding:24px;color:#18314f}.visual-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 38%,rgba(17,119,238,.11) 38.2% 38.7%,transparent 39% 100%),linear-gradient(60deg,transparent 0 69%,rgba(16,36,61,.07) 69.2% 69.7%,transparent 70% 100%)}.visual-placeholder:after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(17,119,238,.12);border-radius:28px;right:-55px;top:-40px;transform:rotate(16deg);background:rgba(255,255,255,.08)}.visual-placeholder>div,.placeholder-code{position:relative;z-index:2}.visual-placeholder>div{display:grid;gap:5px}.visual-placeholder strong{font-size:15px;letter-spacing:.08em}.visual-placeholder small{font-size:11px;color:#6e7c8f}.placeholder-code{position:absolute;top:19px;left:21px;font-size:10px;font-weight:950;letter-spacing:.16em;color:var(--blue)}.hero-placeholder-main{left:0;top:0;width:70%;height:100%}.hero-placeholder-small{right:0;width:36%;height:43%}.hero-placeholder-small.top{top:5%}.hero-placeholder-small.bottom{bottom:5%}.hero-badge{position:absolute;z-index:5;left:6%;bottom:7%;width:58%;padding:22px 24px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.9);border-radius:18px;box-shadow:0 18px 50px rgba(26,57,101,.16);backdrop-filter:blur(10px)}.hero-badge span{display:block;font-size:9px;letter-spacing:.18em;font-weight:900;color:var(--blue);margin-bottom:7px}.hero-badge strong{display:block;font-size:19px;line-height:1.2;color:#172033}.hero-badge small{display:block;color:#7a8493;line-height:1.45;margin-top:7px}
section{padding:78px 0}.jobs-section{padding-top:70px}.slim-surface{padding:28px 30px;border-radius:24px;margin-bottom:28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px}.section-head h2,.culture-copy h2,.final-cta h2{font-size:clamp(38px,4vw,58px);letter-spacing:-.045em;margin:0;color:#101828}.section-head p{max-width:540px;margin:0;color:#748091;line-height:1.6}.jobs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.job{position:relative;z-index:2;background:#fff;border:1px solid #dfe6ee;border-radius:22px;overflow:hidden;box-shadow:0 16px 45px rgba(22,42,70,.08);transition:.2s ease}.job:hover{transform:translateY(-3px);box-shadow:0 22px 55px rgba(22,42,70,.12)}.job-image{height:210px;background:linear-gradient(145deg,#dce6f0,#edf3f8);overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:20px 22px}.job-image:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,transparent 0 44%,rgba(17,119,238,.12) 44.2% 44.7%,transparent 45% 100%),linear-gradient(62deg,transparent 0 73%,rgba(16,36,61,.075) 73.2% 73.7%,transparent 74% 100%)}.job-image:after{content:"";position:absolute;width:150px;height:150px;right:-35px;top:-55px;border:1px solid rgba(17,119,238,.12);border-radius:26px;transform:rotate(18deg)}.job-visual-label{position:relative;z-index:2;display:grid;gap:5px}.job-visual-label strong{font-size:14px;letter-spacing:.08em;color:#173354}.job-visual-label span{font-size:10px;color:#718095;letter-spacing:.04em}.job-content{padding:24px}.job-top{display:flex;align-items:center;justify-content:space-between;gap:14px}.tag{display:inline-flex;padding:6px 9px;border-radius:999px;background:#eaf3ff;color:#0968ce;font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.featured{font-size:9px;color:#8a94a3;font-weight:900;letter-spacing:.12em}.job h3{font-size:29px;margin:16px 0 8px;letter-spacing:-.03em}.summary{color:#667085;line-height:1.55;min-height:48px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.fact{border:1px solid #e5e9ef;background:#f9fbfd;border-radius:11px;padding:11px 12px}.fact small{display:block;color:#8a94a3;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.fact b{font-size:13px;color:#283446}.req{padding:0;margin:18px 0 22px;list-style:none;display:grid;gap:8px}.req li{position:relative;padding-left:18px;color:#667085;font-size:13px;line-height:1.45}.req li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--blue)}.apply{width:100%;border:0;border-radius:11px;padding:13px 15px;background:#122033;color:#fff;font-weight:950;cursor:pointer}.apply:hover{background:var(--blue)}.empty{grid-column:1/-1;padding:34px;text-align:center;color:#7f8998;border:1px dashed #cfd7e2;border-radius:18px;background:rgba(255,255,255,.9)}
.culture-section{padding-top:82px}.culture-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:54px;align-items:center}.culture-placeholder{position:relative;width:100%;height:560px;border-radius:28px}.culture-copy{padding:36px 38px;border-radius:28px}.culture-copy:before{content:"";position:absolute;left:0;top:34px;bottom:34px;width:4px;border-radius:4px;background:linear-gradient(180deg,var(--blue),rgba(17,119,238,.15))}.culture-copy p{font-size:16px;line-height:1.75;color:#667085;max-width:620px}.culture-points{display:grid;gap:14px;margin-top:28px}.point{display:flex;gap:16px;padding:17px 0;border-top:1px solid #e8edf3}.point>span{flex:0 0 auto;font-size:10px;font-weight:950;color:var(--blue);letter-spacing:.08em;padding-top:3px}.point strong{display:block;font-size:15px}.point small{display:block;margin-top:5px;color:#7b8492;line-height:1.45}.about-signature{margin-top:24px;font-size:10px;font-weight:900;letter-spacing:.16em;color:#8c96a5}
.final-cta{padding-top:26px;padding-bottom:88px}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:38px 40px;border-radius:26px}.final-cta-inner:after{content:"";position:absolute;right:28px;top:24px;width:120px;height:72px;border-top:1px solid rgba(17,119,238,.12);border-right:1px solid rgba(17,119,238,.12);border-radius:0 18px 0 0;pointer-events:none}.final-cta p{margin:10px 0 0;color:#718096}.cta-button{min-width:220px;flex:0 0 auto}
.site-footer{padding:0 0 34px;background:transparent}.footer-surface{min-height:112px;border-radius:22px;padding:24px 28px}.foot{display:flex;align-items:center;justify-content:space-between;gap:30px;color:#7b8594;font-size:12px}.foot-brand{display:flex;align-items:center;gap:18px}.footer-logo{width:135px;height:auto}
.msg-fab{position:fixed;right:22px;bottom:22px;z-index:50;width:58px;height:58px;border:0;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#0b7eff,#625bff);box-shadow:0 14px 40px rgba(17,119,238,.3);cursor:pointer}.msg-fab svg{width:27px;height:27px;fill:#fff}.messenger{position:fixed;right:22px;bottom:92px;z-index:60;width:min(390px,calc(100vw - 28px));background:#fff;border:1px solid #e3e8ee;border-radius:18px;box-shadow:0 28px 80px rgba(15,23,42,.22);overflow:hidden;display:none}.messenger.open{display:block;animation:pop .18s ease-out}@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.msg-head{padding:14px 15px;background:linear-gradient(135deg,#0b7eff,#625bff);color:#fff;display:flex;align-items:center;justify-content:space-between}.who{display:flex;align-items:center;gap:10px}.who strong{display:block}.who small{display:block;opacity:.8;margin-top:2px}.msg-brand{width:45px;height:36px;border-radius:9px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;padding:4px;overflow:hidden}.msg-brand img{max-width:100%;max-height:100%}.msg-close{border:0;background:rgba(255,255,255,.18);color:#fff;width:30px;height:30px;border-radius:8px;cursor:pointer}.msg-body{padding:16px;color:#1f2937}.bubble{background:#f1f3f6;border-radius:14px 14px 14px 5px;padding:12px 13px;font-size:14px;line-height:1.5}.selected-job,.msg-checklist{margin-top:11px;padding:10px 12px;border:1px solid #e4e8ee;border-radius:10px;font-size:12px}.msg-checklist strong,.msg-checklist span{display:block}.msg-checklist span{margin-top:4px;color:#6f7886}.msg-go{display:flex;align-items:center;justify-content:center;margin-top:12px;padding:12px 14px;border-radius:10px;background:#0b7eff;color:#fff;text-decoration:none;font-weight:950}.msg-note{margin-top:9px;color:#8a94a3;font-size:10px;line-height:1.45}
.lang-th body{font-family:"Noto Sans Thai",Tahoma,"Segoe UI",sans-serif}.lang-th .hero h1{letter-spacing:-.02em;line-height:1.05}.lang-th .section-head h2,.lang-th .culture-copy h2,.lang-th .final-cta h2{letter-spacing:-.015em}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:38px}.hero-media{min-height:520px}.culture-grid{grid-template-columns:1fr}.culture-placeholder{height:480px}.jobs{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.final-cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.wrap{width:min(100% - 24px,1240px)}.nav{height:72px}.brand-logo{width:155px}.nav-label{display:none}.hero{padding:44px 0 58px}.hero-copy{padding:25px 22px}.hero h1{font-size:48px}.hero-trust{grid-template-columns:1fr}.hero-media{min-height:430px}.hero-placeholder-main{width:76%}.hero-placeholder-small{width:35%;height:40%}.hero-badge{width:72%;left:5%;bottom:5%;padding:16px}.hero-badge strong{font-size:15px}section{padding:58px 0}.job-image{height:180px}.culture-placeholder{height:400px}.culture-copy{padding:28px 24px}.final-cta{padding-bottom:70px}.footer-surface{padding:22px}.foot{align-items:flex-start;flex-direction:column;justify-content:center}.msg-fab{right:14px;bottom:14px}.messenger{right:14px;bottom:82px}}