/* Ecosystem diagram: circular modules with separate labels + a dedicated info panel underneath. */
.eco-wrap{height:620px !important;max-width:720px !important;}
.eco-node{width:auto !important;background:none !important;border:none !important;padding:0 !important;box-shadow:none !important;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;font-family:inherit;transition:transform .3s cubic-bezier(.2,.8,.2,1) !important;}
.eco-node .e-ic{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#22705C;
  background:radial-gradient(circle at 35% 30%,#FFFFFF,#EEF6F2);border:1.5px solid #D7E8DF;box-shadow:0 10px 24px -12px rgba(16,40,33,.45);transition:transform .3s,box-shadow .3s,border-color .3s,background .3s,color .3s;}
.eco-node .e-ic .lc{width:24px;height:24px;}
.eco-node .e-name{font-size:12px;font-weight:700;color:#2B3733;background:#fff;border:1px solid #E3E9E5;border-radius:999px;padding:4px 11px;white-space:nowrap;box-shadow:0 4px 10px -6px rgba(16,40,33,.3);transition:background .3s,color .3s,border-color .3s;}
.eco-node:hover,.eco-node.active,.eco-node:focus-visible{transform:translate(-50%,-50%) scale(1.06) !important;outline:none;}
.eco-node:hover .e-ic,.eco-node.active .e-ic{background:linear-gradient(135deg,#2E8B74,#1F5A4B);color:#fff;border-color:#1F5A4B;box-shadow:0 0 0 6px rgba(63,178,143,.18),0 16px 30px -12px rgba(31,90,75,.6);}
.eco-node:hover .e-name,.eco-node.active .e-name{background:#13231F;color:#F3E4B8;border-color:#13231F;}
.eco-line.active{stroke:#C9A84C !important;stroke-width:2.4 !important;}
.eco-desc{display:none !important;}
.eco-info{max-width:620px;margin:22px auto 0;display:flex;gap:16px;align-items:center;padding:18px 22px;border-radius:20px;background:#fff;border:1px solid #E3E9E5;
  box-shadow:0 18px 40px -26px rgba(16,40,33,.45);min-height:92px;transition:border-color .3s,box-shadow .3s;}
.eco-info.on{border-color:#CFE6DB;box-shadow:0 22px 44px -24px rgba(31,90,75,.45);}
.eco-info.pop{animation:eco-pop .45s cubic-bezier(.2,.9,.3,1.2);}
@keyframes eco-pop{from{opacity:.4;transform:translateY(8px);}to{opacity:1;transform:none;}}
.eco-info .ei-ic{width:54px;height:54px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2E8B74,#1F5A4B);color:#fff;}
.eco-info .ei-ic .lc{width:24px;height:24px;}
.eco-info .ei-name{display:block;font-size:16px;font-weight:800;color:#13231F;}
.eco-info .ei-desc{margin:4px 0 0;font-size:14px;line-height:1.55;color:#4F5F5A;}
@media (max-width:700px){
  .eco-wrap{height:auto !important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;padding-top:150px;}
  .eco-svg{display:none;}
  .eco-hub{top:0 !important;left:50% !important;transform:translateX(-50%) !important;width:130px !important;height:130px !important;}
  .eco-node{position:static !important;transform:none !important;}
  .eco-node:hover,.eco-node.active{transform:scale(1.04) !important;}
}