/* ═══════════════════════════════════════════════════════
   ecosystem.css — shared styles for all ecosystem pages
═══════════════════════════════════════════════════════ */
.eco-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;}
.eco-breadcrumb a{color:rgba(255,255,255,0.5);text-decoration:none;transition:var(--transition);}
.eco-breadcrumb a:hover{color:var(--gold);}
.eco-breadcrumb span:not([aria-current]){color:rgba(255,255,255,0.3);}
.eco-breadcrumb [aria-current]{color:rgba(255,255,255,0.7);}

/* Ecosystem Hub Hero */
.eco-hero{position:relative;background:var(--navy-deep);padding:100px 32px 80px;overflow:hidden;}
.eco-hero-bg{position:absolute;inset:0;pointer-events:none;}
.eco-hero-grid{position:absolute;inset:0;/* boxes pattern removed — animated connected-nodes canvas mounts here */}
.eco-hero-glow{position:absolute;width:500px;height:300px;background:radial-gradient(circle,var(--steel) 0%,transparent 70%);bottom:-80px;right:10%;filter:blur(80px);opacity:0.2;}
.eco-hero-inner{position:relative;z-index:1;}
.eco-hero-title{font-family:var(--font-display);font-size:clamp(44px,6vw,72px);font-weight:300;color:var(--white);margin-bottom:16px;line-height:1.05;}
.eco-hero-sub{font-size:18px;color:rgba(255,255,255,0.55);max-width:620px;line-height:1.7;margin-bottom:40px;}
.eco-hero-mevos{display:flex;flex-direction:column;gap:6px;max-width:480px;}
.mevos-layer{padding:10px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font-mono);}
.mevos-dim{background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.35);border:1px solid rgba(255,255,255,0.06);}
.mevos-active{background:rgba(201,168,76,0.12);color:var(--gold);border:1px solid rgba(201,168,76,0.25);}

/* Eco nav cards */
.eco-nav-section{background:var(--white);}
.eco-nav-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.eco-nav-card{display:block;padding:32px;border-radius:var(--radius-xl);border:1px solid var(--gray-200);background:var(--white);text-decoration:none;transition:var(--transition);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;}
.eco-nav-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-dim));opacity:0;transition:var(--transition);}
.eco-nav-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--gold);}
.eco-nav-card:hover::before{opacity:1;}
.eco-nav-card-num{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--gold);letter-spacing:2px;margin-bottom:12px;}
.eco-nav-icon{font-size:32px;margin-bottom:12px;}
.eco-nav-name{font-family:var(--font-display);font-size:22px;font-weight:600;color:var(--navy);margin-bottom:8px;}
.eco-nav-desc{font-size:14px;color:var(--gray-600);line-height:1.6;margin-bottom:16px;}
.eco-nav-sub-items{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;}
.eco-nav-sub-items span{font-size:12px;color:var(--gray-400);padding-left:12px;position:relative;}
.eco-nav-sub-items span::before{content:'·';position:absolute;left:0;color:var(--gold);}
.eco-nav-arrow{font-size:20px;color:var(--gold);transition:var(--transition);}
.eco-nav-card:hover .eco-nav-arrow{transform:translateX(6px);}

/* MEVE overview */
.eco-meve-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.eco-meve-components{display:flex;flex-direction:column;gap:10px;margin-top:24px;}
.meve-comp{display:flex;align-items:center;gap:10px;font-size:15px;color:rgba(255,255,255,0.65);}
.meve-comp-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);flex-shrink:0;}
.mevos-stack{display:flex;flex-direction:column;gap:6px;}
.ms-layer{padding:16px 20px;border-radius:var(--radius-sm);font-size:13px;font-family:var(--font-mono);}
.ms-layer small{display:block;font-size:11px;margin-top:3px;opacity:0.6;}
.ms-layer-1{background:rgba(255,255,255,0.04);color:rgba(255,255,255,0.4);border:1px solid rgba(255,255,255,0.06);}
.ms-layer-2{background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.5);border:1px solid rgba(255,255,255,0.08);}
.ms-layer-3{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.6);border:1px solid rgba(255,255,255,0.1);}
.ms-layer-4{background:rgba(201,168,76,0.12);color:var(--gold);border:1px solid rgba(201,168,76,0.25);}

.eco-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;}
.eco-stat{padding:36px 24px;text-align:center;background:var(--white);border-right:1px solid var(--gray-200);}
.eco-stat:last-child{border-right:none;}
.eco-stat-num{font-family:var(--font-display);font-size:48px;font-weight:300;color:var(--navy);line-height:1;margin-bottom:8px;}
.eco-stat-label{font-size:13px;font-weight:700;color:var(--navy);}
.eco-stat-sub{font-size:12px;color:var(--gray-400);margin-top:4px;}

@media(max-width:1024px){.eco-nav-grid{grid-template-columns:1fr;}.eco-meve-grid{grid-template-columns:1fr;gap:32px;}.eco-stats-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.eco-nav-grid{grid-template-columns:1fr;}.eco-stats-grid{grid-template-columns:1fr;}}