.ecosystem-nav { position: sticky; top: 0; z-index: 1000; display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px max(12px, calc((100vw - 1100px) / 2)); overflow-x: auto; color: #fff; background: #063b55; box-shadow: 0 4px 16px #001d2b33; scrollbar-width: none; }
.ecosystem-nav::-webkit-scrollbar { display: none; }
.ecosystem-nav a { display: inline-flex; align-items: center; gap: 5px; min-height: 32px; padding: 0 11px; border-radius: 999px; color: #eaf9fb; font: 700 12px/1 system-ui, -apple-system, "Segoe UI", sans-serif; text-decoration: none; white-space: nowrap; }
.ecosystem-nav a:hover, .ecosystem-nav a[aria-current="page"] { color: #063b55; background: #fff; }
.ecosystem-nav small { padding: 3px 5px; border-radius: 999px; color: #24333b; background: #e0b46f; font-size: 8px; text-transform: uppercase; }