Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
Welcome to WordPress. This is your first post. Edit or delete it, then start writing!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Benevolence</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400;1,500&family=Montserrat:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
--ink:#0e0e0e;--ink-soft:#181818;--charcoal:#262626;
--cream:#f4efe8;--cream-deep:#ede5d8;--cream-dark:#d6cbba;
--gold:#b8923a;--gold-light:#d4aa55;--gold-pale:rgba(184,146,58,.18);
--ton-dark:rgba(244,239,232,.85);--ton-cream:rgba(14,14,14,.75);
--mut-dark:rgba(244,239,232,.45);--mut-cream:rgba(14,14,14,.42);
}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;background:var(--cream);color:var(--ink);overflow-x:hidden}
/* ── UTILS ── */
.slabel-light{font-size:.58rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--gold);margin-bottom:22px;display:flex;align-items:center;gap:12px}
.slabel-light::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,var(--gold-pale),transparent)}
.slabel-dark{font-size:.58rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--gold-light);margin-bottom:22px;display:flex;align-items:center;gap:12px}
.slabel-dark::after{content:'';flex:1;height:1px;background:linear-gradient(90deg,rgba(212,170,85,.25),transparent)}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .85s ease,transform .85s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.d1{transition-delay:.12s}.d2{transition-delay:.24s}.d3{transition-delay:.36s}.d4{transition-delay:.48s}
/* ── NAV ── */
nav{position:fixed;top:0;left:0;width:100%;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:20px 64px;background:rgba(14,14,14,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(184,146,58,.15);transition:padding .35s}
.nav-logo{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:600;letter-spacing:3.5px;text-transform:uppercase;color:var(--gold-light);text-decoration:none}
.nav-links{display:flex;gap:30px;list-style:none}
.nav-links a{font-size:.6rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(244,239,232,.5);text-decoration:none;transition:color .25s}
.nav-links a:hover{color:var(--gold-light)}
/* ── S1 HERO (dark) ── */
#hero{position:relative;height:100vh;min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:var(--ink)}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 90% 55% at 50% 55%,rgba(184,146,58,.09) 0%,transparent 65%),radial-gradient(ellipse 35% 35% at 15% 25%,rgba(184,146,58,.05) 0%,transparent 55%)}
.hero-tex{position:absolute;inset:0;opacity:.025;background-image:repeating-linear-gradient(-55deg,var(--gold) 0px,var(--gold) 1px,transparent 1px,transparent 28px)}
.hero-vl{position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,var(--gold) 30%,var(--gold) 70%,transparent 100%);opacity:.12}
.hero-badge{position:relative;z-index:2;display:inline-flex;align-items:center;gap:14px;font-size:.58rem;font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--gold-light);margin-bottom:36px;opacity:0;animation:fadeUp .9s .3s forwards}
.hero-badge::before,.hero-badge::after{content:'';width:44px;height:1px;background:var(--gold)}
.hero-title{position:relative;z-index:2;font-family:'Cormorant Garamond',serif;font-size:clamp(4rem,9vw,9.5rem);font-weight:300;line-height:.9;letter-spacing:2px;color:var(--cream);opacity:0;animation:fadeUp 1.2s .5s forwards}
.hero-title .ital{font-style:italic;color:var(--gold-light);display:block;font-size:.85em;letter-spacing:4px}
.hero-rule{position:relative;z-index:2;width:1px;height:60px;background:linear-gradient(180deg,var(--gold),transparent);margin:42px auto;opacity:0;animation:fadeUp .8s .75s forwards}
.hero-tag{position:relative;z-index:2;font-size:.82rem;font-weight:500;letter-spacing:4px;text-transform:uppercase;color:var(--mut-dark);line-height:2.4;opacity:0;animation:fadeUp .9s .9s forwards}
.hero-tag strong{color:rgba(244,239,232,.7);font-weight:600}
.hero-btns{position:relative;z-index:2;display:flex;align-items:center;gap:16px;margin-top:44px;opacity:0;animation:fadeUp .9s 1.1s forwards;flex-wrap:wrap;justify-content:center}
.hero-btn-primary{padding:15px 40px;background:var(--gold);color:var(--ink);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;text-decoration:none;transition:background .3s}
.hero-btn-primary:hover{background:var(--gold-light)}
.hero-btn-secondary{padding:14px 40px;background:transparent;border:1px solid rgba(244,239,232,.25);color:rgba(244,239,232,.65);font-family:'Montserrat',sans-serif;font-size:.78rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;text-decoration:none;transition:border-color .3s,color .3s}
.hero-btn-secondary:hover{border-color:var(--gold);color:var(--gold-light)}
.hero-sc{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;animation:fadeUp .8s 1.5s forwards}
.hero-sc span{font-size:.52rem;letter-spacing:4px;text-transform:uppercase;color:var(--mut-dark)}
.sc-bar{width:1px;height:48px;background:linear-gradient(180deg,var(--gold-light),transparent);animation:scPulse 2s ease-in-out infinite}
/* ── S2 ABOUT (cream) ── */
#about{position:relative;padding:130px 64px;background:var(--cream);overflow:hidden}
.about-deco{position:absolute;right:-30px;top:40px;font-family:'Cormorant Garamond',serif;font-size:28vw;font-weight:600;line-height:1;color:rgba(14,14,14,.035);pointer-events:none;user-select:none}
.about-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:start;position:relative;z-index:1}
.about-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:300;line-height:1.1;color:var(--ink);margin-bottom:36px}
.about-h em{color:var(--gold);font-style:italic}
.about-body p{font-size:.94rem;font-weight:300;line-height:2.15;color:var(--ton-cream);margin-bottom:20px}
.about-body p strong{color:var(--ink);font-weight:600}
.pillars{margin-top:44px;display:grid;grid-template-columns:1fr 1fr;gap:1px;border:1px solid var(--cream-dark)}
.pillar{padding:26px 22px;background:var(--cream-deep);transition:background .3s}
.pillar:hover{background:var(--cream-dark)}
.pt{font-size:.58rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.pb{font-size:.87rem;font-weight:300;line-height:1.8;color:var(--mut-cream)}
.qblock{position:relative;padding:48px 44px 48px 56px;background:var(--ink);border-left:3px solid var(--gold)}
.qblock::before{content:'\201C';position:absolute;top:8px;left:18px;font-family:'Cormorant Garamond',serif;font-size:5rem;color:var(--gold);opacity:.25;line-height:1}
.qblock blockquote{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-style:italic;font-weight:300;line-height:1.85;color:var(--cream);margin-bottom:28px}
.qsrc{font-size:.6rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold-light)}
.pblock{margin-top:44px;padding:36px;border:1px solid var(--cream-dark);background:var(--cream-deep)}
.ptxt{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-style:italic;font-weight:300;line-height:1.9;color:var(--ink);margin-bottom:18px}
.psub{font-size:.87rem;font-weight:300;line-height:2;color:var(--mut-cream)}
/* ── S3 TEAM (dark) ── */
#team{position:relative;padding:130px 64px;background:var(--ink-soft);overflow:hidden}
.team-wm{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:'Cormorant Garamond',serif;font-size:22vw;font-weight:600;white-space:nowrap;color:rgba(255,255,255,.018);pointer-events:none;user-select:none}
.team-hdr{max-width:1200px;margin:0 auto 72px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;position:relative;z-index:1}
.team-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,4vw,3.6rem);font-weight:300;line-height:1.1;color:var(--cream)}
.team-h span{color:var(--gold-light);font-style:italic}
.team-note{max-width:360px;font-size:.85rem;font-weight:300;line-height:1.95;color:var(--mut-dark);text-align:right}
.team-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;position:relative;z-index:1}
.tc{position:relative;overflow:hidden;cursor:pointer;background:var(--charcoal);transition:transform .4s}
.tc:hover{transform:translateY(-5px);z-index:2}
.tm{width:100%;aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(160deg,#1e1e1e 0%,#2c2c2c 100%);position:relative;overflow:hidden;transition:transform .5s}
.tc:hover .tm{transform:scale(1.04)}
.tm-ring{width:90px;height:90px;border-radius:50%;border:1px solid rgba(184,146,58,.3);display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.tm-txt{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;color:var(--gold-light);letter-spacing:2px}
.tm-lines{position:absolute;inset:0;opacity:.04;background-image:repeating-linear-gradient(0deg,var(--gold) 0,var(--gold) 1px,transparent 1px,transparent 24px),repeating-linear-gradient(90deg,var(--gold) 0,var(--gold) 1px,transparent 1px,transparent 24px)}
.ci{padding:22px 24px 24px;background:var(--charcoal);border-top:1px solid rgba(184,146,58,.12)}
.cn{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:400;color:var(--cream);margin-bottom:4px}
.cr{font-size:.58rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
.ch{position:absolute;inset:0;background:rgba(10,10,10,.95);padding:30px 26px;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity .4s}
.tc:hover .ch{opacity:1}
.ch .cr{margin-bottom:18px}
.ch p{font-size:.86rem;font-weight:300;line-height:1.95;color:rgba(244,239,232,.75)}
.team-strip{max-width:1200px;margin:44px auto 0;padding:24px 32px;border:1px solid rgba(184,146,58,.18);background:rgba(184,146,58,.04);font-size:.78rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-align:center;color:var(--mut-dark);line-height:1.9;position:relative;z-index:1}
/* ── S4 INITIATIVES (dark) ── */
#initiatives{position:relative;padding:130px 64px;background:#111;overflow:hidden}
.init-hdr{max-width:1200px;margin:0 auto 68px;text-align:center;position:relative;z-index:1}
.init-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:300;color:var(--cream);margin-bottom:16px}
.init-h span{color:var(--gold-light);font-style:italic}
.init-sub{font-size:.78rem;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:var(--mut-dark)}
.cstrip{max-width:1200px;margin:0 auto 60px;display:flex;flex-wrap:wrap;justify-content:center;gap:2px;position:relative;z-index:1}
.ctag{padding:9px 20px;font-size:.56rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold-light);border:1px solid rgba(212,170,85,.25);background:rgba(212,170,85,.05)}
.init-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;position:relative;z-index:1}
.ic{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer;background:var(--ink)}
.ic-bg{position:absolute;inset:0;transition:transform .65s ease}
.ic:hover .ic-bg{transform:scale(1.1)}
.bg-ke{background:linear-gradient(145deg,#1d2e14,#2d1f0a,#0e1a0a)}
.bg-ph{background:linear-gradient(145deg,#0a142d,#1a0a2e,#0a1f2e)}
.bg-in{background:linear-gradient(145deg,#2d1a08,#300808,#1a0818)}
.bg-et{background:linear-gradient(145deg,#282808,#183008,#081808)}
.bg-za{background:linear-gradient(145deg,#082828,#081828,#080828)}
.bg-sa{background:linear-gradient(145deg,#280808,#180818,#281828)}
.ic-pat{position:absolute;inset:0;opacity:.06;background-image:repeating-linear-gradient(45deg,var(--gold) 0,var(--gold) 1px,transparent 1px,transparent 18px)}
.ic-num{position:absolute;top:20px;right:22px;font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:300;color:rgba(184,146,58,.22);line-height:1}
.ic-cnt{position:absolute;bottom:0;left:0;right:0;padding:0 24px 24px;background:linear-gradient(0deg,rgba(10,10,10,.97) 0%,rgba(10,10,10,.55) 65%,transparent 100%)}
.ic-co{font-size:.55rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:7px;display:flex;align-items:center;gap:8px}
.ic-co::before{content:'';width:18px;height:1px;background:var(--gold)}
.ic-ti{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;color:var(--cream);line-height:1.2;margin-bottom:12px}
.ic-de{font-size:.84rem;font-weight:300;line-height:1.85;color:rgba(244,239,232,.65);max-height:0;overflow:hidden;transition:max-height .5s ease}
.ic:hover .ic-de{max-height:100px}
.cta-row{max-width:1200px;margin:64px auto 0;display:flex;justify-content:center;position:relative;z-index:1}
.btn{display:inline-flex;align-items:center;gap:14px;padding:15px 44px;background:transparent;border:1px solid var(--gold);color:var(--gold-light);font-size:.78rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background .3s,color .3s}
.btn:hover{background:var(--gold);color:var(--ink)}
.btn svg{transition:transform .3s}
.btn:hover svg{transform:translateX(5px)}
/* ── S5 ROI (cream) ── */
#roi{padding:130px 64px;background:var(--cream)}
.roi-hdr{max-width:1200px;margin:0 auto 72px;text-align:center}
.roi-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:300;color:var(--ink);margin-bottom:14px}
.roi-h span{color:var(--gold);font-style:italic}
.roi-sub{font-size:.85rem;font-weight:400;letter-spacing:2px;color:var(--mut-cream);max-width:600px;margin:0 auto;line-height:2}
.roi-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.rc{padding:40px 32px;background:var(--cream-deep);border:1px solid var(--cream-dark);position:relative;overflow:hidden;transition:background .3s,transform .3s}
.rc:hover{background:var(--ink);transform:translateY(-4px)}
.rc:hover .rc-ti,.rc:hover .rc-bo{color:var(--cream)}
.rc:hover .rc-tag{color:var(--gold-light);border-color:rgba(212,170,85,.3);background:rgba(212,170,85,.08)}
.rc:hover .rc-ret{color:var(--gold-light);border-color:rgba(212,170,85,.25)}
.rc:hover .rc-num{color:rgba(255,255,255,.06)}
.rc-num{position:absolute;top:16px;right:20px;font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:300;color:rgba(14,14,14,.07);line-height:1}
.rc-ico{font-size:1.5rem;color:var(--gold);margin-bottom:18px;display:block}
.rc-ti{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--ink);margin-bottom:14px;line-height:1.3;transition:color .3s}
.rc-tag{display:inline-block;font-size:.58rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(184,146,58,.3);background:rgba(184,146,58,.06);padding:5px 12px;margin-bottom:16px;transition:all .3s}
.rc-bo{font-size:.88rem;font-weight:300;line-height:2;color:var(--ton-cream);margin-bottom:20px;transition:color .3s}
.rc-ret{font-size:.78rem;font-weight:600;letter-spacing:1px;color:var(--gold);border-top:1px solid rgba(184,146,58,.2);padding-top:16px;line-height:1.8;transition:all .3s}
.stats-strip{max-width:1200px;margin:60px auto 0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink)}
.sb{padding:36px 28px;text-align:center}
.sn{display:block;font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:300;color:var(--gold-light);margin-bottom:10px}
.sl{font-size:.8rem;font-weight:300;line-height:1.9;color:var(--mut-dark)}
.sl em{display:block;color:rgba(244,239,232,.3);font-style:normal;font-size:.58rem;margin-top:4px}
/* ── S6 HOW IT WORKS (dark) ── */
#howitworks{padding:130px 64px;background:var(--ink-soft)}
.hiw-hdr{max-width:1000px;margin:0 auto 60px;text-align:center}
.hiw-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:300;color:var(--cream);margin-bottom:14px}
.hiw-h span{color:var(--gold-light);font-style:italic}
.hiw-sub{font-size:.84rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--mut-dark)}
.delivs{max-width:1200px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.deliv{padding:36px 30px;background:var(--charcoal);border-top:2px solid var(--gold)}
.dv-ico{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;color:var(--gold);margin-bottom:16px}
.dv-ti{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:400;color:var(--cream);margin-bottom:12px;line-height:1.4}
.dv-bo{font-size:.87rem;font-weight:300;line-height:1.95;color:var(--mut-dark)}
.dv-bo strong{color:var(--cream);font-weight:500}
.hiw-tag{max-width:1100px;margin:0 auto 70px;font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-style:italic;font-weight:300;color:rgba(244,239,232,.5);text-align:center;line-height:1.6}
.steps{max-width:900px;margin:0 auto;position:relative;padding-left:80px}
.steps-ln{position:absolute;left:28px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,var(--gold),rgba(184,146,58,.1))}
.step{position:relative;margin-bottom:56px}
.step:last-child{margin-bottom:0}
.step-n{position:absolute;left:-80px;width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--ink-soft);font-size:.6rem;font-weight:700;letter-spacing:1px;color:var(--gold)}
.step-ti{font-family:'Cormorant Garamond',serif;font-size:1.3rem;font-weight:400;color:var(--cream);margin-bottom:12px}
.step-bo{font-size:.88rem;font-weight:300;line-height:2;color:var(--mut-dark);margin-bottom:12px}
.step-out{font-size:.78rem;font-weight:600;letter-spacing:1px;color:var(--gold);border-left:2px solid var(--gold);padding-left:14px;line-height:1.8}
/* ── S6.5 CINEMATIC (dark) ── */
#cinematic{padding:130px 64px;background:#0a0a0a;overflow:hidden;position:relative}
.cin-glow{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;background:radial-gradient(ellipse,rgba(184,146,58,.06) 0%,transparent 65%);pointer-events:none}
.cin-hdr{max-width:900px;margin:0 auto 80px;text-align:center;position:relative;z-index:1}
.cin-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:300;color:var(--cream);margin-bottom:16px;line-height:1.1}
.cin-h span{color:var(--gold-light);font-style:italic}
.cin-sub{font-size:.75rem;font-weight:300;line-height:2.1;color:var(--mut-dark);max-width:660px;margin:0 auto}
/* philosophy strip */
.cin-phil{max-width:1200px;margin:0 auto 70px;padding:36px 48px;border-left:2px solid var(--gold);background:rgba(184,146,58,.04);position:relative;z-index:1}
.cin-phil-q{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-style:italic;font-weight:300;color:var(--cream);line-height:1.8;margin-bottom:16px}
.cin-phil-b{font-size:.73rem;font-weight:300;line-height:2.1;color:var(--mut-dark)}
.cin-phil-b strong{color:rgba(244,239,232,.7);font-weight:500}
/* deliverables grid */
.cin-grid{max-width:1200px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(4,1fr);gap:3px;position:relative;z-index:1}
.cin-card{padding:36px 28px;background:var(--charcoal);border-top:2px solid transparent;transition:border-color .3s,background .3s;display:flex;flex-direction:column;gap:14px}
.cin-card:hover{border-top-color:var(--gold);background:#1e1e1e}
.cin-card-num{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:300;color:rgba(184,146,58,.2);line-height:1}
.cin-card:hover .cin-card-num{color:rgba(184,146,58,.4)}
.cin-card-ico{color:var(--gold);margin-bottom:4px}
.cin-card-ti{font-family:'Cormorant Garamond',serif;font-size:1.2rem;font-weight:400;color:var(--cream);line-height:1.3}
.cin-card-bo{font-size:.7rem;font-weight:300;line-height:1.95;color:var(--mut-dark)}
.cin-card-tag{font-size:.55rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(184,146,58,.25);padding:4px 10px;align-self:flex-start;margin-top:auto}
/* production strip */
.cin-prod{max-width:1200px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;position:relative;z-index:1}
.cin-prod-item{padding:28px 32px;background:var(--charcoal);display:flex;align-items:flex-start;gap:18px}
.cin-prod-ico{color:var(--gold);flex-shrink:0;margin-top:3px}
.cin-prod-ti{font-size:.62rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(244,239,232,.7);margin-bottom:6px}
.cin-prod-bo{font-size:.7rem;font-weight:300;line-height:1.9;color:var(--mut-dark)}
/* nat geo philosophy */
.cin-natgeo{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2px;position:relative;z-index:1}
.cin-ng-l{padding:52px 56px;background:var(--charcoal)}
.cin-ng-r{padding:52px 56px;background:#0c0c0c;border:1px solid rgba(184,146,58,.15)}
.cin-ng-ey{font-size:.56rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.cin-ng-ti{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;color:var(--cream);line-height:1.25;margin-bottom:20px}
.cin-ng-bo{font-size:.74rem;font-weight:300;line-height:2.15;color:var(--mut-dark)}
.cin-ng-bo strong{color:rgba(244,239,232,.7);font-weight:500}
.cin-ng-rows{display:flex;flex-direction:column;gap:14px;margin-top:24px}
.cin-ng-row{display:flex;align-items:flex-start;gap:14px;font-size:.7rem;font-weight:300;line-height:1.7;color:rgba(244,239,232,.6)}
.cin-ng-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;margin-top:6px}
#methodology{padding:130px 64px;background:var(--cream)}
.mh{max-width:900px;margin:0 auto 72px;text-align:center}
.mh-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:300;color:var(--ink);margin-bottom:16px}
.mh-h span{color:var(--gold);font-style:italic}
.mh-i{font-size:.92rem;font-weight:300;line-height:2.1;color:var(--ton-cream);max-width:700px;margin:0 auto}
/* two col explainer */
.mex{max-width:1200px;margin:0 auto 80px;display:grid;grid-template-columns:1fr 80px 1fr;gap:0;align-items:stretch}
.mrb{padding:44px 40px;background:var(--cream-deep);border:1px solid var(--cream-dark)}
.mrb-dark{background:var(--ink);border-color:rgba(184,146,58,.15)}
.mrb-ey{font-size:.56rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.mrb-ico{font-size:2rem;margin-bottom:20px;display:block;color:var(--gold)}
.mrb-ico-d{color:var(--gold-light)}
.mrb-ti{font-family:'Cormorant Garamond',serif;font-size:1.5rem;font-weight:400;color:var(--ink);margin-bottom:18px;line-height:1.3}
.mrb-ti-d{color:var(--cream)}
.mrb-bo{font-size:.9rem;font-weight:300;line-height:2.1;color:var(--ton-cream);margin-bottom:24px}
.mrb-bo-d{color:var(--mut-dark)}
.mrb-ul{list-style:none;display:flex;flex-direction:column;gap:10px}
.mrb-ul li{font-size:.84rem;font-weight:500;color:var(--gold);padding-left:16px;position:relative}
.mrb-ul li::before{content:'–';position:absolute;left:0;color:var(--gold)}
.mrb-ul-d li{color:var(--gold-light)}
/* divider */
.mdiv{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 8px}
.mdiv-ln{flex:1;width:1px;background:linear-gradient(180deg,transparent,var(--gold),transparent)}
.mdiv-ar{font-size:1.2rem;color:var(--gold);transform:rotate(90deg)}
.mdiv-lb{font-size:.56rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--mut-cream);text-align:center;line-height:1.8;writing-mode:vertical-rl}
/* layers title */
.mlt{max-width:1200px;margin:0 auto 48px;display:flex;align-items:center;gap:24px}
.mlt-l{flex:1;height:1px}
.mlt-l:first-child{background:linear-gradient(90deg,transparent,var(--cream-dark))}
.mlt-l:last-child{background:linear-gradient(90deg,var(--cream-dark),transparent)}
.mlt span{font-size:.6rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold);white-space:nowrap}
/* layers */
.mlayers{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:3px}
.ml{display:grid;grid-template-columns:220px 1fr;gap:0;background:var(--cream-deep);border:1px solid var(--cream-dark);transition:border-color .3s}
.ml:hover{border-color:var(--gold)}
.ml-alt{background:var(--cream)}
.ml-meta{padding:36px 30px;border-right:1px solid var(--cream-dark);display:flex;flex-direction:column;gap:20px}
.ml:hover .ml-meta{border-color:rgba(184,146,58,.3)}
.ml-num{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:300;color:rgba(14,14,14,.1);line-height:1}
.ml:hover .ml-num{color:rgba(184,146,58,.25)}
.ml-sn{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:400;color:var(--ink)}
.ml-sr{font-size:.58rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);line-height:1.7}
.ml-bw{padding:36px 40px}
.ml-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}
.ml-tag{padding:4px 12px;font-size:.55rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(184,146,58,.3);background:rgba(184,146,58,.06)}
.ml-ti{font-family:'Cormorant Garamond',serif;font-size:1.4rem;font-weight:400;color:var(--ink);margin-bottom:14px;line-height:1.3}
.ml-de{font-size:.9rem;font-weight:300;line-height:2.05;color:var(--ton-cream);margin-bottom:24px}
.ml-dels{padding-top:20px;border-top:1px solid var(--cream-dark)}
.ml-dl{font-size:.56rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--mut-cream);display:block;margin-bottom:12px}
.ml-di{display:flex;flex-wrap:wrap;gap:8px}
.ml-di span{font-size:.8rem;font-weight:500;color:var(--ink);background:var(--cream-dark);padding:6px 14px}
/* callout */
.mcall{max-width:1200px;margin:48px auto 0;background:var(--ink)}
.mcall-in{display:grid;grid-template-columns:1fr 1fr;gap:0}
.mc-l{padding:56px 60px;border-right:1px solid rgba(184,146,58,.12)}
.mc-ey{font-size:.56rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.mc-ti{font-family:'Cormorant Garamond',serif;font-size:2rem;font-weight:300;color:var(--cream);margin-bottom:20px;line-height:1.2}
.mc-bo{font-size:.9rem;font-weight:300;line-height:2.1;color:var(--mut-dark)}
.mc-r{padding:56px 60px;display:flex;flex-direction:column;justify-content:center;gap:36px}
.mc-st{display:flex;flex-direction:column;gap:6px;padding-bottom:28px;border-bottom:1px solid rgba(184,146,58,.1)}
.mc-st:last-child{border-bottom:none;padding-bottom:0}
.mc-sn{font-family:'Cormorant Garamond',serif;font-size:3rem;font-weight:300;color:var(--gold-light);line-height:1}
.mc-sl{font-size:.8rem;font-weight:400;letter-spacing:1px;color:var(--mut-dark);line-height:1.8}
/* ── S8 NETWORK (cream) ── */
#network{padding:130px 64px;background:var(--cream-deep)}
.net-hdr{max-width:900px;margin:0 auto 72px;text-align:center}
.net-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4.5vw,4.5rem);font-weight:300;color:var(--ink);margin-bottom:24px}
.net-h span{color:var(--gold);font-style:italic}
.net-i{font-size:.92rem;font-weight:300;line-height:2.1;color:var(--ton-cream)}
.npillars{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.np{padding:38px 32px;background:var(--cream);border:1px solid var(--cream-dark);transition:background .3s,border-color .3s}
.np:hover{background:var(--ink);border-color:transparent}
.np:hover .np-ti,.np:hover .np-bo{color:var(--cream)}
.np:hover .np-bo{color:var(--mut-dark)}
.np:hover .np-n{color:rgba(255,255,255,.06)}
.np-n{font-family:'Cormorant Garamond',serif;font-size:2.5rem;font-weight:300;color:rgba(14,14,14,.08);margin-bottom:16px;transition:color .3s}
.np-ti{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:400;color:var(--ink);margin-bottom:14px;line-height:1.3;transition:color .3s}
.np-bo{font-size:.88rem;font-weight:300;line-height:2;color:var(--ton-cream);transition:color .3s}
/* ── S9 CERTIFICATION (dark) ── */
#certification{padding:130px 64px;background:var(--ink);overflow:hidden;position:relative}
.cert-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(ellipse,rgba(184,146,58,.07) 0%,transparent 70%);pointer-events:none}
.cert-hdr{max-width:900px;margin:0 auto 80px;text-align:center;position:relative;z-index:1}
.cert-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:300;color:var(--cream);margin-bottom:16px;line-height:1.1}
.cert-h span{color:var(--gold-light);font-style:italic}
.cert-sub{font-size:.9rem;font-weight:300;line-height:2.1;color:var(--mut-dark);max-width:660px;margin:0 auto}
/* badge centrepiece */
.cert-badge-wrap{max-width:1200px;margin:0 auto 80px;display:grid;grid-template-columns:1fr 380px 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.cert-badge-col{display:flex;flex-direction:column;gap:28px}
.cert-badge-centre{display:flex;flex-direction:column;align-items:center;gap:0}
.cert-emblem{width:240px;height:240px;border-radius:50%;border:1px solid rgba(184,146,58,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,rgba(184,146,58,.08) 0%,rgba(14,14,14,.6) 100%)}
.cert-emblem::before{content:'';position:absolute;inset:8px;border-radius:50%;border:1px solid rgba(184,146,58,.15)}
.cert-emblem::after{content:'';position:absolute;inset:18px;border-radius:50%;border:1px dashed rgba(184,146,58,.1)}
.cert-emblem-ico{color:var(--gold-light);margin-bottom:10px}
.cert-emblem-name{font-family:'Cormorant Garamond',serif;font-size:.9rem;font-weight:600;letter-spacing:5px;text-transform:uppercase;color:var(--gold);text-align:center;line-height:1.8}
.cert-emblem-sub{font-size:.5rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(184,146,58,.5);text-align:center;margin-top:4px}
.cert-emblem-ring{position:absolute;inset:-16px;border-radius:50%;border:1px solid rgba(184,146,58,.12);animation:certSpin 18s linear infinite}
.cert-emblem-ring2{position:absolute;inset:-28px;border-radius:50%;border:1px solid rgba(184,146,58,.06);animation:certSpin 28s linear infinite reverse}
.cert-issued{margin-top:28px;text-align:center}
.cert-issued span{display:block;font-size:.55rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:rgba(184,146,58,.4);margin-bottom:8px}
.cert-issued p{font-family:'Cormorant Garamond',serif;font-size:.95rem;font-style:italic;font-weight:300;color:rgba(244,239,232,.35);line-height:1.7}
/* proof points */
.cert-pt{display:flex;flex-direction:column;gap:6px;padding:22px 24px;border:1px solid rgba(184,146,58,.1);background:rgba(184,146,58,.03);transition:border-color .3s}
.cert-pt:hover{border-color:rgba(184,146,58,.3)}
.cert-pt-ico{color:var(--gold);margin-bottom:8px}
.cert-pt-ti{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:400;color:var(--cream);margin-bottom:6px;line-height:1.3}
.cert-pt-bo{font-size:.84rem;font-weight:300;line-height:1.9;color:var(--mut-dark)}
/* what it proves strip */
.cert-proves{max-width:1200px;margin:0 auto 70px;position:relative;z-index:1}
.cert-proves-title{font-size:.58rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold);text-align:center;margin-bottom:32px}
.cert-proves-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}
.cert-pv{padding:28px 20px;background:var(--charcoal);text-align:center;border-top:2px solid transparent;transition:border-color .3s,background .3s}
.cert-pv:hover{background:#1c1c1c;border-color:var(--gold)}
.cert-pv-ico{font-size:1.4rem;margin-bottom:14px;display:block}
.cert-pv-ti{font-family:'Cormorant Garamond',serif;font-size:1rem;font-weight:400;color:var(--cream);margin-bottom:8px;line-height:1.3}
.cert-pv-bo{font-size:.78rem;font-weight:300;line-height:1.8;color:var(--mut-dark)}
/* differentiation callout */
.cert-diff{max-width:1200px;margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.cert-diff-l{padding:52px 56px;background:var(--charcoal)}
.cert-diff-r{padding:52px 56px;background:#0c0c0c;border:1px solid rgba(184,146,58,.2)}
.cert-diff-ey{font-size:.56rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;margin-bottom:16px}
.cert-diff-ey-g{color:var(--gold)}
.cert-diff-ey-m{color:rgba(244,239,232,.25)}
.cert-diff-ti{font-family:'Cormorant Garamond',serif;font-size:1.6rem;font-weight:300;line-height:1.25;margin-bottom:20px}
.cert-diff-ti-g{color:var(--cream)}
.cert-diff-ti-m{color:rgba(244,239,232,.3)}
.cert-diff-rows{display:flex;flex-direction:column;gap:12px}
.cert-diff-row{display:flex;align-items:flex-start;gap:14px;font-size:.85rem;font-weight:300;line-height:1.7}
.cert-diff-row-g{color:rgba(244,239,232,.75)}
.cert-diff-row-m{color:rgba(244,239,232,.25)}
.cert-check{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;font-size:.6rem}
.cert-check-g{background:rgba(184,146,58,.15);color:var(--gold)}
.cert-check-m{background:rgba(255,255,255,.04);color:rgba(255,255,255,.15)}
@keyframes certSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* ── S10 FOUNDER (dark) ── */
#founder{padding:130px 64px;background:var(--ink)}
.fnd-wrap{max-width:1100px;margin:0 auto}
.fnd-top{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-bottom:2px}
.fnd-intro{padding:56px 60px;background:var(--charcoal)}
.fnd-ey{font-size:.56rem;font-weight:700;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:20px}
.fnd-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:300;color:var(--cream);line-height:1.1;margin-bottom:24px}
.fnd-h span{color:var(--gold-light);font-style:italic}
.fnd-pull{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-style:italic;font-weight:300;color:rgba(244,239,232,.6);line-height:1.85;border-left:2px solid var(--gold);padding-left:22px}
.fnd-body{font-size:.9rem;font-weight:300;line-height:2.15;color:var(--mut-dark);margin-top:28px}
.fnd-body strong{color:rgba(244,239,232,.75);font-weight:500}
.fnd-stats{padding:56px 60px;background:#0c0c0c;border:1px solid rgba(184,146,58,.15);display:flex;flex-direction:column;justify-content:center;gap:0}
.fnd-stat{padding:28px 0;border-bottom:1px solid rgba(184,146,58,.08);display:flex;flex-direction:column;gap:6px}
.fnd-stat:last-child{border-bottom:none;padding-bottom:0}
.fnd-stat:first-child{padding-top:0}
.fnd-sn{font-family:'Cormorant Garamond',serif;font-size:2.8rem;font-weight:300;color:var(--gold-light);line-height:1}
.fnd-sl{font-size:.8rem;font-weight:500;letter-spacing:.5px;color:rgba(244,239,232,.5);line-height:1.7}
.fnd-creds{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.fnd-cred{padding:24px 28px;background:var(--charcoal);border-top:1px solid rgba(184,146,58,.15);display:flex;flex-direction:column;gap:8px;transition:border-color .3s}
.fnd-cred:hover{border-top-color:var(--gold)}
.fnd-cred-ico{color:var(--gold);opacity:.8}
.fnd-cred-ti{font-size:.6rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:rgba(244,239,232,.7);line-height:1.5}
.fnd-cred-bo{font-size:.8rem;font-weight:300;line-height:1.8;color:var(--mut-dark)}
/* ── S10 PRICING (dark) ── */
#pricing{padding:130px 64px;background:var(--ink-soft)}
.pr-hdr{max-width:900px;margin:0 auto 72px;text-align:center}
.pr-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:300;color:var(--cream);margin-bottom:16px}
.pr-h span{color:var(--gold-light);font-style:italic}
.pr-sub{font-size:.87rem;font-weight:300;line-height:2;color:var(--mut-dark);max-width:600px;margin:0 auto}
/* always-in strip */
.pr-always{max-width:1200px;margin:0 auto 60px;background:rgba(184,146,58,.05);border:1px solid rgba(184,146,58,.18);padding:24px 36px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.pr-always-lb{font-size:.56rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.pr-always-items{display:flex;flex-wrap:wrap;gap:8px}
.pr-ai{font-size:.6rem;font-weight:500;color:rgba(244,239,232,.6);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);padding:5px 12px;display:flex;align-items:center;gap:6px}
.pr-ai svg{opacity:.6;flex-shrink:0}
/* packages grid — 4 col */
.pr-grid{max-width:1260px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.pk{position:relative;padding:40px 30px 36px;background:var(--charcoal);border:1px solid rgba(184,146,58,.08);display:flex;flex-direction:column;transition:border-color .4s,transform .35s}
.pk:hover{border-color:rgba(184,146,58,.35);transform:translateY(-5px);z-index:2}
.pk-featured{background:#141414;border-color:var(--gold)!important}
.pk-badge{position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--ink);font-size:.52rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 16px;white-space:nowrap}
/* icon circle */
.pk-icon{width:52px;height:52px;border-radius:50%;border:1px solid rgba(184,146,58,.3);display:flex;align-items:center;justify-content:center;margin-bottom:20px;background:rgba(184,146,58,.06)}
.pk-icon svg{width:22px;height:22px;stroke:var(--gold-light);fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* audience pill */
.pk-audience{display:inline-flex;align-items:center;gap:6px;font-size:.54rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--gold);border:1px solid rgba(184,146,58,.25);padding:4px 10px;margin-bottom:14px}
.pk-tier{font-size:.52rem;font-weight:700;letter-spacing:3.5px;text-transform:uppercase;color:rgba(244,239,232,.3);margin-bottom:8px}
.pk-name{font-family:'Cormorant Garamond',serif;font-size:1.75rem;font-weight:300;color:var(--cream);line-height:1;margin-bottom:10px}
.pk-tagline{font-size:.84rem;font-weight:300;line-height:1.85;color:var(--mut-dark);margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid rgba(184,146,58,.12)}
.pk-price-wrap{margin-bottom:22px}
.pk-price-label{font-size:.55rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:rgba(244,239,232,.3);display:block;margin-bottom:6px}
.pk-price{font-family:'Cormorant Garamond',serif;font-size:1.25rem;font-weight:300;color:var(--cream);line-height:1.3;display:flex;align-items:baseline;gap:8px}
.pk-price em{font-style:italic;font-size:.9rem;color:var(--gold-light)}
.pk-cta{display:block;text-align:center;padding:13px 20px;border:1px solid rgba(184,146,58,.4);color:rgba(244,239,232,.65);font-size:.58rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;margin-bottom:28px;transition:background .3s,color .3s,border-color .3s}
.pk-cta:hover{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.pk-featured .pk-cta{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.pk-featured .pk-cta:hover{background:var(--gold-light);border-color:var(--gold-light)}
.pk-features{display:flex;flex-direction:column;gap:10px;flex:1}
.pk-feat{font-size:.82rem;font-weight:300;line-height:1.7;color:var(--mut-dark);padding-left:16px;position:relative}
.pk-feat::before{content:'';position:absolute;left:0;top:7px;width:5px;height:5px;border-radius:50%;background:var(--gold);opacity:.6}
.pk-feat strong{color:rgba(244,239,232,.8);font-weight:500}
.pk-feat-no{color:rgba(244,239,232,.2)}
.pk-feat-no::before{background:rgba(255,255,255,.12)}
.pk-feat-no strong{color:rgba(244,239,232,.2)}
/* divider in features */
.pk-feat-sep{height:1px;background:rgba(184,146,58,.1);margin:6px 0}
/* bottom note */
.pr-note{max-width:1260px;margin:44px auto 0;padding:30px 36px;border:1px solid rgba(184,146,58,.15);background:rgba(184,146,58,.04);display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.pr-note-txt{font-size:.87rem;font-weight:300;line-height:2;color:var(--mut-dark);max-width:700px}
.pr-note-txt strong{color:var(--cream);font-weight:500}
.pr-note-btn{display:inline-flex;align-items:center;gap:12px;padding:13px 32px;background:transparent;border:1px solid var(--gold);color:var(--gold-light);font-size:.58rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.pr-note-btn:hover{background:var(--gold);color:var(--ink)}
/* scarcity + ethics */
.pr-ethics{max-width:1260px;margin:48px auto 0}
.pr-eth-line{height:1px;background:linear-gradient(90deg,transparent,rgba(184,146,58,.25),transparent);margin:0 0 2px}
.pr-eth-inner{display:grid;grid-template-columns:56px 1fr 200px;gap:40px;align-items:start;padding:44px 40px;background:rgba(184,146,58,.03);border-left:2px solid var(--gold);border-right:2px solid var(--gold)}
.pr-eth-icon{color:var(--gold);opacity:.7;padding-top:4px;flex-shrink:0}
.pr-eth-ti{font-family:'Cormorant Garamond',serif;font-size:1.35rem;font-weight:400;font-style:italic;color:var(--cream);margin-bottom:16px;line-height:1.35}
.pr-eth-tx{font-size:.88rem;font-weight:300;line-height:2.15;color:var(--mut-dark)}
.pr-eth-stat{display:flex;flex-direction:column;gap:4px;padding-left:28px;border-left:1px solid rgba(184,146,58,.15)}
.pr-eth-n{font-family:'Cormorant Garamond',serif;font-size:1.9rem;font-weight:300;color:var(--gold-light);line-height:1}
.pr-eth-l{font-size:.58rem;font-weight:500;letter-spacing:.5px;color:var(--mut-dark);line-height:1.7;padding-bottom:16px;border-bottom:1px solid rgba(184,146,58,.08)}
.pr-eth-l:last-child{border-bottom:none;padding-bottom:0}
/* ── FAQ (cream-deep) ── */
#faq{padding:130px 64px;background:var(--cream-deep)}
.faq-hdr{max-width:900px;margin:0 auto 72px;text-align:center}
.faq-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.6rem,5vw,5rem);font-weight:300;color:var(--ink);margin-bottom:16px}
.faq-h span{color:var(--gold);font-style:italic}
.faq-sub{font-size:.9rem;font-weight:300;line-height:2.1;color:var(--ton-cream);max-width:580px;margin:0 auto}
.faq-tabs{max-width:1100px;margin:0 auto 44px;display:flex;gap:3px;flex-wrap:wrap}
.faq-tab{padding:11px 28px;font-size:.6rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;border:1px solid var(--cream-dark);background:var(--cream);color:var(--mut-cream);cursor:pointer;transition:all .25s}
.faq-tab:hover{border-color:var(--gold);color:var(--gold)}
.faq-tab.active{background:var(--ink);border-color:var(--ink);color:var(--gold-light)}
.faq-list{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:2px}
.faq-group{display:none;flex-direction:column;gap:2px}
.faq-group.active{display:flex}
.faq-item{background:var(--cream);border:1px solid var(--cream-dark);transition:border-color .3s}
.faq-item.open{border-color:rgba(184,146,58,.4)}
.faq-q{padding:22px 28px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;cursor:pointer;user-select:none}
.faq-q-left{display:flex;flex-direction:column;gap:7px}
.faq-aud{font-size:.5rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:3px 8px;border:1px solid var(--cream-dark);color:var(--mut-cream);align-self:flex-start}
.faq-q-txt{font-family:'Cormorant Garamond',serif;font-size:1.15rem;font-weight:400;color:var(--ink);line-height:1.35}
.faq-item.open .faq-q-txt{color:var(--gold)}
.faq-icon{width:28px;height:28px;border-radius:50%;border:1px solid var(--cream-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .3s;color:var(--mut-cream);font-size:.85rem}
.faq-item.open .faq-icon{background:var(--gold);border-color:var(--gold);color:var(--ink);transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s ease}
.faq-item.open .faq-a{max-height:600px}
.faq-a-inner{padding:0 28px 26px;font-size:.9rem;font-weight:300;line-height:2.15;color:var(--ton-cream);border-top:1px solid var(--cream-dark);padding-top:20px}
.faq-a-inner strong{color:var(--ink);font-weight:600}
.faq-a-inner a{color:var(--gold);text-decoration:none}
#contact{padding:130px 64px;background:var(--cream)}
.con-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.con-h{font-family:'Cormorant Garamond',serif;font-size:clamp(2.4rem,4vw,4rem);font-weight:300;color:var(--ink);line-height:1.1;margin-bottom:28px}
.con-h em{color:var(--gold);font-style:italic}
.con-body{font-size:.92rem;font-weight:300;line-height:2.1;color:var(--ton-cream);margin-bottom:36px}
.con-em{font-size:.85rem;font-weight:500;color:var(--gold);text-decoration:none;transition:color .3s}
.con-em:hover{color:var(--ink)}
.cl-lb{font-size:.58rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--mut-cream);display:block;margin-top:20px;margin-bottom:4px}
.cl-ci{font-size:.82rem;font-weight:400;color:var(--ink)}
.cc{background:var(--ink);padding:50px 44px}
.cc-ti{font-family:'Cormorant Garamond',serif;font-size:1.8rem;font-weight:300;color:var(--cream);margin-bottom:6px}
.cc-sub{font-size:.78rem;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:var(--mut-dark);margin-bottom:36px}
.cc-f{margin-bottom:22px}
.cc-f label{display:block;font-size:.58rem;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.cc-f input,.cc-f select,.cc-f textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(184,146,58,.2);color:var(--cream);padding:12px 16px;font-family:'Montserrat',sans-serif;font-size:.9rem;font-weight:300;outline:none;transition:border-color .3s;appearance:none}
.cc-f input:focus,.cc-f select:focus,.cc-f textarea:focus{border-color:var(--gold)}
.cc-f textarea{height:100px;resize:vertical}
.cc-f select option{background:#1a1a1a}
.cc-btn{width:100%;padding:16px;background:var(--gold);border:none;color:var(--ink);font-family:'Montserrat',sans-serif;font-size:.8rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:background .3s;margin-bottom:16px}
.cc-btn:hover{background:var(--gold-light)}
.cc-note{font-size:.78rem;font-weight:300;color:var(--mut-dark);text-align:center;line-height:1.8}
/* ── FOOTER ── */
footer{background:var(--ink);padding:80px 64px 0;border-top:1px solid rgba(184,146,58,.12)}
.ft-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;padding-bottom:60px;border-bottom:1px solid rgba(255,255,255,.06)}
.ft-logo{font-family:'Cormorant Garamond',serif;font-size:1.1rem;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold-light);display:block;margin-bottom:16px}
.ft-tag{font-size:.85rem;font-weight:300;line-height:2.1;color:var(--mut-dark);margin-bottom:24px}
.ft-certs{display:flex;flex-direction:column;gap:8px}
.ft-cert{font-size:.58rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}
.ft-col{display:flex;flex-direction:column;gap:10px}
.ft-col-lb{font-size:.58rem;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:8px}
.ft-col a{font-size:.87rem;font-weight:300;color:var(--mut-dark);text-decoration:none;transition:color .25s}
.ft-col a:hover{color:var(--cream)}
.ft-addr{font-size:.87rem;font-weight:300;color:var(--mut-dark)}
.ft-bot{max-width:1200px;margin:0 auto;padding:24px 0;display:flex;justify-content:space-between;align-items:center}
.ft-bot span{font-size:.6rem;font-weight:400;letter-spacing:1px;color:rgba(244,239,232,.25)}
/* ── ANIMATIONS ── */
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes scPulse{0%,100%{opacity:.35}50%{opacity:1}}
/* ── RESPONSIVE ── */
@media(max-width:1024px){
nav{padding:16px 28px}
.nav-links{display:none}
#about,#team,#initiatives,#roi,#howitworks,#methodology,#network,#founder,#contact{padding:96px 28px}
.about-inner{grid-template-columns:1fr;gap:56px}
.team-grid{grid-template-columns:repeat(2,1fr)}
.init-grid{grid-template-columns:repeat(2,1fr)}
.roi-grid,.npillars,.pr-inc{grid-template-columns:1fr 1fr}
.delivs{grid-template-columns:1fr 1fr}
.pr-grid{grid-template-columns:1fr 1fr}
.stats-strip{grid-template-columns:1fr 1fr}
.mex{grid-template-columns:1fr}
.mdiv{flex-direction:row;height:50px;width:100%;padding:0}
.mdiv-ln{flex:1;width:auto;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.mdiv-ar{transform:none}
.mdiv-lb{writing-mode:horizontal-tb}
.ml{grid-template-columns:1fr}
.ml-meta{border-right:none;border-bottom:1px solid var(--cream-dark);flex-direction:row;align-items:center;padding:20px 24px}
.mcall-in{grid-template-columns:1fr}
.mc-l{border-right:none;border-bottom:1px solid rgba(184,146,58,.12);padding:36px 28px}
.mc-r{padding:36px 28px}
.cin-grid{grid-template-columns:1fr 1fr}
.cin-prod{grid-template-columns:1fr}
.cin-natgeo{grid-template-columns:1fr}
#cinematic{padding:96px 28px}
.cert-badge-wrap{grid-template-columns:1fr;gap:40px}
.cert-badge-centre{order:-1}
.cert-proves-grid{grid-template-columns:repeat(3,1fr)}
.cert-diff{grid-template-columns:1fr}
#certification{padding:96px 28px}
.fnd-top{grid-template-columns:1fr;gap:0}
.fnd-creds{grid-template-columns:1fr 1fr}
#founder{padding:96px 28px}
#faq{padding:96px 28px}
.pr-eth-inner{grid-template-columns:40px 1fr;gap:20px}
.pr-eth-stat{grid-column:1/-1;border-left:none;border-top:1px solid rgba(184,146,58,.15);padding-left:0;padding-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pr-eth-n{margin-top:0!important}
#pricing{padding:96px 28px}
.con-in{grid-template-columns:1fr;gap:48px}
.ft-in{grid-template-columns:1fr 1fr;gap:40px}
.team-hdr{flex-direction:column;align-items:flex-start}
.team-note{text-align:left}
}
@media(max-width:640px){
.team-grid,.init-grid,.roi-grid,.delivs,.npillars,.pr-grid,.pr-inc{grid-template-columns:1fr}
.pillars{grid-template-columns:1fr}
.stats-strip{grid-template-columns:1fr 1fr}
footer{padding:60px 24px 0}
}
</style>
</head>
<body>
<!-- NAV -->
<nav id="navbar">
<a class="nav-logo" href="#">Project Benevolence</a>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#team">Board</a></li>
<li><a href="#initiatives">Initiatives</a></li>
<li><a href="#roi">ROI</a></li>
<li><a href="#methodology">Methodology</a></li>
<li><a href="#howitworks">How It Works</a></li>
<li><a href="#cinematic">Cinematic</a></li>
<li><a href="#certification">Certification</a></li>
<li><a href="#pricing">Pricing</a></li>
<li><a href="#faq">FAQ</a></li>
<li><a href="#founder">Founder</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- ══ S1 HERO (dark) ══ -->
<section id="hero">
<div class="hero-bg"></div><div class="hero-tex"></div><div class="hero-vl"></div>
<p class="hero-badge">Amsterdam · Est. 2024</p>
<h1 class="hero-title">PROJECT<span class="ital">Benevolence</span></h1>
<div class="hero-rule"></div>
<p class="hero-tag"><strong>The only social impact infrastructure built to withstand scrutiny</strong><br>Not self-declared · Not marketing copy · Independently verified · Legally defensible</p>
<div class="hero-btns">
<a href="#contact" class="hero-btn-primary">Request a Demo</a>
<a href="#about" class="hero-btn-secondary">See How It Works</a>
</div>
<div class="hero-sc"><span>Scroll</span><div class="sc-bar"></div></div>
</section>
<!-- ══ S2 ABOUT (cream) ══ -->
<section id="about">
<div class="about-deco">B</div>
<div class="about-inner">
<div>
<p class="slabel-light reveal">About</p>
<h2 class="about-h reveal d1">Good intentions<br>deserve better<br>than <em>trust me.</em></h2>
<div class="about-body">
<p class="reveal d2"><strong>Most organisations that want to do good, can't prove it. Not because they didn't try — because the infrastructure to do so has never been accessible.</strong></p>
<p class="reveal d2">ESG commitments get made with real sincerity and handed to marketing teams who turn them into brochures. Impact reports get published with no verifiable evidence behind them. Communities that were meant to benefit had no real voice in the process. Nobody set out to greenwash. But without a structure for proof, that's what it becomes.</p>
<p class="reveal d3">Project Benevolence was built to close that gap — for companies of every size. Whether you're a fast-growing startup building your first ESG narrative, or an established business preparing for CSRD compliance, the question is the same: can you show the evidence when someone asks for it?</p>
<p class="reveal d3">We design and deliver structured humanitarian initiatives across four continents, working exclusively with registered NGOs that existed long before any corporate partner arrived. Everything we produce is independently verified by six Amsterdam specialists and signed — not stamped. The result is proof that holds up in front of investors, auditors, and regulators — because it was built specifically to do so.</p>
</div>
<div class="pillars reveal d4">
<div class="pillar"><p class="pt">Verified</p><p class="pb">Every claim signed by a named, independent specialist — never the same person who collected it</p></div>
<div class="pillar"><p class="pt">Documented</p><p class="pb">Cinematic field evidence that cannot be staged, fabricated, or disputed</p></div>
<div class="pillar"><p class="pt">Measurable</p><p class="pb">Neuroscience-based before-and-after impact measurement — numbers, not narrative</p></div>
<div class="pillar"><p class="pt">Filing-Ready</p><p class="pb">Structured for CSRD, CSDDD, and ESRS S3 — whether you need it now or are building toward it</p></div>
</div>
</div>
<div>
<div class="qblock reveal d1">
<blockquote>Amsterdam has long shaped how the world thinks about trade, justice, and responsibility — and Project Benevolence carries that tradition forward.</blockquote>
<p class="qsrc">Governed in Amsterdam · Felt across five continents</p>
</div>
<div class="pblock reveal d3">
<p class="slabel-light" style="margin-bottom:18px">Our Principle</p>
<p class="ptxt">"Because good work deserves to be believed — and belief requires evidence, not just a good story."</p>
<p class="psub">We are not a marketing agency. We don't write claims — we build the verified evidence that makes claims unchallengeable. We work with companies at every stage, from first impact programme to full CSRD compliance. And we reserve the right to decline any engagement where the evidence doesn't support the narrative. Not as policy. As principle.</p>
</div>
</div>
</div>
</section>
<!-- ══ S3 TEAM (dark) ══ -->
<section id="team">
<div class="team-wm">ADVISORY</div>
<div class="team-hdr">
<div>
<p class="slabel-dark reveal">Our Impact Advisory Board</p>
<h2 class="team-h reveal d1">Introduction of<br><span>Our Team</span></h2>
</div>
<p class="team-note reveal d2">Six independent professionals. Six signed layers. None of them work for Lana — they scrutinise her work. That separation between collection and verification is the only thing that makes a social impact report legally defensible.</p>
</div>
<div class="team-grid">
<div class="tc reveal"><div class="tm"><div class="tm-lines"></div><div class="tm-ring"><span class="tm-txt">LvG</span></div></div><div class="ci"><h3 class="cn">Lana van Geel</h3><p class="cr">Founder / Impact Director</p></div><div class="ch"><p class="cr">Founder / Impact Director</p><p>From Manila's slums to Amsterdam boardrooms — Lana's 20+ year humanitarian mission and enterprise consulting expertise deliver real, trusted impact across 4 continents. Self-funded. Zero overhead.</p></div></div>
<div class="tc reveal d1"><div class="tm"><div class="tm-lines"></div><div class="tm-ring"><span class="tm-txt">SM</span></div></div><div class="ci"><h3 class="cn">Shaira Malawauw</h3><p class="cr">Local Community Coordinator</p></div><div class="ch"><p class="cr">Local Community Coordinator</p><p>15+ years in Amsterdam reintegration and inclusion strategy. Translates social outcomes into CSRD-aligned measurable data. Also runs a cinematic storytelling photo studio.</p></div></div>
<div class="tc reveal d2"><div class="tm"><div class="tm-lines"></div><div class="tm-ring"><span class="tm-txt">NH</span></div></div><div class="ci"><h3 class="cn">Nora Hagopian</h3><p class="cr">Impact Measurement · Neuroscience</p></div><div class="ch"><p class="cr">Impact Measure Specialist & Neuroscience</p><p>Neuroscientist (UvA/VU Amsterdam) and Clinical Biotech specialist. Translates complex human outcomes into measurable ESG indicators with neuroscience-based social impact frameworks.</p></div></div>
<div class="tc reveal d1"><div class="tm"><div class="tm-lines"></div><div class="tm-ring"><span class="tm-txt">JS</span></div></div><div class="ci"><h3 class="cn">Jale Sezgin</h3><p class="cr">Governance & Policy Advisor</p></div><div class="ch"><p class="cr">Governance & Policy Advisor</p><p>Turkish-Danish multidisciplinary advisor at the intersection of governance, creative strategy, and holistic health. Extensive background in institutional governance and policy development.</p></div></div>
<div class="tc reveal d2"><div class="tm"><div class="tm-lines"></div><div class="tm-ring"><span class="tm-txt">CC</span></div></div><div class="ci"><h3 class="cn">Callum Clark</h3><p class="cr">Partnership Director</p></div><div class="ch"><p class="cr">Partnership Director</p><p>International executive scaling operations across Europe. First-Class MEng in Electrical Engineering with full P&L responsibility and commercial sharpness.</p></div></div>
<div class="tc reveal d3"><div class="tm"><div class="tm-lines"></div><div class="tm-ring"><span class="tm-txt">HR</span></div></div><div class="ci"><h3 class="cn">Humberta Ramsa</h3><p class="cr">ESG Consultant</p></div><div class="ch"><p class="cr">ESG Consultant</p><p>MSc RA CA — Chartered Accountant with 8+ years in financial & IT audit. ESG Assurance Specialist aligned with CSRD, CSDDD, and ESRS S3. NBA examiner at Nyenrode Business Universiteit.</p></div></div>
</div>
<div class="team-strip reveal">None of these specialists are employees of Project Benevolence. They verify independently — which is exactly what makes their signatures mean something in front of an auditor, a regulator, or an investor doing due diligence.</div>
</section>
<!-- ══ S4 INITIATIVES (dark) ══ -->
<section id="initiatives">
<div class="init-hdr">
<p class="slabel-dark reveal" style="justify-content:center">Global Reach</p>
<h2 class="init-h reveal d1">Our <span>Initiatives</span><br>Across the Globe</h2>
<p class="init-sub reveal d2">Four Continents · Six Nations · Real Communities</p>
</div>
<div class="cstrip reveal d2">
<div class="ctag">Africa</div><div class="ctag">Southeast Asia</div><div class="ctag">South Asia</div>
<div class="ctag">East Africa</div><div class="ctag">Indian Ocean</div><div class="ctag">Southern Africa</div>
</div>
<div class="init-grid">
<div class="ic reveal"><div class="ic-bg bg-ke"></div><div class="ic-pat"></div><div class="ic-num">01</div><div class="ic-cnt"><p class="ic-co">Kenya</p><h3 class="ic-ti">Public Libraries<br>in Nairobi</h3><p class="ic-de">Partnered to expand public libraries across Nairobi — empowering young talent through literacy and education, creating permanent spaces for the next generation to thrive.</p></div></div>
<div class="ic reveal d1"><div class="ic-bg bg-ph"></div><div class="ic-pat"></div><div class="ic-num">02</div><div class="ic-cnt"><p class="ic-co">Philippines</p><h3 class="ic-ti">Nutrition &<br>Feeding Programme</h3><p class="ic-de">Nutrition and feeding program supporting 800 undernourished students at a public school in the Philippine countryside — addressing SDG 2 Health & Wellbeing.</p></div></div>
<div class="ic reveal d2"><div class="ic-bg bg-in"></div><div class="ic-pat"></div><div class="ic-num">03</div><div class="ic-cnt"><p class="ic-co">India</p><h3 class="ic-ti">Ethical Elephant<br>Sanctuary</h3><p class="ic-de">Embedded with caretakers rescuing elephants from exploitative tourist rides. Ethical experiences restore dignity — painting, walking alongside. Dependency broken permanently.</p></div></div>
<div class="ic reveal d1"><div class="ic-bg bg-et"></div><div class="ic-pat"></div><div class="ic-num">04</div><div class="ic-cnt"><p class="ic-co">Ethiopia</p><h3 class="ic-ti">Village Education<br>& Empowerment</h3><p class="ic-de">Remote villages — essential school supplies delivered, long-term livelihood opportunities explored. Education and economic resilience built from within the community.</p></div></div>
<div class="ic reveal d2"><div class="ic-bg bg-za"></div><div class="ic-pat"></div><div class="ic-num">05</div><div class="ic-cnt"><p class="ic-co">Zanzibar</p><h3 class="ic-ti">School Supplies<br>for 1,200 Students</h3><p class="ic-de">Helped students write their resumes, donated school supplies for 1,200 students, and repainted the school in its colours. One week. Lasting change.</p></div></div>
<div class="ic reveal d3"><div class="ic-bg bg-sa"></div><div class="ic-pat"></div><div class="ic-num">06</div><div class="ic-cnt"><p class="ic-co">South Africa</p><h3 class="ic-ti">Doll-Making<br>Recovery Programme</h3><p class="ic-de">Cape Town NGO uses doll-making to help recovering addicts rebuild confidence. Participants earn income while receiving guidance on finance and job placement.</p></div></div>
</div>
<div class="cta-row"><a href="#" class="btn reveal">View All Initiatives <svg width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M2.5 7.5h10M9 4l3.5 3.5L9 11" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg></a></div>
</section>
<!-- ══ S5 ROI (cream) ══ -->
<section id="roi">
<div class="roi-hdr">
<p class="slabel-light reveal" style="justify-content:center">Why It Matters Now</p>
<h2 class="roi-h reveal d1">Unverified ESG is now <span>a liability.</span></h2>
<p class="roi-sub reveal d2">Regulators are prosecuting it. Investors are penalising it. Employees are leaving because of it. Here is what verified, audit-grade social impact actually unlocks — and what the absence of it costs.</p>
</div>
<div class="roi-grid">
<div class="rc reveal"><div class="rc-num">01</div><span class="rc-ico">◈</span><h3 class="rc-ti">Greenwashing Litigation Is Rising Fast</h3><div class="rc-tag">EU Green Claims Directive now in force</div><p class="rc-bo">Companies across Europe are facing fines, injunctions, and reputational collapse for impact claims they cannot substantiate. "We support communities" is not evidence. A signed, independently verified report is. The difference between the two is now a legal one.</p><div class="rc-ret">→ Audit-grade proof · Signed by specialists · Legally defensible in court</div></div>
<div class="rc reveal d1"><div class="rc-num">02</div><span class="rc-ico">◇</span><h3 class="rc-ti">Investors Are Walking Away From Unverified Claims</h3><div class="rc-tag">99% of institutional investors use ESG due diligence</div><p class="rc-bo">ESG ratings agencies, impact investors, and institutional funds have sharpened their scrutiny. Self-declared social impact no longer passes due diligence. Independently verified, ESRS S3-structured reports do — and they command a measurable premium on valuation.</p><div class="rc-ret">→ Survives investor due diligence · ESG rating uplift · Capital access</div></div>
<div class="rc reveal d2"><div class="rc-num">03</div><span class="rc-ico">◉</span><h3 class="rc-ti">CSRD Compliance Is No Longer Optional</h3><div class="rc-tag">50,000+ EU companies now in scope</div><p class="rc-bo">The Corporate Sustainability Reporting Directive requires verified, auditable social impact data — not narrative. Companies filing ESG reports without substantiated evidence face regulatory penalties, restricted procurement eligibility, and board-level liability. We build the report your auditor can actually sign off on.</p><div class="rc-ret">→ CSRD ready · CSDDD aligned · ESRS S3 structured · Audit approved</div></div>
<div class="rc reveal d1"><div class="rc-num">04</div><span class="rc-ico">▣</span><h3 class="rc-ti">Talent Chooses Employers They Can Trust</h3><div class="rc-tag">77% of millennials screen employers on ESG integrity</div><p class="rc-bo">The best candidates are reading your sustainability report before they accept your offer — and they know what greenwashing looks like. Verified, cinematic field evidence of real community impact is the difference between a claim and a culture. It shows internally as much as externally.</p><div class="rc-ret">→ Recruitment edge · Retention uplift · Internal culture proof</div></div>
<div class="rc reveal d2"><div class="rc-num">05</div><span class="rc-ico">◎</span><h3 class="rc-ti">Social Washing Destroys Brand Equity Overnight</h3><div class="rc-tag">1 exposed claim erases years of brand trust</div><p class="rc-bo">The news cycle around exposed social washing is brutal and fast. One investigative article, one NGO rebuttal, one employee whistleblower — and five years of ESG narrative collapses. The only protection is evidence that was never in doubt. Geotagged. Timestamped. Signed by name. The kind of evidence that survives a front page.</p><div class="rc-ret">→ Unimpeachable proof · No fabrication risk · Brand fully protected</div></div>
<div class="rc reveal d3"><div class="rc-num">06</div><span class="rc-ico">▦</span><h3 class="rc-ti">Procurement & Contracts Now Require ESG Evidence</h3><div class="rc-tag">B2B buyers and public tenders screen for ESG compliance</div><p class="rc-bo">Enterprise procurement teams, public sector tenders, and EU-funded contracts increasingly require verifiable ESG evidence as a condition of eligibility. A Project Benevolence report is structured to meet those requirements directly — not adapted after the fact, but built for submission from the first day.</p><div class="rc-ret">→ Tender eligibility · Procurement qualification · Contract competitiveness</div></div>
</div>
<div class="stats-strip reveal">
<div class="sb"><span class="sn">€50K+</span><span class="sl">Average fine per greenwashing violation under EU Green Claims Directive<em>(European Commission, 2024)</em></span></div>
<div class="sb"><span class="sn">50,000</span><span class="sl">EU companies now legally required to file verified ESG reports under CSRD<em>(EU Commission)</em></span></div>
<div class="sb"><span class="sn">3 in 5</span><span class="sl">ESG claims found unsubstantiated when independently reviewed<em>(European Consumer Organisation, 2023)</em></span></div>
<div class="sb"><span class="sn">2.3×</span><span class="sl">Higher employee retention in companies with verified, credible ESG programmes<em>(LinkedIn Workforce Report)</em></span></div>
</div>
</section>
<!-- ══ S6 HOW IT WORKS (dark) ══ -->
<section id="howitworks">
<div class="hiw-hdr">
<p class="slabel-dark reveal" style="justify-content:center">Process</p>
<h2 class="hiw-h reveal d1">Built to be <span>Scrutinised</span></h2>
<p class="hiw-sub reveal d2">Nine steps. Every one documented. Every claim verifiable. Every partner leaves with four things no marketing agency can produce:</p>
</div>
<div class="delivs reveal d1">
<div class="deliv"><div class="dv-ico">0</div><h4 class="dv-ti">Global On-the-Ground Project Execution</h4><p class="dv-bo">The actual initiative — designed, co-created, and delivered on location with a registered NGO and real community members. Pre-existing relationships. Genuine consent. Knowledge permanently transferred. <strong>This is what everything else is built on. Without it, there is nothing to verify.</strong></p></div>
<div class="deliv"><div class="dv-ico">I</div><h4 class="dv-ti">The Verified Benevolence Impact Report</h4><p class="dv-bo">Six layers. Six independent signatures. Neuroscience-based measurement, financial audit, social methodology, governance, cinematic evidence, and anti-greenwashing certification. <strong>Structured for CSRD, CSDDD, and ESRS S3. Audit-grade from page one.</strong></p></div>
<div class="deliv"><div class="dv-ico">II</div><h4 class="dv-ti">Cinematic Field Evidence</h4><p class="dv-bo">Geotagged. Timestamped. Community-approved. A NatGeo-quality documentary and photo suite proving the project happened with the exact people it claims to have served. <strong>Impossible to fake. Impossible to dispute.</strong></p></div>
<div class="deliv"><div class="dv-ico">III</div><h4 class="dv-ti">The Anti-Greenwashing Certification Badge</h4><p class="dv-bo">Signed by a registered chartered accountant and ESG assurance specialist. Confirms nothing in the report overstates what the evidence supports. <strong>Not self-declared. Professionally signed. Built to be challenged.</strong></p><p class="dv-bo" style="margin-top:14px;padding-top:14px;border-top:1px solid rgba(184,146,58,.15)">Your logo appears in six specific places where your participation is documented and verifiable. Every placement on a community site is reviewed by the advisory board and agreed with the community in writing. <strong>Your brand appears where it means something — nowhere else.</strong></p></div>
</div>
<p class="hiw-tag reveal">"One programme. Real execution on the ground. Six signed specialists. Zero room for a greenwashing claim to stand."</p>
<div class="steps">
<div class="steps-ln"></div>
<div class="step reveal"><div class="step-n">01</div><h4 class="step-ti">Discovery Consultation</h4><p class="step-bo">One focused session — your team, our team, one table. We learn your mission, ESG objectives, and what real impact means to your organisation. We present our Global Impact Portfolio, introduce NGO partners, and set the budget.</p><p class="step-out">→ Alignment confirmed · Budget agreed · Country shortlist in hand</p></div>
<div class="step reveal d1"><div class="step-n">02</div><h4 class="step-ti">Impact Programme Presentation</h4><p class="step-bo">We present 2–3 tailored initiative options, each with a full NGO dossier, reporting format demonstration, and project timeline. NGO credentials, financial track record, and community relationships shared openly.</p><p class="step-out">→ Initiative selected · NGO confirmed · Agreement signed</p></div>
<div class="step reveal d2"><div class="step-n">03</div><h4 class="step-ti">Plan of Approach</h4><p class="step-bo">We build the full operational blueprint — travel, community access, risk management, and a deliverables schedule. Ethics checklist completed. Community leadership involved from day one.</p><p class="step-out">→ Logistics locked · Ethics cleared · Team mobilised</p></div>
<div class="step reveal"><div class="step-n">04</div><h4 class="step-ti">Impact Report Framework</h4><p class="step-bo">Five specialists build five verified layers simultaneously. Neuroscience-based measurement framework designed. Financial documentation standards set. Regulatory alignment with CSRD, CSDDD, and ESRS S3 confirmed.</p><p class="step-out">→ KPIs defined · Audit framework live · Report skeleton ready</p></div>
<div class="step reveal d1"><div class="step-n">05</div><h4 class="step-ti">Community Co-Design & On-Ground Preparation</h4><p class="step-bo">Local leaders, NGO partners, and community members shape the initiative together — driven by genuine need, not external assumption. Trust-building begins. Consent formally documented and signed.</p><p class="step-out">→ Initiative community-led · Team on the ground · Ready to execute</p></div>
<div class="step reveal d2"><div class="step-n">06</div><h4 class="step-ti">Project Execution & Knowledge Transfer</h4><p class="step-bo">The project is delivered under community leadership in full partnership with the NGO. Skills transferred, tools shared, systems built that the community will own permanently. Skills stay. Dependency does not.</p><p class="step-out">→ Project complete · Skills transferred · Community capability built</p></div>
<div class="step reveal"><div class="step-n">07</div><h4 class="step-ti">Cinematic Documentation</h4><p class="step-bo">Local talent. High-quality equipment. Aerial drone shots establish geography and scale. Ground-level footage follows the human story. National Geographic–inspired voice-over. One 10-min documentary, four 60-sec social films, 15 cinematic photographs, four community testimonials.</p><p class="step-out">→ Full cinematic record captured · Community-approved · Ready for post</p></div>
<div class="step reveal d1"><div class="step-n">08</div><h4 class="step-ti">Post-Production & Brand Integration</h4><p class="step-bo">Cinematic colour grading, immersive sound design, purposeful pacing. Your brand integrated across every deliverable — logo on title card, closing credits, lower thirds, all 15 photographs, and your dedicated partner page on projectbenevo.com.</p><p class="step-out">→ All content final-approved · Brand co-signed · Partner page live</p></div>
<div class="step reveal d2"><div class="step-n">09</div><h4 class="step-ti">The Benevolence Impact Report & Certification</h4><p class="step-bo">Five specialists. One audit-grade document. Zero room for doubt. Structured to ESRS S3. Aligned with CSRD and CSDDD. Anti-greenwashing certification confirming nothing overstates what the evidence supports.</p><p class="step-out">→ Professionally signed · Audit-grade · ESG filing ready</p></div>
</div>
</section>
<!-- ══ CINEMATIC (dark) ══ -->
<section id="cinematic">
<div class="cin-glow"></div>
<div class="cin-hdr">
<p class="slabel-dark reveal" style="justify-content:center">Visual Evidence</p>
<h2 class="cin-h reveal d1">Cinematic proof that<br><span>cannot be staged.</span></h2>
<p class="cin-sub reveal d2">Every frame captured in the field. Every image real, geotagged, and timestamped. Not a brand film. Not a charity appeal. A documentary record of exactly what happened — structured as evidence first, and content second.</p>
</div>
<!-- Philosophy -->
<div class="cin-phil reveal d1">
<p class="cin-phil-q">"Inspired by National Geographic — where the story unfolds as it happens, without direction, without emotional manipulation, and without ever asking the viewer to feel sorry for anyone."</p>
<p class="cin-phil-b">Most corporate impact films focus on suffering to generate sympathy. <strong>Ours focus on capability, dignity, and momentum.</strong> The communities we work with are not victims of their circumstances — they are people building something. That is the story we tell. Uplifting, honest, and impossible to fabricate — because it was never scripted in the first place.</p>
</div>
<!-- 4 deliverable cards -->
<div class="cin-grid">
<div class="cin-card reveal">
<span class="cin-card-num">01</span>
<svg class="cin-card-ico" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="16" rx="2"/><path d="M10 9l5 3-5 3V9z"/></svg>
<h4 class="cin-card-ti">10-Minute NatGeo Documentary</h4>
<p class="cin-card-bo">Planning, execution, and end results — captured as the story unfolds. Aerial drone establishing shots. Ground-level community footage. A purposeful voice-over that carries weight without sentimentality. Professional colour grading. Immersive sound design. The complete journey from first conversation to lasting impact — in ten minutes.</p>
<span class="cin-card-tag">Main deliverable</span>
</div>
<div class="cin-card reveal d1">
<span class="cin-card-num">02</span>
<svg class="cin-card-ico" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M17 2H7a2 2 0 00-2 2v16a2 2 0 002 2h10a2 2 0 002-2V4a2 2 0 00-2-2z"/><path d="M12 18h.01"/></svg>
<h4 class="cin-card-ti">4 × 60-Second Community Testimonials</h4>
<p class="cin-card-bo">Four unscripted on-camera testimonials from community members — in their own language, with subtitles. No briefing. No direction. No emotional prompting. Just people speaking honestly about what changed and why it matters to them. Signed consent documented. Platform-ready for LinkedIn, Instagram, and internal comms.</p>
<span class="cin-card-tag">Social ready</span>
</div>
<div class="cin-card reveal d2">
<span class="cin-card-num">03</span>
<svg class="cin-card-ico" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg>
<h4 class="cin-card-ti">15 High-Quality Photographs</h4>
<p class="cin-card-bo">Fifteen cinematic, editorial-grade photographs captured on location. Uplifting. Human. Real. No stock. No staging. Shot by locally hired photographers with a National Geographic-inspired eye — dignity in the frame, not desperation. Fully licensed for your website, annual report, ESG filing, investor deck, and press materials.</p>
<span class="cin-card-tag">Fully licensed</span>
</div>
<div class="cin-card reveal d3">
<span class="cin-card-num">04</span>
<svg class="cin-card-ico" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
<h4 class="cin-card-ti">Behind-the-Scenes Content Package</h4>
<p class="cin-card-bo">Raw, authentic footage from the process itself — the planning conversations, the crew at work, the community preparation. Designed for internal communications, employee engagement, and social media storytelling. Proves the project happened exactly as described. Unpolished by design.</p>
<span class="cin-card-tag">Internal comms</span>
</div>
</div>
<!-- Production details -->
<div class="cin-prod reveal d1">
<div class="cin-prod-item">
<svg class="cin-prod-ico" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20"/></svg>
<div>
<p class="cin-prod-ti">Local Crew — Hired in the Field</p>
<p class="cin-prod-bo">Photographers and videographers are hired locally in every country we operate. They know the terrain, the culture, and the light. Money stays in the community. The footage feels authentic because the people behind the camera are part of the same world as the people in front of it.</p>
</div>
</div>
<div class="cin-prod-item">
<svg class="cin-prod-ico" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><path d="M9 22V12h6v10"/></svg>
<div>
<p class="cin-prod-ti">Post-Production — Amsterdam</p>
<p class="cin-prod-bo">All editing, colour grading, sound design, voice-over recording, and brand integration happens in Amsterdam. European production standards. Two revision rounds included. Your brand integrated across every deliverable — title cards, lower thirds, closing credits, and all photographs.</p>
</div>
</div>
<div class="cin-prod-item">
<svg class="cin-prod-ico" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
<div>
<p class="cin-prod-ti">Drone Footage — Every Project</p>
<p class="cin-prod-bo">Aerial drone sequences establish geography, scale, and context in every documentary. They give the viewer a sense of place that ground-level footage alone cannot achieve — and they are the single frame that makes people stop scrolling. Licensed drone operator. CAA compliant.</p>
</div>
</div>
</div>
<!-- NatGeo philosophy vs typical corporate film -->
<div class="cin-natgeo reveal d2">
<div class="cin-ng-l">
<p class="cin-ng-ey">The Benevolence approach</p>
<h3 class="cin-ng-ti">The story unfolds.<br>We just capture it.</h3>
<p class="cin-ng-bo">Our films are inspired by the National Geographic philosophy — <strong>the camera follows reality, not the other way around.</strong> Nothing is staged. Nothing is directed. No one is asked to perform emotion or demonstrate suffering for the lens. The crew arrives, embeds with the community, and documents what is actually happening.</p>
<div class="cin-ng-rows">
<div class="cin-ng-row"><div class="cin-ng-dot"></div>Focus on created impact and uplifted community — not hardship</div>
<div class="cin-ng-row"><div class="cin-ng-dot"></div>Inspire the viewer — never manipulate them emotionally</div>
<div class="cin-ng-row"><div class="cin-ng-dot"></div>Dignity in every frame — communities as builders, not victims</div>
<div class="cin-ng-row"><div class="cin-ng-dot"></div>Unscripted testimonials — people speaking in their own words</div>
<div class="cin-ng-row"><div class="cin-ng-dot"></div>Geotagged and timestamped — evidence, not content</div>
</div>
</div>
<div class="cin-ng-r">
<p class="cin-ng-ey">Typical corporate impact film</p>
<h3 class="cin-ng-ti" style="color:rgba(244,239,232,.3)">The brief drives<br>the story.</h3>
<p class="cin-ng-bo" style="color:rgba(244,239,232,.2)">Most corporate impact films are produced by agencies who arrive with a shot list, a brand brief, and a narrative already decided. The community is the backdrop. The emotion is directed. The outcome is a polished film that looks impressive until someone asks where the evidence is.</p>
<div class="cin-ng-rows">
<div class="cin-ng-row" style="color:rgba(244,239,232,.2)"><div class="cin-ng-dot" style="background:rgba(255,255,255,.15)"></div>Scripted narrative built around brand messaging</div>
<div class="cin-ng-row" style="color:rgba(244,239,232,.2)"><div class="cin-ng-dot" style="background:rgba(255,255,255,.15)"></div>Emotional manipulation to generate sympathy</div>
<div class="cin-ng-row" style="color:rgba(244,239,232,.2)"><div class="cin-ng-dot" style="background:rgba(255,255,255,.15)"></div>Community as visual backdrop, not participant</div>
<div class="cin-ng-row" style="color:rgba(244,239,232,.2)"><div class="cin-ng-dot" style="background:rgba(255,255,255,.15)"></div>No verified consent documentation</div>
<div class="cin-ng-row" style="color:rgba(244,239,232,.2)"><div class="cin-ng-dot" style="background:rgba(255,255,255,.15)"></div>No evidence layer — just a beautiful film</div>
</div>
</div>
</div>
</section>
<!-- ══ S7 METHODOLOGY (cream) ══ -->
<section id="methodology">
<div class="mh">
<p class="slabel-light reveal" style="justify-content:center">Why This Report Cannot Be Challenged</p>
<h2 class="mh-h reveal d1">The separation that makes it <span>legally defensible</span></h2>
<p class="mh-i reveal d2">Any company can commission an impact report and sign it themselves. That is called social washing. What makes the Benevolence report different is structural: the person who collects the evidence in the field is never the person who verifies it. Lana collects everything on the ground. Six independent Amsterdam specialists scrutinise every piece of it. That wall between collection and verification is exactly what makes this report survive regulatory scrutiny, investor due diligence, and legal challenge.</p>
</div>
<!-- Two-col: Field vs Verification -->
<div class="mex reveal d1">
<div class="mrb">
<p class="mrb-ey">Step 1 — Field</p>
<span class="mrb-ico">✦</span>
<h3 class="mrb-ti">Lana collects — in the field</h3>
<p class="mrb-bo">Lana is on the ground in every community. She lives alongside the people, co-designs the initiative, oversees execution, collects testimonials, documents every invoice, films the footage — then brings everything back to Amsterdam. She is the bridge between the community and the board. Nobody else can do this part. It requires 20 years of trust, cultural sensitivity, and lived experience.</p>
<ul class="mrb-ul">
<li>Raw field footage & photographs</li>
<li>Community testimonials on camera</li>
<li>Every invoice & receipt collected</li>
<li>Needs assessments & baseline data</li>
<li>Signed community consent documents</li>
</ul>
</div>
<div class="mdiv">
<div class="mdiv-ln"></div>
<div class="mdiv-ar">→</div>
<div class="mdiv-lb">Then back in Amsterdam, the board verifies</div>
<div class="mdiv-ar">→</div>
<div class="mdiv-ln"></div>
</div>
<div class="mrb mrb-dark">
<p class="mrb-ey" style="color:var(--gold-light)">Step 2 — Verification</p>
<span class="mrb-ico mrb-ico-d">◈</span>
<h3 class="mrb-ti mrb-ti-d">The board verifies — independently</h3>
<p class="mrb-bo mrb-bo-d">The Amsterdam advisory board doesn't rubber-stamp what Lana brings back — they independently verify every piece of material. Six professionals scrutinise it across six distinct layers. That separation between collection and verification is what gives the report its integrity — not a self-declared claim, but a document built to be challenged and survive it.</p>
<ul class="mrb-ul mrb-ul-d">
<li>6 specialists sign 6 independent layers</li>
<li>Every claim checked against field evidence</li>
<li>Financial audit by registered accountant</li>
<li>Neuroscience-based outcome measurement</li>
<li>Anti-greenwashing certification issued</li>
</ul>
</div>
</div>
<!-- Layer divider title -->
<div class="mlt reveal">
<div class="mlt-l"></div>
<span>The 6 Verified Report Layers — Each Independently Signed</span>
<div class="mlt-l"></div>
</div>
<!-- Six layers -->
<div class="mlayers">
<div class="ml reveal">
<div class="ml-meta">
<div class="ml-num">01</div>
<div><span class="ml-sn">Nora Hagopian</span><span class="ml-sr">Neuroscientist & Impact Measurement Specialist</span></div>
</div>
<div class="ml-bw">
<div class="ml-tags"><span class="ml-tag">Behavioural</span><span class="ml-tag">Cognitive</span><span class="ml-tag">Emotional</span><span class="ml-tag">ESRS S3</span></div>
<h3 class="ml-ti">Neuroscience-Based Social Impact & Behavioural Evidence Report</h3>
<p class="ml-de">Measures real human outcomes using validated neuroscience frameworks — behavioural change, cognitive development, emotional wellbeing, and community resilience. Baseline assessments are conducted before the project begins, with post-project evaluation using standardised psychometric tools. This is the only ESG report layer that measures what actually changed inside the people it claims to have served.</p>
<div class="ml-dels">
<span class="ml-dl">Deliverables included in report</span>
<div class="ml-di">
<span>Signed neuroscience impact report</span>
<span>KPI dashboard with before/after metrics</span>
<span>Behavioural evidence matrix</span>
<span>Community resilience assessment</span>
</div>
</div>
</div>
</div>
<div class="ml ml-alt reveal d1">
<div class="ml-meta">
<div class="ml-num">02</div>
<div><span class="ml-sn">Jale Sezgin</span><span class="ml-sr">Governance & Policy Advisor</span></div>
</div>
<div class="ml-bw">
<div class="ml-tags"><span class="ml-tag">SDG Aligned</span><span class="ml-tag">ESRS S3</span><span class="ml-tag">Community Consent</span><span class="ml-tag">Knowledge Transfer</span></div>
<h3 class="ml-ti">Social Methodology Framework</h3>
<p class="ml-de">Independently validates the social methodology used — confirming alignment with SDG frameworks, ESRS S3 standards, and community consent protocols. Documents that the initiative was genuinely co-designed with communities, not imposed upon them. Confirms that knowledge transfer was real, deliberate, and permanent — that capabilities stayed in the community after the team left.</p>
<div class="ml-dels">
<span class="ml-dl">Deliverables included in report</span>
<div class="ml-di">
<span>Independent methodology validation certificate</span>
<span>SDG & ESRS S3 alignment sign-off</span>
<span>Community consent documentation</span>
<span>Knowledge transfer permanence log</span>
</div>
</div>
</div>
</div>
<div class="ml reveal d2">
<div class="ml-meta">
<div class="ml-num">03</div>
<div><span class="ml-sn">Humberta Ramsa</span><span class="ml-sr">Chartered Accountant RA · ESG Assurance Specialist</span></div>
</div>
<div class="ml-bw">
<div class="ml-tags"><span class="ml-tag">Every Invoice Verified</span><span class="ml-tag">Full Audit Trail</span><span class="ml-tag">CSRD Financial Annex</span></div>
<h3 class="ml-ti">Financial Budget Report</h3>
<p class="ml-de">Every single invoice, procurement decision, and supplier payment is verified by a registered chartered accountant. The budget breakdown shows exactly where every euro went — from flights and community wages to materials and NGO fees. Fully traceable. Open books. Structured for direct integration into CSRD financial disclosures and shareholder reporting.</p>
<div class="ml-dels">
<span class="ml-dl">Deliverables included in report</span>
<div class="ml-di">
<span>Verified itemised budget breakdown</span>
<span>Supplier documentation & procurement log</span>
<span>Full invoice audit trail</span>
<span>CSRD-ready financial annex</span>
</div>
</div>
</div>
</div>
<div class="ml ml-alt reveal">
<div class="ml-meta">
<div class="ml-num">04</div>
<div><span class="ml-sn">Callum Clark</span><span class="ml-sr">Partnership Director · Governance Lead</span></div>
</div>
<div class="ml-bw">
<div class="ml-tags"><span class="ml-tag">Fair Labour</span><span class="ml-tag">Ethics</span><span class="ml-tag">CSDDD Due Diligence</span><span class="ml-tag">Permanence</span></div>
<h3 class="ml-ti">Governance, Ethics & Knowledge Transfer Report</h3>
<p class="ml-de">Confirms that fair labour standards were upheld, that no community was exploited or misrepresented, and that every skill transferred is permanently owned by the community. Documents the governance structure — who had oversight, how decisions were made, how risks were managed. Aligned with CSDDD human rights and environmental due diligence requirements.</p>
<div class="ml-dels">
<span class="ml-dl">Deliverables included in report</span>
<div class="ml-di">
<span>Ethics compliance sign-off</span>
<span>Fair labour standards certificate</span>
<span>Knowledge transfer permanence record</span>
<span>CSDDD due diligence annex</span>
</div>
</div>
</div>
</div>
<div class="ml reveal d1">
<div class="ml-meta">
<div class="ml-num">05</div>
<div><span class="ml-sn">Shaira Malawauw</span><span class="ml-sr">Community Coordinator · Visual Documentary Lead</span></div>
</div>
<div class="ml-bw">
<div class="ml-tags"><span class="ml-tag">NatGeo-Grade</span><span class="ml-tag">Geotagged</span><span class="ml-tag">Unscripted</span><span class="ml-tag">Community-Approved</span></div>
<h3 class="ml-ti">Cinematic Evidence & Community Testimonials</h3>
<p class="ml-de">One 10-minute documentary, four 60-second social films, 15 cinematic photographs, and four on-camera community testimonials — filmed on location with local talent, drone footage, and National Geographic–inspired cinematography. Every frame is geotagged, timestamped, and community-approved. Impossible to fake. Impossible to stage. Proves the project actually happened with the exact people it claims to have served.</p>
<div class="ml-dels">
<span class="ml-dl">Deliverables included in report</span>
<div class="ml-di">
<span>1× 10-minute NatGeo-style documentary</span>
<span>4× 60-second social films</span>
<span>15 cinematic photographs</span>
<span>4 community testimonials + BTS content package</span>
</div>
</div>
</div>
</div>
<div class="ml ml-alt reveal d2">
<div class="ml-meta">
<div class="ml-num">06</div>
<div><span class="ml-sn">Humberta Ramsa</span><span class="ml-sr">ESG Assurance Specialist · NBA / Nyenrode Examiner</span></div>
</div>
<div class="ml-bw">
<div class="ml-tags"><span class="ml-tag">Anti-Greenwashing</span><span class="ml-tag">CSRD</span><span class="ml-tag">CSDDD</span><span class="ml-tag">ESRS S3</span><span class="ml-tag">Independently Signed</span></div>
<h3 class="ml-ti">Anti-Greenwashing Certification</h3>
<p class="ml-de">A final independent certification confirming that nothing in the report overstates what the evidence supports. Every claim is cross-referenced against the five layers above. Structured to ESRS S3. Aligned with CSRD and CSDDD. Not self-declared — professionally signed by a registered assurance specialist and chartered accountant. Ready for direct submission into your annual ESG filing, investor reports, and shareholder disclosures.</p>
<div class="ml-dels">
<span class="ml-dl">Deliverables included in report</span>
<div class="ml-di">
<span>Anti-greenwashing certification (signed)</span>
<span>ESRS S3 structured annex</span>
<span>ESG filing-ready executive summary</span>
<span>Shareholder & investor disclosure pack</span>
</div>
</div>
</div>
</div>
</div>
<!-- Bottom callout -->
<div class="mcall reveal">
<div class="mcall-in">
<div class="mc-l">
<p class="mc-ey">The anti-greenwashing argument</p>
<h3 class="mc-ti">This is the report your legal team will thank you for.</h3>
<p class="mc-bo">When a regulator, investor, or journalist challenges your social impact claim, you will not point them to a brochure. You will send them this report. Six named professionals. Six independent signatures. Every claim cross-referenced against field evidence collected 5,000 kilometres from the boardroom that commissioned it. That is not marketing. That is a legal defence.</p>
</div>
<div class="mc-r">
<div class="mc-st"><span class="mc-sn">6</span><span class="mc-sl">Independent specialists sign each layer</span></div>
<div class="mc-st"><span class="mc-sn">100%</span><span class="mc-sl">Of claims verified against field evidence</span></div>
<div class="mc-st"><span class="mc-sn">0</span><span class="mc-sl">Self-declared certifications — all independently signed</span></div>
</div>
</div>
</div>
</section>
<!-- ══ S8 NETWORK (cream) ══ -->
<section id="network">
<div class="net-hdr">
<p class="slabel-light reveal" style="justify-content:center">Why We Cannot Be Faked</p>
<h2 class="net-h reveal d1">The infrastructure <span>behind the proof</span></h2>
<p class="net-i reveal d2">Social washing happens when companies commission impact from people who have no pre-existing relationship with the community, no cultural context, and no accountability beyond the invoice. Every safeguard below exists specifically to prevent that — and to ensure that what we report reflects what actually happened, verified by people with the professional standing to say so.</p>
</div>
<div class="npillars">
<div class="np reveal"><div class="np-n">01</div><h4 class="np-ti">Years of Trust Before Any Corporate Partner Arrives</h4><p class="np-bo">In every country we operate, Lana has spent years building community relationships before any corporate engagement begins. Not a facilitation service — a network built on years of personal presence. That is why testimonials are genuine, consent is real, and the work cannot be staged.</p></div>
<div class="np reveal d1"><div class="np-n">02</div><h4 class="np-ti">Cultural Fluency That Cannot Be Outsourced</h4><p class="np-bo">Social washing most often happens not from malice but from cultural ignorance — projecting outcomes onto communities that were never meaningfully consulted. Lana's deep knowledge of local hierarchies, communication styles, and community dynamics ensures that what gets reported reflects what was actually experienced — not what was assumed.</p></div>
<div class="np reveal d2"><div class="np-n">03</div><h4 class="np-ti">A Governance Structure That Survives External Scrutiny</h4><p class="np-bo">Every initiative is governed by a structured framework with documented timelines, accountability chains, risk registers, and audit trails. If a regulator, investor, or journalist demands to see how a decision was made, we can show them exactly — because it was designed to be shown from the start.</p></div>
<div class="np reveal"><div class="np-n">04</div><h4 class="np-ti">NGO Partners Verified Before We Accept a Single Brief</h4><p class="np-bo">We work exclusively with registered NGOs that have an established track record, transparent financials, and demonstrable community presence. Every partner undergoes due diligence before any corporate relationship begins — because our report co-signs their credibility, and we only co-sign what we have verified ourselves.</p></div>
<div class="np reveal d1"><div class="np-n">05</div><h4 class="np-ti">Evidence Collected to Withstand Challenge — Not Just to Look Good</h4><p class="np-bo">Every KPI has a before-and-after measurement. Every visual deliverable is geotagged, timestamped, and community-approved. Communication to corporate partners reflects verified outcomes only — never projections, estimates, or narrative additions. What we show is what happened. Nothing more.</p></div>
<div class="np reveal d2"><div class="np-n">06</div><h4 class="np-ti">Every Euro Documented by a Registered Accountant</h4><p class="np-bo">Full financial transparency is a non-negotiable condition of every engagement. Every expenditure is documented, traceable, and audited by a registered chartered accountant. Open books. No aggregated line items. No discretionary spend. If you need to show an auditor exactly where the money went, you can — because we built it that way.</p></div>
</div>
</section>
<!-- ══ S9 CERTIFICATION (dark) ══ -->
<section id="certification">
<div class="cert-glow"></div>
<div class="cert-hdr">
<p class="slabel-dark reveal" style="justify-content:center">The Mark of Real Impact</p>
<h2 class="cert-h reveal d1">The Benevolence<br><span>Certification</span></h2>
<p class="cert-sub reveal d2">A professionally signed badge that tells investors, customers, regulators, and talent one thing without ambiguity: this company's social impact is real, ethical, and built to withstand any challenge.</p>
</div>
<!-- Badge centrepiece with proof points either side -->
<div class="cert-badge-wrap">
<!-- Left proof points -->
<div class="cert-badge-col reveal">
<div class="cert-pt">
<svg class="cert-pt-ico" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/><path d="M9 12l2 2 4-4"/></svg>
<h4 class="cert-pt-ti">Ethically Executed</h4>
<p class="cert-pt-bo">Every initiative was co-designed with the community. Fair wages paid. No exploitation. No parachuting in and out. Knowledge transferred permanently. Confirmed by an independent governance specialist.</p>
</div>
<div class="cert-pt">
<svg class="cert-pt-ico" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg>
<h4 class="cert-pt-ti">Fair Labour Standards Met</h4>
<p class="cert-pt-bo">Every worker involved was paid fairly and treated with dignity. Labour conditions documented, verified against EU standards, and signed off independently — before the certification is issued.</p>
</div>
<div class="cert-pt">
<svg class="cert-pt-ico" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><path d="M9 22V12h6v10"/></svg>
<h4 class="cert-pt-ti">Governed Within EU Standards</h4>
<p class="cert-pt-bo">The entire programme is governed from Amsterdam under EU regulatory frameworks — CSRD, CSDDD, and ESRS S3. Not adapted to comply. Built to comply from day one.</p>
</div>
</div>
<!-- Centre emblem -->
<div class="cert-badge-centre reveal d1">
<div class="cert-emblem">
<div class="cert-emblem-ring"></div>
<div class="cert-emblem-ring2"></div>
<svg class="cert-emblem-ico" width="52" height="52" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
<span class="cert-emblem-name">Benevolence<br>Certified</span>
<span class="cert-emblem-sub">Amsterdam · Est. 2024</span>
</div>
<div class="cert-issued">
<span>Independently signed by</span>
<p>Humberta Ramsa RA<br>ESG Assurance Specialist<br>Nyenrode Business Universiteit</p>
</div>
</div>
<!-- Right proof points -->
<div class="cert-badge-col reveal d2">
<div class="cert-pt">
<svg class="cert-pt-ico" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="2"/><path d="M3 9h18M9 21V9"/></svg>
<h4 class="cert-pt-ti">Visuals Are 100% Real</h4>
<p class="cert-pt-bo">No AI-generated imagery. No stock photography. Every photograph and frame of footage was captured on location, with the exact community named in the report, by a documented crew on a documented date. Geotagged. Timestamped. Unimpeachable.</p>
</div>
<div class="cert-pt">
<svg class="cert-pt-ico" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/><path d="M14 2v6h6M16 13H8M16 17H8"/></svg>
<h4 class="cert-pt-ti">Nothing Overstated</h4>
<p class="cert-pt-bo">Every claim in the certified report has been cross-referenced against field evidence. If the evidence doesn't support a claim, the claim doesn't appear. Not a marketing document — a legal one.</p>
</div>
<div class="cert-pt">
<svg class="cert-pt-ico" width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20"/></svg>
<h4 class="cert-pt-ti">Community Voice Documented</h4>
<p class="cert-pt-bo">Community members gave informed, documented consent. Their testimonials are on camera, unscripted, in their own language. The initiative was shaped by their needs — not the other way around.</p>
</div>
</div>
</div>
<!-- What the certification proves -->
<div class="cert-proves reveal d1">
<p class="cert-proves-title">What the certification confirms — in writing, signed by name</p>
<div class="cert-proves-grid">
<div class="cert-pv">
<span class="cert-pv-ico">🛡</span>
<h4 class="cert-pv-ti">Anti-Greenwashing</h4>
<p class="cert-pv-bo">No claim exceeds what the verified evidence supports</p>
</div>
<div class="cert-pv">
<span class="cert-pv-ico">⚖️</span>
<h4 class="cert-pv-ti">Anti-Socialwashing</h4>
<p class="cert-pv-bo">Community involvement was genuine, consensual, and community-led</p>
</div>
<div class="cert-pv">
<span class="cert-pv-ico">📸</span>
<h4 class="cert-pv-ti">Visual Integrity</h4>
<p class="cert-pv-bo">Zero AI-generated imagery — every visual is field-captured and verified</p>
</div>
<div class="cert-pv">
<span class="cert-pv-ico">🏛</span>
<h4 class="cert-pv-ti">EU Governed</h4>
<p class="cert-pv-bo">Every programme structured within CSRD, CSDDD, and ESRS S3 frameworks</p>
</div>
<div class="cert-pv">
<span class="cert-pv-ico">✍️</span>
<h4 class="cert-pv-ti">Professionally Signed</h4>
<p class="cert-pv-bo">Issued by a registered ESG assurance specialist and chartered accountant</p>
</div>
</div>
</div>
<!-- Differentiation comparison -->
<div class="cert-diff reveal d2">
<div class="cert-diff-l">
<p class="cert-diff-ey cert-diff-ey-g">With the Benevolence Certification</p>
<h3 class="cert-diff-ti cert-diff-ti-g">You lead<br>by example.</h3>
<div class="cert-diff-rows">
<div class="cert-diff-row cert-diff-row-g"><span class="cert-check cert-check-g">✦</span>Your social impact claim has a named specialist's signature behind it</div>
<div class="cert-diff-row cert-diff-row-g"><span class="cert-check cert-check-g">✦</span>Your visuals are verified field footage — impossible to challenge as fabricated</div>
<div class="cert-diff-row cert-diff-row-g"><span class="cert-check cert-check-g">✦</span>Your ESG report is structured for CSRD filing and investor due diligence</div>
<div class="cert-diff-row cert-diff-row-g"><span class="cert-check cert-check-g">✦</span>Your community partners gave documented, genuine consent</div>
<div class="cert-diff-row cert-diff-row-g"><span class="cert-check cert-check-g">✦</span>You can hand this to a regulator, journalist, or investor with full confidence</div>
<div class="cert-diff-row cert-diff-row-g"><span class="cert-check cert-check-g">✦</span>You differentiate yourself not through louder claims — but through better proof</div>
</div>
</div>
<div class="cert-diff-r">
<p class="cert-diff-ey cert-diff-ey-m">Without it — like most companies</p>
<h3 class="cert-diff-ti cert-diff-ti-m">You rely<br>on trust.</h3>
<div class="cert-diff-rows">
<div class="cert-diff-row cert-diff-row-m"><span class="cert-check cert-check-m">–</span>Your impact report was written by the same team that benefits from it looking good</div>
<div class="cert-diff-row cert-diff-row-m"><span class="cert-check cert-check-m">–</span>Your visuals may include stock photography or AI-generated imagery</div>
<div class="cert-diff-row cert-diff-row-m"><span class="cert-check cert-check-m">–</span>Your ESG filing may not survive an auditor's first question</div>
<div class="cert-diff-row cert-diff-row-m"><span class="cert-check cert-check-m">–</span>Community involvement is described but not documented or verified</div>
<div class="cert-diff-row cert-diff-row-m"><span class="cert-check cert-check-m">–</span>A single investigative article can collapse years of ESG narrative</div>
<div class="cert-diff-row cert-diff-row-m"><span class="cert-check cert-check-m">–</span>You look the same as every other company making the same claims</div>
</div>
</div>
</div>
</section>
<!-- ══ S10 FOUNDER (dark) ══ -->
<section id="founder">
<div class="fnd-wrap">
<div class="fnd-top reveal">
<div class="fnd-intro">
<p class="fnd-ey">Built By</p>
<h2 class="fnd-h">Lana van Geel —<br><span>the person who has<br>actually been there.</span></h2>
<p class="fnd-pull">"I didn't build this from a boardroom. I built it from the field — after 20 years of seeing what works, what doesn't, and what gets called greenwashing when nobody was watching."</p>
<p class="fnd-body">Project Benevolence exists because of a specific kind of frustration: watching organisations with genuine good intentions produce impact that fades, gets misrepresented, or simply can't be proven. <strong>Lana has spent two decades on the other side of that story</strong> — inside communities, not observing them. That perspective is not something that can be hired or consulted in. It is the foundation the entire methodology is built on.</p>
<p class="fnd-body"><strong>The past five years: non-stop. Self-funded. Four continents.</strong> Kenya, India, Sri Lanka, Guatemala, Fiji, South Africa, Vanuatu — living alongside communities, co-designing initiatives, and learning firsthand what lasting impact actually requires. Not resources dropped in. Systems built from within. That experience is why building lasting capability — not just delivering resources — is at the core of every programme.</p>
<p class="fnd-body">Before the field work: <strong>10+ years in enterprise business consulting</strong> — understanding how large organisations make decisions, what they need to see to trust a supplier, and how to build structures that survive institutional scrutiny. That corporate fluency is why the reports are structured the way they are. Why the governance is what it is. Why the methodology holds up in front of auditors.</p>
</div>
<div class="fnd-stats">
<div class="fnd-stat">
<span class="fnd-sn">20+</span>
<span class="fnd-sl">Years of humanitarian work — on the ground, not from a desk</span>
</div>
<div class="fnd-stat">
<span class="fnd-sn">4</span>
<span class="fnd-sl">Continents of self-funded humanitarian initiatives — Kenya, India, South Africa, Guatemala, Fiji, Vanuatu, Sri Lanka and more</span>
</div>
<div class="fnd-stat">
<span class="fnd-sn">5</span>
<span class="fnd-sl">Years of continuous world travel — living inside communities, not visiting them</span>
</div>
<div class="fnd-stat">
<span class="fnd-sn">10+</span>
<span class="fnd-sl">Years in enterprise business consulting — building structures that hold up under institutional scrutiny</span>
</div>
<div class="fnd-stat">
<span class="fnd-sn">100%</span>
<span class="fnd-sl">Self-funded field work — no grants, no sponsors, no agenda other than impact</span>
</div>
</div>
</div>
<div class="fnd-creds reveal d1">
<div class="fnd-cred">
<svg class="fnd-cred-ico" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75"/></svg>
<span class="fnd-cred-ti">Lived on Both Sides</span>
<p class="fnd-cred-bo">Has lived within the communities she now serves, and inside the corporate structures that partner with them. That dual fluency is irreplaceable — and unverifiable by anyone who hasn't done the same.</p>
</div>
<div class="fnd-cred">
<svg class="fnd-cred-ico" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="M2 12h20M12 2a15.3 15.3 0 010 20M12 2a15.3 15.3 0 000 20"/></svg>
<span class="fnd-cred-ti">Active Global Network</span>
<p class="fnd-cred-bo">Pre-existing relationships in every country we operate — built over years before any corporate partnership began. Trust that cannot be manufactured or outsourced.</p>
</div>
<div class="fnd-cred">
<svg class="fnd-cred-ico" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
<span class="fnd-cred-ti">Self-Funded Integrity</span>
<p class="fnd-cred-bo">Every personal initiative was funded out of pocket. No grants. No sponsors. No agenda other than impact. That independence is why the methodology has no room for compromise.</p>
</div>
<div class="fnd-cred">
<svg class="fnd-cred-ico" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 7V5a2 2 0 00-4 0v2M12 12v4M10 14h4"/></svg>
<span class="fnd-cred-ti">10+ Years Enterprise Consulting</span>
<p class="fnd-cred-bo">Knows exactly what auditors, investors, and procurement teams need to see — and built the reports to give it to them. The corporate rigour behind the humanitarian heart.</p>
</div>
</div>
</div>
</section>
<!-- ══ S10 PRICING (dark) ══ -->
<section id="pricing">
<div class="pr-hdr">
<p class="slabel-dark reveal" style="justify-content:center">Investment</p>
<h2 class="pr-h reveal d1">Our Impact <span>Packages</span></h2>
<p class="pr-sub reveal d2">Four tiers designed for every stage — from first-time impact explorers to global enterprise ESG programmes. No prices listed because every engagement is scoped to your exact needs. Contact us for a tailored quote.</p>
</div>
<!-- Always included in every package -->
<div class="pr-always reveal d1">
<span class="pr-always-lb">Included in every tier →</span>
<div class="pr-always-items">
<span class="pr-ai"><svg viewBox="0 0 24 24" width="13" height="13"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7z" stroke="currentColor"/><circle cx="12" cy="9" r="2.5" stroke="currentColor"/></svg>On-the-Ground Project Execution</span>
<span class="pr-ai"><svg viewBox="0 0 24 24" width="13" height="13"><path d="M9 12l2 2 4-4M12 3a9 9 0 100 18A9 9 0 0012 3z" stroke="currentColor"/></svg>6-Layer Verified Report</span>
<span class="pr-ai"><svg viewBox="0 0 24 24" width="13" height="13"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke="currentColor"/></svg>Anti-Greenwashing Cert</span>
<span class="pr-ai"><svg viewBox="0 0 24 24" width="13" height="13"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z" stroke="currentColor"/><path d="M14 2v6h6M16 13H8M16 17H8M10 9H8" stroke="currentColor"/></svg>CSRD · CSDDD · ESRS S3</span>
<span class="pr-ai"><svg viewBox="0 0 24 24" width="13" height="13"><path d="M23 7l-7 5-4-4-9 7" stroke="currentColor"/></svg>Before & After KPI Dashboard</span>
<span class="pr-ai"><svg viewBox="0 0 24 24" width="13" height="13"><circle cx="12" cy="12" r="3" stroke="currentColor"/><path d="M12 2v3M12 19v3M4.22 4.22l2.12 2.12M17.66 17.66l2.12 2.12M2 12h3M19 12h3M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12" stroke="currentColor"/></svg>Partner Page on projectbenevo.com</span>
<span class="pr-ai"><svg viewBox="0 0 24 24" width="13" height="13"><path d="M17 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2" stroke="currentColor"/><circle cx="9" cy="7" r="4" stroke="currentColor"/><path d="M23 21v-2a4 4 0 00-3-3.87M16 3.13a4 4 0 010 7.75" stroke="currentColor"/></svg>Community Consent Docs</span>
</div>
</div>
<!-- 4 packages -->
<div class="pr-grid">
<!-- TIER 1 — STARTER -->
<div class="pk reveal">
<div class="pk-icon">
<svg viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5z"/><path d="M2 17l10 5 10-5"/><path d="M2 12l10 5 10-5"/></svg>
</div>
<span class="pk-audience">🌱 Startups & SMEs</span>
<p class="pk-tier">Tier 01</p>
<h3 class="pk-name">Starter</h3>
<p class="pk-tagline">Your first step into verified social impact. Built for growing companies that want credible ESG proof without enterprise complexity or cost.</p>
<div class="pk-price-wrap">
<span class="pk-price-label">Investment</span>
<p class="pk-price">On request <em>— contact us</em></p>
</div>
<a href="#contact" class="pk-cta">Get a Quote →</a>
<div class="pk-features">
<p class="pk-feat"><strong>1 community initiative</strong> — 1 country</p>
<p class="pk-feat"><strong>1 vetted NGO partner</strong> — pre-screened</p>
<p class="pk-feat"><strong>6-layer impact report</strong> — all specialists</p>
<p class="pk-feat"><strong>1× 10-min documentary</strong> — cinematic</p>
<p class="pk-feat"><strong>4× 60-sec social films</strong></p>
<p class="pk-feat"><strong>15 photographs</strong> — fully licensed</p>
<p class="pk-feat"><strong>2 community testimonials</strong> on camera</p>
<p class="pk-feat"><strong>ESRS S3 annex</strong> — ESG filing ready</p>
<div class="pk-feat-sep"></div>
<p class="pk-feat pk-feat-no"><strong>Multi-country scope</strong></p>
<p class="pk-feat pk-feat-no"><strong>Behind-the-scenes package</strong></p>
<p class="pk-feat pk-feat-no"><strong>Partnership director</strong></p>
</div>
</div>
<!-- TIER 2 — GROWTH (FEATURED) -->
<div class="pk pk-featured reveal d1">
<div class="pk-badge">Best Value</div>
<div class="pk-icon" style="border-color:rgba(212,170,85,.5);background:rgba(212,170,85,.1)">
<svg viewBox="0 0 24 24"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
</div>
<span class="pk-audience">🚀 Scale-Ups & Mid-Market</span>
<p class="pk-tier">Tier 02</p>
<h3 class="pk-name">Growth</h3>
<p class="pk-tagline">The sweet spot for ambitious brands. Verified impact with full content output — enough to anchor your annual ESG narrative and impress investors.</p>
<div class="pk-price-wrap">
<span class="pk-price-label">Investment</span>
<p class="pk-price">On request <em>— contact us</em></p>
</div>
<a href="#contact" class="pk-cta">Get a Quote →</a>
<div class="pk-features">
<p class="pk-feat"><strong>1–2 community initiatives</strong> — 1–2 countries</p>
<p class="pk-feat"><strong>2 vetted NGO partners</strong> — pre-screened</p>
<p class="pk-feat"><strong>6-layer impact report</strong> per initiative</p>
<p class="pk-feat"><strong>2× 10-min documentaries</strong> — one per country</p>
<p class="pk-feat"><strong>8× 60-sec social films</strong></p>
<p class="pk-feat"><strong>30 photographs</strong> — fully licensed</p>
<p class="pk-feat"><strong>4 community testimonials</strong> on camera</p>
<p class="pk-feat"><strong>Behind-the-scenes content pack</strong></p>
<p class="pk-feat"><strong>CSRD / ESRS S3 full annex</strong></p>
<p class="pk-feat"><strong>Press release draft</strong></p>
<div class="pk-feat-sep"></div>
<p class="pk-feat pk-feat-no"><strong>Dedicated partnership director</strong></p>
<p class="pk-feat pk-feat-no"><strong>Quarterly briefings</strong></p>
</div>
</div>
<!-- TIER 3 — SCALE -->
<div class="pk reveal d2">
<div class="pk-icon">
<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><path d="M12 8v4l3 3"/></svg>
</div>
<span class="pk-audience">🏢 Corporates & Listed Companies</span>
<p class="pk-tier">Tier 03</p>
<h3 class="pk-name">Scale</h3>
<p class="pk-tagline">For established businesses with a formal ESG mandate. Multi-country impact with a dedicated partnership director and full regulatory filing support.</p>
<div class="pk-price-wrap">
<span class="pk-price-label">Investment</span>
<p class="pk-price">On request <em>— contact us</em></p>
</div>
<a href="#contact" class="pk-cta">Get a Quote →</a>
<div class="pk-features">
<p class="pk-feat"><strong>2–3 community initiatives</strong> — multi-country</p>
<p class="pk-feat"><strong>3 vetted NGO partners</strong> — pre-screened</p>
<p class="pk-feat"><strong>6-layer impact report</strong> per initiative</p>
<p class="pk-feat"><strong>Full cinematic suite</strong> per country</p>
<p class="pk-feat"><strong>40+ photographs</strong> — fully licensed</p>
<p class="pk-feat"><strong>6 community testimonials</strong> on camera</p>
<p class="pk-feat"><strong>BTS content pack</strong> + media kit</p>
<p class="pk-feat"><strong>CSRD / CSDDD / ESRS S3</strong> full support</p>
<p class="pk-feat"><strong>Dedicated partnership director</strong></p>
<p class="pk-feat"><strong>Press release</strong> + custom partner page</p>
<div class="pk-feat-sep"></div>
<p class="pk-feat pk-feat-no"><strong>Annual rolling programme</strong></p>
<p class="pk-feat pk-feat-no"><strong>Quarterly stakeholder briefings</strong></p>
</div>
</div>
<!-- TIER 4 — ENTERPRISE -->
<div class="pk reveal d3">
<div class="pk-icon">
<svg viewBox="0 0 24 24"><path d="M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z"/><path d="M9 22V12h6v10"/></svg>
</div>
<span class="pk-audience">🌍 Global Enterprises</span>
<p class="pk-tier">Tier 04</p>
<h3 class="pk-name">Enterprise</h3>
<p class="pk-tagline">Fully bespoke, multi-continent impact infrastructure. Built around your reporting calendar, stakeholder map, and long-term ESG strategy.</p>
<div class="pk-price-wrap">
<span class="pk-price-label">Investment</span>
<p class="pk-price">Custom scope <em>— contact us</em></p>
</div>
<a href="#contact" class="pk-cta">Get a Quote →</a>
<div class="pk-features">
<p class="pk-feat"><strong>3+ initiatives</strong> — multi-continent</p>
<p class="pk-feat"><strong>Unlimited NGO partners</strong></p>
<p class="pk-feat"><strong>6-layer reports</strong> per initiative</p>
<p class="pk-feat"><strong>Full cinematic suite</strong> — all countries</p>
<p class="pk-feat"><strong>Unlimited photographs</strong> — licensed</p>
<p class="pk-feat"><strong>Unlimited community testimonials</strong></p>
<p class="pk-feat"><strong>Annual ESG programme</strong> — rolling calendar</p>
<p class="pk-feat"><strong>CSRD / CSDDD / ESRS S3</strong> full filing</p>
<p class="pk-feat"><strong>Dedicated partnership director</strong></p>
<p class="pk-feat"><strong>Quarterly stakeholder briefings</strong></p>
<p class="pk-feat"><strong>Full media kit</strong> + press assets</p>
<p class="pk-feat"><strong>Priority advisory access</strong></p>
</div>
</div>
</div>
<!-- Bottom note -->
<div class="pr-note reveal d1">
<p class="pr-note-txt"><strong>We don't publish fixed rates because no two programmes are identical.</strong> Pricing is shaped by geography, number of beneficiaries, country logistics, and your reporting requirements. We scope every engagement personally and send a detailed proposal within 48 hours of your first conversation.</p>
<a href="#contact" class="pr-note-btn">Get a Tailored Quote →</a>
</div>
<!-- Scarcity + ethics statement -->
<div class="pr-ethics reveal d2">
<div class="pr-eth-line"></div>
<div class="pr-eth-inner">
<div class="pr-eth-icon">
<svg viewBox="0 0 24 24" width="28" height="28" fill="none" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" stroke="currentColor"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
</div>
<div class="pr-eth-body">
<p class="pr-eth-ti">Why we limit the number of partnerships we take on each year</p>
<p class="pr-eth-tx">We operate exclusively in countries where we have active, on-the-ground networks and years of established community trust. That is not something we can manufacture quickly — and we won't pretend otherwise. Because of this, we deliberately cap the number of corporate partners we accept each year. Not as a sales tactic. As a commitment. Every project deserves Lana's full presence, the board's full scrutiny, and the community's genuine participation. When the calendar is full, it is full. Our focus is on creating real impact — not on scaling a business at the expense of the people we serve.</p>
</div>
<div class="pr-eth-stat">
<span class="pr-eth-n">Limited</span>
<span class="pr-eth-l">partnerships per year</span>
<span class="pr-eth-n" style="margin-top:24px">100%</span>
<span class="pr-eth-l">on-the-ground presence — every project</span>
<span class="pr-eth-n" style="margin-top:24px">0</span>
<span class="pr-eth-l">projects taken on outside our active network</span>
</div>
</div>
<div class="pr-eth-line"></div>
</div>
</section>
<!-- ══ FAQ ══ -->
<section id="faq">
<div class="faq-hdr">
<p class="slabel-light reveal" style="justify-content:center">Common Questions</p>
<h2 class="faq-h reveal d1">Everything you<br>need to <span>know</span></h2>
<p class="faq-sub reveal d2">Questions we hear from startups, growing companies, and enterprise teams — answered honestly.</p>
</div>
<!-- Tabs -->
<div class="faq-tabs reveal d1">
<div class="faq-tab active" onclick="switchTab('all')">All Questions</div>
<div class="faq-tab" onclick="switchTab('startup')">🌱 Startups</div>
<div class="faq-tab" onclick="switchTab('midmarket')">🚀 Mid-Market</div>
<div class="faq-tab" onclick="switchTab('enterprise')">🏢 Enterprise</div>
<div class="faq-tab" onclick="switchTab('general')">General</div>
</div>
<div class="faq-list reveal d2">
<!-- ALL group -->
<div class="faq-group active" id="tab-all">
<!-- STARTUP Qs -->
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">🌱 Startups</span><span class="faq-q-txt">We're a small company — is this really for us?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner">Yes — and in some ways it matters more for you than for a large corporation. <strong>Startups that embed verified social impact early build a credibility advantage that is very difficult for competitors to replicate later.</strong> Investors, talent, and customers are increasingly scrutinising ESG claims at every stage. A startup with a signed, professionally verified impact report signals something rare: that the values you claim are actually built into your operations — not added on when the lawyers tell you to. Our Starter tier is designed specifically for companies taking their first step. You don't need a dedicated ESG team or a compliance department. You just need to mean it.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">🌱 Startups</span><span class="faq-q-txt">We don't have a CSRD obligation yet. Why does this matter to us now?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner">Because your investors, customers, and future acquirers likely do. <strong>Even if you're not legally required to file an ESG report today, the companies and funds you want to work with are.</strong> When they do their due diligence on you, your supply chain and partnerships become part of their compliance picture. Starting early means you're not scrambling when a €50M investor asks for your social impact evidence in a data room. It also means you build the habit before it becomes a legal obligation — which for most growing companies, it will.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">🌱 Startups</span><span class="faq-q-txt">Can we use the certification for fundraising and investor decks?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner"><strong>Yes — and this is one of the most immediate practical uses.</strong> The Benevolence Certification, the verified impact report, and the cinematic field footage are all designed to be embedded directly into investor materials, pitch decks, and due diligence packages. For impact-focused funds, B Corp-aligned investors, and EU-based institutional investors, a signed, independently verified social impact report is not a nice-to-have — it's increasingly a prerequisite for serious consideration. It also differentiates you from the dozens of other startups making unsubstantiated ESG claims in their decks.</div></div>
</div>
<!-- MID-MARKET Qs -->
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">🚀 Mid-Market</span><span class="faq-q-txt">We already have an ESG programme internally. Why do we need this?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner">Because internal programmes, no matter how well-intentioned, are self-reported. <strong>The problem is not what you're doing — it's who is verifying it.</strong> When the same team that benefits from the programme looking good is also the team producing the report, the document has a conflict of interest built into it. That's not an accusation — it's a structural reality that regulators, auditors, and investors are increasingly aware of. The Benevolence methodology separates collection from verification by design. Six independent specialists who have no commercial relationship with your ESG outcome sign six separate layers. That independence is what makes the report survive external challenge in a way that an internal document cannot.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">🚀 Mid-Market</span><span class="faq-q-txt">How is this different from hiring an ESG consultancy?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner">An ESG consultancy helps you write about what you're doing. <strong>We build the thing you write about — and then have independent specialists verify every layer of it.</strong> Most ESG consultancies work with data you supply them. They structure it, frame it, and present it in a report. The underlying evidence is still self-reported. Project Benevolence designs and executes the initiative from the ground up — in communities where we have pre-existing relationships — and every claim is verified by specialists who were not involved in delivering it. The result is fundamentally different: a report that can withstand external challenge, not just internal review.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">🚀 Mid-Market</span><span class="faq-q-txt">How long does a full programme take from start to finish?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner">A complete programme — from discovery consultation to final certified impact report — typically takes <strong>3 to 5 months.</strong> The timeline depends on the country of operation, the complexity of the initiative, and post-production requirements. The discovery and planning phase takes 3–4 weeks. Field execution is typically 2–3 weeks on the ground. Post-production, report writing, and independent verification take 6–8 weeks. We map the exact timeline during your discovery consultation so you can align it with your reporting calendar or investor milestones.</div></div>
</div>
<!-- ENTERPRISE Qs -->
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">🏢 Enterprise</span><span class="faq-q-txt">Is the report structured for direct submission into our CSRD filing?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner"><strong>Yes — this is a core design requirement, not an afterthought.</strong> Every layer of the Benevolence report is structured to ESRS S3 standards and aligned with CSRD and CSDDD frameworks from the first day of the programme. The financial layer is audit-ready. The governance layer addresses CSDDD human rights due diligence requirements. The methodology layer provides SDG alignment documentation. The anti-greenwashing certification is signed by a registered ESG assurance specialist and chartered accountant. The full report is designed to be handed directly to your auditor or placed into your annual sustainability filing without additional restructuring.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">🏢 Enterprise</span><span class="faq-q-txt">We operate across multiple regions. Can you run programmes in parallel?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner"><strong>Yes — multi-country and multi-initiative programmes are available under our Scale and Enterprise tiers.</strong> However, we are transparent about an important constraint: we only operate in countries where we have active, established community networks built over years. We do not parachute into new regions because a corporate brief requires it. This is a deliberate ethical position — and it is also what makes the evidence credible. For enterprise clients with specific regional requirements, we discuss country availability during the discovery consultation. If a country is not in our active network, we will say so directly rather than accept a brief we cannot execute with integrity.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">🏢 Enterprise</span><span class="faq-q-txt">What happens if the evidence doesn't support the impact we were hoping for?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner">We report what the evidence shows — nothing more. <strong>If the outcomes are smaller than anticipated, the report reflects that honestly.</strong> This is non-negotiable. A certification that can be negotiated to show better results is not a certification — it's a marketing document with a different label. In practice, because every initiative is co-designed with the community from the start and grounded in genuine need rather than corporate optics, the outcomes tend to be meaningful and measurable. But the integrity of the report is more important than the impressiveness of the headline number. That is what makes it worth having.</div></div>
</div>
<!-- GENERAL Qs -->
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">General</span><span class="faq-q-txt">How do we know the communities gave genuine consent — and weren't just paid to participate?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner"><strong>Consent is formally documented, signed, and independently verified.</strong> Community members are informed in their own language about what the project involves, how their image and testimony will be used, and what they will receive in return. That documentation is reviewed by our governance specialist as part of the report. Beyond the paperwork: Lana has longstanding relationships in every community we work in — built over years before any corporate partner arrives. Community leaders and NGO partners are not introduced because a brief required them. They are people she has worked alongside personally. That relationship dynamic is why testimonials are genuine and participation is voluntary — and it is also why the footage looks the way it does.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">General</span><span class="faq-q-txt">Are the photos and videos really not AI-generated?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner"><strong>Confirmed — and this is a certified claim, not a marketing statement.</strong> Every photograph and frame of footage is captured on location, by a documented crew, on a documented date. Files are geotagged and timestamped. The visual documentation layer of the report is signed by Shaira Malawauw, our community coordinator and cinematic storytelling specialist, confirming the authenticity of every visual asset. The anti-greenwashing certification explicitly covers visual integrity. In an environment where AI-generated imagery is increasingly common in ESG materials, this is not a minor detail — it is a significant differentiator.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">General</span><span class="faq-q-txt">Why don't you publish your prices?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner">Because the cost of a programme is shaped by factors that vary significantly: the country of operation, the logistics involved in reaching the community, the scale of the initiative, the number of beneficiaries, and your specific reporting requirements. <strong>A fixed price list would either overcharge smaller companies or underprice the complexity of larger ones.</strong> We scope every engagement individually and send a detailed proposal within 48 hours of your first conversation. What we can say: we have structured our tiers to be accessible at every stage of growth, from a first-time startup impact programme to a multi-country enterprise ESG calendar.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">General</span><span class="faq-q-txt">What if we want to use the content — the films and photos — for marketing?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner"><strong>You are encouraged to — that is part of the value.</strong> All cinematic deliverables are licensed for your full commercial use: website, annual report, ESG filing, investor presentations, social media, internal communications, and PR. Your brand is integrated across every deliverable during post-production. The distinction we maintain is this: the content is produced as factual documentation first, and marketing material second. That order of priority is what makes it credible when someone scrutinises it. Content produced the other way around — for marketing first, with documentation retrofitted — is exactly what gets organisations into trouble.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">General</span><span class="faq-q-txt">Can we choose which country or community we work with?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner">You can express preferences — and we present 2 to 3 tailored options during the Impact Programme Presentation. <strong>But the final selection is always guided by where the genuine need is greatest and where our active network is strongest.</strong> We do not match corporate preferences to communities as if selecting a backdrop for a photoshoot. The initiative is driven by community need — not by which location looks best in a brand deck. That principle is not a restriction — it is the reason the outcomes are credible and the evidence holds up.</div></div>
</div>
<div class="faq-item">
<div class="faq-q" onclick="toggleFaq(this)">
<div class="faq-q-left"><span class="faq-aud">General</span><span class="faq-q-txt">What does "knowledge transfer" actually mean in practice?</span></div>
<span class="faq-icon">+</span>
</div>
<div class="faq-a"><div class="faq-a-inner">It means <strong>the community owns the capability after we leave — not just the memory of being helped.</strong> Depending on the initiative, this could mean training local teachers in a curriculum they can deliver independently, equipping an NGO with a financial management framework they continue to use, or building a skill — like doll-making for income generation in South Africa — that produces ongoing economic output. Knowledge transfer is documented and verified as part of the governance layer of the report. We do not count an initiative as complete unless something permanent has been left behind. Resources without systems fade. That is the pattern we were built specifically to break.</div></div>
</div>
</div><!-- end tab-all -->
<!-- STARTUP group -->
<div class="faq-group" id="tab-startup"></div>
<!-- MIDMARKET group -->
<div class="faq-group" id="tab-midmarket"></div>
<!-- ENTERPRISE group -->
<div class="faq-group" id="tab-enterprise"></div>
<!-- GENERAL group -->
<div class="faq-group" id="tab-general"></div>
</div>
</section>
<!-- ══ S11 CONTACT (cream) ══ -->
<section id="contact">
<div class="con-in">
<div class="reveal">
<p class="slabel-light">Don't Wait for the Fine</p>
<h2 class="con-h">Get the proof<br><em>before you need it.</em></h2>
<p class="con-body">CSRD is not coming — it is here. Greenwashing enforcement is accelerating. Investor due diligence has never been sharper. The companies that will come out of this regulatory shift with their ESG narrative intact are the ones that built verified evidence before a challenge arrived — not in response to one. Request a discovery call. We will walk you through a completed Impact Programme with full field footage, report structure, and specialist sign-off — so you can see exactly what you would be presenting to your auditors and investors.</p>
<a href="/cdn-cgi/l/email-protection#44272b2a302527300434362b2e21273026212a21322b6a272b29" class="con-em"><span class="__cf_email__" data-cfemail="83e0ecedf7e2e0f7c3f3f1ece9e6e0f7e1e6ede6f5ecade0ecee">[email protected]</span></a>
<span class="cl-lb">Governed in</span>
<span class="cl-ci">Amsterdam, Netherlands</span>
</div>
<div class="cc reveal d2">
<h3 class="cc-ti">Request a Demo</h3>
<p class="cc-sub">One session. Real footage. Zero doubt.</p>
<div class="cc-f"><label>Company Name</label><input type="text" placeholder="Your organisation"></div>
<div class="cc-f"><label>Email Address</label><input type="email" placeholder="contact@company.com"></div>
<div class="cc-f"><label>ESG Goal</label><select><option>Select your primary objective</option><option>CSRD / Regulatory Compliance</option><option>Brand Reputation & Trust</option><option>Investor Relations</option><option>Talent Attraction & Retention</option><option>Marketing & PR</option></select></div>
<div class="cc-f"><label>Message</label><textarea placeholder="Tell us about your ESG ambitions..."></textarea></div>
<button class="cc-btn">Send Request →</button>
<p class="cc-note">We review every submission personally. Expect a response within 48 hours.</p>
</div>
</div>
</section>
<!-- ══ FOOTER ══ -->
<footer>
<div class="ft-in">
<div>
<span class="ft-logo">Project Benevolence</span>
<p class="ft-tag">Verified social impact infrastructure.<br>Built to withstand scrutiny. Not just to look good.</p>
<div class="ft-certs">
<span class="ft-cert">✦ Amsterdam Governed</span>
<span class="ft-cert">✦ CSRD Aligned</span>
<span class="ft-cert">✦ ESRS S3 Ready</span>
</div>
</div>
<div class="ft-col"><p class="ft-col-lb">Navigate</p><a href="#about">About</a><a href="#team">Advisory Board</a><a href="#initiatives">Initiatives</a><a href="#roi">Why ESG</a><a href="#methodology">Methodology</a><a href="#howitworks">How It Works</a><a href="#cinematic">Cinematic</a><a href="#certification">Certification</a><a href="#pricing">Pricing</a><a href="#faq">FAQ</a><a href="#founder">Founder</a><a href="#contact">Contact</a></div>
<div class="ft-col"><p class="ft-col-lb">Compliance</p><a href="#">CSRD Framework</a><a href="#">CSDDD Alignment</a><a href="#">ESRS S3 Standards</a><a href="#">Anti-Greenwashing</a></div>
<div class="ft-col"><p class="ft-col-lb">Contact</p><a href="/cdn-cgi/l/email-protection#1b7874756f7a786f5b6b6974717e786f797e757e6d7435787476"><span class="__cf_email__" data-cfemail="187b77766c797b6c58686a77727d7b6c7a7d767d6e77367b7775">[email protected]</span></a><p class="ft-addr">Amsterdam, Netherlands</p></div>
</div>
<div class="ft-bot">
<span>© 2024 Project Benevolence. All rights reserved.</span>
<span>Governed in Amsterdam · Felt across five continents</span>
</div>
</footer>
<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script>
const els = document.querySelectorAll('.reveal');
const io = new IntersectionObserver(entries => {
entries.forEach(e => { if(e.isIntersecting) e.target.classList.add('visible'); });
}, { threshold: 0.08, rootMargin: '0px 0px -30px 0px' });
// FAQ accordion
function toggleFaq(el) {
const item = el.parentElement;
const isOpen = item.classList.contains('open');
document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));
if (!isOpen) item.classList.add('open');
}
// FAQ tabs — filter by audience tag text
const audienceMap = {
'startup': '🌱 Startups',
'midmarket': '🚀 Mid-Market',
'enterprise': '🏢 Enterprise',
'general': 'General'
};
function switchTab(tab) {
// update tab button states
document.querySelectorAll('.faq-tab').forEach(t => t.classList.remove('active'));
event.currentTarget.classList.add('active');
const allGroup = document.getElementById('tab-all');
const allItems = Array.from(allGroup.querySelectorAll('.faq-item'));
// show all group for "all"
document.querySelectorAll('.faq-group').forEach(g => {
g.classList.remove('active');
g.style.display = 'none';
});
if (tab === 'all') {
allGroup.classList.add('active');
allGroup.style.display = 'flex';
allItems.forEach(i => i.style.display = '');
} else {
// filter all-group items by audience label
const label = audienceMap[tab];
allGroup.classList.add('active');
allGroup.style.display = 'flex';
allItems.forEach(item => {
const aud = item.querySelector('.faq-aud');
item.style.display = (aud && aud.textContent.trim() === label) ? '' : 'none';
});
}
// close any open items on tab switch
document.querySelectorAll('.faq-item.open').forEach(i => i.classList.remove('open'));
}
els.forEach(el => io.observe(el));
const nav = document.getElementById('navbar');
window.addEventListener('scroll', () => {
nav.style.padding = window.scrollY > 70 ? '13px 64px' : '20px 64px';
}, { passive: true });
</script>
</body>
</html>