:root{–g:#C9A84C;–gh:#E2C06A;–gl:#9A7A30;–e:#B85C1E;–eh:#D4712A;–cr:#F2EDE4;–cr70:rgba(242,237,228,.70);–cr45:rgba(242,237,228,.45);–cr20:rgba(242,237,228,.20);–i0:#050505;–i1:#0D0D0D;–i2:#141414;–i3:#1C1C1C;–bdr:rgba(201,168,76,.13);–bds:rgba(242,237,228,.06);–success:#3D9970;–fd:’Cormorant Garamond’,Georgia,serif;–fb:’DM Sans’,sans-serif;–fm:’DM Mono’,monospace;–ease:cubic-bezier(.16,1,.3,1)}
.bb-wrap *{box-sizing:border-box}.bb-wrap{font-family:var(–fb);color:var(–cr);background:var(–i1);overflow-x:hidden}
/* Hero */
.bb-hero{background:var(–i0);padding:8rem 3rem 6rem;position:relative;overflow:hidden}
.bb-hero::after{content:”;position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 80% 20%,rgba(201,168,76,.07),transparent 55%),repeating-linear-gradient(-55deg,transparent 0,transparent 72px,rgba(201,168,76,.015) 72px,rgba(201,168,76,.015) 73px);pointer-events:none}
.bb-inner{position:relative;z-index:2;max-width:1200px;margin:0 auto}
.bb-kicker{font-family:var(–fm);font-size:.62rem;letter-spacing:.28em;text-transform:uppercase;color:var(–g);margin-bottom:1.5rem;display:block}
.bb-h1{font-family:var(–fd);font-size:clamp(2.8rem,7vw,6rem);font-weight:300;line-height:.98;letter-spacing:-.04em;color:var(–cr);margin-bottom:1.25rem;max-width:820px}
.bb-h1 em{font-style:italic;color:var(–g)}
.bb-sub{font-size:1.1rem;color:var(–cr70);max-width:560px;line-height:1.75;font-weight:300;margin-bottom:2.5rem}
.bb-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(–fb);font-weight:600;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:.75rem 1.75rem;border-radius:3px;border:1px solid transparent;cursor:pointer;transition:all 260ms var(–ease);text-decoration:none;line-height:1}
.bb-btn-g{background:var(–g);color:var(–i0);border-color:var(–g)}.bb-btn-g:hover{background:var(–gh);color:var(–i0);transform:translateY(-2px);box-shadow:0 0 40px rgba(201,168,76,.2)}
.bb-btn-o{background:transparent;color:var(–g);border-color:var(–bdr)}.bb-btn-o:hover{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.35)}
/* Score meter */
.bb-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(–bdr);border-radius:14px;overflow:hidden;margin-top:3rem}
.bb-score-elem{background:var(–i2);padding:1.5rem;transition:background 200ms}.bb-score-elem:hover{background:var(–i3)}
.bb-score-label{font-family:var(–fm);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(–cr45);margin-bottom:.5rem}
.bb-score-n{font-family:var(–fd);font-size:2.5rem;font-weight:300;color:var(–g);letter-spacing:-.04em;line-height:1;margin-bottom:.5rem}
.bb-score-bar{height:3px;background:var(–i4,#242424);border-radius:2px;overflow:hidden}
.bb-score-fill{height:100%;background:linear-gradient(90deg,var(–g),var(–eh));border-radius:2px}
/* Cards */
.bb-section{padding:5rem 3rem}
.bb-section-wrap{max-width:1200px;margin:0 auto}
.bb-rule{width:36px;height:1px;background:var(–g);border:none;margin:0 0 1.25rem}
.bb-h2{font-family:var(–fd);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:400;letter-spacing:-.025em;color:var(–cr);margin-bottom:.75rem}
.bb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.bb-card{background:var(–i2);border:1px solid var(–bdr);border-radius:12px;padding:1.75rem;transition:all 260ms var(–ease)}
.bb-card:hover{border-color:rgba(201,168,76,.32);transform:translateY(-3px);box-shadow:0 0 40px rgba(201,168,76,.1),0 12px 40px rgba(0,0,0,.6)}
.bb-card-no{font-family:var(–fm);font-size:.55rem;letter-spacing:.2em;text-transform:uppercase;color:var(–cr20);margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(–bds)}
.bb-card h3{font-family:var(–fd);font-size:1.15rem;font-weight:600;color:var(–cr);margin-bottom:.35rem;letter-spacing:-.01em}
.bb-card-pts{font-family:var(–fm);font-size:.62rem;letter-spacing:.12em;color:var(–g);text-transform:uppercase;margin-bottom:.6rem}
.bb-card p{font-size:.85rem;color:var(–cr45);line-height:1.6}
@media(max-width:768px){.bb-grid,.bb-score-grid{grid-template-columns:1fr}.bb-hero,.bb-section{padding-left:1.25rem;padding-right:1.25rem}}
📊 B-BBEE Broad-Based Black Economic Empowerment
Your B-BBEE
Scorecard Dashboard
2CU helps corporate sponsors earn verifiable B-BBEE scorecard points through CSI spend, Skills Development, and Enterprise Development activities — all POPIA compliant and audit-ready.
CSI / Skills Dev Spend
R29–R149
Impact Certification
Section 18A
The 7 B-BBEE Elements
2CU generates scorecard credits primarily in three key elements. Ask Sponsor BUDDY for a personalised analysis.
Priority Element
Skills Development
Up to 8 scorecard points
Spending on training and skills development for Black employees and job seekers. 2CU vouchers qualify under this element.
Priority Element
Enterprise Development
Up to 5 scorecard points
Supporting black-owned SMEs on the 2CU Business Hub qualifies for ED contributions to your B-BBEE score.
Priority Element
Socio-Economic Development
Up to 5 scorecard points
CSI vouchers funding access to the 2CU ecosystem contribute directly to SED scores. R29/R79/R149 tiers available.
Element 1
Ownership
25 scorecard points
Black ownership in your company structure. 2CU can assist in connecting you with B-BBEE structuring advisors.
Element 2
Management Control
15 scorecard points
Representation of Black people at board and senior management level. We connect you with executive talent through the platform.
Element 6
Employment Equity
15 scorecard points
Workforce racial composition at various employment levels. 2CU job board connects you with qualified Black candidates.
Need B-BBEE Guidance?
Ask Sponsor BUDDY Anything
Our AI companion explains B-BBEE codes, calculates scorecard impact, and guides you through compliance — 24/7 in plain South African English.