:root{
  --bg:#06111f;--panel:#0d2036;--panel2:#102840;--line:#2d5678;
  --text:#eef6ff;--muted:#9fb5c9;--cyan:#67d0ff;--green:#67e2a7;
  --gold:#ffd27d;--orange:#ffb55e;--violet:#b68cff;--red:#ff8585;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#061120,#07111f 28%,#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:18px;min-height:58px;padding:10px 30px;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:13px;padding:8px 4px;border-bottom:2px solid transparent}
.smartafrica-global-nav a.active{color:#fff;font-weight:800;border-bottom-color:var(--cyan)}

.page{max-width:1540px;margin:auto;padding:34px 28px 60px}
.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:stretch}
.panel,.card{background:linear-gradient(180deg,var(--panel),#0a1a2c);border:1px solid var(--line);border-radius:16px;padding:18px}
h1{font-size:39px;line-height:1.08;margin:0 0 12px}
h2{font-size:23px;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}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.grid.three{grid-template-columns:repeat(3,1fr)}
.grid.two{grid-template-columns:repeat(2,1fr)}
.metric-card{min-height:132px}
.metric-label{font-size:12px;color:#b6c7d7}
.metric-value{font-size:31px;font-weight:800;margin-top:15px}
.metric-note{font-size:11px;color:#8ea7bc;margin-top:5px}

.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.status-card{border:1px solid #315571;border-radius:13px;padding:14px;background:#091b2e}
.status-title{font-size:12px;color:#a8bbcd;text-transform:uppercase;letter-spacing:.06em}
.status-value{font-size:17px;font-weight:800;margin-top:8px}
.status-sub{font-size:11px;color:#8fa7ba;margin-top:5px}
.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}
.ok{background:#123928;color:#7ce0ad}.info{background:#173853;color:#8fd3ff}.warn{background:#432f14;color:#ffd08c}.danger{background:#492026;color:#ff9a9a}.violet{background:#2d2450;color:#cab6ff}

.ecosystem-card{position:relative;overflow:hidden}
.ecosystem-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--cyan)}
.ecosystem-card:nth-child(2):before{background:var(--green)}
.ecosystem-card:nth-child(3):before{background:var(--gold)}
.ecosystem-name{font-size:20px;font-weight:800}
.ecosystem-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}
.mini{border:1px solid #294966;background:#091b2e;border-radius:10px;padding:10px}
.mini b{display:block;font-size:17px}.mini span{font-size:10px;color:#8fa7ba}

.pipeline{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}
.stage{display:block;color:inherit;text-decoration:none;background:#091b2e;border:1px solid #315571;border-radius:13px;padding:13px;min-height:108px;transition:.15s ease}
.stage:hover{transform:translateY(-2px);border-color:#67d0ff;background:#0d2238}
.stage b{display:block;font-size:13px;margin-bottom:7px}.stage span{font-size:11px;color:#9fb4ca}.stage .state{margin-top:10px;font-size:10px;font-weight:800;color:#7ce0ad}

.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.chart-row{display:grid;grid-template-columns:150px 1fr 60px;gap:10px;align-items:center;margin:11px 0}
.chart-label{font-size:12px;color:#dce9f5}
.bar-track{height:16px;background:#152a3f;border-radius:999px;overflow:hidden;border:1px solid #28445f}
.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#2b89bd,#67d0ff)}
.bar-fill.green{background:linear-gradient(90deg,#237753,#67e2a7)}
.bar-fill.gold{background:linear-gradient(90deg,#8a6729,#ffd27d)}
.bar-fill.violet{background:linear-gradient(90deg,#6a4a9d,#b68cff)}
.bar-fill.red{background:linear-gradient(90deg,#8a3942,#ff8585)}
.chart-value{text-align:right;font-size:12px;font-weight:800}

.summary-list{margin:0;padding:0;list-style:none}
.summary-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #223d57;padding:10px 0;font-size:13px}
.summary-list li:last-child{border-bottom:0}
.summary-list span:first-child{color:#a9bdd1}
.summary-list b{text-align:right}

.gov-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gov-card{display:block;color:inherit;border:1px solid #315571;background:#091b2e;border-radius:13px;padding:14px;min-height:115px}
.gov-card:hover{border-color:#67d0ff;background:#0d2238}
.gov-card b{display:block;margin-bottom:6px}.gov-card span{font-size:11px;color:#9fb4ca}

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:12px;vertical-align:top}
th{background:#112741;color:#c7d8e8;font-size:11px;text-transform:uppercase;letter-spacing:.04em}
tr:hover td{background:#0c2137}
td .risk{font-weight:800}

.readiness{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.ready-item{display:flex;gap:10px;align-items:flex-start;border:1px solid #315571;background:#091b2e;border-radius:12px;padding:12px}
.ready-dot{width:10px;height:10px;border-radius:50%;background:var(--green);margin-top:4px;flex:0 0 auto}
.ready-dot.warn{background:var(--gold)}
.ready-title{font-size:12px;font-weight:800}.ready-sub{font-size:10px;color:#8fa7ba;margin-top:3px}

.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.next-card{display:block;color:inherit;border:1px solid #315571;border-radius:13px;padding:15px;background:linear-gradient(180deg,#0c2137,#091b2e)}
.next-card:hover{border-color:#67d0ff;transform:translateY(-1px)}
.next-card b{display:block;margin-bottom:5px}.next-card span{font-size:11px;color:#9fb4ca}
.footer{margin-top:28px;font-size:11px;color:#8fa7ba}

@media(max-width:1200px){
  .grid,.status-grid{grid-template-columns:repeat(2,1fr)}
  .pipeline{grid-template-columns:repeat(4,1fr)}
  .gov-grid,.next-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:850px){
  .hero,.grid,.grid.three,.grid.two,.analytics-grid,.status-grid,.gov-grid,.next-grid,.readiness{grid-template-columns:1fr}
  .pipeline{grid-template-columns:repeat(2,1fr)}
  .smartafrica-global-nav{flex-wrap:wrap}.smartafrica-global-nav .brand{width:100%;margin-right:0}
  .chart-row{grid-template-columns:110px 1fr 45px}
}