/* RESET */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Segoe UI',system-ui,sans-serif;color:#1a1a1a;background:#fff;line-height:1.7}
a{text-decoration:none;color:inherit}

/* COLORS FROM YOUR LANDING PAGE */
:root{
  --green:#1a6b4a;
  --green-light:#e8f5ee;
  --gray-border:#e4ece7;
  --gray-text:#555;
  --gray-soft:#666;
  --gray-soft2:#777;
  --dark:#111;
}

/* NAV */
nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem 5%;border-bottom:1px solid #e8ebe8;
  position:sticky;top:0;background:#fff;z-index:100
}
.logo{display:flex;align-items:center;gap:10px}
.logo-icon{
  width:36px;height:36px;border-radius:50%;
  background:var(--green);display:flex;align-items:center;justify-content:center;
}
.logo-icon img{width:22px;height:22px;filter:brightness(0) invert(1)}
.logo-text{font-size:1rem;font-weight:600;color:var(--dark);letter-spacing:-.2px}
.logo-sub{font-size:.7rem;color:#5a7a6a;font-weight:400;display:block;margin-top:-2px}
.nav-links{display:flex;gap:2rem;font-size:.88rem;color:#444}
.nav-links a:hover{color:var(--green)}
.nav-cta{
  background:var(--green);color:#fff;padding:.5rem 1.25rem;border-radius:6px;
  font-size:.88rem;font-weight:500;transition:background .2s
}
.nav-cta:hover{background:#15593d}

/* HERO */
.hero{
  display:flex;align-items:center;justify-content:space-between;
  padding:5rem 5% 4rem;max-width:1100px;margin:0 auto;gap:3rem
}
.hero-text{flex:1}
.hero-badge{
  display:inline-block;background:var(--green-light);color:var(--green);
  font-size:.78rem;font-weight:500;padding:.35rem .9rem;border-radius:20px;
  margin-bottom:1.2rem;letter-spacing:.3px
}
.hero h1{font-size:2.6rem;font-weight:700;line-height:1.2;color:var(--dark);margin-bottom:1rem}
.hero h1 span{color:var(--green)}
.hero p{font-size:1rem;color:var(--gray-text);max-width:480px;margin-bottom:2rem;line-height:1.8}
.hero-btns{display:flex;gap:1rem;flex-wrap:wrap}
.btn-primary{
  background:var(--green);color:#fff;padding:.75rem 1.6rem;border-radius:7px;
  font-size:.92rem;font-weight:500;transition:background .2s;display:inline-block
}
.btn-primary:hover{background:#15593d}
.btn-outline{
  border:1.5px solid var(--green);color:var(--green);
  padding:.72rem 1.6rem;border-radius:7px;font-size:.92rem;font-weight:500;
  transition:all .2s;display:inline-block
}
.btn-outline:hover{background:var(--green-light)}
.hero-img{flex:1;max-width:440px;border-radius:16px;overflow:hidden}
.hero-img img{width:100%;height:340px;object-fit:cover;border-radius:16px}

/* SECTION COMMON */
section{padding:5rem 5%}
.section-inner{max-width:1100px;margin:0 auto}
.section-tag{
  font-size:.78rem;font-weight:500;color:var(--green);
  letter-spacing:.5px;text-transform:uppercase;margin-bottom:.6rem
}
.section-title{
  font-size:1.9rem;font-weight:700;color:var(--dark);
  margin-bottom:.8rem;line-height:1.3
}
.section-sub{
  font-size:.97rem;color:var(--gray-soft);
  max-width:560px;line-height:1.8
}

/* CARDS */
.cards{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
  gap:1.5rem;margin-top:2.5rem
}
.card{
  background:#fff;border:1px solid var(--gray-border);border-radius:14px;
  padding:1.8rem 1.5rem;transition:box-shadow .2s,transform .2s;
  position:relative;overflow:hidden
}
.card:hover{box-shadow:0 8px 32px rgba(26,107,74,.1);transform:translateY(-3px)}
.card-num{font-size:.72rem;font-weight:600;color:#a0c4b4;letter-spacing:1px;margin-bottom:1rem}
.card-icon{
  width:44px;height:44px;background:var(--green-light);border-radius:10px;
  display:flex;align-items:center;justify-content:center;margin-bottom:1.1rem
}
.card-icon img{width:22px;height:22px;filter:invert(27%) sepia(67%) saturate(400%) hue-rotate(110deg)}
.card h3{font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:.6rem}
.card p{font-size:.87rem;color:var(--gray-soft);line-height:1.7}

/* ABOUT PAGE */
.about-inner{display:flex;align-items:center;gap:4rem}
.about-text{flex:1}
.about-text h2{font-size:1.8rem;font-weight:700;color:var(--dark);margin-bottom:1rem;line-height:1.35}
.about-text p{font-size:.95rem;color:var(--gray-text);margin-bottom:1rem;line-height:1.8}
.about-img{flex:1;max-width:420px}
.about-img img{width:100%;height:320px;object-fit:cover;border-radius:14px}
.countries{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}
.country-pill{
  background:var(--green-light);color:var(--green);
  font-size:.8rem;font-weight:500;padding:.35rem .9rem;border-radius:20px
}

/* WHY */
.why-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1.5rem;margin-top:2.5rem
}
.why-card{
  background:#fff;border:1px solid var(--gray-border);
  border-radius:12px;padding:1.5rem
}
.why-icon{font-size:1.4rem;margin-bottom:.8rem}
.why-card h4{font-size:.97rem;font-weight:600;color:var(--dark);margin-bottom:.5rem}
.why-card p{font-size:.85rem;color:var(--gray-soft);line-height:1.7}

/* JOB HUNTING */
.jobs-inner{display:flex;align-items:flex-start;gap:4rem}
.jobs-text{flex:1}
.jobs-text h2{font-size:1.8rem;font-weight:700;color:var(--dark);margin-bottom:1rem;line-height:1.35}
.jobs-text p{font-size:.95rem;color:var(--gray-text);line-height:1.8;margin-bottom:1.5rem}
.jobs-features{
  flex:1;display:grid;grid-template-columns:1fr 1fr;gap:1rem
}
.job-feat{
  background:#f7faf8;border:1px solid var(--gray-border);
  border-radius:12px;padding:1.2rem
}
.job-feat h5{font-size:.9rem;font-weight:600;color:var(--green);margin-bottom:.4rem}
.job-feat p{font-size:.82rem;color:var(--gray-soft);line-height:1.6}

/* TESTIMONIALS */
.testi-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:1.5rem;margin-top:2.5rem
}
.testi-card{
  background:#fff;border:1px solid var(--gray-border);
  border-radius:14px;padding:1.5rem
}
.stars{color:#f5a623;font-size:.85rem;margin-bottom:.8rem;letter-spacing:1px}
.testi-card blockquote{
  font-size:.87rem;color:#444;line-height:1.75;font-style:italic;margin-bottom:1rem
}
.testi-author{font-size:.82rem;font-weight:600;color:var(--green)}

/* CTA */
.cta-banner{
  background:var(--green);color:#fff;text-align:center;padding:4.5rem 5%
}
.cta-banner h2{font-size:2rem;font-weight:700;margin-bottom:.8rem}
.cta-banner p{
  font-size:.97rem;opacity:.85;max-width:500px;margin:0 auto 2rem;line-height:1.8
}
.btn-white{
  background:#fff;color:var(--green);padding:.8rem 2rem;border-radius:8px;
  font-size:.95rem;font-weight:600;display:inline-block;transition:opacity .2s
}
.btn-white:hover{opacity:.9}

/* FOOTER */
footer{
  padding:2.5rem 5%;border-top:1px solid #e8ebe8;
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem
}
.footer-links{display:flex;gap:1.5rem;font-size:.83rem;color:var(--gray-soft2)}
.footer-links a:hover{color:var(--green)}
.footer-copy{font-size:.8rem;color:#aaa}

/* FORM */
form{
  max-width:600px;margin:auto;background:#fff;padding:25px;
  border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,0.1)
}
form input,form select,form textarea{
  width:100%;padding:12px;margin:10px 0;border-radius:6px;border:1px solid #ccc
}
form button{
  background:var(--green);color:#fff;padding:12px;border:none;width:100%;
  border-radius:6px;font-size:1.1rem;cursor:pointer;transition:.3s
}
form button:hover{background:#15593d}

/* RESPONSIVE */
@media(max-width:700px){
  .hero{flex-direction:column;text-align:center;padding:3rem 5%}
  .hero p{margin:0 auto 2rem}
  .hero-btns{justify-content:center}
  .hero-img{display:none}
  .about-inner,.jobs-inner{flex-direction:column}
  .about-img{display:none}
  .jobs-features{grid-template-columns:1fr}
  nav .nav-links{display:none}
  footer{flex-direction:column;text-align:center}
}