.corporate-site .pakistan-infographic{background:#dce1df;color:#15271d}
.info-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
.corporate-site .info-heading h2{color:#15271d;margin-bottom:0}
.corporate-site .info-heading .eyebrow{color:#334f3f}
.info-motion-toggle{border:1px solid #627868;background:transparent;border-radius:3px;padding:11px 16px;color:#203d2d;font:600 13px Inter,Arial,sans-serif;white-space:nowrap;cursor:pointer}
.info-board{background:#f4f5f2;border:1px solid #b8c7bb;border-radius:8px;overflow:hidden;box-shadow:0 18px 60px #162b1910}
.info-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:30px 32px 34px;gap:32px;background:linear-gradient(150deg,#f4f5f2,#e5ebe4)}
.info-process article{text-align:center}
.info-art{display:block;width:100%;max-width:280px;height:150px;margin:0 auto 16px}
.info-kicker{display:block;font:600 11px/1.6 Inter,Arial,sans-serif;letter-spacing:.1em;color:#37543f}
.corporate-site .info-board h3{font:700 22px/1.3 Manrope,Arial,sans-serif;color:#163a27;margin:9px 0 12px}
.corporate-site .info-board p{font-size:14px;line-height:1.7;color:#334c3c;margin:0}
.info-metrics{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid #b8c7bb}
.info-metrics>article{padding:28px;border-right:1px solid #c9d4c9;position:relative}
.info-metrics>article:last-child{border-right:0}
.info-value{display:block;font:700 clamp(30px,3.8vw,48px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.04em;color:#12653b;margin:12px 0}
.info-share{display:flex;height:26px;border-radius:3px;overflow:hidden;margin-top:22px;background:#d0d8d1}
.info-share-uae{width:87.5%;background:#137c4c}.info-share-other{width:12.5%;background:#76997b}
.info-legend{display:flex;justify-content:space-between;gap:10px;margin:10px 0 16px;font-size:12px;line-height:1.6;color:#243f2f}
.info-legend i{display:inline-block;width:8px;height:8px;background:#137c4c;margin-right:6px}.info-legend span:last-child i{background:#76997b}
.info-board small{display:block;font-size:12px;line-height:1.7;color:#334c3c}
.info-board a{color:#145e35;text-decoration:underline;text-underline-offset:3px}
.info-solar-art{display:block;width:150px;height:90px;margin-bottom:13px}
.info-target{position:relative;width:112px;height:112px;margin-bottom:13px}
.info-target svg{width:100%;height:100%}.info-target strong{position:absolute;inset:0;display:grid;place-items:center;font:700 28px Manrope,Arial,sans-serif;color:#12653b}
.info-output{background:#173d2c;padding:30px 32px;display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.corporate-site .info-output h3{color:#f4f5f2}.info-output .info-kicker{color:#d7e4d8}.corporate-site .info-output p{grid-column:1/-1;color:#d7e4d8;font-size:13px}.info-output a{color:#f4f5f2}
.info-products{display:flex;gap:24px;align-items:center;justify-content:flex-end;color:#c2d7c3;font-size:13px;line-height:1.8}.info-products b{display:block;color:#f4f5f2;font-size:15px}
.corporate-site .info-source-note{font-size:12px;line-height:1.8;color:#334c3c;margin-top:18px;max-width:1040px}
.info-cycle,.info-sun{transform-box:fill-box;transform-origin:center}
.info-motion-toggle[hidden]{display:none}
@media(prefers-reduced-motion:no-preference){
 .info-started .info-share-uae,.info-started .info-share-other{animation:info-bar-grow 1.8s ease both;transform-origin:left}
 .info-started .info-target-arc{animation:info-ring 1.8s ease both}
 .info-started .info-cycle{animation:info-rotate 14s linear infinite}
 .info-started .info-steam{animation:info-steam 3s ease-in-out infinite}
 .info-started .info-sun{animation:info-sun 4s ease-in-out infinite}
 .info-started .info-cargo{animation:info-cargo 4s ease-in-out infinite}
 .info-started:not(.info-playing) *,.info-paused *{animation-play-state:paused!important}
 .info-reduced *{animation:none!important}
}
@keyframes info-bar-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes info-ring{from{stroke-dasharray:0 289.03}to{stroke-dasharray:86.71 289.03}}
@keyframes info-rotate{to{transform:rotate(360deg)}}
@keyframes info-steam{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(-5px);opacity:.85}}
@keyframes info-sun{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes info-cargo{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
@media(max-width:1024px){.info-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.info-trade{grid-column:1/-1}.info-metrics>article{border-bottom:1px solid #c9d4c9}.info-process{padding:24px;gap:20px}.info-output{grid-template-columns:1fr}.info-products{justify-content:flex-start}}
@media(max-width:600px){.info-heading{align-items:flex-start;flex-direction:column}.info-process,.info-metrics{grid-template-columns:1fr}.info-process{gap:28px}.info-process article+article{border-top:1px solid #c9d4c9;padding-top:24px}.info-metrics>article{border-right:0;padding:24px}.info-trade{grid-column:auto}.info-output{padding:24px}.info-products{flex-direction:column;align-items:flex-start;gap:12px}.info-art{height:130px}.info-value{font-size:42px}}
@media print{.info-board *{animation:none!important}.info-motion-toggle{display:none}}
/* Refined four-stage industrial diagram. One entrance sequence, no looping motion. */
.corporate-site .info-board{background:#18251f;border-color:#43564b;border-radius:4px;box-shadow:none}
.corporate-site .info-process{background:linear-gradient(125deg,#1e3027,#15211b);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:36px 12px}
.corporate-site .info-process article{position:relative;padding:0 24px;text-align:left}
.corporate-site .info-process article+article{border-left:1px solid #42564a}
.corporate-site .info-art{height:150px;margin-bottom:28px;max-width:260px}
.corporate-site .info-kicker{color:#a8bdb0;font-size:10px;letter-spacing:.1em}
.corporate-site .info-board h3{color:#f0f3ef;font-size:22px;margin:12px 0 16px}
.corporate-site .info-board p{color:#c6d3ca;font-size:14px;line-height:1.8}
@media(prefers-reduced-motion:no-preference){
 .info-started .info-process article{animation:industrial-reveal .85s cubic-bezier(.22,.61,.36,1) calc(var(--stage-index)*.22s) both}
 .info-started .info-draw{stroke-dasharray:100;animation:industrial-trace 1.4s ease calc(.3s + var(--stage-index)*.22s) both}
 .info-started:not(.info-playing) *{animation-play-state:running!important}
 .info-reduced *{animation:none!important}
}
@keyframes industrial-reveal{from{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes industrial-trace{from{stroke-dashoffset:100;opacity:0}to{stroke-dashoffset:0;opacity:1}}
@media(max-width:1024px){.corporate-site .info-process{grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 12px;row-gap:36px}.corporate-site .info-process article:nth-child(3){border-left:0}.corporate-site .info-process article:nth-child(n+3){padding-top:28px;border-top:1px solid #42564a}}
@media(max-width:600px){.corporate-site .info-process{grid-template-columns:1fr;gap:28px}.corporate-site .info-process article{padding:0 16px}.corporate-site .info-process article+article{border-left:0;border-top:1px solid #42564a;padding-top:28px}.corporate-site .info-art{height:130px;margin-bottom:20px}}
/* Unified Higgsfield infographic: animation above a precise four-stage editorial grid. */
.corporate-site .info-higgsfield{background:#f3f4f0;border:1px solid #c7d0c7}
.info-panorama{background:#f3f4f0;line-height:0}
.info-panorama img{display:block;width:100%;height:auto}
.corporate-site .info-higgsfield .info-process{background:#f3f4f0;padding:0 0 28px;gap:0}
.corporate-site .info-higgsfield .info-process article{padding:24px;border-top:2px solid #357956;border-left:1px solid #d2dad2;text-align:left;animation:none!important}
.corporate-site .info-higgsfield .info-process article:first-child{border-left:0}
.corporate-site .info-higgsfield .info-kicker{color:#375b45}
.corporate-site .info-higgsfield h3{color:#172c20;font-size:21px}
.corporate-site .info-higgsfield p{color:#3b5042}
.info-mobile-art{display:none}
@media(max-width:1024px) and (min-width:601px){.corporate-site .info-higgsfield .info-process{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:0}.corporate-site .info-higgsfield .info-process article{padding:18px 14px}.corporate-site .info-higgsfield h3{font-size:18px}.corporate-site .info-higgsfield p{font-size:13px}}
@media(max-width:600px){.info-panorama{display:none}.info-mobile-art{display:block;width:100%;height:250px;object-fit:contain;margin-bottom:24px}.corporate-site .info-higgsfield .info-process{padding:0;gap:0}.corporate-site .info-higgsfield .info-process article{padding:24px;border-left:0}}
/* Enlarged artwork: tightly cropped Higgsfield GIF tiles occupy each stage column. */
.info-panorama{display:none}
.corporate-site .info-higgsfield .info-process{padding:24px 0;grid-template-columns:repeat(4,minmax(0,1fr))}
.corporate-site .info-higgsfield .info-process article{border-top:0;padding:0 18px}
.corporate-site .info-mobile-art{display:block;width:100%;height:auto;aspect-ratio:1.04;object-fit:contain;margin:0 0 28px;background:#ccc}
@media(max-width:1024px){.corporate-site .info-higgsfield .info-process{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.corporate-site .info-higgsfield .info-process article{padding:0 24px}.corporate-site .info-higgsfield .info-process article:nth-child(n+3){padding-top:28px;border-top:1px solid #d2dad2}.corporate-site .info-higgsfield h3{font-size:21px}.corporate-site .info-higgsfield p{font-size:14px}}
@media(max-width:600px){.corporate-site .info-higgsfield .info-process{grid-template-columns:1fr}.corporate-site .info-higgsfield .info-process article{padding:0 24px}.corporate-site .info-higgsfield .info-process article+article{padding-top:28px;border-top:1px solid #d2dad2}.corporate-site .info-mobile-art{max-width:400px;margin-inline:auto}}