/* WP-26 (REQ-1063 to REQ-1069): GH's own visual language: an original icon set and infographic parts (the Founder, 14 October 2026, E2-226).
   Greens of The Green Hubs: deep green #0E2415 and leaf #7FC144, one accent colour per hub. Light and dark; phone width; Arabic mirrored
   (logical properties only: inline-start, inline-end); no inline style, no script (content security policy). (c) 2026 GH The Green Hubs(R) Company, SIP(TM). */
:root{--bp-deep:#0E2415;--bp-leaf:#7FC144;--bp-leaf-d:#5FA52E;--bp-paper:#FFFFFF;--bp-stone:#EFEAE2;--bp-ink:#33433A;--bp-mute:#625A4E;--bp-hair:#D6CDBE;
  --bp-card:#FFFFFF;--bp-sage:#C9D3C6;--bp-line:#0E2415}
/* the accent of each hub and solution (light) and its lighter twin for dark pages */
.ac-hub-zero,.ac-leaf{--ac:#5FA52E;--ac-dk:#9BD66B}.ac-consulting-transformation{--ac:#2E6DB4;--ac-dk:#6FA3E0}.ac-esg{--ac:#1F8A70;--ac-dk:#4CC2A4}
.ac-carbon{--ac:#5A6770;--ac-dk:#A3B1BA}.ac-energy{--ac:#B87F00;--ac-dk:#F2BE3A}.ac-water{--ac:#0E94CC;--ac-dk:#4CC4F0}
.ac-asset-field{--ac:#C0602A;--ac-dk:#EB9266}.ac-pmo{--ac:#6552C4;--ac-dk:#9D8DEB}.ac-ai{--ac:#B93A86;--ac-dk:#E57DB8}
.ac-knowledge-innovation{--ac:#9A6B2A;--ac-dk:#D4A263}.ac-finance{--ac:#7A8E17;--ac-dk:#B3C94B}.ac-social-impact{--ac:#D9534F;--ac-dk:#F28C88}
.ac-sip,.ac-layer,.ac-step,.ac-trust{--ac:#5FA52E;--ac-dk:#8FD65B}
[class*="ac-"]{--ic-accent:var(--ac)}
/* the icon: one rounded line, one soft fill in the accent */
.ic{display:inline-block;vertical-align:middle;flex:none;overflow:visible}
.ic-l{fill:none;stroke:var(--ic-line,currentColor);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.ic-a{fill:var(--ic-accent,var(--bp-leaf-d));fill-opacity:.3;stroke:none}
.bp-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---- 1. the numbered process wheel */
.bp-wheel{display:grid;grid-template-columns:minmax(0,380px) minmax(0,1fr);gap:56px;align-items:center}
.bp-wheel-svg{width:100%;height:auto;display:block}
.bp-seg-1{fill:#7FC144}.bp-seg-2{fill:#5FA52E}.bp-seg-3{fill:#3E8A2F}.bp-seg-4{fill:#1F6B33}.bp-seg-5{fill:#17502B}.bp-seg-6{fill:#0E2415}
.bp-node{fill:var(--bp-card);stroke:var(--bp-deep);stroke-width:2}
.bp-hub{fill:var(--bp-deep)}.bp-hub+.ic .ic-l{stroke:#fff}.bp-hub+.ic .ic-a{fill:var(--bp-leaf);fill-opacity:.95}
.bp-num{fill:var(--bp-deep);stroke:var(--bp-card);stroke-width:3}.bp-numt{fill:#fff;font:700 14px var(--w-sans,system-ui,sans-serif)}
.bp-wheel-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.bp-wheel-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}
.bp-li-n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--bp-deep);color:#fff;font-weight:700;font-size:15px}
.bp-li-t{display:grid;gap:2px}.bp-li-t b{font-size:18px;color:var(--bp-line)}.bp-li-t span{color:var(--bp-ink);font-size:16px;line-height:1.55}
/* ---- 2. the hub-and-spoke circle */
.ghmap.bp-spoke{display:block;width:100%;max-width:640px;height:auto;margin-inline:auto}
.ghmap.bp-spoke .hm-orbit{fill:none;stroke:var(--bp-hair);stroke-width:1.5;stroke-dasharray:3 6}
.ghmap.bp-spoke .hm-spoke{stroke:var(--bp-hair);stroke-width:1.5}
.ghmap.bp-spoke .hm-node .bp-hn{fill:var(--bp-card);stroke:var(--ac);stroke-width:3}
.ghmap.bp-spoke .hm-node:hover .bp-hn,.ghmap.bp-spoke .hm-node:focus-visible .bp-hn{fill:color-mix(in srgb,var(--ac) 16%,var(--bp-card));stroke-width:4}
.ghmap.bp-spoke .hm-zero .bp-hz{fill:var(--bp-deep);stroke:var(--bp-leaf);stroke-width:3}
.ghmap.bp-spoke .hm-zero .ic-l{stroke:#fff}.ghmap.bp-spoke .hm-zero .ic-a{fill:var(--bp-leaf);fill-opacity:.95}
.ghmap.bp-spoke a{cursor:pointer}.ghmap.bp-spoke a:focus-visible{outline:none}.ghmap.bp-spoke a:focus-visible .bp-hn,.ghmap.bp-spoke a:focus-visible .bp-hz{stroke-width:5}
/* ---- 3. KPI tiles */
.bp-kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.bp-kpi{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"ic n" "l l";align-items:center;gap:6px 16px;padding:22px 24px 20px;background:var(--bp-card);border:1px solid var(--bp-hair);
  border-radius:16px;border-block-start:5px solid var(--ac,var(--bp-leaf-d))}
.bp-kpi-ic{grid-area:ic;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--ac,var(--bp-leaf-d)) 14%,var(--bp-card));color:var(--bp-line)}
.bp-kpi-n{grid-area:n;font:600 54px/1 var(--w-serif,Georgia,serif);color:var(--bp-line);letter-spacing:-.02em}
.bp-kpi-l{grid-area:l;font-size:15.5px;line-height:1.45;color:var(--bp-ink)}
/* ---- 4. the comparison matrix */
.bp-matrix{overflow-x:auto}.bp-matrix table{border-collapse:separate;border-spacing:4px;width:100%;min-width:760px;table-layout:fixed}.bp-matrix thead td:first-child{width:230px}
.bp-matrix caption{caption-side:top;text-align:start;padding:0 0 12px;font-size:15px;color:var(--bp-mute)}
.bp-matrix thead th{padding:6px 2px 10px;font-weight:600;vertical-align:bottom;color:var(--bp-line)}
.bp-mx-h{display:block;text-align:center;color:var(--bp-line)}.bp-mx-n{display:block;margin-block-start:6px;font-size:11.5px;line-height:1.25;font-weight:600;text-align:center;color:var(--bp-ink);hyphens:auto;overflow-wrap:anywhere}
.bp-matrix tbody th{text-align:start;padding:6px 12px 6px 0;font-weight:600;font-size:15px;line-height:1.3;color:var(--bp-line);min-width:230px}
html[dir=rtl] .bp-matrix tbody th{padding:6px 0 6px 12px}
.bp-mx-r{display:flex;align-items:center;gap:12px}.bp-mx-r a{color:inherit;text-decoration:none}.bp-mx-r a:hover{text-decoration:underline}
.bp-mx-c{height:44px;min-width:44px;text-align:center;border-radius:8px;background:color-mix(in srgb,var(--bp-hair) 45%,transparent)}
.bp-mx-c.on{background:var(--ac,var(--bp-leaf-d))}.bp-mx-c.on .ic-l{stroke:#fff;stroke-width:2.2}
/* ---- 5. the icon timeline */
.bp-tl{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0}
.bp-tl li{position:relative;display:grid;gap:6px;align-content:start;padding-inline:6px 22px}
.bp-tl-node{position:relative;display:grid;place-items:center;width:62px;height:62px;margin-block-end:10px;border-radius:50%;background:var(--bp-card);border:2px solid var(--ac,var(--bp-leaf-d))}
.bp-tl-n{position:absolute;inset-block-start:-8px;inset-inline-start:-8px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--bp-deep);color:#fff;font:700 12.5px/1 var(--w-sans,system-ui,sans-serif)}
.bp-tl-ic{color:var(--bp-line)}
.bp-tl li:not(:last-child)::after{content:"";position:absolute;inset-block-start:31px;inset-inline-start:72px;inset-inline-end:8px;border-block-start:2px dashed var(--ac,var(--bp-leaf-d));opacity:.6}
.bp-tl b{font-size:17px;color:var(--bp-line)}.bp-tl-l{font-size:15px;line-height:1.5;color:var(--bp-ink)}
/* ---- 6. the hexagon cluster */
.bp-hexes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:0 0}
.bp-hex-i{grid-column:span 2;margin-block-end:-3.2%}
.bp-hex-i:nth-child(4n+1){grid-column:1/span 2}.bp-hex-i:nth-child(4n+2){grid-column:3/span 2}.bp-hex-i:nth-child(4n+3){grid-column:5/span 2}.bp-hex-i:nth-child(4n+4){grid-column:7/span 2}
.bp-hex-i:nth-child(n+5):nth-child(-n+8){transform:none}
.bp-hex-i:nth-child(n+5):nth-child(-n+8):nth-child(4n+1){grid-column:2/span 2}.bp-hex-i:nth-child(n+5):nth-child(-n+8):nth-child(4n+2){grid-column:4/span 2}
.bp-hex-i:nth-child(n+5):nth-child(-n+8):nth-child(4n+3){grid-column:6/span 2}.bp-hex-i:nth-child(n+5):nth-child(-n+8):nth-child(4n+4){grid-column:8/span 2}
.bp-hex{position:relative;display:grid;align-content:center;justify-items:center;gap:6px;aspect-ratio:1.1547/1;padding:14% 14%;text-align:center;text-decoration:none;color:var(--bp-line)}
.bp-hex-bg{position:absolute;inset:0;background:var(--ac);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);opacity:.16;transition:opacity .15s}
.bp-hex::before{content:"";position:absolute;inset:3px;background:var(--bp-card);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);z-index:0;opacity:.0}
.bp-hex:hover .bp-hex-bg,.bp-hex:focus-visible .bp-hex-bg{opacity:.34}
.bp-hex:focus-visible{outline:3px solid var(--ac);outline-offset:2px;border-radius:12px}
.bp-hex-ic,.bp-hex b{position:relative;z-index:1}.bp-hex b{font-size:13.5px;line-height:1.25;font-weight:600}
.bp-hex-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--bp-card);border:2px solid var(--ac)}
/* ---- 7. pillars and tiles */
.bp-pillars{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:34px 24px}
.bp-pillars li{display:grid;justify-items:center;align-content:start;gap:8px;text-align:center}
.bp-pil-c{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;border:2.5px solid var(--ac,var(--bp-leaf-d));background:color-mix(in srgb,var(--ac,var(--bp-leaf-d)) 9%,var(--bp-card));color:var(--bp-line)}
.bp-pillars b{font-size:18px;color:var(--bp-line)}.bp-pillars li>span:last-child{font-size:15px;line-height:1.5;color:var(--bp-ink);max-width:24ch}
.bp-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.bp-tile{display:grid;align-content:start;background:var(--bp-card);border:1px solid var(--bp-hair);border-radius:14px;border-block-start:5px solid var(--ac,var(--bp-leaf-d));overflow:hidden}
.bp-tile>a,.bp-tile:not(:has(>a)){display:grid;gap:6px;align-content:start;padding:20px 22px 22px;color:inherit;text-decoration:none}
.bp-tile-ic{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:color-mix(in srgb,var(--ac,var(--bp-leaf-d)) 15%,var(--bp-card));color:var(--bp-line);margin-block-end:6px}
.bp-tile b{font-size:17px;line-height:1.3;color:var(--bp-line)}.bp-tile>a>span:last-child,.bp-tile>span:last-child{font-size:15px;line-height:1.5;color:var(--bp-ink)}
/* ---- icons placed in the existing blocks of the pages */
.bp-badge{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--bp-card);border:2px solid var(--ac,var(--bp-leaf-d));color:var(--bp-line)}
.vrow7 li{position:relative}.vrow7 .bp-l-ic{display:block;margin-block:2px 8px;color:var(--bp-leaf)}
.players-stack b .bp-l-ic{display:inline-block;vertical-align:-6px;margin-inline-end:10px;color:var(--bp-line)}.vrow7 .bp-l-ic .ic-l{stroke:var(--bp-leaf)}.vrow7 .bp-l-ic .ic-a{fill:var(--bp-leaf);fill-opacity:.3}
.bp-lead-ic{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--bp-card);border:2px solid var(--ac,var(--bp-leaf-d));margin-block-end:14px;color:var(--bp-line)}
.bp-band{padding-block:72px}.bp-band .pwrap>h2{margin-block-end:28px}
.wstds{margin-block-start:48px;padding-block-start:32px;border-block-start:1px solid var(--w-hair,var(--bp-hair))}.wstds h3{margin:0 0 14px;font-size:15px}

/* ---- dark: the same parts on the deep-green (night) bands of the site (the site has one light page scheme; its dark surfaces are these bands) */
.wb-night,.whero{--bp-line:#FFFFFF;--bp-card:#17301F;--bp-ink:#C9D3C6;--bp-hair:rgba(201,211,198,.32);--bp-mute:#A9B8A8;--ic-line:#FFFFFF}
.wb-night [class*="ac-"],.whero [class*="ac-"]{--ac:var(--ac-dk)}
.wb-night .ic-a,.whero .ic-a{fill-opacity:.5}
.wb-night .bp-node{stroke:var(--bp-leaf)}.wb-night .bp-hub{fill:#17301F;stroke:var(--bp-leaf);stroke-width:3}
.wb-night .bp-num{fill:var(--bp-leaf);stroke:var(--bp-deep)}.wb-night .bp-numt{fill:var(--bp-deep)}
.wb-night .bp-li-n{background:var(--bp-leaf);color:var(--bp-deep)}.wb-night .bp-li-t b{color:#fff}
.wb-night .bp-seg-5,.wb-night .bp-seg-6{fill:#2A7A3C}
.wb-night .bp-tl-n,.wb-night .bp-kpi-ic{color:var(--bp-deep)}.wb-night .bp-tl-n{background:var(--bp-leaf)}
.wb-night .bp-kpi{border-color:var(--bp-hair)}.wb-night .bp-kpi-ic{background:color-mix(in srgb,var(--ac) 30%,#17301F);color:#fff}
.wb-night .bp-kpi-n,.wb-night .bp-tile b,.wb-night .bp-pillars b,.wb-night .bp-tl b{color:#fff}
.wb-night .bp-pil-c{background:color-mix(in srgb,var(--ac) 18%,#17301F)}
.wb-night .bp-tile{border-color:var(--bp-hair)}.wb-night .bp-tile-ic{background:color-mix(in srgb,var(--ac) 28%,#17301F);color:#fff}
.wb-night .ghmap.bp-spoke .hm-node .bp-hn{fill:#17301F}
/* a vertical timeline (the phone layout of the horizontal one, used where the part sits in a narrow column) */
.bp-tl.bp-tl-v{grid-auto-flow:row;grid-auto-columns:auto;gap:22px}.bp-tl-v li{padding-inline:80px 0;min-height:62px}.bp-tl-v .bp-tl-node{position:absolute;inset-block-start:0;inset-inline-start:0;margin:0}
.bp-tl-v li:not(:last-child)::after{inset-block-start:70px;inset-block-end:-18px;inset-inline-start:31px;inset-inline-end:auto;border-block-start:0;border-inline-start:2px dashed var(--ac,var(--bp-leaf-d))}

/* ---- the Solutions and Hubs & services pages */
.bp-pil-s{width:68px;height:68px;margin-block-end:2px}.woffer .bp-pil-c{justify-self:start}
.bp-mark{display:grid;place-items:center;width:132px;height:132px;border-radius:50%;border:3px solid var(--ac-dk,var(--bp-leaf));background:color-mix(in srgb,var(--ac-dk,var(--bp-leaf)) 14%,var(--bp-deep));color:#fff}
.bp-mark .ic-l{stroke:#fff}.bp-mark .ic-a{fill:var(--ac-dk,var(--bp-leaf));fill-opacity:.55}
.phead .bp-lead-ic{display:grid;margin-block-end:12px}
.pzero-mark{display:grid;place-items:center;box-shadow:none;background:var(--p-ink);border:3px solid var(--p-leaf)}.pzero-mark .ic-l{stroke:#fff}.pzero-mark .ic-a{fill:var(--p-leaf);fill-opacity:.9}
.phubcard .bp-badge{margin-block-end:4px}
.bp-hubs-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:center;margin-block:8px 36px}
.bp-hubs-kpi .bp-kpis{grid-template-columns:minmax(0,1fr)}
.bp-hubs-map .ghmap{max-width:560px}
.wb-night .bp-hex-bg{opacity:.28}.wb-night .bp-hex:hover .bp-hex-bg,.wb-night .bp-hex:focus-visible .bp-hex-bg{opacity:.5}
.wb-night .bp-hex{color:#fff}.wb-night .bp-hex-ic{background:#17301F}
.wb-night .bp-matrix,.wb-night .bp-mx-r a{color:#fff}
/* ---- phone width */
@media (max-width:900px){.bp-wheel{grid-template-columns:minmax(0,1fr);gap:32px}.bp-wheel-svg{max-width:340px;margin-inline:auto}
  .bp-tl{grid-auto-flow:row;grid-auto-columns:auto;gap:22px}.bp-tl li{padding-inline:80px 0;min-height:62px}.bp-tl-node{position:absolute;inset-block-start:0;inset-inline-start:0;margin:0}
  .bp-tl li:not(:last-child)::after{inset-block-start:70px;inset-block-end:-18px;inset-inline-start:31px;inset-inline-end:auto;border-block-start:0;border-inline-start:2px dashed var(--ac,var(--bp-leaf-d))}}
@media (max-width:900px){.bp-hubs-top{grid-template-columns:minmax(0,1fr);gap:24px}}
@media (max-width:700px){.bp-hexes{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 6px}
  .bp-hex-i{grid-column:auto!important;margin-block-end:0}
  .bp-hex{padding:12% 13%;gap:4px}.bp-hex b{font-size:12px}.bp-hex-ic{width:38px;height:38px}.bp-hex-ic .ic{width:24px;height:24px}
  .bp-kpi-n{font-size:44px}.bp-pil-c{width:80px;height:80px}
  .bp-matrix table{min-width:0;display:block}.bp-matrix thead{display:none}.bp-matrix tbody{display:grid;gap:14px}
  .bp-matrix tbody tr{display:grid;gap:8px;padding:14px 16px;background:var(--bp-card);border:1px solid var(--bp-hair);border-radius:14px;border-inline-start:5px solid var(--ac,var(--bp-leaf-d))}
  .bp-matrix tbody th{display:block;padding:0;min-width:0}.bp-matrix tbody td{display:none;height:auto;min-width:0;text-align:start;background:none;padding:0}
  .bp-matrix tbody td.on{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--bp-ink);background:none}
  .bp-matrix tbody td.on::after{content:attr(data-label)}.bp-matrix tbody td.on .ic-l{stroke:var(--ac,var(--bp-leaf-d))}
  .bp-matrix tbody tr{grid-template-columns:minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.bp-hex-bg{transition:none}}