@font-face{font-family:Sarabun;src:url('fonts/sarabun-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Sarabun;src:url('fonts/sarabun-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Sarabun;src:url('fonts/sarabun-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('fonts/roboto-condensed-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('fonts/roboto-condensed-600.woff') format('woff');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Roboto Condensed';src:url('fonts/roboto-condensed-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:Roboto;src:url('fonts/roboto-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
:root{--u:min(.0598086vw,1.1962px);--max:2000px;--ink:#052d40;--body:#45525f;--teal:#00658b;--pale:#eaf7f7;--accent:#ed4141;--line:#d8e6ea;--latin:'Roboto Condensed',Arial,sans-serif;--thai:Sarabun,Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(80 * var(--u))}body{margin:0;color:var(--ink);background:#fff;font-family:var(--thai);line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}a,button,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #1287b4;outline-offset:5px}:is(svg,img.adt-raster-art){display:block}h1,h2,p{margin:0}.skip-link{position:fixed;left:15px;top:-100px;background:var(--ink);color:#fff;padding:12px 20px;z-index:100}.skip-link:focus{top:10px}
/* Desktop coordinates follow the 1672 × 941 UI-01 master. */
.site-header{position:relative;z-index:10;width:100%;max-width:var(--max);height:calc(80 * var(--u));min-height:0;margin:auto;padding:0 calc(35 * var(--u)) 0 calc(50 * var(--u));display:flex;align-items:center;gap:calc(24 * var(--u));background:#fff;box-shadow:0 2px 15px #17354a05}
.brand{display:flex;align-items:center;gap:calc(15 * var(--u));flex:0 0 auto;margin-right:calc(20 * var(--u))}.brand-owl{width:calc(77 * var(--u));height:calc(50 * var(--u));flex-shrink:0;overflow:hidden}.brand-type{display:flex;flex-direction:column;white-space:nowrap;line-height:1.08}.brand-type strong{font-family:var(--latin);font-size:calc(31 * var(--u));font-weight:700;letter-spacing:calc(-.4 * var(--u))}.brand-type>span{font-family:var(--latin);font-size:calc(15 * var(--u));font-weight:400;margin-top:calc(5 * var(--u))}
.main-nav{display:flex;align-items:center;justify-content:space-between;gap:calc(21 * var(--u));flex:1;min-width:0}.nav-link{position:relative;white-space:nowrap;font-family:var(--latin);font-size:calc(14 * var(--u));font-weight:600;line-height:1.4;border:0;background:none;padding:calc(17 * var(--u)) 0}.nav-link:after{content:"";position:absolute;bottom:calc(5 * var(--u));left:0;right:100%;height:calc(2 * var(--u));background:var(--teal);transition:right .18s}.nav-link:hover:after,.nav-link.active:after{right:0}.nav-link.active{color:var(--teal)}
.header-actions{display:flex;align-items:center;gap:calc(12 * var(--u));flex-shrink:0;margin-left:calc(12 * var(--u))}.search-toggle{display:grid;place-items:center;background:transparent;border:0;border-left:1px solid #c6d4dc;width:calc(54 * var(--u));height:calc(39 * var(--u));padding:0 0 0 calc(12 * var(--u))}.search-toggle :is(svg,img.adt-raster-art){width:calc(23 * var(--u));height:calc(23 * var(--u))}.desktop-portals{display:flex;gap:calc(11 * var(--u))}.portal-link{border:1px solid #72adc4;border-radius:calc(5 * var(--u));display:flex;gap:calc(9 * var(--u));align-items:center;justify-content:center;font:600 calc(13 * var(--u))/1.2 var(--latin);white-space:nowrap;height:calc(40 * var(--u));padding:0 calc(12 * var(--u));background:#fff}.portal-icon{width:calc(21 * var(--u));height:calc(21 * var(--u));flex-shrink:0}.portal-link:hover{background:#f0f9fc}.language-switch{display:flex;gap:calc(4 * var(--u));align-items:center;font:400 calc(10 * var(--u))/1 var(--latin)}.language-switch a{padding:8px 1px}.language-switch a[aria-current]{color:var(--teal);font-weight:700}.language-switch>span{color:#8c9ba5}.mobile-portals,.menu-toggle{display:none}
.hero{max-width:var(--max);height:calc(564 * var(--u));margin:auto;position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#f6fafc 45%,#fff 85%)}.hero-visual{position:absolute;z-index:-1;inset:0;pointer-events:none}.hero-visual>:is(svg,img.adt-raster-art){width:100%;height:100%}.hero-copy{position:absolute;left:calc(71 * var(--u));top:calc(70 * var(--u));width:calc(650 * var(--u))}.eyebrow{color:var(--teal);font:600 calc(10 * var(--u))/1.6 var(--latin);letter-spacing:calc(3.7 * var(--u))}.hero-eyebrow{font-size:calc(10 * var(--u));letter-spacing:calc(3.75 * var(--u));white-space:nowrap}.short-rule{display:block;width:calc(54 * var(--u));height:calc(2 * var(--u));margin:calc(14 * var(--u)) 0 calc(18 * var(--u));background:var(--teal)}
h1{font-family:Roboto,Arial,sans-serif;font-size:calc(64 * var(--u));font-weight:700;line-height:1.02;letter-spacing:0}.hero-subtitle{font-family:var(--thai);font-size:calc(33 * var(--u));font-weight:700;line-height:1.2;margin-top:calc(17 * var(--u));letter-spacing:calc(-.25 * var(--u))}.hero-intro{font-family:var(--thai);font-size:calc(19 * var(--u));font-weight:400;line-height:1.43;color:var(--body);margin-top:calc(14 * var(--u));max-width:calc(625 * var(--u))}.hero-buttons{display:flex;align-items:stretch;gap:calc(18 * var(--u));margin-top:calc(20 * var(--u))}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:calc(20 * var(--u));border-radius:calc(5 * var(--u));min-height:calc(56 * var(--u));padding:calc(12 * var(--u)) calc(27 * var(--u));font-family:var(--thai);font-size:calc(19 * var(--u));font-weight:600;border:1px solid transparent;line-height:1.4;text-align:left;transition:background .18s,transform .18s}.button>span{font-family:Arial,sans-serif;font-weight:400;font-size:calc(31 * var(--u));line-height:1}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:#fff;box-shadow:0 2px 6px #a3303010}.button.primary:hover{background:#d83232}.button.secondary{border-color:var(--teal);background:#ffffffd9;color:#095675}.button.secondary:hover{background:#eef8fc}.hero-buttons .primary{width:calc(310 * var(--u));flex-shrink:0}.hero-buttons .secondary{width:calc(252 * var(--u));flex-shrink:0}html[lang=en] .hero-buttons .button{font-family:var(--latin);font-size:calc(20 * var(--u))}
.hero-pillars{position:absolute;right:calc(43 * var(--u));bottom:calc(15 * var(--u));width:calc(282 * var(--u));list-style:none;padding:0;margin:0;background:transparent}.hero-pillars li{display:flex;gap:calc(20 * var(--u));align-items:center;height:calc(84 * var(--u));padding:calc(17 * var(--u)) 0}.hero-pillars li+li{border-top:1px solid #e1e8ec99}.pillar-number{display:flex;align-items:center;justify-content:flex-start;font:400 calc(27 * var(--u))/1 var(--latin);color:#00618a;padding-right:calc(19 * var(--u));border-right:1px solid #b8cad4;min-height:calc(43 * var(--u))}.hero-pillars strong{display:block;font:700 calc(16 * var(--u))/1.3 var(--latin);white-space:nowrap}.hero-pillars div>span{display:block;color:#55606c;font:400 calc(14 * var(--u))/1.5 var(--thai);margin-top:calc(4 * var(--u))}
.industries{max-width:var(--max);min-height:calc(297 * var(--u));margin:auto;padding:calc(27 * var(--u)) calc(43 * var(--u)) calc(32 * var(--u)) calc(71 * var(--u));display:grid;grid-template-columns:calc(301 * var(--u)) 1fr;gap:calc(36 * var(--u));background:linear-gradient(110deg,#e8f7f7 0%,#f0fafa 55%,#e8f5f5 100%)}.industry-intro .eyebrow{display:flex;align-items:center;gap:calc(16 * var(--u))}.industry-intro .eyebrow span{display:block;width:calc(46 * var(--u));height:calc(2 * var(--u));background:var(--teal)}.industry-intro h2{font:700 calc(47 * var(--u))/1.0 var(--latin);letter-spacing:calc(-1 * var(--u));margin-top:calc(16 * var(--u))}.industry-intro>p:not(.eyebrow){font-size:calc(17 * var(--u));line-height:1.4;margin-top:calc(12 * var(--u));max-width:calc(287 * var(--u));color:var(--body)}.text-link{color:#07658c;font-size:calc(16 * var(--u));font-weight:700;display:inline-flex;align-items:center;gap:calc(14 * var(--u));margin-top:calc(13 * var(--u));text-decoration:underline;text-underline-offset:4px}
.industry-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:calc(15 * var(--u));align-content:start;padding-top:calc(19 * var(--u));min-width:0}.industry-card{min-width:0;padding:0;overflow:hidden;border:0;border-radius:calc(4 * var(--u));background:#ffffffdf;text-align:left;box-shadow:0 3px 8px #1b5c7405;transition:transform .2s,box-shadow .2s}.industry-card:hover{transform:translateY(-4px);box-shadow:0 9px 20px #1b5c741a}.industry-photo{display:block;aspect-ratio:230/144;overflow:hidden}.industry-photo :is(svg,img.adt-raster-art){width:100%;height:100%;transition:transform .4s}.industry-card:hover :is(svg,img.adt-raster-art){transform:scale(1.025)}.industry-label{padding:calc(14 * var(--u)) calc(15 * var(--u));display:flex;align-items:center;justify-content:space-between;gap:calc(5 * var(--u));font:700 calc(16 * var(--u))/1.35 var(--thai);min-height:calc(56 * var(--u));white-space:nowrap}.industry-label>span{font:400 calc(24 * var(--u))/1 Arial,sans-serif;color:#006786}html[lang=en] .industry-label{font-family:var(--latin);font-size:calc(16 * var(--u))}
.contact-band{max-width:var(--max);margin:auto;padding:42px 4.25%;display:flex;justify-content:space-between;align-items:center;gap:35px;background:#fff}.contact-band .eyebrow{font-size:10px;letter-spacing:3px}.contact-band h2{font-size:26px;line-height:1.4;margin-top:9px}.contact-band p:not(.eyebrow){font-size:15px;color:var(--body);margin-top:8px}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:10px;flex-shrink:0}.contact-actions .button{font-size:16px;min-height:50px;padding:12px 22px;gap:20px;border-radius:5px}.contact-actions .button>span{font-size:28px}.phone-link{font-family:var(--latin);font-size:16px}.site-footer{max-width:var(--max);margin:auto;padding:28px 4.25% 18px;background:#07364a;color:#f4fcff;display:grid;grid-template-columns:1fr auto;gap:18px 35px;font-size:13px;line-height:1.8}.site-footer strong{font-size:15px}.site-footer p{margin-top:5px}.footer-links{display:flex;flex-direction:column;align-items:flex-end}.footer-links a:hover{text-decoration:underline}.copyright{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:12px;opacity:.73;font-family:var(--latin);font-size:12px}
.info-dialog{width:min(590px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:36px;border:1px solid #d4e5e9;border-radius:10px;color:var(--ink);box-shadow:0 20px 90px #031c3440}.info-dialog::backdrop{background:#04273d88;backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:9px;border:0;background:transparent;font:30px Arial;padding:3px 9px}.info-dialog .eyebrow{font-size:10px;letter-spacing:3px}.info-dialog h2{font-size:26px;line-height:1.4;margin:12px 0 16px}.info-dialog>p:not(.eyebrow){font-size:16px;color:var(--body);line-height:1.8}.info-dialog .button{margin-top:25px;font-size:15px;min-height:50px;padding:12px 20px;gap:20px;border-radius:5px}.info-dialog .button>span{font-size:28px}.search-dialog label{font-size:14px;display:block;margin:12px 0 7px}.search-dialog input{width:100%;border:1px solid #93afbf;border-radius:4px;min-height:46px;padding:10px;font-size:16px}.search-results{list-style:none;padding:0;margin:14px 0 0}.search-results button{display:block;text-align:left;padding:11px 4px;width:100%;background:transparent;border:0;border-bottom:1px solid var(--line);font-size:15px}.search-results button:hover{color:var(--teal);background:#f4fafa}.search-empty{margin-top:15px;font-size:14px}
/* Tablet and mobile keep the same content hierarchy without shrinking text. */
@media(max-width:1120px){.site-header{height:auto;min-height:75px;padding:12px 4%;gap:10px;flex-wrap:wrap;justify-content:space-between}.brand{gap:10px;margin:0}.brand-owl{width:60px;height:40px}.brand-type strong{font-size:25px;letter-spacing:-.3px}.brand-type>span{font-size:12px;margin-top:4px}.header-actions{gap:12px;margin-left:auto}.search-toggle{width:31px;height:36px;border:0;padding:0}.search-toggle :is(svg,img.adt-raster-art){width:22px;height:22px}.language-switch{font-size:12px;gap:5px}.desktop-portals{display:none}.main-nav{display:none;order:3;flex:1 0 100%;justify-content:flex-start;gap:0;flex-wrap:wrap;padding:15px 0 6px;border-top:1px solid #e4eef0}.main-nav.is-open{display:flex}.main-nav>.nav-link{width:25%;font-size:15px;text-align:left;padding:11px 0}.nav-link:after{bottom:3px;height:2px}.mobile-portals{display:flex;flex:1 0 100%;margin-top:13px;gap:9px}.portal-link{font-size:13px;padding:9px 13px;height:40px;border-radius:5px;gap:8px}.portal-icon{width:21px;height:21px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:#fff;border:1px solid #bad2dd;border-radius:4px;padding:8px;width:38px;height:36px}.menu-toggle>span{width:20px;height:2px;background:var(--ink)}.hero{height:530px}.hero-visual{left:0;right:0;opacity:.8}.hero-visual :is(svg,img.adt-raster-art){height:100%;width:100%}.hero-copy{top:38px;left:4%;width:65%;}.hero-eyebrow{font-size:8px;letter-spacing:2px}.short-rule{width:45px;height:2px;margin:13px 0 21px}h1{font-size:52px;letter-spacing:-1px}.hero-subtitle{font-size:25px;margin-top:17px;line-height:1.3}.hero-intro{font-size:16px;line-height:1.55;margin-top:17px;max-width:560px}.hero-buttons{gap:11px;margin-top:23px;flex-wrap:wrap}.hero-buttons .button{width:auto;font-size:15px;min-height:49px;padding:12px 19px;gap:18px;border-radius:5px}.hero-buttons .button>span{font-size:27px}html[lang=en] .hero-buttons .button{font-size:17px}.hero-pillars{right:3%;bottom:20px;width:27%;padding:0;background:linear-gradient(90deg,#ffffff10,#ffffffef 22%)}.hero-pillars li{gap:11px;height:73px;padding:13px 0}.pillar-number{font-size:23px;min-height:36px;padding-right:11px}.hero-pillars strong{font-size:13px;white-space:normal}.hero-pillars div>span{font-size:12px;line-height:1.4;margin-top:4px}.industries{min-height:0;padding:27px 4%;grid-template-columns:210px 1fr;gap:23px}.industry-intro .eyebrow{font-size:10px;gap:15px;letter-spacing:3px}.industry-intro .eyebrow span{width:40px;height:2px}.industry-intro h2{font-size:39px;letter-spacing:-.8px;margin-top:14px}.industry-intro>p:not(.eyebrow){font-size:15px;line-height:1.5;margin-top:12px;max-width:none}.text-link{font-size:14px;gap:12px;margin-top:13px}.industry-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:0}.industry-card{border-radius:4px}.industry-label{font-size:13px;min-height:50px;padding:12px 10px;gap:5px;white-space:normal}.industry-label>span{font-size:22px}html[lang=en] .industry-label{font-size:14px}.contact-band{padding:34px 4%}.contact-band h2{font-size:24px}.contact-band p:not(.eyebrow){font-size:14px}}
@media(max-width:760px){.site-header{padding:12px 5%;min-height:73px}.brand{gap:8px}.brand-owl{width:51px;height:37px}.brand-type strong{font-size:23px}.brand-type>span{font-size:11px}.header-actions{gap:9px}.language-switch{font-size:11px;gap:4px}.main-nav>.nav-link{width:50%;font-size:15px}.mobile-portals{gap:7px;flex-wrap:wrap}.portal-link{flex:1;font-size:12px;padding:8px;height:39px}.hero{display:flex;flex-direction:column;height:auto;overflow:hidden;background:#fff}.hero-copy{position:relative;top:auto;left:auto;order:0;width:100%;padding:32px 6% 24px;background:linear-gradient(#fff,#f9fcfd)}.hero-eyebrow{font-size:8px;letter-spacing:1.8px;white-space:normal}.short-rule{margin:13px 0 19px;width:42px}h1{font-size:clamp(43px,8.5vw,61px);line-height:1;letter-spacing:-1px}.hero-subtitle{font-size:clamp(21px,4.3vw,29px);margin-top:18px;line-height:1.35;letter-spacing:0}.hero-intro{font-size:16px;line-height:1.65;margin-top:17px;max-width:none}.desktop-break{display:none}.hero-buttons{margin-top:22px;gap:10px}.hero-buttons .button{font-size:15px;min-height:49px;padding:12px 17px;gap:20px}html[lang=en] .hero-buttons .button{font-size:17px}.hero-visual{position:relative;order:1;left:auto;right:auto;inset:auto;width:100%;height:300px;z-index:0;opacity:1;overflow:hidden;background:#f9fcfd}.hero-visual :is(svg,img.adt-raster-art){position:absolute;width:100%;height:100%;inset:0}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(#f9fcfd 0%,transparent 14%,transparent 90%,#fff)}.hero-pillars{position:relative;right:auto;bottom:auto;width:auto;order:2;margin:0;padding:9px 6% 23px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;background:#fff}.hero-pillars li{display:block;height:auto;min-height:0;padding:4px 0;border:0!important}.pillar-number{display:block;border:0;padding:0;min-height:0;margin-bottom:7px;font-size:23px}.hero-pillars strong{font-size:13px;line-height:1.3}.hero-pillars div>span{font-size:12px;line-height:1.45;margin-top:6px}.industries{display:block;padding:28px 6% 31px}.industry-intro h2{font-size:39px;margin-top:12px}.industry-intro h2 br{display:none}.industry-intro>p:not(.eyebrow){font-size:16px;line-height:1.55;max-width:590px}.industry-list{margin-top:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.industry-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.industry-card:last-child .industry-label{font-size:16px;padding:16px}.industry-label{font-size:14px;min-height:53px;padding:12px}.industry-label>span{font-size:23px}html[lang=en] .industry-label{font-size:16px}.contact-band{padding:33px 6%;display:block}.contact-band h2{font-size:25px}.contact-band p:not(.eyebrow){font-size:16px}.contact-actions{align-items:flex-start;margin-top:22px;gap:13px}.site-footer{padding:26px 6% 17px;grid-template-columns:1fr;gap:18px;font-size:14px}.site-footer strong{font-size:16px}.footer-links{align-items:flex-start}.info-dialog{padding:32px 24px}.info-dialog h2{font-size:24px}.info-dialog .button{font-size:14px}.info-dialog>p:not(.eyebrow){font-size:16px}}
@media(max-width:390px){.site-header{padding-left:4%;padding-right:4%}.brand-owl{width:43px}.brand-type strong{font-size:21px}.brand-type>span{font-size:10px}.brand{gap:6px}.header-actions{gap:7px}.search-toggle{width:22px}.language-switch{font-size:10px;gap:3px}.menu-toggle{width:32px;padding:6px}.menu-toggle>span{width:18px}.hero-copy{padding-left:5%;padding-right:5%}h1{font-size:42px}.hero-subtitle{font-size:21px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons .button{width:100%}.hero-visual{height:270px}.hero-pillars{gap:11px}.hero-pillars strong{font-size:12px}.hero-pillars div>span{font-size:11px}.industry-intro h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* v1.2: avoid CTA wrapping and preserve header when opening #home. */
@media(min-width:1121px){.hero-buttons .button{white-space:nowrap;padding-left:calc(20 * var(--u));padding-right:calc(20 * var(--u));gap:calc(12 * var(--u))}.hero-buttons .button>span{font-size:calc(28 * var(--u))}.hero-buttons .secondary{font-size:calc(18 * var(--u))}html[lang=en] .hero-buttons .secondary{font-size:calc(19 * var(--u))}}
@media(max-width:1120px){html{scroll-padding-top:78px}}
