/* Pamoja Pan-Africa — premium editorial redesign */
:root{
  --bg:#050608;
  --bg-2:#0b0e12;
  --ink:#0a0b0d;
  --white:#f8fafb;
  --muted:#a9b1ba;
  --light:#f5f5f2;
  --line:rgba(255,255,255,.12);
  --line-dark:rgba(0,0,0,.10);
  --mint:#66f3c4;
  --mint-2:#20c997;
  --blue:#4b8cff;
  --max:1320px;
  --display:'Manrope',sans-serif;
  --text:'Inter',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--text);background:var(--bg);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.progress{position:fixed;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--mint),var(--blue));z-index:1000}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:100;background:rgba(5,6,8,.62);backdrop-filter:blur(22px) saturate(160%);border-bottom:1px solid rgba(255,255,255,.07)}
.nav-wrap{height:72px;max-width:var(--max);padding:0 28px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand img{height:40px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}
.nav-links{display:flex;gap:34px;font-size:13px;color:#d2d7dc}
.nav-links a{transition:.25s}.nav-links a:hover{color:white}
.nav-actions{display:flex;align-items:center;gap:16px}
.nav-cta{font-size:13px;padding:11px 16px;border-radius:999px;background:#fff;color:#08090b;font-weight:600}
.menu-btn{display:none;width:38px;height:38px;border:0;background:transparent;padding:8px}
.menu-btn span{display:block;height:1px;background:#fff;margin:7px 0}
.mobile-panel{display:none}

.hero{position:relative;min-height:100svh;padding:150px max(28px,calc((100vw - var(--max))/2)) 80px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:54px;overflow:hidden}
.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 68% 38%,rgba(50,116,255,.12),transparent 30%),linear-gradient(180deg,#06080b 0%,#050608 70%,#080a0d 100%);z-index:-2}
.hero-aurora{position:absolute;width:640px;height:640px;right:-100px;top:12%;background:radial-gradient(circle,rgba(102,243,196,.16),transparent 62%);filter:blur(20px);z-index:-1}
.eyebrow,.section-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}
.eyebrow{display:flex;align-items:center;gap:10px;color:#c4cbd2;margin-bottom:26px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px var(--mint)}
.hero h1,.headline-row h2,.sticky-copy h2,.impact-heading h2,.experience-copy h2,.contact-copy h2{font-family:var(--display);letter-spacing:-.055em;margin:0;font-weight:700}
.hero h1{font-size:clamp(62px,7vw,112px);line-height:.91;max-width:760px}
.hero h1 em,.sticky-copy em,.impact-heading em,.experience-copy em,.contact-copy em{font-style:normal;color:var(--mint)}
.hero-copy>p{font-size:clamp(17px,1.45vw,22px);line-height:1.6;color:#aeb6bf;max-width:650px;margin:30px 0}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:14px 20px;border-radius:999px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:10px}.btn.primary{background:#fff;color:#08090b}.btn.ghost{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.03)}.play{font-size:10px}
.hero-stage{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;perspective:1200px}
.stage-glow{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(75,140,255,.24),rgba(102,243,196,.08) 44%,transparent 70%);filter:blur(10px)}
.device-card{position:relative;width:min(560px,100%);border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(24,29,37,.94),rgba(10,12,16,.88));border-radius:34px;padding:20px;box-shadow:0 55px 100px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.07);transform-style:preserve-3d}
.device-head,.device-foot{display:flex;align-items:center;justify-content:space-between;gap:18px}
.device-head{padding:4px 4px 17px}.device-head>div{display:grid;gap:5px}.micro{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#8d98a4}.device-head strong{font-size:14px}
.status{font-size:11px;color:#cfd6dc;border:1px solid rgba(255,255,255,.12);padding:8px 10px;border-radius:999px}.status i{display:inline-block;width:6px;height:6px;background:var(--mint);border-radius:50%;margin-right:7px}
.device-image{height:380px;border-radius:24px;background:linear-gradient(180deg,#111722,#080b10);overflow:hidden;display:flex;align-items:center;justify-content:center}.device-image img{width:100%;height:100%;object-fit:contain;padding:18px}
.device-foot{padding:18px 4px 3px}.device-foot>div{display:grid;gap:4px}.device-foot small{font-size:10px;color:#7f8994;text-transform:uppercase;letter-spacing:.1em}.device-foot strong{font-size:12px}
.floating-chip{position:absolute;padding:12px 16px;border-radius:999px;background:rgba(15,18,24,.8);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.13);font-size:12px;color:#dce1e6;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.chip-one{left:-6px;top:25%}.chip-two{right:-6px;bottom:22%}
.scroll-cue{position:absolute;left:max(28px,calc((100vw - var(--max))/2));bottom:34px;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#707983}.scroll-cue span{margin-left:12px;color:var(--mint)}
.trust-strip{padding:40px 28px 48px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080a0d;text-align:center}.trust-strip p{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#737c86;margin:0 0 28px}.logo-row{max-width:900px;margin:auto;display:flex;align-items:center;justify-content:center;gap:62px;flex-wrap:wrap}.logo-row img{max-height:48px;max-width:150px;filter:grayscale(1) brightness(1.85);opacity:.72}
.light{background:var(--light);color:var(--ink)}
.story-section,.solutions-section,.innovation-section,.leadership-section,.experience-section{padding:130px max(28px,calc((100vw - var(--max))/2))}
.section-kicker{color:#6b737d;margin-bottom:60px}.section-kicker.mint,.mint{color:var(--mint)}
.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.sticky-copy{align-self:start;position:sticky;top:120px}.sticky-copy h2{font-size:clamp(48px,5vw,80px);line-height:1.03}.sticky-copy h2 em{color:#198f72}
.story-body .lead{font-family:var(--display);font-size:clamp(26px,2.5vw,40px);line-height:1.25;letter-spacing:-.03em;margin:0 0 28px}.story-body>p:not(.lead){font-size:17px;line-height:1.75;color:#5a626b;max-width:780px}
.principle-list{margin-top:72px;border-top:1px solid var(--line-dark)}.principle-list article{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:30px 0;border-bottom:1px solid var(--line-dark)}.principle-list article>span{font-size:12px;color:#838a91}.principle-list h3{font-family:var(--display);margin:0 0 8px;font-size:22px}.principle-list p{margin:0;color:#69717a;line-height:1.6}
.dokita-section{padding:130px 28px 150px;background:radial-gradient(circle at 50% 38%,#15202a 0,#080b10 33%,#050608 65%);overflow:hidden}.dokita-inner{max-width:var(--max);margin:auto}
.headline-row{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:end}.headline-row h2{font-size:clamp(54px,6vw,92px);line-height:.98}.headline-row>p{font-size:18px;color:#8f99a4;line-height:1.7;margin:0 0 8px}.headline-row.dark-text>p{color:#666d75}.headline-row.dark-text h2{color:var(--ink)}
.ecosystem{position:relative;height:760px;margin-top:80px;display:flex;align-items:center;justify-content:center}.ecosystem-core{width:270px;height:270px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#233748,#0b1118 65%);border:1px solid rgba(255,255,255,.15);box-shadow:0 0 100px rgba(90,215,188,.12);z-index:3}.ecosystem-core span{font-size:11px;letter-spacing:.18em;color:var(--mint);margin-bottom:14px}.ecosystem-core strong{font-family:var(--display);font-size:31px;line-height:1.06}.ecosystem-core small{font-size:10px;color:#87919b;margin-top:15px}
.ecosystem-ring{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%}.ring-a{width:490px;height:490px}.ring-b{width:690px;height:690px}.ecosystem-orbit{position:absolute;z-index:4;padding:12px 18px;border-radius:999px;background:#0d1117;border:1px solid rgba(255,255,255,.14);text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:#c3cad1}.orbit-a{transform:translate(-245px,-180px)}.orbit-b{transform:translate(250px,-170px)}.orbit-c{transform:translate(-330px,35px)}.orbit-d{transform:translate(340px,45px)}.orbit-e{transform:translate(-220px,245px)}.orbit-f{transform:translate(230px,240px)}
.record-panel{margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:46px 0;display:grid;grid-template-columns:.6fr 1.4fr;gap:70px}.record-panel h3{font-family:var(--display);font-size:40px;letter-spacing:-.04em;margin:12px 0 0}.record-tags{display:flex;flex-wrap:wrap;gap:10px;align-content:center}.record-tags span{padding:11px 14px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#c0c7ce;font-size:12px}
.feature-product{margin-top:85px;border-radius:34px;background:#0b0d10;color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;min-height:640px}.feature-copy{padding:64px}.product-index{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#8a939d;margin-bottom:34px}.feature-copy h3{font-family:var(--display);font-size:clamp(52px,5vw,76px);letter-spacing:-.05em;line-height:.98;margin:0 0 24px}.feature-copy h3 em{font-style:normal;color:var(--mint)}.feature-copy p{color:#9fa8b2;line-height:1.7;max-width:520px}.feature-points{display:grid;gap:0;margin:34px 0}.feature-points span{padding:12px 0;border-top:1px solid rgba(255,255,255,.11);font-size:13px}.text-link{display:inline-flex;gap:8px;align-items:center;font-weight:600;font-size:14px}.feature-image{position:relative;overflow:hidden;min-height:500px}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,16,.6),transparent 35%)}.feature-image>span{position:absolute;right:28px;bottom:26px;z-index:2;font-family:var(--display);font-size:20px}
.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.product-card{background:#fff;border-radius:28px;overflow:hidden;border:1px solid #e7e7e4}.product-card-image{height:390px;background:#e9eef3;overflow:hidden}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.product-card:hover img{transform:scale(1.035)}.product-card-copy{padding:38px}.product-card-copy h3{font-family:var(--display);font-size:36px;letter-spacing:-.04em;margin:0 0 14px}.product-card-copy p,.product-card-copy li{color:#626970;line-height:1.6}.product-card-copy ul{padding-left:19px;margin:24px 0 28px}
.impact-section{padding:140px max(28px,calc((100vw - var(--max))/2));background:#090c10}.impact-heading{max-width:900px}.impact-heading h2{font-size:clamp(58px,7vw,105px);line-height:.96}.impact-grid{display:grid;grid-template-columns:1fr 1fr;margin-top:100px;border-top:1px solid var(--line)}.impact-grid article{padding:46px 44px 56px 0;border-bottom:1px solid var(--line);min-height:290px}.impact-grid article:nth-child(odd){border-right:1px solid var(--line)}.impact-grid article:nth-child(even){padding-left:44px}.impact-grid span{font-size:11px;color:var(--mint)}.impact-grid h3{font-family:var(--display);font-size:31px;letter-spacing:-.03em;margin:20px 0 14px}.impact-grid p{color:#929ba5;line-height:1.7;max-width:520px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:80px}.project-card{position:relative;height:650px;border-radius:30px;overflow:hidden;color:#fff}.project-card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.project-card:hover img{transform:scale(1.04)}.project-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.8) 90%)}.project-copy{position:absolute;left:38px;right:38px;bottom:38px}.project-copy span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#cbd2d8}.project-copy h3{font-family:var(--display);font-size:48px;letter-spacing:-.04em;margin:12px 0}.project-copy p{max-width:480px;color:#d2d7dd;line-height:1.6}.project-copy b{font-size:13px}
.experience-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}.experience-copy h2{font-size:clamp(48px,5vw,78px);line-height:1.02}.experience-copy h2 em{color:#198f72}.experience-copy>p{color:#626970;line-height:1.7;max-width:650px;margin:30px 0}
.location-stack{border-top:1px solid var(--line-dark)}.location-stack a{display:grid;grid-template-columns:100px 1fr 20px;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line-dark)}.location-stack a>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#737b84}.location-stack div{display:grid;gap:8px}.location-stack strong{font-family:var(--display);font-size:21px}.location-stack small{color:#727981}
.leadership-section{background:#eceeea;color:var(--ink)}.people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:80px}.person-card{background:#f9faf7;border-radius:22px;overflow:hidden}.person-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#dfe4e2}.person-card>div{padding:22px}.person-card span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#7a828a}.person-card h3{font-family:var(--display);font-size:20px;line-height:1.15;letter-spacing:-.02em;margin:10px 0}.person-card p{font-size:12px;line-height:1.55;color:#737a82;margin:0}
.contact-section{position:relative;overflow:hidden;padding:150px max(28px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr .82fr;gap:100px;background:#050608}.contact-aurora{position:absolute;left:-140px;bottom:-220px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(102,243,196,.15),transparent 65%);pointer-events:none}.contact-copy,.demo-form{position:relative;z-index:2}.contact-copy h2{font-size:clamp(54px,5.5vw,88px);line-height:.98}.contact-copy>p{color:#9ba4ad;font-size:17px;line-height:1.7;max-width:700px}.contact-details{display:grid;gap:18px;margin-top:52px}.contact-details a,.contact-details div{display:grid;gap:6px}.contact-details span{font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#68717b}.contact-details strong{font-size:14px;line-height:1.5}
.demo-form{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:32px;backdrop-filter:blur(20px)}.form-head{display:grid;gap:5px;margin-bottom:28px}.form-head span{font-family:var(--display);font-size:25px;font-weight:700}.form-head small{color:#7f8994}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.demo-form label{display:grid;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:#7c8690;margin-bottom:13px}.demo-form input,.demo-form textarea{width:100%;border:1px solid rgba(255,255,255,.11);background:#0b0e12;color:#fff;border-radius:13px;padding:14px 15px;outline:none;text-transform:none;letter-spacing:normal}.demo-form input:focus,.demo-form textarea:focus{border-color:rgba(102,243,196,.6)}.demo-form button{width:100%;border:0;border-radius:14px;padding:15px;background:#fff;color:#07080a;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer}
footer{padding:70px max(28px,calc((100vw - var(--max))/2)) 25px;background:#030405;border-top:1px solid var(--line)}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.footer-brand img{max-width:170px;filter:brightness(0) invert(1)}.footer-brand p,footer p{color:#6e7781}footer .footer-main>div:not(.footer-brand){display:grid;align-content:start;gap:12px;font-size:12px;color:#bbc2c9}.footer-main>div>span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#626b75;margin-bottom:8px}.footer-bottom{margin-top:70px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:#747d86}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}

@media(max-width:1050px){
  .nav-links{display:none}.menu-btn{display:block}.nav-cta{display:none}
  .mobile-panel{position:fixed;top:72px;left:0;width:100%;background:rgba(5,6,8,.96);backdrop-filter:blur(22px);padding:24px 28px 35px;border-bottom:1px solid var(--line);transform:translateY(-120%);opacity:0;transition:.35s;display:grid;gap:20px}.mobile-panel.open{transform:none;opacity:1}.mobile-panel a{font-family:var(--display);font-size:28px}
  .hero{grid-template-columns:1fr;padding-top:130px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-stage{min-height:560px}.scroll-cue{display:none}
  .story-grid,.experience-section,.contact-section{grid-template-columns:1fr;gap:70px}.sticky-copy{position:static}.headline-row{grid-template-columns:1fr;gap:28px}.feature-product{grid-template-columns:1fr}.feature-image{min-height:460px}.people-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .nav-wrap{height:64px;padding:0 18px}.brand img{height:34px}.mobile-panel{top:64px}
  .hero{padding:120px 18px 70px;min-height:auto}.hero h1{font-size:55px}.hero-copy>p{font-size:16px}.hero-stage{min-height:450px}.device-card{border-radius:24px;padding:13px}.device-image{height:280px}.device-foot{display:grid;gap:12px}.floating-chip{display:none}
  .trust-strip{padding-left:18px;padding-right:18px}.logo-row{gap:28px}.logo-row img{max-width:110px;max-height:38px}
  .story-section,.solutions-section,.innovation-section,.leadership-section,.experience-section,.impact-section,.contact-section{padding:90px 18px}.section-kicker{margin-bottom:36px}.sticky-copy h2,.headline-row h2,.impact-heading h2,.experience-copy h2,.contact-copy h2{font-size:48px}
  .story-grid{gap:45px}.story-body .lead{font-size:28px}.principle-list{margin-top:45px}
  .dokita-section{padding:90px 18px}.ecosystem{height:540px;margin-top:50px}.ecosystem-core{width:210px;height:210px}.ecosystem-core strong{font-size:24px}.ring-a{width:360px;height:360px}.ring-b{width:500px;height:500px}.ecosystem-orbit{font-size:8px;padding:9px 12px}.orbit-a{transform:translate(-150px,-150px)}.orbit-b{transform:translate(155px,-140px)}.orbit-c{transform:translate(-185px,0)}.orbit-d{transform:translate(190px,20px)}.orbit-e{transform:translate(-135px,170px)}.orbit-f{transform:translate(145px,170px)}.record-panel{grid-template-columns:1fr;gap:35px}
  .feature-product{margin-top:55px;border-radius:24px}.feature-copy{padding:32px 24px}.feature-copy h3{font-size:52px}.feature-image{min-height:360px}.product-grid,.project-grid,.impact-grid{grid-template-columns:1fr}.product-card-image{height:310px}.project-card{height:520px}.impact-grid article,.impact-grid article:nth-child(even){padding:34px 0;border-right:0!important}.impact-grid article:nth-child(odd){border-right:0}.people-grid{grid-template-columns:1fr 1fr;gap:10px}.person-card>div{padding:16px}.person-card h3{font-size:16px}.person-card p{font-size:11px}
  .field-row{grid-template-columns:1fr}.demo-form{padding:22px}.footer-main{grid-template-columns:1fr 1fr;gap:42px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:20px;flex-direction:column}
}
@media(max-width:470px){
  .hero h1{font-size:46px}.btn{width:100%;justify-content:center}.people-grid{grid-template-columns:1fr}.headline-row h2,.sticky-copy h2,.impact-heading h2,.experience-copy h2,.contact-copy h2{font-size:42px}.ecosystem{transform:scale(.88);margin-left:-8%;margin-right:-8%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.product-card img,.project-card img{transition:none}}