:root{
  --bg:#07111f;
  --panel:#0d2036;
  --panel2:#112741;
  --line:#2d5678;
  --text:#edf5ff;
  --muted:#a9bdd1;
  --cyan:#67d0ff;
  --green:#67e2a7;
  --gold:#ffd27d;
  --orange:#ffb55e;
  --red:#ff8686;
  --violet:#b68cff;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#061120,#07111f 20%,#09182a 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif}
a{color:var(--cyan);text-decoration:none}
.smartafrica-global-nav{position:sticky;top:0;z-index:9999;display:flex;align-items:center;gap:18px;min-height:58px;padding:10px 26px;background:rgba(6,17,31,.98);border-bottom:1px solid #274968}
.smartafrica-global-nav .brand{margin-right:auto;font-weight:800;line-height:1.1}
.smartafrica-global-nav .brand small{display:block;font-size:10px;font-weight:500;color:#9fb4ca}
.smartafrica-global-nav a{color:#c8d7e7;font-size:13px;padding:8px 4px;border-bottom:2px solid transparent}
.smartafrica-global-nav a.active{color:#fff;font-weight:700;border-bottom-color:#63c7ff}
.page{max-width:1460px;margin:auto;padding:34px 26px 52px}
.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
.card,.panel{background:linear-gradient(180deg,var(--panel),#0a1a2c);border:1px solid var(--line);border-radius:16px;padding:18px}
h1{font-size:38px;line-height:1.08;margin:0 0 12px}
h2{font-size:22px;margin:0 0 12px}
h3{font-size:16px;margin:0 0 8px}
p{line-height:1.62;color:#deebf6}
.kicker{display:inline-block;background:#102844;border:1px solid #2d5b80;color:#9fe0ff;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px}
.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.grid.two{grid-template-columns:repeat(2,1fr)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.step{background:#0a1a2d;border:1px solid #30536f;border-radius:12px;padding:14px}
.step b{display:block;margin-bottom:6px;color:#fff}
.badge{display:inline-block;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;margin:0 6px 8px 0}
.ok{background:#123928;color:#7ce0ad}
.info{background:#173853;color:#8fd3ff}
.warn{background:#432f14;color:#ffd08c}
.violet{background:#2e2350;color:#c7b0ff}
.metric{font-size:28px;font-weight:800}
table{width:100%;border-collapse:collapse;background:#0a1b2f;border-radius:12px;overflow:hidden}
th,td{padding:11px 12px;border-bottom:1px solid #27445e;text-align:left;font-size:13px;vertical-align:top}
th{background:#112741;color:#c8d7e7}
.callout{padding:16px 18px;border-radius:14px;background:#0b1e34;border:1px solid #355b7d}
.footer{margin-top:28px;color:#a9bdd1;font-size:12px}
.list{margin:0;padding-left:18px}
.list li{margin:6px 0;color:#deebf6}
@media(max-width:1000px){.hero,.grid,.grid.two,.flow{grid-template-columns:1fr}}