/* ECOSYSTEM */
#ecosystem{background:linear-gradient(180deg,var(--bg2),var(--bg))}
.eg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}
@media(max-width:900px){.eg{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.eg{grid-template-columns:1fr}}
.ec{background:var(--gl);border:1px solid var(--gb);border-radius:16px;padding:24px 20px;text-align:center;transition:all .5s var(--eo)}
.ec:hover{background:rgba(255,255,255,.06);transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.3);border-color:rgba(201,168,76,.15)}
.eci{width:48px;height:48px;margin:0 auto 14px;background:linear-gradient(135deg,var(--gs),rgba(74,144,217,.08));border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;transition:all .4s}
.ec:hover .eci{box-shadow:0 0 24px rgba(201,168,76,.15);transform:scale(1.08)}
.ec h4{font-family:var(--fd);font-size:15px;font-weight:600;margin-bottom:4px}
.ec p{font-size:12px;color:var(--tm);font-weight:300}

.mp{width:260px;background:linear-gradient(145deg,var(--card-bg1),var(--card-bg2));border:1px solid var(--gb);border-radius:36px;padding:12px;box-shadow:0 30px 80px rgba(0,0,0,.5);transition:all .6s var(--eo);position:relative}
.mp::before{content:'';position:absolute;top:8px;left:50%;transform:translateX(-50%);width:80px;height:24px;border-radius:12px;background:rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.06);z-index:10}
.mp .scr{background:rgba(8,8,16,.95);border-radius:28px;padding:40px 12px 16px;min-height:520px;display:flex;flex-direction:column;gap:8px}
html[data-theme="light"] .mp .scr{background:rgba(232,228,220,.95)}
.mtb{width:440px;background:linear-gradient(145deg,var(--card-bg1),var(--card-bg2));border:1px solid var(--gb);border-radius:24px;padding:14px;box-shadow:0 30px 80px rgba(0,0,0,.5);transition:all .6s var(--eo)}
.mtb .scr{background:rgba(8,8,16,.95);border-radius:16px;padding:16px;min-height:340px}
html[data-theme="light"] .mtb .scr{background:rgba(232,228,220,.95)}
@media(max-width:900px){.mtb{width:100%;max-width:440px}}
.mpl{width:220px;background:linear-gradient(145deg,var(--card-bg1),var(--card-bg2));border:1px solid var(--gb);border-radius:20px;padding:10px;box-shadow:0 30px 80px rgba(0,0,0,.5);transition:all .6s var(--eo)}
.mpl .scr{background:rgba(8,8,16,.95);border-radius:14px;padding:14px;min-height:340px;display:flex;flex-direction:column;gap:8px}
html[data-theme="light"] .mpl .scr{background:rgba(232,228,220,.95)}
.sb{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--sb-bd)}
.sb h5{font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px}
.ld{width:6px;height:6px;border-radius:50%;background:var(--grn);box-shadow:0 0 6px rgba(76,175,80,.4)}
.mw{background:var(--mw-bg);border:1px solid var(--mw-bd);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px;transition:all .3s;position:relative;overflow:hidden}
.mw:hover{background:rgba(255,255,255,.06)}
.mwg{position:absolute;inset:0;pointer-events:none;opacity:.4}
.mwi{font-size:18px;flex-shrink:0}.mwf{flex:1;min-width:0}
.mwl{font-size:10px;color:var(--tm);font-weight:500}.mwv{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.mwr{flex-shrink:0}