:root { --ink:#14291f; --green:#0d5b3b; --lime:#d8f29b; --cream:#f3f0e6; --paper:#fbfaf5; --font-body:Arial,Helvetica,sans-serif; --font-display:Arial,Helvetica,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-body), sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { height:88px; padding:0 clamp(24px,5vw,76px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(20,41,31,.13); }
.brand { display:flex; align-items:center; gap:11px; font-family:var(--font-display); font-size:19px; font-weight:750; letter-spacing:.14em; }
.brand-mark { width:34px; height:34px; display:grid; place-items:center; border-radius:50% 50% 48% 18%; background:var(--green); color:white; font-size:17px; letter-spacing:0; transform:rotate(-8deg); }
.brand-mark::first-letter { transform:rotate(8deg); }
nav { display:flex; gap:34px; font-size:13px; font-weight:650; }
nav a { padding:12px 0; }
nav a:hover { color:var(--green); }
.hero { min-height:660px; display:grid; grid-template-columns:1.08fr .92fr; overflow:hidden; }
.hero-copy { padding:100px clamp(24px,7vw,112px) 90px; }
.eyebrow { display:flex; align-items:center; gap:10px; color:var(--green); font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.eyebrow span { width:28px; height:2px; background:#91b44b; }
h1 { margin:28px 0 26px; font-family:var(--font-display); font-size:clamp(55px,7.1vw,106px); line-height:.91; letter-spacing:-.065em; font-weight:620; }
h1 em { color:var(--green); font-style:normal; }
.hero-intro { max-width:590px; margin:0 0 38px; font-size:18px; line-height:1.75; color:#53645c; }
.primary-button { display:inline-flex; gap:36px; align-items:center; background:var(--ink); color:white; padding:17px 22px; border-radius:4px; font-size:13px; font-weight:750; transition:.2s; }
.primary-button:hover { background:var(--green); transform:translateY(-2px); }
.hero-visual { position:relative; min-height:620px; background:var(--green); color:white; overflow:hidden; display:flex; align-items:flex-end; padding:56px; }
.hero-visual::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 70% 24%,rgba(216,242,155,.19),transparent 30%); }
.hero-visual>p { position:relative; z-index:3; font-family:var(--font-display); font-size:21px; line-height:1.45; font-weight:550; }
.africa-shape { position:absolute; z-index:2; width:285px; height:340px; left:50%; top:47%; transform:translate(-50%,-50%) rotate(-4deg); background:var(--lime); clip-path:polygon(38% 0,62% 7%,71% 18%,88% 22%,96% 35%,84% 45%,80% 62%,68% 70%,61% 88%,47% 100%,39% 82%,22% 66%,15% 47%,0 32%,14% 15%); filter:drop-shadow(0 22px 30px rgba(0,0,0,.18)); }
.map-dot { position:absolute; width:34px; height:34px; border:7px solid white; background:var(--ink); border-radius:50%; display:grid; place-items:center; box-shadow:0 0 0 2px var(--ink); }
.map-dot b { position:absolute; left:34px; color:var(--ink); font-size:10px; letter-spacing:.08em; }
.map-dot.gh { left:18%; top:30%; }.map-dot.rw { right:18%; top:57%; }
.orbit { position:absolute; z-index:1; border:1px solid rgba(255,255,255,.22); border-radius:50%; }
.orbit-one { width:540px; height:540px; left:50%; top:48%; transform:translate(-50%,-50%); }
.orbit-two { width:710px; height:710px; left:50%; top:48%; transform:translate(-50%,-50%); }
.principles { display:grid; grid-template-columns:repeat(3,1fr); padding:0 clamp(24px,5vw,76px); background:var(--cream); border-top:1px solid rgba(20,41,31,.1); border-bottom:1px solid rgba(20,41,31,.1); }
.principles article { display:flex; gap:20px; padding:38px 34px; border-right:1px solid rgba(20,41,31,.12); }
.principles article:first-child { padding-left:0; }.principles article:last-child { border:0; }
.principles strong { color:#829f47; font-size:12px; }
.principles h2 { margin:0 0 7px; font-size:15px; }.principles p { margin:0; color:#66736d; font-size:12px; line-height:1.6; }
.countries-section { padding:110px clamp(24px,7vw,112px) 130px; }
.section-heading { display:grid; grid-template-columns:1fr 1.2fr; align-items:end; gap:24px; margin-bottom:48px; }
.section-heading .eyebrow { grid-column:1/-1; }
.section-heading h2 { margin:0; font-family:var(--font-display); font-size:clamp(40px,5vw,68px); line-height:1; letter-spacing:-.05em; }
.section-heading>p:last-child { margin:0; max-width:460px; justify-self:end; color:#627168; line-height:1.7; }
.country-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
.country-card { min-height:340px; padding:34px; display:flex; flex-direction:column; justify-content:space-between; border-radius:8px; transition:.25s; }
.country-card:hover { transform:translateY(-5px); box-shadow:0 24px 50px rgba(20,41,31,.14); }
.country-card.gold { background:#eadfbd; }.country-card.blue { background:#c8e2e6; }
.country-top { display:flex; justify-content:space-between; align-items:start; }.country-code { display:grid; place-items:center; width:54px; height:54px; border:1px solid rgba(20,41,31,.3); border-radius:50%; font-size:12px; font-weight:800; }.arrow { font-size:30px; }
.country-card p { margin:0 0 8px; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.country-card h3 { margin:0 0 16px; font-family:var(--font-display); font-size:46px; letter-spacing:-.045em; }
.country-message { display:block; max-width:330px; color:#53645c; font-size:13px; line-height:1.6; }
.about { background:var(--ink); color:white; padding:105px clamp(24px,7vw,112px); display:grid; grid-template-columns:.65fr 1.35fr; gap:50px; }
.about .eyebrow { color:var(--lime); align-self:start; }.about h2 { margin:0 0 30px; font-family:var(--font-display); font-size:clamp(42px,5vw,74px); line-height:1; letter-spacing:-.05em; }.about>div p { max-width:700px; color:#bdc8c2; line-height:1.8; font-size:16px; }
footer { min-height:140px; padding:35px clamp(24px,5vw,76px); display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; font-size:11px; color:#69756e; }
footer p:nth-last-child(2) { text-align:center; } footer p:last-child { text-align:right; }
@media(max-width:800px){
  .site-header { height:72px; } nav { display:none; }
  .hero { grid-template-columns:1fr; }.hero-copy { padding-top:68px; }.hero-visual { min-height:500px; }.africa-shape { width:235px; height:290px; }
  .principles { grid-template-columns:1fr; }.principles article,.principles article:first-child { padding:26px 0; border-right:0; border-bottom:1px solid rgba(20,41,31,.12); }
  .section-heading,.country-grid,.about { grid-template-columns:1fr; }.section-heading>p:last-child { justify-self:start; }.country-card { min-height:300px; }.about { gap:30px; }
  footer { grid-template-columns:1fr; gap:22px; text-align:left; } footer p:nth-last-child(2),footer p:last-child { text-align:left; margin:0; }
}