.ecosystem-section{padding:86px 0;background:linear-gradient(180deg,#071523,#0a1d31);border-top:1px solid rgba(142,194,255,.09);border-bottom:1px solid rgba(142,194,255,.09)}
.ecosystem-head{display:grid;grid-template-columns:1.3fr .7fr;gap:54px;align-items:end;margin-bottom:34px}
.ecosystem-head p{margin:0;color:#9fb2c7;font-size:13px;line-height:1.8;max-width:540px}
.ecosystem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ecosystem-grid article{min-height:230px;padding:24px;border:1px solid rgba(142,194,255,.14);border-radius:18px;background:linear-gradient(180deg,rgba(16,42,67,.88),rgba(7,23,39,.94));box-shadow:0 18px 50px rgba(0,0,0,.16)}
.ecosystem-grid article>span{font:600 9px/1 "IBM Plex Mono",monospace;letter-spacing:.14em;color:#6eb5ff}
.ecosystem-grid h3{margin:18px 0 10px;font:600 19px/1.1 "Bricolage Grotesque",sans-serif;color:#fff}
.ecosystem-grid strong{display:block;margin-bottom:16px;font:600 28px/1 "IBM Plex Mono",monospace;color:#4be0cf}
.ecosystem-grid p{margin:0;color:#8fa6bd;font-size:10px;line-height:1.7}
.ecosystem-status{margin-top:16px;padding:12px 14px;border-radius:10px;background:rgba(110,181,255,.06);border:1px solid rgba(110,181,255,.12);font:500 9px/1.5 "IBM Plex Mono",monospace;color:#91a7bf}
.ecosystem-status.metrics-stale{color:#f4bd66;border-color:rgba(244,189,102,.22)}
@media (max-width:1100px){.ecosystem-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.ecosystem-head{grid-template-columns:1fr;gap:22px}}
@media (max-width:640px){.ecosystem-grid{grid-template-columns:1fr}.ecosystem-section{padding:62px 0}.ecosystem-grid article{min-height:0}}