.ecosystem{position:relative;background:#f0f0f0;color:#111;padding:32px 5vw 70px;overflow:hidden}
.ecosystem-bar{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em;line-height:1.5}
.ecosystem-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8vw;max-width:1500px;margin:64px auto 0}
.ecosystem-copy h2{font-size:clamp(40px,4.3vw,72px);line-height:1.04;letter-spacing:-.055em}
.ecosystem-copy h2 span{color:#777}
.ecosystem-copy>p{font-size:clamp(17px,1.5vw,22px);line-height:1.6;margin-top:30px;max-width:480px;letter-spacing:-.02em}
.ecosystem-diagram{min-width:0;width:100%;max-width:650px;justify-self:center}
.ecosystem-funnel{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:24px}
.ecosystem-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:108px;width:100%;isolation:isolate;background:transparent}
.ecosystem-stage:not(:last-child)::after{content:'↓';position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%);font-size:17px;line-height:20px;font-weight:400;color:#777}
.ecosystem-stage:nth-child(2){width:85%}
.ecosystem-stage:nth-child(3){width:70%}
.ecosystem-stage:nth-child(4){width:58%;color:#f7f7f7;min-height:95px}
.ecosystem-step{position:absolute;left:9%;top:50%;transform:translateY(-50%);font-size:10px;color:#888}
.ecosystem-stage h3{font-size:clamp(22px,2.5vw,39px);letter-spacing:-.045em;line-height:1.1}
@media(max-width:800px){.ecosystem{padding:28px 6vw 50px}.ecosystem-layout{grid-template-columns:1fr;gap:38px;margin-top:38px}.ecosystem-copy h2{font-size:clamp(37px,6.8vw,54px)}.ecosystem-copy>p{font-size:17px;margin-top:24px;max-width:540px}.ecosystem-diagram{max-width:530px}.ecosystem-stage{min-height:88px}.ecosystem-stage:nth-child(4){min-height:80px;width:68%}.ecosystem-stage h3{font-size:26px}.ecosystem-step{font-size:9px}.ecosystem-bar{font-size:10px;letter-spacing:.06em}}
@media(max-width:430px){.ecosystem-stage h3{font-size:22px}.ecosystem-stage:nth-child(3){width:78%}.ecosystem-stage:nth-child(4){width:70%}.ecosystem-copy h2{font-size:37px}}

.ecosystem-stage svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.ecosystem-stage path{fill:#e4e4e4;stroke:#a9a9a9;stroke-width:1;vector-effect:non-scaling-stroke}.ecosystem-stage:nth-child(2) path{fill:#ebebeb}.ecosystem-stage:nth-child(3) path{fill:#f7f7f7}.ecosystem-stage:nth-child(4) path{fill:#111;stroke:#111}
@media(forced-colors:active){.ecosystem-stage{border:1px solid CanvasText}.ecosystem-stage svg{display:none}}