:root{
  --navy:#000000; --navy-2:#0A0A0A; --navy-3:#161616;
  --gold:#C7A44D; --gold-deep:#C7A44D; --gold-light:#C7A44D;
  --paper:#FFFFFF; --bg:#F6F5F2; --ink:#111111; --muted:#5C574E;
  --line:#E7E3DB; --line-dark:rgba(255,255,255,.14);
  --font:'Inter','Helvetica Neue',Helvetica,Arial,sans-serif;
  --radius:10px; --ease:cubic-bezier(.2,.8,.2,1);
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; overflow-x:hidden;}
body{max-width:100%; font-family:var(--font); color:var(--ink); background:var(--bg); line-height:1.6; -webkit-font-smoothing:antialiased;}
img,svg{display:block; max-width:100%;}
a{color:inherit;}
.container{max-width:1200px; margin:0 auto; padding:0 24px;}
.eyebrow{font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--gold-deep); display:flex; flex-wrap:wrap; align-items:center; gap:10px; row-gap:6px; margin-bottom:16px; justify-content:center;}
.eyebrow::before{content:''; width:24px; height:2px; background:var(--gold-deep); flex-shrink:0;}
.eyebrow.on-dark{color:var(--gold);}
.eyebrow.on-dark::before{background:var(--gold);}
h1,h2{font-family:var(--font); font-weight:800; line-height:1.1; letter-spacing:-.02em; color:var(--gold-deep);}
p{color:var(--muted);}
section{padding:88px 0;}
section.on-bg{background:var(--bg);}

/* BUTTONS (page body only - header.css owns header.site .btn and its variants) */
.btn{font-family:var(--font); font-weight:700; font-size:14px; padding:13px 24px; border-radius:var(--radius); text-decoration:none; display:inline-flex; align-items:center; gap:8px; cursor:pointer; border:1px solid transparent; transition:transform .18s ease, background .2s ease, box-shadow .2s ease;}
.btn:focus-visible{outline:2px solid var(--gold); outline-offset:3px;}
.btn-gold{background:var(--gold); color:var(--navy);}
.btn-gold:hover{background:var(--gold-deep); color:#fff; transform:translateY(-1px); box-shadow:0 10px 24px -12px rgba(199,164,77,.6);}
.btn svg{width:16px; height:16px; flex-shrink:0;}

/* HERO */
.careers-hero{position:relative; background:linear-gradient(100deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.62) 45%, rgba(0,0,0,.4) 100%), url('https://smartzonesuae.com/wp-content/themes/szuae/assets/images/why-invest-in-dubai.webp') center 60% / cover no-repeat; color:#fff; padding:110px 0; text-align:center;}
.careers-hero h1{font-size:clamp(30px,4.2vw,48px); color:#fff; max-width:640px; margin:0 auto; text-shadow:0 2px 16px rgba(0,0,0,.5);}
.careers-hero .lede{max-width:520px; margin:16px auto 0; font-size:17px; color:rgba(255,255,255,.88); text-shadow:0 1px 10px rgba(0,0,0,.5);}

/* EMAIL YOUR CV */
.cv-card{max-width:560px; margin:0 auto; text-align:center; background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:56px 44px;}
.cv-card h2{font-size:clamp(26px,3.2vw,34px); margin-bottom:14px;}
.cv-card p{margin-bottom:28px;}
.cv-email-note{margin-top:16px; margin-bottom:0; font-size:13px; color:var(--muted);}

@media(max-width:560px){
  .careers-hero{padding:80px 0;}
  .cv-card{padding:40px 24px;}
}