/* Work Abroad Manpower Services: base, components and responsive rules.
   Utility classes (u******) live in utilities.css and are generated from the approved design draft. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/archivo-latin.woff2) format('woff2')}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:'Archivo','Helvetica Neue',Arial,sans-serif;color:#1E2A3B;background:#fff}
img{max-width:100%}
a{color:#C2410C}a:hover{color:#9A3412}
:focus-visible{outline:3px solid #F26A1B;outline-offset:2px}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:1000;background:#0D2240;color:#fff;padding:12px 18px;border-radius:4px;font-weight:700}
.skip-link:focus{left:8px;color:#fff}
.vis{display:contents}
[hidden]{display:none!important}
button,input,select,textarea{font-family:inherit}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* ---------- Header ---------- */
.site-header{font-family:'Archivo','Helvetica Neue',Arial,sans-serif;color:#0D2240;background:#fff;border-bottom:1px solid #E4E8EE;position:relative;z-index:30}
.site-header__inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 32px}
.brand{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none}
.brand svg{flex:none;display:block}
.brand__text{display:flex;flex-direction:column;gap:4px}
.brand__name{font-size:20px;line-height:1;font-weight:800;font-stretch:115%;letter-spacing:-.015em;color:#0D2240}
.brand__sub{font-size:13px;line-height:1;font-weight:600;letter-spacing:.03em;color:#F26A1B}
.site-nav{display:flex;flex-wrap:wrap;gap:0 28px}
.site-nav__link{display:inline-flex;align-items:center;min-height:44px;padding-top:3px;border-bottom:3px solid transparent;font-size:16px;font-weight:600;color:#4A5568;text-decoration:none}
.site-nav__link:hover{color:#0D2240}
.site-nav__link.is-active{color:#0D2240;border-bottom-color:#F26A1B}
.menu-toggle{display:none;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1.5px solid #7D8A9C;border-radius:4px;background:#fff;color:#0D2240;font-size:15px;font-weight:700;cursor:pointer}
.menu-toggle__bars{width:18px;height:2px;background:currentColor;position:relative;display:block}
.menu-toggle__bars::before,.menu-toggle__bars::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor}
.menu-toggle__bars::before{top:-6px}.menu-toggle__bars::after{top:6px}
@media (max-width:759.98px){
  .site-header__inner{flex-wrap:wrap}
  .menu-toggle{display:inline-flex}
  .site-nav{display:none;flex-basis:100%;flex-direction:column;gap:0;padding:4px 0 8px;border-top:1px solid #E4E8EE}
  .site-nav.is-open{display:flex}
  .site-nav__link{min-height:52px;padding:0;border-bottom:1px solid #E4E8EE;border-left:4px solid transparent;padding-left:12px}
  .site-nav__link.is-active{border-bottom-color:#E4E8EE;border-left-color:#F26A1B}
}

/* ---------- Forms / feedback ---------- */
.form-error{margin:0;padding:12px 14px;border-radius:6px;border:1.5px solid #B42318;background:#FDECEA;color:#B42318;font-size:15px;font-weight:600;line-height:1.4}
.form-error[hidden]{display:none}
button:disabled,button[disabled]{opacity:.6;cursor:not-allowed}
select,input[type=text],input[type=email],input[type=tel],input[type=search],textarea{max-width:100%}
.u2cbb6a a[href^="mailto:"]{font-size:14px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* ---------- 404 ---------- */
.nf{max-width:720px;margin:0 auto;padding:clamp(64px,9vw,128px) 24px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.nf__code{margin:0;font-size:clamp(64px,12vw,140px);line-height:1;font-weight:800;font-stretch:112%;color:#F26A1B}
.nf__title{margin:0;font-size:clamp(30px,4vw,48px);line-height:1.05;font-weight:800;font-stretch:108%;color:#0D2240}
.nf__text{margin:0;font-size:18px;line-height:1.6;color:#3E4A5C}
.nf__btn{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;border-radius:4px;background:#F26A1B;color:#0D2240;font-weight:700;text-decoration:none}
.nf__link{font-weight:700}
