/* Single, compact ecosystem-value section. The former user-target panel is intentionally removed. */
.ecosystem-targets { color: #0a204a; background: #fffaf0; }
.ecosystem-targets__value { padding: 76px 0 0; background: radial-gradient(circle at 50% 43%, rgba(204, 157, 73, .17), transparent 30%), linear-gradient(145deg, #f8ecd7 0%, #fffdf8 52%, #f4e5ca 100%); text-align: center; }
.ecosystem-targets__value .kicker { margin: 0 0 12px; }
.ecosystem-targets__value h2 { max-width: 1050px; margin: 0 auto 38px; font-size: clamp(2.35rem, 4.5vw, 4.85rem); line-height: .98; letter-spacing: -.06em; }
.ecosystem-targets__value h2 span { color: #0878ed; }
.ecosystem-targets__value-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(245px, .72fr) minmax(0, 1fr); gap: 24px; align-items: stretch; }
.ecosystem-targets__metric { display: flex; flex-direction: column; min-height: 320px; padding: 30px; border: 1px solid #e1c693; border-radius: 18px; background: rgba(255, 255, 255, .90); box-shadow: 0 16px 38px rgba(115, 76, 15, .09); text-align: left; }
.ecosystem-targets__eyebrow { margin: 0 0 18px; color: #0878ed; font-size: .72rem; font-weight: 900; letter-spacing: .1em; }
.ecosystem-targets__metric h3 { max-width: 290px; margin: 0; color: #102856; font-size: clamp(1.06rem, 1.45vw, 1.32rem); line-height: 1.2; }
.ecosystem-targets__metric > strong { display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px; margin: auto 0 25px; color: #095fea; line-height: .85; letter-spacing: -.07em; white-space: nowrap; }
.ecosystem-targets__metric > strong b { font-size: clamp(3.4rem, 5.1vw, 5.55rem); font-weight: 900; }
.ecosystem-targets__metric > strong em { font-size: clamp(1.4rem, 2.25vw, 2.35rem); font-style: normal; font-weight: 900; letter-spacing: -.05em; }
.ecosystem-targets__formula { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 7px; align-items: start; padding-top: 17px; border-top: 1px solid #ead5ac; text-align: center; }
.ecosystem-targets__formula span { color: #102856; font-size: .88rem; font-weight: 900; line-height: 1.1; }
.ecosystem-targets__formula small { display: block; margin-top: 4px; color: #4f6f9b; font-size: .6rem; font-weight: 700; line-height: 1.18; }
.ecosystem-targets__formula i { color: #376baf; font-size: 1.05rem; font-style: normal; }
.ecosystem-targets__core { display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 320px; padding: 26px 18px; border: 1px solid #268cf1; border-radius: 18px; background: linear-gradient(145deg, #0e77e7, #052b78); box-shadow: 0 18px 40px rgba(7, 84, 193, .28); color: #fff; }
.ecosystem-targets__core > span { display: grid; place-items: center; width: 72px; height: 72px; margin-bottom: 17px; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(1, 27, 86, .25); color: #fff; font-size: 1.22rem; font-weight: 900; letter-spacing: .08em; }
.ecosystem-targets__core > strong { font-size: clamp(1.35rem, 2.1vw, 1.8rem); line-height: 1.05; }
.ecosystem-targets__core p { margin: 23px 0 0; padding: 9px 12px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; background: rgba(1,24,70,.28); font-size: .65rem; font-weight: 900; white-space: nowrap; }
.ecosystem-targets__core i { padding: 0 5px; color: #9dd8ff; font-style: normal; }
.ecosystem-targets__metric-copy { max-width: 290px; margin: 0; color: #42638e; font-size: .97rem; line-height: 1.42; }
.ecosystem-targets__value-flow { display: flex; justify-content: center; align-items: center; gap: 17px; margin-top: 34px; padding: 19px 24px; border: 1px solid #c89b45; border-bottom: 0; border-radius: 14px 14px 0 0; background: #0c397d; color: #fff; font-size: .95rem; font-weight: 900; }
.ecosystem-targets__value-flow span { min-width: 116px; padding: 10px 16px; border-radius: 999px; background: #fff; color: #102856; }
.ecosystem-targets__value-flow span:last-of-type { border: 1px solid #c89b45; }
.ecosystem-targets__value-flow b { font-size: 1.35rem; }
.ecosystem-targets__value > .wrap > h3 { margin: 0; padding: 17px 18px 21px; background: #155da8; color: #fff; font-size: clamp(1.55rem, 2.8vw, 2.35rem); }
@media (max-width: 900px) { .ecosystem-targets__value-grid { grid-template-columns: 1fr 1fr; } .ecosystem-targets__core { grid-column: 1 / -1; min-height: 230px; } .ecosystem-targets__core > span { margin-bottom: 12px; } .ecosystem-targets__core p { margin-top: 15px; } }
@media (max-width: 600px) { .ecosystem-targets__value { padding-top: 54px; } .ecosystem-targets__value h2 { margin-bottom: 27px; } .ecosystem-targets__value-grid { grid-template-columns: 1fr; gap: 16px; } .ecosystem-targets__metric { min-height: 285px; padding: 24px; } .ecosystem-targets__core { grid-column: auto; min-height: 220px; } .ecosystem-targets__metric > strong { gap: 8px; } .ecosystem-targets__formula { grid-template-columns: 1fr auto 1fr; row-gap: 15px; } .ecosystem-targets__formula span:nth-of-type(3) { grid-column: 1; } .ecosystem-targets__formula i:nth-of-type(2) { display: none; } .ecosystem-targets__value-flow { flex-wrap: wrap; gap: 8px; padding: 15px; } .ecosystem-targets__value-flow span { min-width: auto; padding: 9px 12px; font-size: .72rem; } .ecosystem-targets__value-flow b { font-size: 1rem; } }
