:root{
  --bg:#06111f;--panel:#0d2036;--panel2:#102942;--line:#2d5678;
  --text:#eef6ff;--muted:#9fb5c9;--cyan:#67d0ff;--green:#67e2a7;
  --gold:#ffd27d;--violet:#b68cff;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#061120,#07111f 25%,#09182a);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:16px;min-height:58px;padding:10px 26px;background:rgba(6,17,31,.985);border-bottom:1px solid #294764}
.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:12px;padding:8px 3px;border-bottom:2px solid transparent}
.smartafrica-global-nav a.active{color:#fff;font-weight:800;border-bottom-color:var(--cyan)}
.page{max-width:1450px;margin:auto;padding:32px 26px 58px}
.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.panel,.card{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:#dce9f5}.muted{color:var(--muted)}
.kicker{display:inline-block;padding:6px 11px;border-radius:999px;background:#102944;border:1px solid #2f6084;color:#9fe0ff;font-size:11px;font-weight:800;margin-bottom:12px;letter-spacing:.05em}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:800}
.ok{background:#123928;color:#7ce0ad}.info{background:#173853;color:#8fd3ff}.warn{background:#432f14;color:#ffd08c}
.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(5,1fr);gap:10px}
.flow .step{background:#091b2e;border:1px solid #315571;border-radius:12px;padding:14px;min-height:100px}
.flow .step b{display:block;margin-bottom:5px}.flow .step span{font-size:11px;color:#9fb4ca}
table{width:100%;border-collapse:collapse;background:#0a1b2f}th,td{padding:10px 11px;border-bottom:1px solid #27445e;text-align:left;font-size:12px;vertical-align:top}th{background:#112741;color:#c7d8e8}
.code{background:#04101c;border:1px solid #274762;border-radius:12px;padding:14px;overflow:auto;white-space:pre-wrap;font-family:Consolas,monospace;font-size:11px;color:#d9ebf7}
.callout{padding:14px;border:1px solid #355a7b;border-radius:12px;background:#0b1e34;line-height:1.6}
.footer{margin-top:28px;color:#8fa7ba;font-size:11px}
.adapter-card-linked{display:block;color:inherit;text-decoration:none}
.adapter-card-linked:hover{border-color:#67d0ff;transform:translateY(-2px)}
.adapter-cta{margin-top:10px;font-size:11px;color:#67d0ff;font-weight:800}
@media(max-width:1000px){.hero,.grid,.grid.two,.flow{grid-template-columns:1fr}.smartafrica-global-nav{flex-wrap:wrap}.smartafrica-global-nav .brand{width:100%;margin-right:0}}