/* CHARGE UP: additive final-page design. Load after the existing panel CSS. */
:root {
  --cu-ink:#26383e; --cu-green:#9ec43c; --cu-green-ink:#365a30;
  --cu-muted:#5e6e65; --cu-paper:#f8f9f5; --cu-line:#dbe2d6;
  --cu-ease:cubic-bezier(.2,.7,.2,1); --cu-section:clamp(64px,8vw,112px);
  --cu-font-ar:'IBM Plex Sans Arabic',Arial,sans-serif; --cu-font-en:'IBM Plex Sans',Arial,sans-serif;
}
.cu-public-final {background:var(--cu-paper);color:var(--cu-ink);font-family:var(--cu-font-ar);font-size:18px;line-height:1.85;letter-spacing:0}
html[lang=en] .cu-public-final {font-family:var(--cu-font-en);line-height:1.7}
.cu-public-final .impact {font-family:var(--cu-font-ar);font-size:16px;line-height:normal;letter-spacing:normal}
html[lang=en] .cu-public-final .impact {font-family:var(--cu-font-en)}
.cu-public-final .impact :is(.clock,.weather strong,.cu-impact-number,.cu-impact-unit,.cu-impact-reading,.cu-station-value-line,.cu-station-value,.cu-station-unit,.cu-station-time) {font-family:var(--cu-font-en)}
.cu-public-final :is(.weather-credit,.slide-count) {font-family:var(--cu-font-en)}
.cu-public-final :where(button,a,summary):focus-visible {outline:3px solid #759521;outline-offset:5px}
.cu-public-final :where(section[id]) {scroll-margin-top:98px}
.cu-public-final :where(button,input) {font:inherit}
.cu-public-final :where(button) {touch-action:manipulation}
.cu-section-heading {display:flex;align-items:end;justify-content:space-between;gap:32px;margin-block-end:34px}
.cu-section-heading h2 {margin:0;font-size:clamp(32px,3.2vw,46px);line-height:1.5;font-weight:650;letter-spacing:-.5px}
.cu-section-heading p {margin:0;max-inline-size:48ch;font-size:17px;line-height:1.9;color:var(--cu-muted)}
.cu-about {position:relative;isolation:isolate;overflow:hidden;background:#eef2e8;padding:var(--cu-section) max(24px,4vw);color:var(--cu-green-ink)}
.cu-about-inner {position:relative;z-index:1;max-inline-size:1340px;margin:auto;display:grid;grid-template-columns:minmax(160px,1fr) minmax(0,2.8fr);gap:clamp(24px,6vw,100px)}
.cu-about h2 {margin:0;font-size:clamp(36px,3.6vw,52px);line-height:1.5;font-weight:650}
.cu-about-copy {max-inline-size:80ch}
.cu-about-copy p {margin:0}
.cu-about-lead {font-size:clamp(22px,2.05vw,29px);font-weight:550;line-height:1.9}
.cu-about-scope {font-size:18px;line-height:2;margin-block-start:24px!important;color:#3f6041}
.cu-about-principles {font-size:14px;font-weight:600;line-height:1.9;margin-block-start:30px!important;padding-block-start:24px;border-block-start:1px solid #3d603b25}
.cu-about-watermark {position:absolute;z-index:0;inline-size:min(75vw,1050px);block-size:auto;inset-inline-end:-6%;inset-block-end:10%;opacity:.055;pointer-events:none;user-select:none}
.cu-services {max-inline-size:1440px;margin:auto;padding:var(--cu-section) max(24px,4vw)}
.cu-services-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.cu-service-card,.cu-system-card {position:relative;display:flex;flex-direction:column;align-items:stretch;min-inline-size:0;inline-size:100%;padding:0;text-align:start;direction:inherit;font:inherit;color:var(--cu-ink);background:#fff;border:1px solid var(--cu-line);border-radius:20px;box-shadow:0 2px 0 #253a2f03;cursor:pointer;transition:border-color 200ms,box-shadow 220ms,translate 220ms var(--cu-ease)}
.cu-service-card .cu-card-image {position:relative;display:block;overflow:hidden;border-radius:19px 19px 0 0;aspect-ratio:16/10;background:#e4e9df}
.cu-card-image img {display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform 420ms var(--cu-ease)}
.cu-card-copy {display:block;padding:22px 24px 25px}
.cu-card-copy [data-cu-title] {display:block;margin:0 0 8px;font-size:21px;font-weight:650;line-height:1.65}
.cu-card-copy [data-cu-summary] {display:block;font-size:15px;line-height:1.9;color:var(--cu-muted)}
.cu-card-arrow {display:grid;place-items:center;inline-size:36px;block-size:36px;border:1px solid #d8e1d2;border-radius:50%;font:400 22px/1 Arial,sans-serif;color:var(--cu-green-ink);margin-block-start:18px}
.cu-card-action {display:flex;align-items:center;gap:10px;margin-block-start:20px;color:var(--cu-green-ink)}
.cu-card-action .cu-card-arrow {margin:0;transition:background 180ms,translate 180ms}
.cu-card-action-label {font-size:14px;font-weight:500}
.cu-service-card:is(:hover,:focus-visible,[aria-expanded=true]) .cu-card-action .cu-card-arrow {background:#e9f1d7;translate:2px -2px}
.cu-service-card[aria-expanded=true],.cu-system-card[aria-expanded=true] {border-color:#7c9b34;box-shadow:0 10px 28px #233c3010}
.cu-service-card:focus-visible,.cu-system-card:focus-visible {outline:3px solid #759521;outline-offset:5px}
.cu-system-list {display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.cu-system-card {display:grid;grid-template-columns:112px minmax(0,1fr);border-radius:14px;background:#f1f5ee;line-height:1.6}
.cu-system-card .cu-card-image {display:block;inline-size:112px;block-size:100%;min-block-size:122px;overflow:hidden;border-start-start-radius:13px;border-end-start-radius:13px;background:#dbe3d6}
.cu-system-card .cu-card-copy {padding:15px 14px}
.cu-system-card .cu-card-copy [data-cu-title] {font-size:17px;line-height:1.4;margin:0 0 8px}
.cu-system-card .cu-card-copy [data-cu-summary] {font-size:13px;line-height:1.75}
.cu-system-card .cu-card-arrow {inline-size:26px;block-size:26px;font-size:18px;margin-block-start:10px}
.cu-inspector {position:fixed;z-index:10010;box-sizing:border-box;margin:0;max-inline-size:calc(100vw - 32px);max-block-size:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid #a7b89c;border-radius:22px;background:#f9fbf7;color:#26383e;box-shadow:0 24px 90px #142b3655;font-family:inherit;text-align:start;animation:cu-inspect-in 190ms var(--cu-ease);scrollbar-width:thin}
.cu-inspector[hidden] {display:none}
.cu-inspector-image {display:block;width:100%;height:auto;max-height:45svh;object-fit:contain;aspect-ratio:16/9;background:#172b32}
.cu-inspector-image[hidden] {display:none}
.cu-inspector-copy {padding:24px 28px 28px}
.cu-inspector h3 {margin:0 0 10px;font-size:clamp(22px,2vw,28px);font-weight:650;line-height:1.6}
.cu-inspector p {margin:0;font-size:17px;line-height:1.85;color:#52634f}
.cu-inspector p+p {margin-block-start:14px;padding-block-start:14px;border-block-start:1px solid #d9e3d4;color:#31552f}
.cu-close {position:absolute;z-index:1;inset-block-start:12px;inset-inline-end:12px;display:grid;place-items:center;inline-size:44px;block-size:44px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#20333de8;color:white;font:400 28px/1 Arial,sans-serif;cursor:pointer;box-shadow:0 3px 12px #152b2822}
.cu-close:hover {background:#2d493b}
.cu-close:focus-visible {outline:3px solid var(--cu-green);outline-offset:3px}
@keyframes cu-inspect-in {from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}
.cu-process {background:#23363d;color:#f0f6ec;padding:var(--cu-section) max(24px,4vw)}
.cu-process>.cu-section-heading,.cu-process-steps {max-inline-size:1340px;margin-inline:auto}
.cu-process .cu-section-heading p {color:#c2cfbf}
.cu-process-steps {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cu-process-step {border-block-start:1px solid #c6d8c033;padding-block-start:20px}
.cu-process-step h3 {margin:0}
.cu-process-trigger {display:flex;flex-direction:column;align-items:start;gap:18px;inline-size:100%;padding:0 4px 14px;color:inherit;background:none;border:0;text-align:start;cursor:pointer}
.cu-process-number {display:grid;place-items:center;inline-size:48px;block-size:48px;border:1px solid #ffffff35;border-radius:50%;font:500 16px/1 var(--cu-font-en);transition:background 200ms,color 200ms}
.cu-process-trigger[aria-expanded=true] .cu-process-number {background:var(--cu-green);color:#213330;border-color:var(--cu-green)}
.cu-process-title {font-size:23px;font-weight:600;line-height:1.7}
.cu-process-indicator {font:300 24px/1 Arial,sans-serif;color:#bdd49b;transition:rotate 180ms}
.cu-process-trigger[aria-expanded=true] .cu-process-indicator {rotate:45deg}
.cu-process-detail {font-size:17px;color:#d1dbce;line-height:1.9;padding:2px 4px 0;animation:cu-detail-in 180ms ease}
.cu-process-detail p {margin:0}
.cu-process-detail[hidden] {display:none}
@keyframes cu-detail-in {from{opacity:0}to{opacity:1}}
.cu-progress-nav {position:fixed;z-index:900;inset-block-start:16px;left:50%;translate:-50% -80px;display:flex;gap:3px;padding:5px 8px;max-inline-size:calc(100vw - 32px);border:1px solid #dae5d2;border-radius:14px;background:#fbfcf7f5;box-shadow:0 6px 24px #243b2722;backdrop-filter:blur(14px);overflow-x:auto;scrollbar-width:none;opacity:0;visibility:hidden;transition:translate 240ms var(--cu-ease),opacity 180ms,visibility 180ms}
.cu-progress-nav[data-visible=true] {translate:-50% 0;opacity:1;visibility:visible}
.cu-progress-nav a {position:relative;flex:none;display:flex;align-items:center;justify-content:center;min-block-size:44px;padding:6px 16px;border-radius:9px;color:#415a39;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap}
.cu-progress-nav a:hover {background:#edf2e6}
.cu-progress-nav a[aria-current=location] {background:#e8f0d6;color:#28452b}
.cu-progress-nav::after {content:'';position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:var(--cu-progress,0%);block-size:2px;background:#83a62c;pointer-events:none}
.cu-gallery {padding:var(--cu-section) max(24px,4vw);max-inline-size:1440px;margin:auto}
.cu-gallery-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cu-gallery-item {position:relative;display:block;inline-size:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:#dfe7d9;cursor:zoom-in;text-align:start;color:#fff;aspect-ratio:4/3}
.cu-gallery-item img {display:block;inline-size:100%;block-size:100%;object-fit:cover;transition:transform 420ms var(--cu-ease)}
.cu-gallery-caption {position:absolute;inset:45% 0 0;display:flex;align-items:end;padding:28px 20px 18px;background:linear-gradient(transparent,#172b32cc);font-size:15px;line-height:1.8;pointer-events:none}
.cu-gallery-expand {position:absolute;inset-block-start:12px;inset-inline-end:12px;display:grid;place-items:center;inline-size:32px;block-size:32px;border-radius:50%;background:#23363d99;font:20px/1 Arial,sans-serif}
.cu-gallery-dialog {box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:0;border:1px solid #ffffff33;border-radius:18px;background:#182c34;color:#f6f8f2;width:min(1160px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 20px 100px #0009}
.cu-gallery-dialog::backdrop {background:#0b1c26e8;backdrop-filter:blur(8px)}
.cu-gallery-dialog img {display:block;max-width:100%;width:100%;height:min(68svh,720px);object-fit:contain;background:#11212a}
.cu-gallery-dialog .cu-gallery-toolbar {display:flex;gap:16px;align-items:center;justify-content:space-between;padding:18px 22px}
.cu-gallery-dialog .cu-gallery-toolbar p {margin:0;flex:1;font-size:16px;line-height:1.7}
.cu-gallery-actions {display:flex;align-items:center;gap:10px;flex:none}
.cu-gallery-actions button {min-height:44px;padding:7px 15px;border:1px solid #ffffff40;border-radius:8px;background:#ffffff09;color:inherit;font:inherit;cursor:pointer}
.cu-gallery-counter {font:500 13px var(--cu-font-en);color:#bdcfb9;direction:ltr;white-space:nowrap}
.cu-brand {display:inline-flex;flex-direction:column;align-items:start;gap:7px;color:inherit;text-decoration:none;line-height:1}
.cu-brand>svg {display:block;width:var(--cu-brand-width,238px);max-width:100%;height:auto;overflow:visible}
.cu-brand>svg svg {overflow:visible}
.cu-brand-description {font:500 10px/1.5 var(--cu-font-en);letter-spacing:.75px;direction:ltr}
.cu-brand.is-energized :is(.cell,[data-cell]) {animation:cu-cell-assemble 920ms var(--cu-ease) both;animation-delay:calc(var(--cu-cell-index,0)*32ms)}
@keyframes cu-cell-assemble {
  0% {translate:var(--cu-cell-pack-x,0px) var(--cu-cell-pack-y,0px);opacity:.55}
  42% {translate:calc(var(--cu-cell-pack-x,0px)*.12) calc(var(--cu-cell-pack-y,0px)*.12 - 12px);opacity:1}
  74% {translate:0 3px;opacity:1}
  100% {translate:0 0;opacity:1}
}
.cu-social-links {display:flex;align-items:center;flex-wrap:wrap;gap:12px;color:inherit}
.cu-social-link {position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-inline-size:48px;min-block-size:48px;padding:11px;border:1px solid currentColor;border-color:color-mix(in srgb,currentColor 24%,transparent);border-radius:13px;color:inherit;background:transparent;text-decoration:none;transition:background 180ms,color 180ms,border-color 180ms,translate 200ms var(--cu-ease)}
.cu-social-link svg {display:block;inline-size:24px;block-size:24px;flex:none;transition:translate 200ms var(--cu-ease)}
.cu-social-links[data-show-labels=true] .cu-social-link {padding-inline:15px}
.cu-social-label {font-size:14px;line-height:1.5}
.cu-social-links:not([data-show-labels=true]) .cu-social-label {position:absolute;inline-size:1px;block-size:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cu-social-link:is(:hover,:focus-visible) {background:#9ec43c;color:#20342b;border-color:#9ec43c;translate:0 -3px}
.cu-social-link:is(:hover,:focus-visible) svg {translate:0 -1px}
@media(hover:hover) and (pointer:fine) {
  .cu-service-card:hover,.cu-system-card:hover {border-color:#9bb675;translate:0 -3px}
  .cu-service-card:hover img,.cu-gallery-item:hover img {transform:scale(1.035)}
}
@media(max-width:1000px) {
  .cu-about-inner {grid-template-columns:1fr;gap:24px}
  .cu-services-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .cu-section-heading {align-items:start;flex-direction:column;gap:14px}
}
@media(max-width:650px) {
  .cu-public-final {font-size:17px}
  .cu-section-heading h2 {font-size:33px}
  .cu-section-heading p {font-size:16px;line-height:1.9}
  .cu-about-lead {font-size:22px;line-height:1.9}
  .cu-about-scope {font-size:17px;line-height:2}
  .cu-about-watermark {inline-size:140%;inset-inline-end:-36%;inset-block-end:32%}
  .cu-services-grid {grid-template-columns:1fr;gap:24px}
  .cu-card-copy {padding:20px}
  .cu-card-copy [data-cu-title] {font-size:21px}
  .cu-card-copy [data-cu-summary] {font-size:16px}
  .cu-system-card {grid-template-columns:96px minmax(0,1fr)}
  .cu-system-card .cu-card-image {inline-size:96px}
  .cu-system-card .cu-card-copy {padding:13px 12px}
  .cu-system-card .cu-card-copy [data-cu-title] {font-size:16px}
  .cu-system-card .cu-card-copy [data-cu-summary] {font-size:13px}
  .cu-inspector-copy {padding:20px}
  .cu-inspector p {font-size:16px}
  .cu-process-steps {grid-template-columns:1fr;gap:26px}
  .cu-process-trigger {flex-direction:row;align-items:center;gap:16px}
  .cu-process-title {font-size:21px}
  .cu-process-number {flex:0 0 44px;inline-size:44px;block-size:44px}
  .cu-process-detail {font-size:16px;padding-inline-start:64px}
  .cu-progress-nav {inset-block-start:10px;gap:0;padding-inline:4px;max-inline-size:calc(100vw - 20px)}
  .cu-progress-nav a {font-size:12px;padding-inline:10px}
  .cu-gallery-grid {grid-template-columns:1fr 1fr;gap:12px}
  .cu-gallery-caption {font-size:12px;padding:14px 12px 10px}
  .cu-gallery-dialog .cu-gallery-toolbar {flex-wrap:wrap;padding:16px}
  .cu-gallery-dialog .cu-gallery-toolbar p {flex-basis:100%;font-size:15px}
  .cu-brand {--cu-brand-width:174px}
  .cu-brand-description {font-size:7px;letter-spacing:.5px}
}
@media(prefers-reduced-motion:reduce) {
  html:has(.cu-public-final) {scroll-behavior:auto}
  .cu-public-final :is(.cu-service-card,.cu-system-card,.cu-card-image img,.cu-card-arrow,.cu-social-link,.cu-social-link svg,.cu-progress-nav,.cu-process-number,.cu-process-indicator,.cu-gallery-item img),.cu-inspector,.cu-process-detail {animation:none!important;transition:none!important}
  .cu-brand.is-energized :is(.cell,[data-cell]) {animation:none!important;translate:none!important}
  .cu-service-card:hover,.cu-system-card:hover {translate:none}
  .cu-service-card:hover img,.cu-gallery-item:hover img {transform:none}
  .cu-public-final :is(.cu-card-action .cu-card-arrow,.cu-social-link,.cu-social-link svg) {translate:none!important}
}

/* November revision: manual editorial rails, photo-led process, compact systems. */
.cu-visually-hidden {position:absolute!important;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.cu-rail {min-inline-size:0;--cu-rail-gap:24px}
.cu-rail-track {display:flex;gap:var(--cu-rail-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:7px 12px;scroll-behavior:smooth;border-radius:3px;outline-offset:6px;-webkit-overflow-scrolling:touch}
.cu-rail-track::-webkit-scrollbar {display:none}
.cu-rail-track:focus-visible {outline:3px solid #759521}
.cu-rail-slide {flex:0 0 calc((100% - var(--cu-rail-gap))/2);min-inline-size:0;scroll-snap-align:start;scroll-snap-stop:normal;display:flex}
.cu-rail-slide>* {min-inline-size:0;inline-size:100%}
.cu-service-card {cursor:default;border-radius:18px;box-shadow:none;overflow:hidden;transition:border-color 200ms,box-shadow 220ms var(--cu-ease)}
.cu-service-card .cu-card-image {aspect-ratio:16/9;border-radius:17px 17px 0 0}
.cu-service-card .cu-card-copy {padding:25px 28px 28px}
.cu-service-card .cu-card-copy [data-cu-title] {font-size:25px;line-height:1.55;margin:0 0 10px}
.cu-service-card .cu-card-copy [data-cu-summary] {font-size:17px;line-height:1.9}
.cu-service-card:hover {translate:none;box-shadow:0 6px 18px #243b2709;border-color:#b7c4a5}
.cu-service-card:hover .cu-card-image img {transform:none}
.cu-rail-footer {display:flex;align-items:center;gap:24px;min-block-size:64px;margin-block-start:12px}
.cu-rail-status {font-size:13px;color:var(--cu-muted);font-variant-numeric:tabular-nums;min-inline-size:64px;white-space:nowrap}
.cu-rail-pages {display:flex;align-items:center;justify-content:center;gap:2px;flex:1}
.cu-rail-pages button {display:grid;place-items:center;inline-size:42px;block-size:44px;padding:0;background:transparent;border:0;cursor:pointer;color:var(--cu-green-ink)}
.cu-rail-pages button span {display:block;inline-size:22px;block-size:3px;background:#cdd6c3;border-radius:3px;transition:background 180ms,inline-size 180ms}
.cu-rail-pages button[aria-current=true] span {background:var(--cu-green-ink);inline-size:32px}
.cu-rail-controls {display:flex;gap:9px}
.cu-rail-controls button {display:grid;place-items:center;inline-size:48px;block-size:48px;padding:0;background:#e9eee2;color:var(--cu-ink);border:1px solid #d7dfce;border-radius:50%;font:24px/1 Arial,sans-serif;cursor:pointer;transition:background 180ms,border-color 180ms}
.cu-rail-controls button:hover:enabled {background:#dce7c9;border-color:#a4b68b}
.cu-rail-controls button:disabled {opacity:.4;cursor:default}
html[dir=rtl] .cu-rail-controls button span {rotate:180deg}
.cu-inspector {display:flex;flex-direction:column;overflow:hidden;border-radius:18px;box-shadow:0 18px 65px #142b3640}
.cu-inspector-image {flex:0 0 auto;block-size:156px;max-block-size:26svh;object-fit:cover;aspect-ratio:auto}
.cu-inspector-copy {padding:20px 23px 24px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;min-block-size:0}
.cu-inspector-copy:focus-visible {outline:2px solid #759521;outline-offset:-5px}
.cu-inspector h3 {font-size:21px;line-height:1.55;margin-block-end:9px}
.cu-inspector p {font-size:15px;line-height:1.9}
.cu-inspector p+p {margin-block-start:12px;padding-block-start:12px}
.cu-process-step {padding:0;border:0;min-inline-size:0}
.cu-process-trigger {position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:stretch;gap:0;overflow:hidden;min-block-size:460px;block-size:100%;padding:0;border-radius:17px;background:#182b32;border:1px solid #ffffff20;transition:border-color 220ms,box-shadow 220ms}
.cu-process-photo {position:absolute;z-index:-2;inset:0;display:block}
.cu-process-photo img {inline-size:100%;block-size:100%;object-fit:cover;transition:transform 650ms var(--cu-ease)}
.cu-process-trigger::after {content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#142b3200 10%,#142b3260 39%,#142b32ed 83%,#142b32 100%)}
.cu-process-card-copy {display:flex;flex-direction:column;align-items:start;inline-size:100%;box-sizing:border-box;flex:1;padding:25px}
.cu-process-number {margin-block-end:auto;inline-size:42px;block-size:42px;border-color:#ffffff70;background:#142b3255;backdrop-filter:blur(8px)}
.cu-process-title {display:block;font-size:25px;line-height:1.5;margin-block:84px 12px}
.cu-process-summary {display:block;font-size:15px;line-height:1.85;color:#e1e9df}
.cu-process-more {display:flex;align-items:center;justify-content:space-between;align-self:stretch;gap:14px;border-block-start:1px solid #ffffff30;margin-block-start:22px;padding-block-start:16px;color:#d6ecb4;font-size:13px}
.cu-process-more>span {font:22px/1 Arial,sans-serif}
.cu-process-trigger:hover {border-color:#b0c898;box-shadow:0 10px 28px #0d202633}
.cu-process-trigger:hover .cu-process-photo img {transform:scale(1.025)}
.cu-process-dialog {position:fixed;isolation:isolate;box-sizing:border-box;inset:0;margin:auto;padding:0;border:1px solid #ffffff40;border-radius:20px;background:#172b32;color:#f4f7ef;inline-size:min(1040px,calc(100vw - 32px));max-block-size:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 100px #0008}
.cu-process-dialog::backdrop {background:#0b1c26e0;backdrop-filter:blur(7px)}
.cu-process-dialog-image {position:absolute;z-index:-2;inset:0;inline-size:100%;block-size:100%;object-fit:cover;opacity:.7}
.cu-process-dialog-content {display:flex;flex-direction:column;min-block-size:min(630px,calc(100dvh - 34px));box-sizing:border-box;padding:clamp(28px,5vw,60px);background:linear-gradient(90deg,#142b32f5 0%,#142b32df 47%,#142b3260 100%)}
html[dir=rtl] .cu-process-dialog-content {background:linear-gradient(270deg,#142b32f5 0%,#142b32df 47%,#142b3260 100%)}
.cu-process-narrative {inline-size:min(100%,49ch);padding-block:26px 36px;flex:1}
.cu-process-narrative h3 {font-size:clamp(26px,3vw,38px);line-height:1.5;margin:0 0 24px;font-weight:600}
.cu-process-dialog-copy {font-size:17px;line-height:1.95;color:#e5ede0}
.cu-process-dialog-copy p {margin:0 0 20px}
.cu-process-dialog-copy ul {padding-inline-start:22px;margin:24px 0 0}
.cu-process-dialog-copy li {margin-block:8px}
.cu-process-dialog-toolbar {display:flex;align-items:center;gap:24px;inline-size:min(100%,49ch);padding-block-start:20px;border-block-start:1px solid #ffffff35}
.cu-process-dialog-toolbar button {min-block-size:44px;padding:8px 19px;border:1px solid #ffffff50;border-radius:24px;color:#fff;background:#ffffff0c;font:inherit;font-size:14px;cursor:pointer}
.cu-process-dialog-toolbar .cu-gallery-counter {flex:1;text-align:center}
.cu-process-dialog :is(button):focus-visible,.cu-gallery-dialog :is(button):focus-visible {outline:3px solid var(--cu-green);outline-offset:4px}
.cu-gallery-rail .cu-rail-slide {flex-basis:73%}
.cu-gallery-item {display:flex;flex-direction:column;aspect-ratio:auto;overflow:visible;border-radius:0;background:transparent;color:var(--cu-ink)}
.cu-gallery-item img {block-size:clamp(280px,34vw,460px);aspect-ratio:16/10;border-radius:16px;object-fit:cover}
.cu-gallery-item:hover img {transform:none;filter:brightness(1.025)}
.cu-gallery-caption {position:static;inset:auto;display:block;background:transparent;padding:20px 0 0;font-size:16px;line-height:1.75;color:var(--cu-ink)}
.cu-gallery-expand {inline-size:42px;block-size:42px;background:#1d333dcc;border:1px solid #ffffff60;color:#fff;inset-block-start:16px;inset-inline-end:16px}
@media(max-width:1000px) {
  .cu-process-trigger {min-block-size:420px}
  .cu-process-card-copy {padding:20px}
  .cu-process-title {font-size:22px}
}
@media(max-width:700px) {
  .cu-rail {--cu-rail-gap:18px}
  .cu-rail-slide {flex-basis:100%}
  .cu-service-card .cu-card-image {aspect-ratio:16/10}
  .cu-service-card .cu-card-copy {padding:21px 23px 26px}
  .cu-service-card .cu-card-copy [data-cu-title] {font-size:22px}
  .cu-service-card .cu-card-copy [data-cu-summary] {font-size:16px}
  .cu-rail-footer {gap:8px;flex-wrap:wrap;margin-block-start:6px}
  .cu-rail-status {min-inline-size:55px;font-size:12px}
  .cu-rail-pages {gap:0;order:3;flex-basis:100%;margin-block-start:-8px}
  .cu-rail-controls {margin-inline-start:auto}
  .cu-rail-controls button {inline-size:44px;block-size:44px}
  .cu-rail-pages button {inline-size:40px}
  .cu-process-steps {grid-template-columns:1fr;gap:22px}
  .cu-process-trigger {min-block-size:370px;flex-direction:column;align-items:stretch}
  .cu-process-card-copy {padding:26px}
  .cu-process-number {flex:0 0 42px}
  .cu-process-title {font-size:25px;margin-block-start:76px}
  .cu-process-summary {font-size:16px}
  .cu-process-dialog-content,html[dir=rtl] .cu-process-dialog-content {padding:28px 24px;background:linear-gradient(180deg,#142b32c0,#142b32f7)}
  .cu-process-dialog-image {position:absolute;block-size:100%}
  .cu-process-narrative {padding-block-start:38px}
  .cu-process-dialog-copy {font-size:16px}
  .cu-process-dialog-toolbar {gap:10px}
  .cu-process-dialog-toolbar button {padding-inline:15px}
  .cu-gallery-rail .cu-rail-slide {flex-basis:88%}
  .cu-gallery-item img {block-size:300px;aspect-ratio:4/5}
  .cu-gallery-caption {font-size:14px;padding-block-start:15px}
  .cu-inspector-image {block-size:142px}
  .cu-inspector-copy {padding:19px 21px 22px}
}
@media(prefers-reduced-motion:reduce) {
  .cu-rail-track {scroll-behavior:auto}
  .cu-rail-pages button span,.cu-process-photo img,.cu-process-trigger {transition:none}
  .cu-process-trigger:hover .cu-process-photo img {transform:none}
}