:root{
  --bg:#f8fafc;
  --surface:#ffffff;
  --surface-2:#f1f5f9;
  --surface-3:#ecfeff;
  --text:#0f172a;
  --muted:#5f6f82;
  --line:#dbe4ec;
  --brand:#0f766e;
  --brand-2:#075985;
  --brand-3:#65a30d;
  --brand-soft:#ccfbf1;
  --blue-soft:#e0f2fe;
  --lime-soft:#ecfccb;
  --amber:#d97706;
  --shadow-sm:0 8px 24px rgba(15,23,42,.07);
  --shadow:0 24px 70px rgba(15,23,42,.12);
  --radius-sm:12px;
  --radius:22px;
  --radius-lg:34px;
  --container:1240px;
  --header-h:84px;
}

html[data-theme="dark"]{
  --bg:#071316;
  --surface:#0d1d21;
  --surface-2:#12262b;
  --surface-3:#0b2b31;
  --text:#ecfeff;
  --muted:#9fb5bb;
  --line:#244047;
  --brand:#2dd4bf;
  --brand-2:#38bdf8;
  --brand-3:#a3e635;
  --brand-soft:#103b3b;
  --blue-soft:#102f43;
  --lime-soft:#24390f;
  --shadow-sm:0 8px 24px rgba(0,0,0,.25);
  --shadow:0 24px 70px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
::selection{background:#99f6e4;color:#083344}

.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.section{padding:112px 0;position:relative}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.skip-link{position:fixed;z-index:9999;left:16px;top:-70px;background:#fff;color:#0f172a;padding:12px 18px;border-radius:10px;box-shadow:var(--shadow);transition:.2s}
.skip-link:focus{top:16px}
.scroll-progress{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,#22c55e,#06b6d4);z-index:9999}

.utility-bar{background:#073f40;color:#dffdfa;font-size:12px;letter-spacing:.02em}
.utility-inner{height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.utility-inner p{margin:0;display:flex;align-items:center;gap:9px}
.status-dot{width:7px;height:7px;border-radius:50%;background:#a3e635;box-shadow:0 0 0 4px rgba(163,230,53,.16)}
.utility-links{display:flex;align-items:center;gap:11px}
.utility-links a:hover{text-decoration:underline}

.site-header{position:sticky;top:0;z-index:1000;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid transparent;transition:.25s}
.site-header.scrolled{border-bottom-color:var(--line);box-shadow:0 10px 28px rgba(15,23,42,.05)}
.header-inner{height:var(--header-h);display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;flex-shrink:0}
.brand img{width:248px;height:auto}
.primary-nav{display:flex;align-items:center;gap:25px;margin-left:auto}
.primary-nav a{font-size:14px;font-weight:700;color:var(--muted);position:relative;padding:30px 0}
.primary-nav a::after{content:"";position:absolute;left:0;bottom:20px;width:0;height:2px;border-radius:2px;background:var(--brand);transition:.25s}
.primary-nav a:hover,.primary-nav a.active{color:var(--text)}
.primary-nav a:hover::after,.primary-nav a.active::after{width:100%}
.header-actions{display:flex;align-items:center;gap:12px}
.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);display:grid;place-items:center;cursor:pointer;transition:.2s}
.icon-button:hover{transform:translateY(-2px);border-color:var(--brand)}
.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.moon-icon{display:none}
html[data-theme="dark"] .sun-icon{display:none}
html[data-theme="dark"] .moon-icon{display:block}
.nav-toggle{display:none;margin-left:auto;width:46px;height:44px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:11px;cursor:pointer}
.nav-toggle span{display:block;height:2px;background:var(--text);margin:5px 0;border-radius:2px;transition:.25s}

.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:14px;border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}
.button:hover{transform:translateY(-2px)}
.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.button-primary{background:linear-gradient(135deg,var(--brand),#0d9488);color:#fff;box-shadow:0 12px 24px rgba(15,118,110,.22)}
.button-primary:hover{box-shadow:0 16px 30px rgba(15,118,110,.28)}
.button-ghost{background:var(--surface);border-color:var(--line);color:var(--text)}
.button-ghost:hover{border-color:var(--brand)}
.button-small{min-height:42px;padding:0 17px;border-radius:12px;font-size:13px}
.button-light{background:#fff;color:#0f4c4c;box-shadow:var(--shadow-sm)}
.play-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:9px;padding-left:2px}

.hero{min-height:calc(100vh - 118px);padding:70px 0 44px;display:flex;align-items:center;background:
  radial-gradient(circle at 11% 19%,rgba(34,197,94,.09),transparent 26%),
  radial-gradient(circle at 86% 22%,rgba(14,165,233,.11),transparent 31%),
  linear-gradient(180deg,var(--surface),var(--bg));
  overflow:hidden
}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;position:relative;z-index:2}
.hero-copy{padding-top:10px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--surface) 86%,transparent);color:var(--brand);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.13em;margin-bottom:24px}
.eyebrow i{width:3px;height:3px;border-radius:50%;background:var(--brand-3)}
.hero h1{font-size:clamp(47px,5vw,76px);line-height:1.02;letter-spacing:-.045em;margin:0 0 24px;max-width:740px}
.hero h1 em{font-style:normal;color:var(--brand);position:relative;white-space:nowrap}
.hero h1 em::after{content:"";position:absolute;left:4px;right:0;bottom:-7px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='10' viewBox='0 0 220 10'%3E%3Cpath d='M2 7C56 1 127 2 218 5' fill='none' stroke='%2384cc16' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;opacity:.9}
.hero-lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:680px;margin:0 0 30px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px;padding-top:28px;border-top:1px solid var(--line)}
.hero-proof div{display:flex;flex-direction:column;gap:3px}
.hero-proof strong{font-size:13px}
.hero-proof span{font-size:11px;color:var(--muted)}
.hero-visual{position:relative;isolation:isolate}
.hero-visual img{width:100%;filter:drop-shadow(0 25px 40px rgba(15,23,42,.08))}
.floating-note{position:absolute;padding:10px 14px;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-sm);font-size:12px;font-weight:800;backdrop-filter:blur(10px)}
.floating-note-one{right:-2%;top:41%;display:flex;align-items:center;gap:8px}
.floating-note-two{left:4%;bottom:7%}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.45);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.5;pointer-events:none}
.hero-orb-one{width:240px;height:240px;left:-120px;top:90px;background:radial-gradient(circle,#d9f99d,transparent 70%)}
.hero-orb-two{width:300px;height:300px;right:-130px;bottom:20px;background:radial-gradient(circle,#bae6fd,transparent 70%)}
.hero-bottom{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;z-index:2}
.hero-bottom p{margin:0}
.scroll-cue{display:flex;align-items:center;gap:10px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}
.scroll-cue span{width:18px;height:28px;border:1px solid var(--line);border-radius:10px;position:relative}
.scroll-cue span::after{content:"";position:absolute;width:3px;height:6px;border-radius:3px;background:var(--brand);left:7px;top:5px;animation:scrollDot 1.7s infinite}
@keyframes scrollDot{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(10px)}}

.stats-strip{background:#073f40;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.stats-grid article{padding:31px 32px;border-right:1px solid rgba(255,255,255,.13);display:flex;align-items:center;gap:16px}
.stats-grid article:first-child{border-left:1px solid rgba(255,255,255,.13)}
.stats-grid strong{font-size:34px;line-height:1;color:#bef264;letter-spacing:-.04em}
.stats-grid span{font-size:12px;color:#d5eeee;line-height:1.35}

.section-kicker{display:inline-block;color:var(--brand);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:900;margin-bottom:12px}
.section-kicker.light{color:#bef264}
.section-heading{margin-bottom:56px}
.section-heading h2{font-size:clamp(35px,4vw,54px);line-height:1.12;letter-spacing:-.035em;margin:0;max-width:800px}
.section-heading p{font-size:17px;color:var(--muted);margin:0;max-width:590px}
.split-heading{display:grid;grid-template-columns:1.05fr .75fr;gap:80px;align-items:end}
.centered{text-align:center;display:flex;align-items:center;flex-direction:column}
.centered p{margin-top:18px}

.about-section{background:var(--surface)}
.about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:24px;margin-bottom:80px}
.mission-panel,.purpose-panel{border-radius:var(--radius-lg);position:relative;overflow:hidden}
.mission-panel{padding:40px;background:var(--bg);border:1px solid var(--line);min-height:440px;display:flex;align-items:flex-start;flex-direction:column}
.card-number{position:absolute;right:29px;top:23px;color:var(--line);font-size:52px;font-weight:900;letter-spacing:-.05em}
.icon-tile{width:54px;height:54px;border-radius:16px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:50px}
.icon-tile svg,.programme-icon svg,.contact-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mission-panel h3,.purpose-panel h3{font-size:30px;line-height:1.2;margin:0 0 16px;letter-spacing:-.025em}
.mission-panel p{color:var(--muted);margin:0 0 24px}
.text-link{border:0;background:none;padding:0;display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:850;font-size:13px;cursor:pointer}
.text-link span{transition:.2s}
.text-link:hover span{transform:translateX(4px)}
.mission-panel .text-link{margin-top:auto}
.purpose-panel{background:linear-gradient(135deg,#075985,#0f766e 65%,#3f6212);color:#fff;padding:46px;min-height:440px;display:grid;grid-template-columns:1fr 190px;gap:20px;align-items:center}
.purpose-panel::after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;border:1px solid rgba(255,255,255,.12);right:-180px;top:-180px}
.purpose-copy{position:relative;z-index:2}
.purpose-copy p{color:#d7eeee;margin:0 0 26px}
.purpose-tags{display:flex;flex-wrap:wrap;gap:8px}
.purpose-tags span{border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.08);padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800}
.purpose-ring{width:180px;height:180px;border-radius:50%;border:1px solid rgba(255,255,255,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;z-index:2;background:rgba(255,255,255,.05)}
.purpose-ring::before,.purpose-ring::after{content:"";position:absolute;border-radius:50%;border:1px dashed rgba(190,242,100,.45)}
.purpose-ring::before{inset:12px}.purpose-ring::after{inset:25px}
.purpose-ring strong{font-size:32px;position:relative;z-index:2}.purpose-ring span{font-size:9px;max-width:110px;position:relative;z-index:2;color:#d7eeee}
.objectives-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px;border-top:1px solid var(--line);padding-top:70px}
.objectives-intro{position:sticky;top:130px;align-self:start}
.objectives-intro h3{font-size:38px;line-height:1.15;letter-spacing:-.03em;margin:0 0 18px}
.objectives-intro p{color:var(--muted);margin:0}
.objective-list{border-top:1px solid var(--line)}
.objective-item{width:100%;display:grid;grid-template-columns:52px 1fr 30px;align-items:center;gap:14px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:23px 0;text-align:left;cursor:pointer}
.objective-item span{font-size:11px;color:var(--muted);font-weight:850}
.objective-item strong{font-size:19px}
.objective-item i{font-style:normal;font-size:23px;color:var(--muted);transition:.2s;text-align:center}
.objective-item.active i{transform:rotate(45deg);color:var(--brand)}
.objective-detail{display:none;padding:0 44px 22px 66px;border-bottom:1px solid var(--line)}
.objective-detail.active{display:block;animation:fadeUp .25s ease}
.objective-detail p{margin:0;color:var(--muted)}

.programmes-section{background:var(--bg)}
.programme-filter,.news-controls{display:flex;justify-content:center;gap:8px;margin:-20px 0 38px;flex-wrap:wrap}
.programme-filter button,.news-controls button,.region-filter button{border:1px solid var(--line);background:var(--surface);padding:9px 15px;border-radius:999px;font-size:12px;font-weight:800;color:var(--muted);cursor:pointer;transition:.2s}
.programme-filter button.active,.news-controls button.active,.region-filter button.active{background:var(--text);border-color:var(--text);color:var(--surface)}
.programme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.programme-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:30px;min-height:330px;display:flex;flex-direction:column;position:relative;transition:transform .25s,box-shadow .25s,border-color .25s}
.programme-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--brand) 34%,var(--line))}
.programme-card.hidden{display:none}
.programme-card>span{position:absolute;right:24px;top:23px;font-size:11px;font-weight:850;color:var(--muted)}
.programme-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;margin-bottom:47px}
.programme-icon.blue{background:#e0f2fe;color:#0284c7}.programme-icon.green{background:#dcfce7;color:#16a34a}.programme-icon.amber{background:#fef3c7;color:#d97706}.programme-icon.violet{background:#ede9fe;color:#7c3aed}.programme-icon.teal{background:#ccfbf1;color:#0f766e}.programme-icon.coral{background:#ffe4e6;color:#e11d48}
html[data-theme="dark"] .programme-icon{filter:saturate(.9) brightness(.8)}
.programme-card h3{font-size:21px;line-height:1.25;margin:0 0 13px;letter-spacing:-.015em}
.programme-card p{color:var(--muted);font-size:14px;margin:0 0 22px}
.card-link{margin-top:auto;align-self:flex-start;padding:0;border:0;background:none;color:var(--brand);font-weight:850;font-size:12px;cursor:pointer}

.network-section{background:linear-gradient(145deg,#073f40,#075985);color:#fff;overflow:hidden}
.network-section::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(163,230,53,.12),transparent 68%);right:-260px;top:-200px}
.network-section .section-heading p{color:#cfe8e7}
.network-shell{display:grid;grid-template-columns:1.55fr .75fr;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:30px;overflow:hidden;box-shadow:0 30px 90px rgba(0,0,0,.2)}
.map-panel{min-height:600px;position:relative;padding:30px;background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.07),transparent 55%)}
.world-map{width:100%;height:100%;min-height:520px}
.continents path{fill:rgba(255,255,255,.11);stroke:rgba(255,255,255,.14);stroke-width:2}
.map-lines path{fill:none;stroke:#bef264;stroke-width:2;stroke-dasharray:8 10;opacity:.25}
.markers circle{fill:#bef264;stroke:#fff;stroke-width:3;cursor:pointer;transition:.2s;filter:drop-shadow(0 4px 6px rgba(0,0,0,.25))}
.markers circle:hover,.markers circle.active{r:12;fill:#fff;stroke:#a3e635}
.map-tooltip{position:absolute;display:none;padding:8px 12px;background:#fff;color:#0f172a;border-radius:9px;font-size:12px;font-weight:850;pointer-events:none;box-shadow:var(--shadow-sm);z-index:4}
.map-legend{position:absolute;left:30px;right:30px;bottom:24px;display:flex;align-items:center;justify-content:space-between;color:#d8eceb;font-size:11px}
.map-legend span{display:flex;align-items:center;gap:8px}.map-legend i{width:9px;height:9px;border-radius:50%;background:#bef264;border:2px solid #fff}
.country-panel{background:var(--surface);color:var(--text);padding:34px;display:flex;flex-direction:column}
.country-panel-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:21px}
.country-panel-head h3{font-size:28px;margin:0}.country-panel-head strong{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:20px}
.search-field{position:relative;margin-bottom:13px}.search-field svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:2}.search-field input{width:100%;height:46px;padding:0 14px 0 43px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;outline:none}.search-field input:focus{border-color:var(--brand)}
.region-filter{display:flex;gap:6px;margin-bottom:20px;flex-wrap:wrap}.region-filter button{padding:7px 11px;font-size:10px}
.country-list{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;max-height:290px;overflow:auto;padding-right:5px}
.country-list button{border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:10px;padding:8px 10px;text-align:left;font-size:11px;font-weight:750;cursor:pointer;transition:.2s;display:flex;align-items:center;gap:8px}
.country-list button::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-3)}
.country-list button:hover,.country-list button.active{border-color:var(--brand);background:var(--brand-soft)}
.network-note{font-size:10px;color:var(--muted);margin:auto 0 0;padding-top:18px;border-top:1px solid var(--line)}

.impact-section{background:var(--surface)}
.timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;position:relative;margin:70px 0 85px}
.timeline-line{position:absolute;top:10px;left:8%;right:8%;height:2px;background:var(--line)}
.timeline-line span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand-3),var(--brand));transition:width .5s}
.timeline-item{position:relative;padding-top:40px}
.timeline-dot{position:absolute;top:0;left:0;width:22px;height:22px;border-radius:50%;background:var(--surface);border:3px solid var(--line);z-index:2;cursor:pointer;transition:.2s}
.timeline-dot.active,.timeline-dot:hover{border-color:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}
.timeline-item>span{font-size:11px;font-weight:900;color:var(--brand);letter-spacing:.08em}.timeline-item h3{font-size:18px;margin:7px 0 10px}.timeline-item p{font-size:12px;color:var(--muted);margin:0}
.impact-dashboard{border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#075985,#0f766e);color:#fff;display:grid;grid-template-columns:.8fr 1.2fr}
.impact-copy{padding:52px}.impact-copy h3{font-size:39px;margin:0 0 16px;letter-spacing:-.03em}.impact-copy p{color:#d5eeee;margin:0 0 28px}
.impact-metrics{display:grid;grid-template-columns:repeat(2,1fr);background:rgba(255,255,255,.08)}
.impact-metrics article{padding:34px;border-left:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);display:flex;gap:16px}.impact-metrics article:nth-child(3),.impact-metrics article:nth-child(4){border-bottom:0}.impact-metrics span{color:#bef264;font-weight:900;font-size:11px}.impact-metrics strong{font-size:19px}.impact-metrics p{margin:7px 0 0;color:#d5eeee;font-size:12px}

.knowledge-section{background:var(--bg)}
.knowledge-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.knowledge-copy h2{font-size:clamp(37px,4vw,55px);line-height:1.1;letter-spacing:-.04em;margin:0 0 20px}.knowledge-copy>p{color:var(--muted);margin:0 0 34px}
.knowledge-tabs{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.knowledge-tabs button{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--muted);text-align:left;padding:17px 0;font-weight:800;cursor:pointer;position:relative}.knowledge-tabs button::after{content:"→";position:absolute;right:0;opacity:0;transition:.2s}.knowledge-tabs button.active{color:var(--brand)}.knowledge-tabs button.active::after{opacity:1}
.knowledge-display{background:var(--surface);border:1px solid var(--line);border-radius:30px;min-height:500px;padding:46px;display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center;box-shadow:var(--shadow-sm)}
.knowledge-visual{aspect-ratio:1;border-radius:50%;position:relative;background:radial-gradient(circle at center,var(--brand-soft),var(--blue-soft));display:grid;place-items:center;overflow:hidden}
.knowledge-visual strong{font-size:29px;line-height:1.1;text-align:center;z-index:3;color:var(--brand)}
.radar-ring{position:absolute;border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);border-radius:50%}.ring-one{inset:15%}.ring-two{inset:29%}.ring-three{inset:42%}
.knowledge-visual::before,.knowledge-visual::after{content:"";position:absolute;background:color-mix(in srgb,var(--brand) 25%,transparent)}.knowledge-visual::before{width:100%;height:1px}.knowledge-visual::after{height:100%;width:1px}
.risk-point{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--brand-3);box-shadow:0 0 0 5px color-mix(in srgb,var(--brand-3) 20%,transparent)}.p1{left:22%;top:34%}.p2{right:18%;top:27%}.p3{right:29%;bottom:18%}.p4{left:29%;bottom:24%}
.knowledge-text>span{font-size:10px;font-weight:900;color:var(--brand);letter-spacing:.1em}.knowledge-text h3{font-size:30px;line-height:1.18;margin:13px 0 16px;letter-spacing:-.025em}.knowledge-text p{color:var(--muted);margin:0 0 22px}.knowledge-text ul{padding:0;margin:0;list-style:none;display:grid;gap:9px}.knowledge-text li{font-size:12px;font-weight:750;display:flex;align-items:center;gap:9px}.knowledge-text li::before{content:"✓";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:10px}

.news-section{background:var(--surface)}
.news-section .split-heading{align-items:center}.news-controls{margin:0;justify-content:flex-end}
.featured-event{display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:var(--bg);margin-bottom:24px}
.featured-event.hidden{display:none}.featured-event-image{position:relative;min-height:400px}.featured-event-image img{width:100%;height:100%;object-fit:cover}.event-badge,.news-image>span{position:absolute;top:18px;left:18px;background:#fff;color:#0f766e;padding:7px 11px;border-radius:999px;font-size:10px;font-weight:900;box-shadow:var(--shadow-sm)}
.featured-event-copy{padding:46px;display:flex;flex-direction:column;justify-content:center}.featured-event-copy h3{font-size:34px;line-height:1.18;letter-spacing:-.03em;margin:13px 0 16px}.featured-event-copy p{color:var(--muted);margin:0 0 25px}.event-meta{display:flex;flex-wrap:wrap;gap:9px;color:var(--brand);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.event-meta span+span::before{content:"·";margin-right:9px;color:var(--muted)}.event-actions{display:flex;gap:10px;flex-wrap:wrap}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.news-card{border:1px solid var(--line);background:var(--bg);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:.25s}.news-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-sm)}.news-card.hidden{display:none}.news-image{height:210px;position:relative;overflow:hidden}.news-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.news-card:hover .news-image img{transform:scale(1.035)}.news-card-body{padding:25px;display:flex;flex-direction:column;flex:1}.news-card h3{font-size:19px;line-height:1.3;margin:12px 0}.news-card p{font-size:13px;color:var(--muted);margin:0 0 22px}.news-card .text-link{margin-top:auto}.text-card-top{height:110px;padding:24px;background:linear-gradient(135deg,#0f766e,#3f6212);display:flex;justify-content:space-between;align-items:flex-start;color:#fff}.text-card-top.blue-top{background:linear-gradient(135deg,#075985,#1d4ed8)}.text-card-top.amber-top{background:linear-gradient(135deg,#9a3412,#d97706)}.text-card-top.green-top{background:linear-gradient(135deg,#166534,#65a30d)}.text-card-top span{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}.text-card-top strong{font-size:11px;background:rgba(255,255,255,.15);padding:6px 9px;border-radius:999px}

.resources-section{background:linear-gradient(145deg,#073f40,#075985);color:#fff}.resources-section .section-heading p{color:#cfe8e7}.resources-grid{display:grid;grid-template-columns:1.2fr .8fr .9fr;gap:20px}.resource-card{background:var(--surface);color:var(--text);border-radius:26px;overflow:hidden;display:grid;grid-template-columns:.83fr 1.17fr;min-height:380px}.resource-card:not(.featured-resource){grid-template-columns:1fr}.resource-cover{background:var(--surface-2);padding:22px;display:flex;align-items:flex-end}.resource-cover img{width:100%;max-height:335px;object-fit:contain;filter:drop-shadow(0 18px 26px rgba(15,23,42,.18))}.small-cover{height:235px;padding:18px;align-items:flex-start;overflow:hidden}.small-cover img{max-height:none}.resource-copy{padding:32px;display:flex;flex-direction:column}.resource-copy>span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--brand)}.resource-copy h3{font-size:24px;line-height:1.2;margin:12px 0}.resource-copy p{font-size:13px;color:var(--muted);margin:0 0 20px}.resource-copy .text-link{margin-top:auto;align-self:flex-start}.resource-stack{display:grid;gap:10px}.mini-resource{width:100%;display:grid;grid-template-columns:42px 1fr 22px;align-items:center;gap:14px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:#fff;border-radius:17px;padding:17px;text-align:left;cursor:pointer;transition:.2s}.mini-resource:hover{background:rgba(255,255,255,.14);transform:translateX(4px)}.mini-resource i{font-style:normal}.mini-resource div{display:flex;flex-direction:column}.mini-resource small{color:#bcd9d8;font-size:9px}.mini-resource strong{font-size:13px}.mini-icon{width:42px;height:42px;border-radius:12px;background:rgba(190,242,100,.15);color:#bef264;display:grid;place-items:center;font-weight:900}

.partners-section{background:var(--surface)}
.partner-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.partner-track{width:max-content;display:flex;gap:10px;animation:marquee 36s linear infinite}.partner-track:hover{animation-play-state:paused}.partner-track span{padding:13px 20px;border:1px solid var(--line);border-radius:999px;background:var(--bg);font-size:12px;font-weight:800;white-space:nowrap;color:var(--muted)}
@keyframes marquee{to{transform:translateX(-50%)}}

.leadership-section{background:var(--bg);padding-top:70px}
.leadership-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}.leadership-card,.leadership-quote{border:1px solid var(--line);background:var(--surface);border-radius:28px;padding:42px;margin:0}.leadership-card{display:grid;grid-template-columns:180px 1fr;gap:35px;align-items:center}.leader-avatar{width:180px;height:220px;border-radius:90px 90px 28px 28px;background:linear-gradient(145deg,#0f766e,#075985);display:grid;place-items:center;position:relative;overflow:hidden}.leader-avatar::before{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.leader-avatar::after{content:"";position:absolute;inset:auto -30px -70px -30px;height:150px;border-radius:50%;background:rgba(255,255,255,.12)}.leader-avatar span{font-size:46px;font-weight:900;color:#fff;z-index:2}.leader-detail h2{font-size:34px;margin:0 0 8px}.leader-role{color:var(--brand)!important;font-weight:750}.leader-detail p{color:var(--muted);margin:0 0 18px}.leadership-quote{background:linear-gradient(145deg,#ecfccb,#ccfbf1);color:#083344;display:flex;flex-direction:column;justify-content:center}.leadership-quote>span{font-family:Georgia,serif;font-size:80px;color:#65a30d;line-height:.6}.leadership-quote p{font-size:23px;line-height:1.5;font-weight:750;letter-spacing:-.02em}.leadership-quote footer{font-size:11px;color:#0f766e;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
html[data-theme="dark"] .leadership-quote{background:linear-gradient(145deg,#1f3815,#103b3b);color:#e8fff8}

.collaborate-section{background:var(--surface);padding-bottom:60px}.collaborate-shell{background:linear-gradient(135deg,#075985,#0f766e 68%,#4d7c0f);border-radius:34px;color:#fff;padding:56px;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;position:relative;overflow:hidden}.collaborate-shell::after{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(255,255,255,.1);border-radius:50%;right:-170px;bottom:-260px}.collaborate-copy{position:relative;z-index:2}.collaborate-copy h2{font-size:40px;line-height:1.13;letter-spacing:-.035em;margin:0 0 18px}.collaborate-copy p{color:#d5eeee;margin:0}.collaborate-options{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.16)}.collaborate-options a{display:grid;grid-template-columns:36px 1fr 25px;gap:15px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16)}.collaborate-options span{color:#bef264;font-size:10px;font-weight:900}.collaborate-options div{display:flex;flex-direction:column}.collaborate-options strong{font-size:17px}.collaborate-options small{color:#cfe8e7}.collaborate-options i{font-style:normal;font-size:20px;transition:.2s}.collaborate-options a:hover i{transform:translateX(5px)}

.contact-section{background:var(--surface);padding-top:60px}.contact-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:80px}.contact-copy h2{font-size:50px;letter-spacing:-.04em;margin:0 0 16px}.contact-copy>p{color:var(--muted);margin:0 0 35px}.contact-details{display:grid;gap:12px}.contact-details>a,.contact-details>div{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg)}.contact-icon{width:42px;height:42px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;flex-shrink:0}.contact-details div div,.contact-details a div{display:flex;flex-direction:column}.contact-details small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.contact-details strong{font-size:12px}.contact-form{padding:34px;border:1px solid var(--line);border-radius:26px;background:var(--bg)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.contact-form label{display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:850;margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:13px 14px;outline:none}.contact-form input,.contact-form select{height:48px}.contact-form textarea{resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 12%,transparent)}.contact-form .invalid{border-color:#ef4444}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.form-footer p{font-size:9px;color:var(--muted);max-width:300px;margin:0}.form-footer .button{flex-shrink:0}

.newsletter-section{background:var(--brand-soft);padding:45px 0}.newsletter-inner{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:60px}.newsletter-inner span{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--brand)}.newsletter-inner h2{font-size:29px;line-height:1.2;margin:7px 0 0}.newsletter-inner form{display:flex;background:var(--surface);padding:6px;border-radius:14px;border:1px solid var(--line)}.newsletter-inner input{flex:1;border:0;background:transparent;color:var(--text);padding:0 14px;outline:none;min-width:0}.newsletter-inner button{border:0;background:var(--text);color:var(--surface);height:46px;padding:0 18px;border-radius:10px;font-weight:850;cursor:pointer}

.site-footer{background:#062f31;color:#e1f7f5;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:70px}.footer-brand img{width:250px;background:#fff;border-radius:13px;padding:8px;margin-bottom:20px}.footer-brand p{font-size:13px;color:#b8d5d3;max-width:390px}.footer-grid h3{font-size:13px;margin:5px 0 18px;color:#bef264}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:10px}.footer-grid a{font-size:12px;color:#c7dfdd}.footer-grid a:hover{color:#fff}.social-links{display:flex;gap:8px;margin-top:18px}.social-links a{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;font-weight:850}.footer-bottom{display:flex;justify-content:space-between;gap:30px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:55px}.footer-bottom p{margin:0;color:#8fb2af;font-size:10px}

.back-to-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border:0;border-radius:50%;background:var(--text);color:var(--surface);box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:.25s;z-index:800}.back-to-top.visible{opacity:1;pointer-events:auto;transform:none}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);background:#0f172a;color:#fff;padding:12px 18px;border-radius:12px;box-shadow:var(--shadow);font-size:12px;font-weight:750;opacity:0;pointer-events:none;transition:.25s;z-index:3000}.toast.show{opacity:1;transform:translate(-50%,0)}

.site-modal{width:min(600px,calc(100% - 32px));border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--text);padding:42px;box-shadow:var(--shadow)}.site-modal::backdrop{background:rgba(2,10,13,.72);backdrop-filter:blur(5px)}.site-modal h2{font-size:34px;line-height:1.18;letter-spacing:-.03em;margin:0 0 17px}.site-modal p{color:var(--muted);margin:0}.modal-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border:1px solid var(--line);background:var(--bg);border-radius:50%;cursor:pointer;font-size:22px}.modal-pill-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.modal-pill-row span{background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:850;padding:8px 11px;border-radius:999px}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}
@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

@media (max-width:1120px){
  :root{--container:1040px}
  .primary-nav{gap:17px}.primary-nav a{font-size:12px}.desktop-cta{display:none}
  .hero-grid{gap:30px}.hero h1{font-size:58px}.hero-proof{gap:9px}
  .purpose-panel{grid-template-columns:1fr}.purpose-ring{position:absolute;right:34px;bottom:-50px;opacity:.32}
  .resources-grid{grid-template-columns:1fr 1fr}.resource-stack{grid-column:1/-1;grid-template-columns:repeat(2,1fr)}
}

@media (max-width:900px){
  :root{--header-h:74px}
  .utility-bar{display:none}
  .header-inner{height:var(--header-h)}.brand img{width:220px}.nav-toggle{display:block}.header-actions{margin-left:0}
  .primary-nav{position:fixed;inset:74px 0 auto 0;background:var(--surface);border-bottom:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px 20px 20px;transform:translateY(-130%);transition:.3s;box-shadow:var(--shadow);z-index:999}
  .primary-nav.open{transform:none}.primary-nav a{padding:14px 5px;border-bottom:1px solid var(--line)}.primary-nav a::after{display:none}
  .nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .hero{min-height:auto;padding:62px 0 70px}.hero-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero h1,.hero-lead{margin-left:auto;margin-right:auto}.eyebrow{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-proof{text-align:left}.hero-visual{max-width:700px;margin:auto}.hero-bottom{display:none}
  .stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid article:nth-child(2){border-right:0}.stats-grid article:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.13)}
  .section{padding:85px 0}.split-heading{grid-template-columns:1fr;gap:20px}.about-grid,.objectives-wrap,.knowledge-grid,.contact-grid,.leadership-grid{grid-template-columns:1fr}.objectives-intro{position:static}.programme-grid{grid-template-columns:repeat(2,1fr)}
  .network-shell{grid-template-columns:1fr}.map-panel{min-height:450px}.world-map{min-height:380px}.country-panel{min-height:500px}
  .timeline{grid-template-columns:1fr;gap:0;margin:45px 0 65px;padding-left:32px}.timeline-line{left:10px;top:0;bottom:0;height:auto;width:2px}.timeline-line span{width:100%;height:0}.timeline-item{padding:0 0 34px 22px}.timeline-dot{left:-32px;top:4px}.impact-dashboard{grid-template-columns:1fr}.impact-metrics article:first-child,.impact-metrics article:nth-child(3){border-left:0}
  .knowledge-display{min-height:auto}.featured-event{grid-template-columns:1fr}.featured-event-image{min-height:330px}.news-grid{grid-template-columns:repeat(2,1fr)}
  .collaborate-shell{grid-template-columns:1fr;gap:35px}.contact-grid{gap:45px}.newsletter-inner{grid-template-columns:1fr;gap:22px}.footer-grid{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:640px){
  .container{width:min(calc(100% - 28px),var(--container))}.section{padding:72px 0}
  .brand img{width:185px}.icon-button{width:38px;height:38px}.nav-toggle{width:42px;height:40px}
  .hero{padding-top:45px}.hero h1{font-size:44px}.hero-lead{font-size:16px}.hero-proof{grid-template-columns:1fr;gap:13px}.hero-proof div{padding:9px 0;border-bottom:1px solid var(--line)}.hero-visual{margin-top:8px}.floating-note{display:none}
  .stats-grid article{padding:23px 14px;gap:10px}.stats-grid strong{font-size:28px}.stats-grid span{font-size:10px}
  .section-heading{margin-bottom:38px}.section-heading h2{font-size:36px}.section-heading p{font-size:15px}
  .about-grid{gap:16px}.mission-panel,.purpose-panel{padding:29px;min-height:auto}.icon-tile{margin-bottom:34px}.purpose-ring{display:none}.objectives-wrap{gap:35px;padding-top:50px}.objective-item{grid-template-columns:38px 1fr 25px}.objective-item strong{font-size:16px}.objective-detail{padding-left:52px}
  .programme-filter{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.programme-filter button{white-space:nowrap}.programme-grid{grid-template-columns:1fr}.programme-card{min-height:300px}
  .map-panel{padding:8px;min-height:300px}.world-map{min-height:280px}.map-legend{left:15px;right:15px;bottom:10px}.map-legend small{display:none}.country-panel{padding:25px}.country-list{grid-template-columns:1fr;max-height:260px}
  .impact-metrics{grid-template-columns:1fr}.impact-metrics article{border-left:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}.impact-metrics article:last-child{border-bottom:0!important}.impact-copy{padding:35px}.impact-copy h3{font-size:32px}
  .knowledge-display{grid-template-columns:1fr;padding:28px}.knowledge-visual{max-width:270px;margin:auto}.knowledge-text h3{font-size:26px}
  .news-controls{justify-content:flex-start;margin-top:8px}.featured-event-image{min-height:240px}.featured-event-copy{padding:28px}.featured-event-copy h3{font-size:28px}.news-grid{grid-template-columns:1fr}
  .resources-grid{grid-template-columns:1fr}.resource-card,.resource-card.featured-resource{grid-template-columns:1fr}.resource-stack{grid-column:auto;grid-template-columns:1fr}.resource-cover{height:280px}.small-cover{height:230px}
  .leadership-card{grid-template-columns:1fr;padding:28px}.leader-avatar{width:140px;height:170px}.leadership-quote{padding:30px}.leadership-quote p{font-size:20px}
  .collaborate-shell{padding:33px 25px}.collaborate-copy h2{font-size:32px}.collaborate-options small{font-size:10px}
  .contact-copy h2{font-size:40px}.contact-form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}.form-footer{align-items:stretch;flex-direction:column}.form-footer .button{width:100%}
  .newsletter-inner h2{font-size:25px}.newsletter-inner form{flex-direction:column;gap:6px}.newsletter-inner input{height:46px}.newsletter-inner button{width:100%}
  .footer-grid{grid-template-columns:1fr;gap:35px}.footer-bottom{flex-direction:column;gap:9px}.site-modal{padding:34px 25px}.site-modal h2{font-size:28px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.partner-track,.pulse-dot,.scroll-cue span::after{animation:none}.programme-card,.news-card,.button{transition:none}}
/* CCCS lightweight motion system
   Progressive enhancement: all content remains visible when JavaScript is unavailable. */
:root{
  --motion-fast:180ms;
  --motion-medium:420ms;
  --motion-slow:760ms;
  --motion-ease:cubic-bezier(.22,1,.36,1);
  --motion-ease-soft:cubic-bezier(.16,1,.3,1);
}

/* Page entrance / exit */
.page-transition{
  position:fixed;
  inset:0;
  z-index:10000;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  background:
    radial-gradient(circle at 25% 35%,rgba(163,230,53,.2),transparent 28%),
    linear-gradient(135deg,#073f40,#075985 64%,#3f6212);
  transform:scaleY(0);
  transform-origin:bottom;
  transition:transform .54s var(--motion-ease),opacity .25s ease,visibility 0s linear .55s;
}
.page-transition::after{
  content:"CCCS";
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  color:#fff;
  font-size:clamp(30px,5vw,64px);
  font-weight:900;
  letter-spacing:.18em;
  opacity:.9;
}
.js body:not(.page-ready) .page-transition,
.js body.page-leaving .page-transition{
  opacity:1;
  visibility:visible;
  transform:scaleY(1);
  transition:transform .48s var(--motion-ease),opacity .2s ease,visibility 0s;
}
.js body:not(.page-ready) .page-transition{transform-origin:top}

/* Scroll-triggered entrances */
.js .motion-reveal{
  opacity:0;
  transform:translate3d(0,30px,0);
  filter:blur(3px);
  transition:
    opacity var(--motion-slow) var(--motion-ease-soft),
    transform var(--motion-slow) var(--motion-ease-soft),
    filter var(--motion-medium) ease;
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform;
}
.js .motion-reveal[data-motion="fade-left"]{transform:translate3d(-34px,0,0)}
.js .motion-reveal[data-motion="fade-right"]{transform:translate3d(34px,0,0)}
.js .motion-reveal[data-motion="scale-in"]{transform:scale(.965) translate3d(0,12px,0)}
.js .motion-reveal[data-motion="fade"]{transform:none}
.js .motion-reveal.is-visible,
.js .motion-reveal.visible{
  opacity:1;
  transform:none;
  filter:none;
}

/* Keep original reveal utility progressively enhanced. */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translate3d(0,28px,0)}
.js .reveal.visible,.js .reveal.is-visible{opacity:1;transform:none}

/* Section headings receive a subtle animated rule. */
.section-heading h2,
.contact-copy h2,
.collaborate-copy h2{
  position:relative;
}
.section-heading h2::after,
.contact-copy h2::after{
  content:"";
  display:block;
  width:54px;
  height:3px;
  margin-top:20px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--brand),var(--brand-3));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .85s var(--motion-ease) .12s;
}
.motion-reveal.is-visible .section-heading h2::after,
.section-heading.motion-reveal.is-visible h2::after,
.contact-copy.motion-reveal.is-visible h2::after,
.section-heading.visible h2::after,
.contact-copy.visible h2::after{transform:scaleX(1)}
.centered h2::after{margin-inline:auto;transform-origin:center}

/* Modern card elevation, highlight and icon movement */
.programme-card,
.news-card,
.mission-panel,
.purpose-panel,
.resource-card,
.leadership-card,
.leadership-quote,
.contact-form,
.contact-details>a,
.contact-details>div,
.country-panel,
.featured-event,
.impact-dashboard,
.knowledge-display,
.collaborate-shell{
  transform:translateZ(0);
  transition:
    transform var(--motion-medium) var(--motion-ease),
    box-shadow var(--motion-medium) var(--motion-ease),
    border-color var(--motion-fast) ease;
}
.programme-card,
.news-card,
.mission-panel,
.resource-card,
.leadership-card,
.contact-form,
.contact-details>a,
.contact-details>div{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.programme-card::before,
.news-card::before,
.mission-panel::before,
.resource-card::before,
.leadership-card::before,
.contact-form::before{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:-1;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(340px circle at var(--pointer-x,50%) var(--pointer-y,50%),color-mix(in srgb,var(--brand) 11%,transparent),transparent 48%);
  transition:opacity var(--motion-medium) ease;
}
.programme-card:hover::before,
.news-card:hover::before,
.mission-panel:hover::before,
.resource-card:hover::before,
.leadership-card:hover::before,
.contact-form:hover::before{opacity:1}
.programme-card:hover,
.news-card:hover,
.mission-panel:hover,
.resource-card:hover,
.leadership-card:hover,
.contact-details>a:hover,
.contact-details>div:hover{
  transform:translateY(-7px);
  box-shadow:0 24px 60px rgba(15,23,42,.13);
  border-color:color-mix(in srgb,var(--brand) 38%,var(--line));
}
html[data-theme="dark"] .programme-card:hover,
html[data-theme="dark"] .news-card:hover,
html[data-theme="dark"] .mission-panel:hover,
html[data-theme="dark"] .resource-card:hover,
html[data-theme="dark"] .leadership-card:hover{box-shadow:0 26px 70px rgba(0,0,0,.34)}
.programme-card:hover .programme-icon,
.mission-panel:hover .icon-tile,
.contact-details>a:hover .contact-icon,
.contact-details>div:hover .contact-icon{
  transform:translateY(-3px) rotate(-3deg) scale(1.06);
}
.programme-icon,.icon-tile,.contact-icon,.mini-icon,.play-icon{
  transition:transform var(--motion-medium) var(--motion-ease),box-shadow var(--motion-medium) ease;
}
.news-card:hover .news-image img{transform:scale(1.055) rotate(.25deg)}
.resource-card:hover .resource-cover img{transform:translateY(-7px) scale(1.025)}
.resource-cover img{transition:transform .65s var(--motion-ease)}

/* Buttons and links */
.button,
.icon-button,
.nav-toggle,
.programme-filter button,
.news-controls button,
.region-filter button,
.country-list button,
.newsletter-inner button,
.card-link,
.text-link{
  position:relative;
  transition:
    transform var(--motion-fast) var(--motion-ease),
    box-shadow var(--motion-medium) var(--motion-ease),
    background-color var(--motion-fast) ease,
    border-color var(--motion-fast) ease,
    color var(--motion-fast) ease;
}
.button{overflow:hidden}
.button::before{
  content:"";
  position:absolute;
  top:-70%;left:-40%;
  width:32%;height:240%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transform:rotate(18deg) translateX(-280%);
  transition:transform .75s var(--motion-ease);
  pointer-events:none;
}
.button:hover::before{transform:rotate(18deg) translateX(520%)}
.button:hover svg{transform:translateX(3px)}
.button svg{transition:transform var(--motion-fast) var(--motion-ease)}
.button:active,.icon-button:active,.nav-toggle:active,.programme-filter button:active,.news-controls button:active,.region-filter button:active{transform:scale(.96)}
.programme-filter button:hover,.news-controls button:hover,.region-filter button:hover,.country-list button:hover{transform:translateY(-2px)}
.primary-nav a{transition:color var(--motion-fast) ease,transform var(--motion-fast) var(--motion-ease)}
.primary-nav a:hover{transform:translateY(-1px)}
.social-links a{transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) ease,border-color var(--motion-fast) ease}
.social-links a:hover{transform:translateY(-3px) rotate(-4deg);background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.38)}

/* Hero micro-interactions */
.hero-visual img{animation:heroDrift 8s ease-in-out infinite;transform-origin:center}
.floating-note-one{animation:floatOne 4.8s ease-in-out infinite}
.floating-note-two{animation:floatTwo 5.6s ease-in-out infinite}
.hero-orb-one{animation:orbFloatOne 10s ease-in-out infinite}
.hero-orb-two{animation:orbFloatTwo 12s ease-in-out infinite}
.purpose-ring{animation:ringFloat 6s ease-in-out infinite}
.purpose-ring::before{animation:slowSpin 22s linear infinite}
.purpose-ring::after{animation:slowSpinReverse 16s linear infinite}
.status-dot{animation:statusGlow 2.4s ease-in-out infinite}
@keyframes heroDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}
@keyframes floatOne{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(0,-9px,0) rotate(.8deg)}}
@keyframes floatTwo{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(5px,-7px,0) rotate(-.7deg)}}
@keyframes orbFloatOne{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,20px) scale(1.08)}}
@keyframes orbFloatTwo{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-26px,-20px) scale(.94)}}
@keyframes ringFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes slowSpin{to{transform:rotate(360deg)}}
@keyframes slowSpinReverse{to{transform:rotate(-360deg)}}
@keyframes statusGlow{0%,100%{box-shadow:0 0 0 4px rgba(163,230,53,.16)}50%{box-shadow:0 0 0 8px rgba(163,230,53,.04)}}

/* Typing effect */
.typing-target{display:inline-block;min-width:7.7ch}
.typing-target::after{
  content:"";
  display:inline-block;
  width:2px;height:.78em;
  margin-left:5px;
  background:currentColor;
  vertical-align:-.04em;
  animation:typingCaret .75s steps(1,end) infinite;
}
.typing-target.typing-complete::after{animation:caretFade 1.4s ease forwards}
@keyframes typingCaret{50%{opacity:0}}
@keyframes caretFade{0%,45%{opacity:1}100%{opacity:0}}

/* Counters and map/timeline details */
.counter{display:inline-block;font-variant-numeric:tabular-nums;min-width:1.35ch}
.counter.counter-complete{animation:counterSettle .5s var(--motion-ease)}
@keyframes counterSettle{0%{transform:scale(.9);opacity:.55}55%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
.markers circle{transform-box:fill-box;transform-origin:center;animation:markerBreathe 3.2s ease-in-out infinite;animation-delay:calc(var(--marker-index,0) * -130ms)}
.markers circle:hover,.markers circle.active{transform:scale(1.35);animation-play-state:paused}
@keyframes markerBreathe{0%,100%{transform:scale(1);opacity:.88}50%{transform:scale(1.13);opacity:1}}
.map-lines path{animation:dashFlow 16s linear infinite}
@keyframes dashFlow{to{stroke-dashoffset:-180}}
.timeline-dot:hover{transform:scale(1.16)}
.timeline-item.is-active .timeline-content{animation:timelinePop .45s var(--motion-ease)}
@keyframes timelinePop{0%{transform:translateY(8px);opacity:.65}100%{transform:none;opacity:1}}

/* Filter / tab change feedback */
.filter-pop{animation:filterPop .42s var(--motion-ease)}
@keyframes filterPop{0%{opacity:.25;transform:translateY(10px) scale(.985)}100%{opacity:1;transform:none}}

/* Modal entrance */
.site-modal[open]{animation:dialogIn .38s var(--motion-ease)}
.site-modal[open]::backdrop{animation:backdropIn .3s ease}
@keyframes dialogIn{0%{opacity:0;transform:translateY(18px) scale(.97)}100%{opacity:1;transform:none}}
@keyframes backdropIn{from{opacity:0}to{opacity:1}}
.modal-close{transition:transform var(--motion-fast) var(--motion-ease),background-color var(--motion-fast) ease}
.modal-close:hover{transform:rotate(90deg);background:var(--brand-soft)}

/* Input micro-interactions */
.contact-form label{transition:color var(--motion-fast) ease}
.contact-form label:focus-within{color:var(--brand)}
.contact-form input,.contact-form select,.contact-form textarea,.newsletter-inner form{
  transition:border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,transform var(--motion-fast) ease;
}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{transform:translateY(-1px)}
.newsletter-inner form:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,var(--brand) 12%,transparent);border-color:var(--brand)}

/* Back to top */
.back-to-top:hover{transform:translateY(-4px) rotate(-3deg);box-shadow:0 16px 38px rgba(15,23,42,.25)}
.back-to-top.visible{animation:backTopIn .42s var(--motion-ease)}
@keyframes backTopIn{from{opacity:0;transform:translateY(16px) scale(.8)}to{opacity:1;transform:none}}

/* Responsive tuning */
@media (max-width:900px){
  .js .motion-reveal[data-motion="fade-left"],.js .motion-reveal[data-motion="fade-right"]{transform:translate3d(0,24px,0)}
  .primary-nav.open a{animation:mobileNavIn .36s var(--motion-ease) both;animation-delay:calc(var(--nav-index,0) * 45ms)}
  @keyframes mobileNavIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
}

/* Motion accessibility */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  .js .motion-reveal,.js .reveal{opacity:1!important;transform:none!important;filter:none!important}
  .page-transition{display:none!important}
  .typing-target::after{display:none}
}
/* Premium presentation and performance refinements */
:root{
  color-scheme:light;
  --glass:rgba(255,255,255,.78);
  --glass-strong:rgba(255,255,255,.92);
  --brand-gradient:linear-gradient(135deg,#075985 0%,#0f766e 52%,#4d7c0f 100%);
  --focus-ring:0 0 0 4px color-mix(in srgb,var(--brand) 22%,transparent);
  --shadow-premium:0 24px 64px rgba(2,44,52,.13),0 2px 8px rgba(15,23,42,.04);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#061013;
  --surface:#0a171b;
  --surface-2:#102329;
  --surface-3:#0b2930;
  --text:#f1feff;
  --muted:#a7bdc2;
  --line:#233d44;
  --brand:#5eead4;
  --brand-2:#7dd3fc;
  --brand-3:#bef264;
  --brand-soft:#0e3535;
  --blue-soft:#0c2d40;
  --lime-soft:#20350e;
  --glass:rgba(10,23,27,.78);
  --glass-strong:rgba(10,23,27,.94);
  --shadow-premium:0 28px 72px rgba(0,0,0,.38),0 1px 0 rgba(255,255,255,.03) inset;
}
html{scrollbar-gutter:stable;text-rendering:optimizeLegibility}
body{min-width:320px;background:
  radial-gradient(circle at 0 0,color-mix(in srgb,var(--brand) 7%,transparent),transparent 28rem),
  var(--bg)}
main{isolation:isolate}
main>section:not(.hero):not(.stats-strip){content-visibility:auto;contain-intrinsic-size:900px}
picture{display:block}
img{height:auto}
button,a,input,select,textarea{outline-offset:3px}
:focus-visible{outline:3px solid color-mix(in srgb,var(--brand) 72%,white);box-shadow:var(--focus-ring)}
:focus:not(:focus-visible){outline:none}
.skip-link:focus{z-index:10000}
.scroll-progress{width:100%;transform:scaleX(0);transform-origin:left center;will-change:transform}
.site-header{background:var(--glass);border-color:color-mix(in srgb,var(--line) 50%,transparent);box-shadow:0 1px 0 color-mix(in srgb,var(--line) 55%,transparent);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}
.site-header.scrolled{background:var(--glass-strong);box-shadow:0 14px 38px rgba(2,44,52,.08)}
.brand img{width:248px;aspect-ratio:15/4}
.primary-nav a{transition:color .2s ease}
.primary-nav a[aria-current="location"]{color:var(--text)}
.header-actions .button-primary{box-shadow:0 10px 24px rgba(15,118,110,.2)}
.mobile-nav-cta{display:none!important}
.button{position:relative;isolation:isolate}
.button-primary{background:var(--brand-gradient);border-color:rgba(255,255,255,.12)}
.button-primary:hover{box-shadow:0 18px 40px rgba(15,118,110,.28)}
.button-ghost{background:color-mix(in srgb,var(--surface) 86%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hero{background:
  radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--brand-3) 16%,transparent),transparent 32%),
  radial-gradient(circle at 89% 14%,color-mix(in srgb,var(--brand-2) 18%,transparent),transparent 36%),
  linear-gradient(180deg,var(--surface),var(--bg));
}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--line) 35%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--line) 35%,transparent) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.42),transparent 72%);opacity:.28;pointer-events:none}
.hero h1,.section-heading h2,.contact-copy h2,.collaborate-copy h2{text-wrap:balance}
.hero-lead,.section-heading p,.contact-copy>p{text-wrap:pretty}
.hero-visual picture{filter:drop-shadow(0 26px 44px rgba(2,44,52,.1))}
.hero-visual img{width:100%;aspect-ratio:82/65;object-fit:contain;filter:none}
.floating-note{background:var(--glass-strong);border-color:color-mix(in srgb,var(--line) 76%,transparent);box-shadow:var(--shadow-premium)}
.stats-strip{background:linear-gradient(105deg,#052f33 0%,#075b5b 50%,#234f28 100%)}
.mission-panel,.programme-card,.news-card,.resource-card,.contact-form,.leadership-card{box-shadow:0 1px 0 rgba(255,255,255,.55) inset}
html[data-theme="dark"] .mission-panel,
html[data-theme="dark"] .programme-card,
html[data-theme="dark"] .news-card,
html[data-theme="dark"] .resource-card,
html[data-theme="dark"] .contact-form,
html[data-theme="dark"] .leadership-card{box-shadow:0 1px 0 rgba(255,255,255,.035) inset}
.programme-card:hover,.news-card:hover,.resource-card:hover,.mission-panel:hover{box-shadow:var(--shadow-premium)}
.featured-event-image picture,.news-image picture{height:100%}
.featured-event-image img,.news-image img{width:100%;height:100%;object-fit:cover}
.resource-cover picture{height:100%}
.resource-cover img{width:100%;height:100%;object-fit:cover}
.empty-state{grid-column:1/-1;color:var(--muted);font-size:12px;margin:12px 0}
.map-tooltip[hidden]{display:none!important}
.contact-form input,.contact-form select,.contact-form textarea,.newsletter-section input{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.contact-form input:hover,.contact-form select:hover,.contact-form textarea:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.site-footer{border-top:1px solid var(--line)}
.back-to-top{box-shadow:0 14px 32px rgba(2,44,52,.22)}
.performance-note{font-size:11px;color:var(--muted)}

@media (max-width:900px){
  body.nav-open{overflow:hidden}
  .primary-nav{background:var(--glass-strong);-webkit-backdrop-filter:blur(18px) saturate(145%);backdrop-filter:blur(18px) saturate(145%)}
  .mobile-nav-cta{display:flex!important;margin-top:8px;padding:13px 16px!important;background:var(--brand-gradient)!important;color:#fff!important;border-radius:12px;justify-content:center}
  .mobile-nav-cta::after{display:none}
  .hero-visual picture{max-width:720px;margin-inline:auto}
}

@media (max-width:640px){
  .container{width:min(calc(100% - 28px),var(--container))}
  .utility-bar{display:none}
  .site-header{top:0}
  .header-inner{height:72px}
  .brand img{width:205px}
  .hero{padding-top:36px}
  .hero-actions .button{width:100%}
  .stats-grid article{min-height:104px}
}

@media (prefers-reduced-data:reduce){
  .hero::before,.hero-orb,.floating-note{display:none}
  .partner-track{animation:none;transform:none;flex-wrap:wrap;justify-content:center}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{scroll-behavior:auto!important}
}

.noscript-note{padding:10px 18px;background:#fef3c7;color:#78350f;text-align:center;font-size:13px;font-weight:700}
.no-js .page-transition{display:none}

/* Original CCCS hero artwork — preserve the complete generated composition. */
.hero-visual{overflow:visible}
.hero-visual .hero-original-picture{display:block;width:100%;max-width:none;margin:0;filter:drop-shadow(0 26px 44px rgba(2,44,52,.10))}
.hero-visual .hero-original-picture img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:1160/897;object-fit:contain;object-position:center;filter:none}

/* Official COMSATS content and leadership profiles - 2026 refresh */
.leadership-section{background:linear-gradient(180deg,var(--bg),var(--surface-2));padding-top:86px}
.leadership-heading{align-items:end}
.leadership-profiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.leadership-profile{border:1px solid var(--line);background:var(--surface);border-radius:30px;overflow:hidden;display:grid;grid-template-columns:minmax(190px,.86fr) minmax(0,1.14fr);min-height:470px;box-shadow:0 1px 0 rgba(255,255,255,.5) inset;transition:transform .35s var(--motion-ease),box-shadow .35s var(--motion-ease),border-color .35s var(--motion-ease)}
.leadership-profile:hover{transform:translateY(-7px);box-shadow:var(--shadow-premium);border-color:color-mix(in srgb,var(--brand) 28%,var(--line))}
.leader-photo{position:relative;margin:0;min-height:470px;background:#0b4d50;overflow:hidden}
.leader-photo picture,.leader-photo img{display:block;width:100%;height:100%}
.leader-photo img{object-fit:cover;transition:transform .75s var(--motion-ease)}
.leadership-profile:hover .leader-photo img{transform:scale(1.035)}
.leader-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(4,31,35,.72));pointer-events:none}
.leader-photo figcaption{position:absolute;left:20px;bottom:18px;z-index:2;color:#fff;background:rgba(8,61,64,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.leadership-profile .leader-detail{padding:36px 30px;display:flex;flex-direction:column;justify-content:center}
.leader-label{display:inline-flex;align-self:flex-start;padding:7px 10px;border-radius:999px;background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--brand);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.09em;margin-bottom:16px}
.leadership-profile .leader-detail h3{font-size:clamp(25px,2.2vw,34px);line-height:1.1;letter-spacing:-.035em;margin:0 0 12px}
.leadership-profile .leader-role{font-size:13px;line-height:1.55;color:var(--brand)!important;font-weight:800;margin-bottom:16px}
.leadership-profile .leader-detail>p:not(.leader-role){font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 22px}
.leader-actions{display:flex;flex-wrap:wrap;gap:16px 22px;margin-top:auto}
.leadership-source-note{max-width:860px;margin:22px auto 0;text-align:center;color:var(--muted);font-size:11px}
html[data-theme="dark"] .leadership-profile{box-shadow:0 1px 0 rgba(255,255,255,.035) inset}
.official-document-cover,.official-document-spread{align-items:center;justify-content:center;background:#eef6f4}
.official-document-cover img,.official-document-spread img{object-fit:contain!important;height:auto!important;max-height:100%;border-radius:12px;box-shadow:0 18px 42px rgba(3,50,55,.18)}
.official-document-spread{height:235px;padding:14px}
.official-resources-grid .resource-card{min-height:400px}
.news-image-landscape img{object-position:center}
.network-note a{color:#d9f99d;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1120px){.leadership-profile{grid-template-columns:1fr;min-height:0}.leader-photo{min-height:390px}.leadership-profile .leader-detail{padding:30px}.leadership-profiles{gap:20px}}
@media (max-width:760px){.leadership-profiles{grid-template-columns:1fr}.leader-photo{min-height:440px}.leadership-profile .leader-detail{padding:28px 24px}.leadership-heading{align-items:start}}
@media (max-width:480px){.leader-photo{min-height:360px}.leader-actions{flex-direction:column;align-items:flex-start;gap:12px}.official-document-spread{height:210px}}
@media (prefers-reduced-motion:reduce){.leadership-profile,.leader-photo img{transition:none}.leadership-profile:hover{transform:none}.leadership-profile:hover .leader-photo img{transform:none}}


/* Content alignment with cccs.comsats.org */
.stats-grid{grid-template-columns:repeat(5,1fr)}
.stats-grid article{padding-inline:22px}
.stats-grid strong[data-suffix="+"]::after{content:attr(data-suffix)}
.established-note{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);display:grid;gap:6px}
.established-note strong{font-size:14px;color:var(--text)}
.established-note span{font-size:13px;color:var(--muted);line-height:1.6}
.mission-kicker{display:block;margin-top:24px}
.source-visual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:38px 0 28px}
.source-visual-grid figure{margin:0;position:relative;overflow:hidden;border-radius:22px;min-height:260px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-soft)}
.source-visual-grid picture,.source-visual-grid img{display:block;width:100%;height:100%}
.source-visual-grid img{position:absolute;inset:0;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.source-visual-grid figure:hover img{transform:scale(1.045)}
.source-visual-grid figure::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(4,25,38,.9))}
.source-visual-grid figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:19px;color:#fff;display:grid;gap:3px}
.source-visual-grid figcaption strong{font-size:18px}
.source-visual-grid figcaption span{font-size:12px;color:rgba(255,255,255,.78)}
.source-network{background:linear-gradient(145deg,#063c45,#0a6970)}
.network-fact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.network-fact-grid article{padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(255,255,255,.07);backdrop-filter:blur(10px)}
.network-fact-grid strong{display:block;font-size:46px;line-height:1;color:#bef264;letter-spacing:-.05em;margin-bottom:12px}
.network-fact-grid strong[data-suffix="+"]::after{content:attr(data-suffix)}
.network-fact-grid span{display:block;color:#fff;font-weight:800;margin-bottom:8px}
.network-fact-grid p{margin:0;color:rgba(255,255,255,.68);font-size:13px;line-height:1.6}
.impact-metrics{grid-template-columns:1fr 1fr}
@media(max-width:1050px){.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-grid article:nth-child(3){border-right:0}.stats-grid article:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.13)}.network-fact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid article:nth-child(3){border-right:1px solid rgba(255,255,255,.13)}.stats-grid article:nth-child(odd){border-left:1px solid rgba(255,255,255,.13)}.source-visual-grid,.network-fact-grid,.impact-metrics{grid-template-columns:1fr}.source-visual-grid figure{min-height:230px}}