/* UNIDA-THREE-COLOUR-CARD-SYSTEM-V1 */
:root {
    --unida-card-blue: #e7f1fc;
    --unida-card-cyan: #e4f7f5;
    --unida-card-lime: #dceffa;

    --unida-blue-border: #9fc6e8;
    --unida-cyan-border: #91d7cf;
    --unida-lime-border: #8bc7e8;

    --unida-deep-blue: #07385f;
    --unida-cyan: #087fb2;
    --unida-lime: #178ccb;
}

/* Homepage product, pricing, work and payment cards */
#nguzo .grid > .card:nth-child(3n + 1),
#bei .grid > .card:nth-child(3n + 1),
#kazi .grid > .card:nth-child(3n + 1),
#malipo .pcards > .card:nth-child(3n + 1) {
    background:
        linear-gradient(145deg, #edf5fd, var(--unida-card-blue));
    border-color: var(--unida-blue-border);
}

#nguzo .grid > .card:nth-child(3n + 2),
#bei .grid > .card:nth-child(3n + 2),
#kazi .grid > .card:nth-child(3n + 2),
#malipo .pcards > .card:nth-child(3n + 2) {
    background:
        linear-gradient(145deg, #eefbf9, var(--unida-card-cyan));
    border-color: var(--unida-cyan-border);
}

#nguzo .grid > .card:nth-child(3n),
#bei .grid > .card:nth-child(3n),
#kazi .grid > .card:nth-child(3n),
#malipo .pcards > .card:nth-child(3n) {
    background:
        linear-gradient(145deg, #edf7fc, var(--unida-card-lime));
    border-color: var(--unida-lime-border);
}

/* Give the three main UNIDA pillars stronger identities */
#nguzo .grid > .card.big:nth-child(1) {
    color: #f4faff;
    background:
        radial-gradient(
            circle at 90% 10%,
            rgba(77, 194, 226, 0.26),
            transparent 45%
        ),
        linear-gradient(145deg, #052f54, #075e94);
    border-color: rgba(117, 197, 231, 0.45);
}

#nguzo .grid > .card.big:nth-child(1) :is(h3, p, a) {
    color: inherit;
}

#nguzo .grid > .card.big:nth-child(1) a {
    color: #aeea59;
    font-weight: 800;
}

#nguzo .grid > .card.big:nth-child(2) {
    border-inline-start-color: var(--unida-cyan);
}

#nguzo .grid > .card.big:nth-child(3) {
    border-inline-start-color: var(--unida-lime);
}

/* Solutions capability cards */
.solution-card:nth-child(3n + 1),
.available-service-card:nth-child(3n + 1) {
    background:
        linear-gradient(145deg, #edf5fd, var(--unida-card-blue));
    border-color: var(--unida-blue-border);
}

.solution-card:nth-child(3n + 2),
.available-service-card:nth-child(3n + 2) {
    background:
        linear-gradient(145deg, #eefbf9, var(--unida-card-cyan));
    border-color: var(--unida-cyan-border);
}

.solution-card:nth-child(3n),
.available-service-card:nth-child(3n) {
    background:
        linear-gradient(145deg, #edf7fc, var(--unida-card-lime));
    border-color: var(--unida-lime-border);
}

.solution-card,
.available-service-card,
#nguzo .card,
#bei .card,
#kazi .card,
#malipo .card {
    position: relative;
    overflow: hidden;
    box-shadow:
        0 18px 42px rgba(4, 47, 86, 0.09),
        0 3px 10px rgba(4, 47, 86, 0.05);
    transition:
        transform 180ms ease,
        box-shadow 180ms ease,
        border-color 180ms ease;
}

.solution-card:hover,
.available-service-card:hover,
#nguzo .card:hover,
#bei .card:hover,
#kazi .card:hover,
#malipo .card:hover {
    transform: translateY(-4px);
    box-shadow:
        0 24px 54px rgba(4, 47, 86, 0.14),
        0 5px 14px rgba(4, 47, 86, 0.07);
}

/* Improve heading contrast across Solutions */
.solutions-section h2,
.solutions-heading h2,
.solution-card h3,
.available-service-card h3 {
    color: #063f73;
}

.solution-card p,
.available-service-card p {
    color: #36536b;
}

/* Dark theme cards */
html[data-theme="dark"] {
    --unida-card-blue: #102c45;
    --unida-card-cyan: #0d343b;
    --unida-card-lime: #112f49;

    --unida-blue-border: #245d88;
    --unida-cyan-border: #28746c;
    --unida-lime-border: #356f98;
}

html[data-theme="dark"] #nguzo .grid > .card:nth-child(3n + 1),
html[data-theme="dark"] #bei .grid > .card:nth-child(3n + 1),
html[data-theme="dark"] #kazi .grid > .card:nth-child(3n + 1),
html[data-theme="dark"] #malipo .pcards > .card:nth-child(3n + 1),
html[data-theme="dark"] .solution-card:nth-child(3n + 1),
html[data-theme="dark"] .available-service-card:nth-child(3n + 1) {
    background:
        linear-gradient(145deg, #102c45, #0b243a);
    border-color: var(--unida-blue-border);
}

html[data-theme="dark"] #nguzo .grid > .card:nth-child(3n + 2),
html[data-theme="dark"] #bei .grid > .card:nth-child(3n + 2),
html[data-theme="dark"] #kazi .grid > .card:nth-child(3n + 2),
html[data-theme="dark"] #malipo .pcards > .card:nth-child(3n + 2),
html[data-theme="dark"] .solution-card:nth-child(3n + 2),
html[data-theme="dark"] .available-service-card:nth-child(3n + 2) {
    background:
        linear-gradient(145deg, #0d343b, #092a31);
    border-color: var(--unida-cyan-border);
}

html[data-theme="dark"] #nguzo .grid > .card:nth-child(3n),
html[data-theme="dark"] #bei .grid > .card:nth-child(3n),
html[data-theme="dark"] #kazi .grid > .card:nth-child(3n),
html[data-theme="dark"] #malipo .pcards > .card:nth-child(3n),
html[data-theme="dark"] .solution-card:nth-child(3n),
html[data-theme="dark"] .available-service-card:nth-child(3n) {
    background:
        linear-gradient(145deg, #112f49, #0b263d);
    border-color: var(--unida-lime-border);
}

html[data-theme="dark"] :is(
    .solutions-section h2,
    .solutions-heading h2,
    .solution-card h3,
    .available-service-card h3,
    #nguzo .card h3,
    #bei .card h3,
    #kazi .card h3,
    #malipo .card h3
) {
    color: #edf7ff;
}

html[data-theme="dark"] :is(
    .solution-card p,
    .available-service-card p,
    #nguzo .card p,
    #bei .card p,
    #kazi .card p,
    #malipo .card p
) {
    color: #bad0df;
}

html[data-theme="dark"] .solution-card a,
html[data-theme="dark"] .available-service-card a {
    color: #7bc9fa;
}

@media (prefers-reduced-motion: reduce) {
    .solution-card,
    .available-service-card,
    #nguzo .card,
    #bei .card,
    #kazi .card,
    #malipo .card {
        transition: none;
    }

    .solution-card:hover,
    .available-service-card:hover,
    #nguzo .card:hover,
    #bei .card:hover,
    #kazi .card:hover,
    #malipo .card:hover {
        transform: none;
    }
}

/* UNIDA-OFFICIAL-PRICING-STYLES-V1 */
.pricing-grid {
    align-items: stretch;
}

.pricing-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.pricing-card ul {
    flex: 1 1 auto;
    margin-bottom: 22px;
}

.plan-label {
    display: inline-flex;
    align-self: flex-start;
    margin-bottom: 10px;
    padding: 5px 10px;
    border: 1px solid currentColor;
    border-radius: 999px;
    color: var(--unida-deep-blue);
    font-size: 0.76rem;
    font-weight: 800;
    letter-spacing: 0.035em;
}

.plan-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    min-height: 42px;
    padding: 10px 16px;
    border-radius: 9px;
    color: #fff;
    background: var(--unida-deep-blue);
    font-weight: 800;
    text-decoration: none;
}

.pricing-card:nth-child(2) .plan-action {
    background: #087f8f;
}

.pricing-card:nth-child(3) .plan-action {
    background: #178ccb;
}

.pricing-note {
    max-width: 920px;
    margin: 20px 0 0;
    color: var(--mute, #50687c);
    font-size: 0.92rem;
}

html[data-theme="dark"] .plan-label {
    color: #a9dcf9;
}

html[data-theme="dark"] .pricing-note {
    color: #adc4d5;
}

/* UNIDA-ENTERPRISE-OCEAN-V6 */
#bei .pricing-grid >
article.card.pricing-card.pricing-card-enterprise {
    color: #06243a;
    border: 1px solid #32bed3;
    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(50, 190, 211, 0.27),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #e7f7fb 0%,
            #cceef6 48%,
            #dceafa 100%
        );
    box-shadow:
        0 22px 54px rgba(6, 83, 125, 0.16),
        inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

#bei .pricing-card-enterprise h3,
#bei .pricing-card-enterprise .price {
    color: #075eac;
}

#bei .pricing-card-enterprise .plan-summary,
#bei .pricing-card-enterprise li {
    color: #164b67;
    opacity: 1;
}

#bei .pricing-card-enterprise li::marker {
    color: #178ccb;
}

#bei .pricing-card-enterprise .plan-label {
    color: #ffffff;
    border-color: #075eac;
    background: #075eac;
}

#bei .pricing-card-enterprise .plan-action {
    color: #ffffff;
    border-color: #075eac;
    background: #075eac;
}

#bei .pricing-card-enterprise .plan-action:hover,
#bei .pricing-card-enterprise .plan-action:focus-visible {
    color: #061a2f;
    border-color: #32bed3;
    background: #9be8f1;
}

html[data-theme="dark"] #bei .pricing-grid >
article.card.pricing-card.pricing-card-enterprise {
    color: #eefaff;
    border-color: rgba(50, 190, 211, 0.58);
    background:
        radial-gradient(
            circle at 88% 8%,
            rgba(50, 190, 211, 0.15),
            transparent 35%
        ),
        linear-gradient(145deg, #102f49, #0b253a);
    box-shadow:
        0 22px 54px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html[data-theme="dark"] #bei .pricing-card-enterprise h3,
html[data-theme="dark"] #bei .pricing-card-enterprise .price {
    color: #eefaff;
}

html[data-theme="dark"] #bei .pricing-card-enterprise .plan-summary,
html[data-theme="dark"] #bei .pricing-card-enterprise li {
    color: #c0dbea;
}

html[data-theme="dark"] #bei .pricing-card-enterprise li::marker {
    color: #32bed3;
}
/* END UNIDA-ENTERPRISE-OCEAN-V6 */
/* UNIDA-OUR-WORK-CAPABILITY-V1 */
#kazi .grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: clamp(18px, 2.4vw, 30px);
}

#kazi .grid > .card {
    min-width: 0;
    height: 100%;
}

#kazi .capability-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#kazi .capability-card h3 {
    max-width: 24ch;
}

#kazi .capability-list {
    display: grid;
    gap: 10px;
    margin: 8px 0 24px;
    padding: 0;
    list-style: none;
}

#kazi .capability-list li {
    position: relative;
    padding-left: 25px;
    color: var(--text);
    line-height: 1.55;
}

#kazi .capability-list li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #075eac;
    font-weight: 900;
}

#kazi .capability-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin-top: auto;
    padding: 11px 17px;
    border-radius: 999px;
    background: #075eac;
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
}

#kazi .capability-action:hover,
#kazi .capability-action:focus-visible {
    background: #041d3b;
    color: #ffffff;
}

html[data-theme="dark"] #kazi .capability-list li::before {
    color: #a7e82e;
}

@media (max-width: 900px) {
    #kazi .grid {
        grid-template-columns: 1fr;
    }

    #kazi .capability-card h3 {
        max-width: none;
    }
}
/* END UNIDA-OUR-WORK-CAPABILITY-V1 */

/* UNIDA-OCEAN-CARD-SYSTEM-V6 */
html[data-theme="light"] {
    --unida-card-blue: #e4f0fb;
    --unida-card-cyan: #ddf5f8;
    --unida-card-lime: #dceffa;
    --unida-blue-border: #91bfe2;
    --unida-cyan-border: #82ced9;
    --unida-lime-border: #8bc7e8;
}

html[data-theme="light"] #nguzo .grid > .card:nth-child(3n),
html[data-theme="light"] #bei .grid > .card:nth-child(3n),
html[data-theme="light"] #kazi .grid > .card:nth-child(3n),
html[data-theme="light"] #malipo .pcards > .card:nth-child(3n),
html[data-theme="light"] .solution-card:nth-child(3n),
html[data-theme="light"] .available-service-card:nth-child(3n) {
    border-color: #8bc7e8;
    background:
        linear-gradient(145deg, #edf7fc, #dceffa);
}

html[data-theme="dark"] {
    --unida-card-blue: #102c45;
    --unida-card-cyan: #0d3445;
    --unida-card-lime: #112f49;
    --unida-blue-border: #356c97;
    --unida-cyan-border: #2f7893;
    --unida-lime-border: #356f98;
}

html[data-theme="dark"] #nguzo .grid > .card:nth-child(3n),
html[data-theme="dark"] #bei .grid > .card:nth-child(3n),
html[data-theme="dark"] #kazi .grid > .card:nth-child(3n),
html[data-theme="dark"] #malipo .pcards > .card:nth-child(3n),
html[data-theme="dark"] .solution-card:nth-child(3n),
html[data-theme="dark"] .available-service-card:nth-child(3n) {
    border-color: #356f98;
    background:
        linear-gradient(145deg, #112f49, #0b263d);
}

#kazi .capability-list li::before,
html[data-theme="dark"] #kazi .capability-list li::before {
    color: #178ccb;
}
/* END UNIDA-OCEAN-CARD-SYSTEM-V6 */