:root{--navy:#081b36;--navy2:#0d2b51;--blue:#1db3ff;--blue2:#067bd5;--ink:#142740;--muted:#5d6b7f;--pale:#eef7fc;--line:#dce7f0;--white:#fff;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,"Noto Sans Thai",Tahoma,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-80px;left:16px;z-index:99;padding:8px 15px;background:#fff}.skip:focus{top:8px}.topline{background:#07182e;color:#c3d1df;font-size:12px}.top-inner{display:flex;justify-content:space-between;gap:16px;padding:6px 0}.top-inner>div{display:flex;gap:14px}.top-inner a:hover{color:var(--blue)}.top-divider{height:13px;width:1px;background:#678}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);box-shadow:0 4px 24px rgba(8,27,54,.08)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:9px;line-height:1}.brand-mark{width:42px;height:42px;border-radius:11px;background:var(--navy);display:grid;place-items:center}.brand-mark svg{width:29px;height:29px;fill:var(--blue)}.brand-word{display:flex;flex-direction:column;letter-spacing:.08em;color:var(--navy)}.brand-word strong{font-size:22px;font-weight:900;letter-spacing:.05em}.brand-word small{font-size:10px;font-weight:700;letter-spacing:.42em;margin-top:2px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}.site-header nav>a{transition:color .2s}.site-header nav>a:hover,.site-header nav>a.active{color:var(--blue2)}.site-header nav>.nav-contact{background:var(--navy);color:#fff;padding:9px 18px;border-radius:8px}.site-header nav>.nav-contact:hover,.site-header nav>.nav-contact.active{background:var(--blue2);color:#fff}.menu-button{display:none}.hero{position:relative;min-height:630px;overflow:hidden;background:var(--navy);color:#fff;display:flex;align-items:center}.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071a34 0%,#071a34 31%,rgba(7,26,52,.86) 45%,rgba(7,26,52,.10) 82%),url('assets/hero-engineer.webp') center right/cover no-repeat}.hero::after{content:"";position:absolute;right:-100px;bottom:-260px;width:600px;height:600px;border:1px solid rgba(44,184,255,.22);border-radius:50%;box-shadow:0 0 0 75px rgba(44,184,255,.035),0 0 0 150px rgba(44,184,255,.025)}.hero-content{position:relative;z-index:1;padding:90px 0;max-width:1180px}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--blue);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}.hero h1{font-size:clamp(42px,5.5vw,74px);line-height:1.16;letter-spacing:-.05em;max-width:660px;margin:24px 0}.hero h1 span{color:var(--blue)}.hero p{max-width:550px;color:#d3e3ef;font-size:18px;line-height:1.9;margin:0 0 30px}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border-radius:8px;font-weight:800;font-size:14px;transition:transform .2s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#052340;box-shadow:0 10px 28px rgba(29,179,255,.2)}.btn-primary:hover{background:#63ccff}.btn-light{border:1px solid rgba(255,255,255,.55);color:#fff}.btn-light:hover{background:rgba(255,255,255,.1)}.btn-outline{border:1px solid #a6c1d8;color:var(--navy)}.btn-outline:hover{background:var(--pale)}.hero-bottom{position:absolute;z-index:2;bottom:0;left:0;right:0;background:rgba(4,21,43,.62);border-top:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px)}.hero-stats{display:flex;gap:0}.hero-stats>div{padding:18px 35px 18px 0;margin-right:35px;border-right:1px solid rgba(255,255,255,.19);display:flex;align-items:baseline;gap:8px}.hero-stats>div:last-child{border:0}.hero-stats strong{font-size:28px;color:#fff}.hero-stats span{font-size:13px;color:#b9ccdb}.section{padding:92px 0}.section.soft{background:var(--pale)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:34px}.section-head .intro{max-width:710px}.section h2,.page-hero h1{letter-spacing:-.045em;line-height:1.25}.section h2{font-size:clamp(31px,3.3vw,44px);margin:12px 0}.section-head p,.lead{color:var(--muted);margin:0;font-size:16px}.text-link{color:var(--blue2);font-weight:800;white-space:nowrap;border-bottom:1px solid currentColor;padding-bottom:2px}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.service-card{position:relative;display:block;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;min-height:280px;box-shadow:0 7px 24px rgba(10,41,80,.04);transition:transform .22s,border-color .22s,box-shadow .22s}.service-card:hover{transform:translateY(-5px);border-color:#86d6ff;box-shadow:0 20px 38px rgba(10,55,99,.11)}.icon-box{width:55px;height:55px;display:grid;place-items:center;border-radius:14px;background:#e9f7ff;color:#087dcc}.icon-box svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.service-card h3{font-size:19px;line-height:1.4;margin:20px 0 8px}.service-card p{font-size:14px;color:var(--muted);margin:0}.card-more{position:absolute;bottom:23px;left:28px;font-size:13px;color:var(--blue2);font-weight:800}.split{display:grid;grid-template-columns:1.02fr 1fr;gap:62px;align-items:center}.photo-panel{min-height:410px;border-radius:28px;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(7,26,52,.17),rgba(7,26,52,.4)),url('assets/hero-engineer.webp') center/cover}.photo-panel .photo-tag{position:absolute;bottom:22px;left:22px;background:#fff;border-radius:13px;padding:14px 20px;color:var(--navy);font-size:13px;box-shadow:0 15px 35px #0002}.photo-tag strong{display:block;font-size:22px;line-height:1.2}.split h2{font-size:clamp(32px,3.4vw,47px);margin:15px 0}.split p{color:var(--muted)}.tick-list{padding:0;margin:25px 0;list-style:none}.tick-list li{padding:8px 0 8px 33px;position:relative}.tick-list li::before{content:"✓";position:absolute;left:0;top:7px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#d9f2ff;color:#047cbf;font-size:14px;font-weight:900}.brand-strip{display:flex;flex-wrap:wrap;gap:10px}.brand-pill{padding:12px 17px;background:#fff;border:1px solid var(--line);border-radius:9px;font-weight:800;color:var(--navy);font-size:14px;transition:.2s}.brand-pill:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.dark-cta{background:radial-gradient(circle at 86% 40%,#1d5686 0,#0a2444 35%,#071a32 80%);color:#fff;position:relative;overflow:hidden}.dark-cta::after{content:"";position:absolute;width:460px;height:460px;right:-140px;top:-190px;border:1px solid #4ec5ff55;border-radius:50%;box-shadow:0 0 0 80px #4ec5ff10,0 0 0 160px #4ec5ff0a}.dark-cta .wrap{position:relative;z-index:1}.dark-cta h2{max-width:700px;font-size:clamp(32px,3.4vw,47px);margin:14px 0}.dark-cta p{color:#c3d8e9;max-width:620px;margin-bottom:25px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.news-visual{height:130px;background:linear-gradient(135deg,#0d315b,#1485c9);display:flex;align-items:center;padding:25px;color:#bceeff;font-size:54px;font-weight:900;letter-spacing:-.06em}.news-card:nth-child(2) .news-visual{background:linear-gradient(135deg,#102944,#1c697f)}.news-card:nth-child(3) .news-visual{background:linear-gradient(135deg,#114168,#21b8df)}.news-body{padding:24px}.news-body small{color:var(--blue2);font-weight:800}.news-body h3{margin:10px 0 0;font-size:19px;line-height:1.45}.page-hero{background:radial-gradient(circle at 85% -20%,#1e5687,#0b294c 35%,#081b36 75%);color:#fff;padding:83px 0 76px;overflow:hidden}.page-hero h1{font-size:clamp(38px,5vw,60px);margin:16px 0}.page-hero p{max-width:670px;color:#c8d9e9;font-size:18px;margin:0}.crumb{font-size:13px;color:#a3cce8}.crumb a:hover{color:#fff}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:40px}.detail-copy h2{font-size:31px;margin:0 0 16px}.detail-copy p{color:var(--muted)}.detail-copy h3{margin-top:35px;font-size:22px}.detail-copy ul{padding-left:23px;color:var(--muted)}.detail-copy li{margin:9px 0}.side-box{border:1px solid var(--line);background:#f5fbff;border-radius:18px;padding:25px;height:max-content}.side-box h3{margin:0 0 12px}.side-box p{color:var(--muted);margin:0 0 17px}.side-box .btn{width:100%}.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.item-card{display:block;border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff;transition:.2s}.item-card:hover{border-color:#79cffb;box-shadow:0 12px 25px #092d4c13;transform:translateY(-3px)}.item-card .monogram{height:49px;display:flex;align-items:center;color:var(--blue2);font-size:18px;font-weight:900;letter-spacing:.03em}.item-card h3{font-size:19px;margin:8px 0}.item-card p{font-size:14px;color:var(--muted);margin:0}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filter{border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);padding:8px 16px;cursor:pointer}.filter.active,.filter:hover{background:var(--navy);color:#fff;border-color:var(--navy)}.company-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.company-card{padding:27px;border:1px solid var(--line);border-radius:17px}.company-card b{font-size:12px;color:var(--blue2);letter-spacing:.08em}.company-card h3{font-size:20px;margin:10px 0}.company-card p{color:var(--muted);font-size:14px;margin:0}.timeline{border-left:2px solid #bbe6ff;padding-left:28px}.timeline>div{position:relative;padding-bottom:24px}.timeline>div::before{content:"";position:absolute;left:-36px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--blue);border:3px solid #fff;box-shadow:0 0 0 1px var(--blue)}.timeline strong{font-size:19px;color:var(--blue2)}.timeline p{margin:4px 0;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.contact-card{padding:35px;background:#f3f9fd;border-radius:20px}.contact-card h2{margin-top:0}.contact-row{border-bottom:1px solid #d6e6ef;padding:16px 0;display:grid;grid-template-columns:125px 1fr;gap:15px}.contact-row:last-child{border:0}.contact-row strong{color:var(--navy)}.contact-row a{color:var(--blue2);font-weight:700}.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.social-grid a{border:1px solid var(--line);border-radius:9px;padding:12px;font-weight:700}.social-grid a:hover{background:var(--pale)}.map-frame{min-height:425px;width:100%;border:0;border-radius:20px;filter:saturate(.8)}.note{font-size:13px;color:var(--muted)}.footer{background:#07182e;color:#c2d2df;padding:70px 0 0;font-size:14px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.6fr 1fr;gap:38px}.footer-brand .brand-mark{background:#153b67}.footer-brand .brand-word{color:#fff}.footer-grid h3{color:#fff;font-size:15px;margin:5px 0 18px}.footer-grid p{max-width:330px;margin:20px 0}.footer-grid>div:not(:first-child) a{display:block;margin:11px 0}.footer a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid #25405a;margin-top:50px;padding:17px 0;display:flex;justify-content:space-between;gap:20px;color:#91aabd;font-size:12px}.empty{padding:40px;background:var(--pale);border-radius:15px;color:var(--muted)}@media(max-width:1000px){.site-header nav{gap:16px}.card-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.hero::before{background:linear-gradient(90deg,#071a34 0%,rgba(7,26,52,.92) 48%,rgba(7,26,52,.28) 100%),url('assets/hero-engineer.webp') center/cover}.split{gap:30px}}@media(max-width:700px){.wrap{width:min(100% - 32px,1180px)}.top-inner{justify-content:center}.top-inner>span{display:none}.header-inner{height:68px}.menu-button{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;cursor:pointer}.menu-button span{display:block;width:23px;height:2px;background:var(--navy)}.site-header nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;padding:15px 20px 22px;box-shadow:0 16px 22px #081b361b;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav>a{padding:11px 7px}.site-header nav>.nav-contact{text-align:center;margin-top:10px}.hero{min-height:600px;align-items:flex-start}.hero::before{background:linear-gradient(180deg,rgba(7,26,52,.90),rgba(7,26,52,.82)),url('assets/hero-engineer.webp') center/cover}.hero-content{padding:70px 0 130px}.hero h1{font-size:clamp(40px,11vw,62px)}.hero p{font-size:16px}.hero-stats>div{padding:12px 16px 12px 0;margin-right:16px;display:block}.hero-stats strong{font-size:20px;display:block}.hero-stats span{font-size:10px}.section{padding:65px 0}.section-head{display:block}.section-head .text-link{display:inline-block;margin-top:15px}.card-grid,.item-grid,.news-grid,.company-grid,.contact-grid,.split,.detail-grid{grid-template-columns:1fr}.service-card{min-height:236px}.photo-panel{min-height:310px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{display:block}.footer-bottom span{display:block;margin:7px 0}.contact-row{grid-template-columns:90px 1fr}.page-hero{padding:65px 0}.social-grid{grid-template-columns:1fr 1fr}}@media(max-width:430px){.top-inner>div{font-size:11px;gap:8px}.hero-stats>div{margin-right:10px;padding-right:10px}.hero-stats strong{font-size:17px}.hero-stats span{font-size:9px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.brand-word strong{font-size:20px}.brand-mark{width:39px;height:39px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}