/* Website: src/app/static/css/pages/pitchdeck/slides/slide22.css v1.0 */

#slide-22 {
    flex-direction: column;
    gap: 12px;
}

#slide-22 h1,
#slide-22 h2,
#slide-22 h3,
#slide-22 p {
    margin: 0;
}

#slide-22 h1 {
    font-size: 3rem;
    line-height: 1.05;
}

#slide-22 .ecosystem-slide__eyebrow {
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #9df7b4;
}

#slide-22 .ecosystem-slide__lead {
    margin-top: 10px;
    max-width: 620px;
    font-size: 18px;
    line-height: 1.45;
    color: rgba(255, 255, 255, 0.86);
}

#slide-22 .ecosystem-slide__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(245px, 0.7fr);
    gap: 14px;
    flex: 1;
    min-height: 0;
    margin: 13px;
}

#slide-22 .ecosystem-foundation,
#slide-22 .ecosystem-value-loop {
    border-radius: 18px;
    min-height: 0;
}

#slide-22 .ecosystem-foundation {
    padding: 18px;
    background: linear-gradient(160deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
    border: 1px solid rgba(255, 255, 255, 0.13);
    display: grid;
    gap: 14px;
}

#slide-22 .ecosystem-foundation__core {
    display: grid;
    gap: 6px;
    padding-bottom: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#slide-22 .ecosystem-foundation__label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #7ce8ff;
}

#slide-22 .ecosystem-foundation__core h2 {
    font-size: 26px;
    color: #ffffff;
}

#slide-22 .ecosystem-foundation__core p {
    max-width: 420px;
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.82);
}

#slide-22 .ecosystem-foundation__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

#slide-22 .ecosystem-foundation__grid article {
    display: grid;
    align-content: start;
    gap: 6px;
    padding: 13px 14px;
    border-radius: 12px;
    background: rgba(8, 18, 28, 0.72);
    border: 1px solid rgba(255, 255, 255, 0.09);
}

#slide-22 .ecosystem-foundation__grid h3 {
    font-size: 15px;
    line-height: 1.3;
}

#slide-22 .ecosystem-foundation__grid p {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.78);
}

#slide-22 .ecosystem-value-loop {
    padding: 16px;
    background: linear-gradient(180deg, rgba(10, 20, 32, 0.92), rgba(12, 31, 44, 0.92));
    border: 1px solid rgba(124, 232, 255, 0.14);
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 12px;
}

#slide-22 .ecosystem-value-loop__title {
    font-size: 15px;
    line-height: 1.35;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.95);
}

#slide-22 .ecosystem-value-loop__steps {
    display: grid;
    gap: 10px;
    align-content: start;
}

#slide-22 .ecosystem-loop-step {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 10px;
    align-items: center;
    padding: 10px 12px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

#slide-22 .ecosystem-loop-step span {
    display: inline-flex;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(124, 232, 255, 0.16);
    color: #7ce8ff;
    font-size: 11px;
    font-weight: 700;
}

#slide-22 .ecosystem-loop-step strong {
    font-size: 15px;
    line-height: 1.3;
}

#slide-22 .ecosystem-value-loop__closing {
    font-size: 13px;
    line-height: 1.42;
    color: rgba(255, 255, 255, 0.78);
}