Biggie Bee • Impact KPIs
:root{
--card-bg:#fff; --card-br:#eee; --radius:16px; --shadow:0 6px 18px rgba(0,0,0,.06);
--muted:#666; --text:#111;
}
html,body{margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:1100px;margin:0 auto;padding:10px}
.kpi-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:900px){.kpi-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.kpi-wrap{grid-template-columns:1fr}}
.kpi{background:var(--card-bg);border:1px solid var(--card-br);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}
.label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}
.value{font-size:28px;font-weight:800;color:var(--text)}
small{color:#888;font-size:11px}
.spark{height:36px;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,0));border-radius:8px;margin-top:8px}
Total Hives Active
84
Across 9 regions
Pollination Coverage (acres)
4800
Estimated seasonal peak
CO₂ Offset (tons)
22.4
Methodology on file
Bloom Biodiversity
28
Flora species documented
// EDIT values here (or wire to an API/Sheet later)
const KPI_DATA = {
updated: new Date().toISOString().slice(0,10),
values: {
hives: 84, hives_sub: "Across 9 regions",
acres: 4800, acres_sub: "Estimated seasonal peak",
co2: 22.4, co2_sub: "Methodology on file",
species: 28, species_sub: "Flora species documented"
}
};
Object.entries(KPI_DATA.values).forEach(([k,v])=>{
const el=document.querySelector(`[data-key="${k}"]`);
if(el) el.textContent=v;
});
