.ecosystem-intelligence{margin:0 0 22px;padding:25px;border:1px solid rgba(117,139,160,.16);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(245,250,252,.66));box-shadow:0 20px 55px rgba(43,67,92,.08);backdrop-filter:blur(24px)}
.ecosystem-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:19px}.ecosystem-heading>div:first-child{max-width:760px}.ecosystem-heading small,.connection-head small{font-size:9px;letter-spacing:1.7px;color:#2877de;font-weight:800}.ecosystem-heading h2{font-size:25px;letter-spacing:-.7px;margin:7px 0}.ecosystem-heading p{font-size:11px;line-height:1.55;color:#647080}.ecosystem-period{text-align:right;display:flex;flex-direction:column;gap:5px;white-space:nowrap}.ecosystem-period span{font-size:11px;color:#273242}.ecosystem-period b{font-size:9px;color:#11806c;font-weight:700}
.ecosystem-focusbar{display:flex;gap:5px;padding:5px;border-radius:12px;background:rgba(229,235,241,.68);width:max-content;max-width:100%;overflow:auto;margin-bottom:15px}.ecosystem-focusbar button{padding:8px 13px;border-radius:8px;background:transparent;color:#697586;font-size:10px;white-space:nowrap}.ecosystem-focusbar button.active{background:#111620;color:#fff;box-shadow:0 5px 14px rgba(17,22,32,.16)}
.ecosystem-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ecosystem-card{text-align:left;border:1px solid rgba(107,124,145,.13);border-radius:17px;padding:16px;background:rgba(255,255,255,.72);color:#131923;min-width:0;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.ecosystem-card:hover{transform:translateY(-2px);border-color:rgba(40,119,222,.28);box-shadow:0 12px 24px rgba(45,66,90,.09)}.ecosystem-card.active{border-color:#2877de;box-shadow:0 0 0 2px rgba(40,119,222,.11),0 15px 30px rgba(40,119,222,.10)}.ecosystem-card-top{display:grid;grid-template-columns:7px 1fr auto;gap:9px;align-items:start}.ecosystem-card-top>i{width:7px;height:7px;border-radius:50%;background:#2877de;margin-top:4px;box-shadow:0 0 0 5px rgba(40,119,222,.1)}.ecosystem-card.mint .ecosystem-card-top>i{background:#23b9a0;box-shadow:0 0 0 5px rgba(35,185,160,.1)}.ecosystem-card.violet .ecosystem-card-top>i{background:#816cf4;box-shadow:0 0 0 5px rgba(129,108,244,.1)}.ecosystem-card.orange .ecosystem-card-top>i{background:#f59b23;box-shadow:0 0 0 5px rgba(245,155,35,.1)}.ecosystem-card-top small{display:block;font-size:7px;letter-spacing:.9px;color:#8b95a3}.ecosystem-card h3{font-size:15px;margin-top:4px}.ecosystem-card-top em{font-style:normal;font-size:6px;letter-spacing:.7px;padding:4px 5px;border-radius:4px;background:#ecf7f4;color:#147c69}.ecosystem-card-top em.attention{background:#fff4df;color:#a86500}.ecosystem-card-top em.critical{background:#ffeded;color:#b33b3b}.ecosystem-card>strong{display:block;font-size:25px;letter-spacing:-1px;margin:22px 0 3px}.ecosystem-card>p{font-size:9px;color:#778292}.ecosystem-card-stats{display:grid;grid-template-columns:.7fr .8fr 1.35fr;gap:7px;margin:16px 0 13px;padding-top:13px;border-top:1px solid rgba(100,117,138,.12)}.ecosystem-card-stats span{font-size:7px;color:#8993a0}.ecosystem-card-stats b{display:block;font-size:10px;color:#242d39;margin-bottom:3px;white-space:nowrap}.ecosystem-capacity>span{display:flex;justify-content:space-between;font-size:8px;color:#6e7988}.ecosystem-capacity>i{display:block;height:4px;background:linear-gradient(to right,#2877de var(--capacity),rgba(199,208,218,.52) var(--capacity));border-radius:4px;margin-top:7px}.ecosystem-services{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}.ecosystem-services span{font-size:7px;padding:4px 6px;border-radius:5px;color:#657181;background:rgba(229,235,241,.72)}
.connection-panel{margin-top:12px;border:1px solid rgba(104,123,145,.13);border-radius:17px;background:rgba(248,250,252,.74);overflow:hidden}.connection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:17px 18px 14px;border-bottom:1px solid rgba(104,123,145,.12)}.connection-head h3{font-size:17px;margin-top:5px}.connection-head>span{font-size:9px;color:#788393;white-space:nowrap}.connection-list{display:grid;grid-template-columns:1fr 1fr}.connection-row{display:grid;grid-template-columns:7px 1fr auto;gap:11px;align-items:start;padding:15px 18px;border-right:1px solid rgba(104,123,145,.11);border-bottom:1px solid rgba(104,123,145,.11)}.connection-row:nth-child(2n){border-right:0}.connection-row:nth-last-child(-n+2){border-bottom:0}.connection-row>i{width:7px;height:7px;border-radius:50%;background:#2877de;margin-top:4px}.connection-row.mint>i{background:#23b9a0}.connection-row.violet>i{background:#816cf4}.connection-row.orange>i{background:#f59b23}.connection-row small{font-size:7px;color:#87919f;text-transform:uppercase;letter-spacing:.35px}.connection-row h4{font-size:11px;line-height:1.35;margin:5px 0}.connection-row p{font-size:8px;color:#73808f}.connection-row aside{text-align:right;white-space:nowrap}.connection-row aside b{display:block;font-size:11px}.connection-row aside span{display:block;font-size:7px;color:#17816d;margin-top:5px}.metric-basis b{color:#1d2733}.metric-basis button{border:0;background:transparent;color:#2877de;font-size:10px;padding:0 0 0 5px;text-decoration:underline}
@media(max-width:1280px){.ecosystem-grid{grid-template-columns:1fr 1fr}.connection-list{grid-template-columns:1fr}.connection-row,.connection-row:nth-child(2n),.connection-row:nth-last-child(-n+2){border-right:0;border-bottom:1px solid rgba(104,123,145,.11)}.connection-row:last-child{border-bottom:0}}
@media(max-width:760px){.ecosystem-intelligence{padding:18px 15px;border-radius:18px}.ecosystem-heading{align-items:flex-start;flex-direction:column;gap:10px}.ecosystem-heading h2{font-size:22px}.ecosystem-period{text-align:left}.ecosystem-grid{grid-template-columns:1fr}.ecosystem-card>strong{font-size:28px}.connection-head{align-items:flex-start;flex-direction:column}.connection-row{grid-template-columns:7px 1fr}.connection-row aside{grid-column:2;text-align:left;display:flex;gap:8px;align-items:center}.connection-row aside span{margin:0}}