.eco-band{background:var(--color-ink)}.eco-bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(900px 500px at 18% 10%,rgba(79,227,199,.08),transparent 60%),radial-gradient(800px 600px at 85% 12%,rgba(155,124,255,.07),transparent 60%),radial-gradient(1000px 700px at 50% 115%,rgba(224,163,58,.05),transparent 55%)}.eco-stage{position:relative;z-index:10;width:100%;height:64vh;min-height:520px;max-height:760px}#eco-flow{position:absolute;inset:0;width:100%;height:100%;z-index:11}#eco-stage .node{position:absolute;transform:translate(-50%,-50%);z-index:14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);will-change:transform,opacity}#eco-stage .glass{background:#0d10149e;border:1px solid rgba(79,227,199,.2);border-radius:16px;box-shadow:0 8px 30px #00000073,inset 0 1px #ffffff0d}#eco-stage .hub{padding:11px 15px;min-width:148px;text-align:center;cursor:pointer}#eco-stage .hub .ht{font:700 12px/1 var(--font-display);letter-spacing:.4px;color:var(--color-snow)}#eco-stage .hub .hs{font-size:9.5px;color:var(--color-fog);margin-top:4px;line-height:1.3}#eco-stage .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle;box-shadow:0 0 8px currentColor}#eco-stage .prod{width:116px;height:116px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:radial-gradient(circle at 50% 35%,#4fe3c71f,#0d1014e0);border:1.5px solid var(--color-mint);transition:transform .9s cubic-bezier(.34,1.56,.64,1),box-shadow .9s,border-color .9s;box-shadow:0 0 22px #4fe3c71a,inset 0 0 18px #4fe3c70d}#eco-stage .prod:hover{transform:scale(1.09);border-color:var(--color-snow);box-shadow:0 0 38px #4fe3c759,inset 0 0 22px #4fe3c71f}#eco-stage .prod.active{border-color:var(--color-snow);box-shadow:0 0 46px #4fe3c780,inset 0 0 26px #4fe3c72e}@keyframes ecoProdGlow{0%{box-shadow:0 0 22px #4fe3c72e,inset 0 0 18px #4fe3c70d}35%{box-shadow:0 0 52px #4fe3c7a6,inset 0 0 30px #4fe3c740;border-color:var(--color-snow)}to{box-shadow:0 0 46px #4fe3c780,inset 0 0 26px #4fe3c72e}}#eco-stage .prod.pulse-glow{animation:ecoProdGlow 3.2s ease-out}#eco-stage .prod .pn{font:700 15px/1.05 var(--font-display);color:#fff;letter-spacing:.3px;max-width:104px}#eco-stage .prod .pt{font-size:8px;color:var(--color-mint);text-transform:uppercase;letter-spacing:.4px;margin-top:5px;font-weight:650;max-width:108px;line-height:1.15;word-break:break-word;padding:0 4px}#eco-stage .core{width:128px;height:128px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#9b7cff2e,#080b12e6);border:1.5px solid var(--accent-chain);box-shadow:0 0 50px #9b7cff40,inset 0 0 30px #9b7cff1f}#eco-stage .core .ring{position:absolute;border:1px solid rgba(155,124,255,.25);border-radius:50%}#eco-stage .core-label{text-align:center}#eco-stage .core-label .cl1{font:700 12px/1.2 var(--font-display);color:var(--color-mint);letter-spacing:.3px}#eco-stage .core-label .cl2{font-size:9px;color:var(--color-fog);margin-top:4px;letter-spacing:.2px}#eco-stage .sink{padding:11px 15px;min-width:148px;text-align:center;cursor:pointer}#eco-stage .sink .st{font:700 12px/1 var(--font-display);letter-spacing:.3px;color:var(--color-snow)}#eco-stage .sink .ss{font-size:9px;color:var(--color-fog);margin-top:4px;line-height:1.3}#eco-stage .enter{opacity:0}#eco-detail{position:absolute;z-index:40;right:24px;top:50%;transform:translateY(-50%) translate(20px);width:312px;max-width:calc(100vw - 48px);opacity:0;pointer-events:none;background:#0b0e12db;border:1px solid rgba(79,227,199,.2);border-radius:20px;-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 20px 60px #0000008c,inset 0 1px #ffffff0f;padding:22px;transition:opacity .45s ease,transform .45s cubic-bezier(.34,1.2,.64,1)}#eco-detail.show{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0)}#eco-detail .dh{display:flex;align-items:center;gap:10px;margin-bottom:4px}#eco-detail .dh .dd{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor}#eco-detail h3{font:700 19px/1 var(--font-display);color:#fff;letter-spacing:.3px}#eco-detail .dtag{font-size:10px;color:var(--color-mint);text-transform:uppercase;letter-spacing:.7px;font-weight:650;margin:7px 0 13px}#eco-detail p{font-size:12.5px;color:var(--color-haze);line-height:1.55;margin-bottom:14px}#eco-detail .meta{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}#eco-detail .row{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--color-fog)}#eco-detail .row .k{color:var(--color-mint);min-width:64px;font-weight:600}#eco-detail .chip{display:inline-block;font-size:10px;color:var(--accent-chain);background:#9b7cff1a;border:1px solid rgba(155,124,255,.3);border-radius:7px;padding:4px 9px;letter-spacing:.2px;margin-top:2px}#eco-detail .eco-open-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:10px 14px;border-radius:10px;background:var(--color-mint);color:var(--color-ink);font:600 13px/1 var(--font-display);text-decoration:none;transition:background .2s ease,transform .2s ease}#eco-detail .eco-open-link:hover{background:var(--color-mint-2);transform:translateY(-1px)}#eco-detail .eco-open-link[hidden]{display:none}#eco-detail .eco-close{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;border:1px solid var(--color-line);background:#ffffff0a;color:var(--color-fog);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s}#eco-detail .eco-close:hover{color:#fff;border-color:var(--color-mint);transform:scale(1.08)}.eco-legend{position:absolute;left:24px;bottom:116px;z-index:30;display:flex;flex-direction:column;gap:7px;background:#0b0e128c;border:1px solid var(--color-line);border-radius:14px;padding:12px 14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.eco-legend .li{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--color-fog)}.eco-legend .sw{width:18px;height:2px;border-radius:2px}.eco-legend .sw.dash{background:repeating-linear-gradient(90deg,var(--accent-seam) 0 4px,transparent 4px 7px)}.eco-caption{position:absolute;top:132px;left:50%;transform:translate(-50%);z-index:25;font-size:12.5px;color:var(--color-mint);background:#0b0e129e;border:1px solid rgba(79,227,199,.2);border-radius:30px;padding:9px 18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;box-shadow:0 6px 20px #0006;max-width:calc(100vw - 48px);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.eco-controls{display:flex;align-items:center;gap:10px;background:#0b0e12b3;border:1px solid var(--color-line);border-radius:50px;padding:8px 8px 8px 18px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 40px #00000080}.eco-controls .lbl{font-size:11.5px;color:var(--color-fog);margin-right:4px;white-space:nowrap}.eco-btn{border:1px solid var(--color-line);background:#ffffff0a;color:var(--color-snow);font:600 12.5px/1 var(--font-display);padding:10px 16px;border-radius:40px;cursor:pointer;transition:transform .3s ease,background .3s,border-color .3s,color .3s;white-space:nowrap}.eco-btn:hover{transform:scale(1.05);border-color:var(--color-mint);color:var(--color-mint)}.eco-btn.primary{background:var(--color-mint-dim);border-color:#4fe3c766;color:var(--color-mint)}.eco-btn.primary:hover{box-shadow:0 0 24px #4fe3c74d}.eco-btn.on{background:var(--color-mint-dim);border-color:var(--color-mint);color:var(--color-mint)}.eco-btn:disabled{opacity:.7;cursor:default}@media(max-width:760px){.eco-stage{height:78vh;min-height:540px}.eco-legend{display:none}.eco-caption{top:118px;white-space:normal}#eco-stage .prod{width:100px;height:100px}#eco-stage .prod .pn{font-size:12px;max-width:88px}#eco-stage .prod .pt{font-size:6.5px;margin-top:3px;max-width:92px;letter-spacing:.2px}#eco-stage .core{width:100px;height:100px}#eco-stage .core-label .cl1{font-size:10px}#eco-stage .core-label .cl2{font-size:7.5px}#eco-stage .core .ring:nth-child(1){width:118px!important;height:118px!important}#eco-stage .core .ring:nth-child(2){width:138px!important;height:138px!important}#eco-stage .hub,#eco-stage .sink{min-width:116px;padding:9px 11px}#eco-stage .hub .ht,#eco-stage .sink .st{font-size:11px}#eco-stage .hub .hs,#eco-stage .sink .ss{font-size:8.5px}.eco-controls{padding:7px 7px 7px 14px;gap:7px}.eco-controls .lbl{display:none}.eco-btn{padding:9px 13px;font-size:11.5px}#eco-detail{right:50%;top:auto;bottom:16px;transform:translate(50%,16px);width:calc(100vw - 36px)}#eco-detail.show{transform:translate(50%)}}@media(prefers-reduced-motion:reduce){#eco-stage .prod,#eco-stage .prod.pulse-glow{animation:none!important;transition:none!important}.eco-caption{display:none}}