.eco-map:where(.astro-a6xxsvgd){position:relative;border:1px solid var(--border);background:var(--bg-surface);padding:0;overflow:hidden}.eco-layers:where(.astro-a6xxsvgd){display:grid;grid-template-columns:repeat(6,1fr) minmax(90px,.9fr);border-bottom:2px solid var(--accent-muted)}.eco-layer-label:where(.astro-a6xxsvgd){padding:.6rem .5rem;text-align:center;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);border-right:1px solid var(--border)}.eco-layer-label:where(.astro-a6xxsvgd):last-child{border-right:none}.eco-layer-tooling:where(.astro-a6xxsvgd){color:var(--text-dim);background:#ffd70008}.eco-bands:where(.astro-a6xxsvgd){display:grid;grid-template-columns:repeat(6,1fr) minmax(90px,.9fr);position:absolute;inset:0;pointer-events:none;z-index:0}.eco-band:where(.astro-a6xxsvgd){border-right:1px solid var(--border)}.eco-band:where(.astro-a6xxsvgd):last-child{border-right:none}.eco-band-tooling:where(.astro-a6xxsvgd){background:#ffd70005}.eco-tools:where(.astro-a6xxsvgd){position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr) minmax(90px,.9fr);gap:.4rem;padding:.75rem .5rem}.eco-tool:where(.astro-a6xxsvgd){display:flex;flex-direction:column;gap:.15rem;padding:.5rem .65rem;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-left:3px solid var(--accent-muted);transition:border-color var(--duration-base) var(--ease-out-expo),transform var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo)}.eco-tool:where(.astro-a6xxsvgd):hover{transform:translateY(-2px);border-color:var(--accent);border-left-color:var(--accent);box-shadow:var(--glow-gold)}.eco-tool-name:where(.astro-a6xxsvgd){font-weight:700;font-size:.82rem;color:var(--accent)}.eco-tool-desc:where(.astro-a6xxsvgd){font-size:.68rem;color:var(--text-muted);line-height:1.3}.eco-tool-zig:where(.astro-a6xxsvgd){border-left-color:#f2a900}.eco-tool-janus:where(.astro-a6xxsvgd){border-left-color:#79c0ff}.eco-tool-nexus:where(.astro-a6xxsvgd){border-left-color:#3fb950}.eco-tool-ltp:where(.astro-a6xxsvgd){border-left-color:#ff7b72}.eco-tool-lwf:where(.astro-a6xxsvgd){border-left-color:#ff7b72}.eco-tool-quasar:where(.astro-a6xxsvgd){border-left-color:#d2a8ff}.eco-tool-sar:where(.astro-a6xxsvgd){border-left-color:#fa4}.eco-tool-dmp:where(.astro-a6xxsvgd){border-left-color:#4c4}.eco-tool-sasa:where(.astro-a6xxsvgd){border-left-color:#fc6}.eco-tool-graf:where(.astro-a6xxsvgd){border-left-color:gold}.eco-tool-hinge:where(.astro-a6xxsvgd){border-left-color:#ff9500}.eco-tool-nip:where(.astro-a6xxsvgd){border-left-color:#27c93f}.eco-tool-zig:where(.astro-a6xxsvgd):hover{border-left-color:#f2a900}.eco-tool-janus:where(.astro-a6xxsvgd):hover{border-left-color:#79c0ff}.eco-tool-nexus:where(.astro-a6xxsvgd):hover{border-left-color:#3fb950}.eco-tool-ltp:where(.astro-a6xxsvgd):hover{border-left-color:#ff7b72}.eco-tool-lwf:where(.astro-a6xxsvgd):hover{border-left-color:#ff7b72}.eco-tool-quasar:where(.astro-a6xxsvgd):hover{border-left-color:#d2a8ff}.eco-tool-sar:where(.astro-a6xxsvgd):hover{border-left-color:#fa4}.eco-tool-dmp:where(.astro-a6xxsvgd):hover{border-left-color:#4c4}.eco-tool-sasa:where(.astro-a6xxsvgd):hover{border-left-color:#fc6}.eco-tool-graf:where(.astro-a6xxsvgd):hover{border-left-color:gold}.eco-tool-hinge:where(.astro-a6xxsvgd):hover{border-left-color:#ff9500}.eco-tool-nip:where(.astro-a6xxsvgd):hover{border-left-color:#27c93f}@media(max-width:768px){.eco-layers:where(.astro-a6xxsvgd){grid-template-columns:repeat(7,1fr)}.eco-bands:where(.astro-a6xxsvgd){grid-template-columns:repeat(7,1fr)}.eco-tools:where(.astro-a6xxsvgd){grid-template-columns:repeat(7,1fr);gap:.3rem;padding:.5rem .25rem}.eco-layer-label:where(.astro-a6xxsvgd){font-size:.58rem;padding:.3rem .15rem}.eco-tool-name:where(.astro-a6xxsvgd){font-size:.68rem}.eco-tool-desc:where(.astro-a6xxsvgd){font-size:.58rem}}@media(max-width:480px){.eco-layers:where(.astro-a6xxsvgd){display:none}.eco-bands:where(.astro-a6xxsvgd){display:none}.eco-tools:where(.astro-a6xxsvgd){display:flex;flex-direction:column;gap:.4rem}.eco-tool:where(.astro-a6xxsvgd){border-left:3px solid var(--accent-muted)}.eco-tool:where(.astro-a6xxsvgd):after{font-family:var(--font-mono);font-size:.58rem;color:var(--text-dim);margin-top:.2rem}.eco-tool-zig:where(.astro-a6xxsvgd):after{content:"L0 + L1 bridge"}.eco-tool-janus:where(.astro-a6xxsvgd):after{content:"L1+ through L5"}.eco-tool-nexus:where(.astro-a6xxsvgd):after{content:"L0 -- L5"}.eco-tool-ltp:where(.astro-a6xxsvgd):after{content:"L1"}.eco-tool-lwf:where(.astro-a6xxsvgd):after{content:"L1"}.eco-tool-quasar:where(.astro-a6xxsvgd):after{content:"L1"}.eco-tool-sar:where(.astro-a6xxsvgd):after{content:"L2 -- L5"}.eco-tool-dmp:where(.astro-a6xxsvgd):after{content:"L3 + L4"}.eco-tool-sasa:where(.astro-a6xxsvgd):after{content:"L4 + L5"}.eco-tool-graf:where(.astro-a6xxsvgd):after{content:"Tooling"}.eco-tool-hinge:where(.astro-a6xxsvgd):after{content:"Tooling"}.eco-tool-nip:where(.astro-a6xxsvgd):after{content:"Tooling"}}.section-heading:where(.astro-kbatkiqk){font-size:1.75rem;font-weight:700;margin:0 0 .5rem;color:var(--text)}.section-intro:where(.astro-kbatkiqk){color:var(--text-muted);margin:0 0 2rem;font-size:.95rem}.layers-grid:where(.astro-kbatkiqk){display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}@media(max-width:900px){.layers-grid:where(.astro-kbatkiqk){grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.layers-grid:where(.astro-kbatkiqk){grid-template-columns:1fr}}.layer-card:where(.astro-kbatkiqk){display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden}.layer-card:where(.astro-kbatkiqk):before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--color-bordeaux));opacity:.5;transition:opacity var(--duration-base) var(--ease-out-expo),box-shadow var(--duration-base) var(--ease-out-expo)}.layer-card:where(.astro-kbatkiqk):hover:before{opacity:1;box-shadow:var(--glow-gold)}.layer-card-header:where(.astro-kbatkiqk){display:flex;align-items:center;gap:.75rem}.layer-card-header:where(.astro-kbatkiqk) h3:where(.astro-kbatkiqk){margin:0;font-size:1rem;font-weight:700;color:var(--text)}.layer-badge:where(.astro-kbatkiqk){display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;padding:.2rem .45rem;background:#ffd7001a;color:var(--accent);font-family:var(--font-mono);font-size:.75rem;font-weight:700;letter-spacing:.04em;border:1px solid rgba(255,215,0,.2);border-radius:6px}.layer-meta:where(.astro-kbatkiqk){display:flex;align-items:center;gap:.75rem}.layer-lang:where(.astro-kbatkiqk){font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim)}.layer-status:where(.astro-kbatkiqk){font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.15em .5em;border:1px solid;border-radius:4px}.status-progress:where(.astro-kbatkiqk){color:#3fb950;background:#3fb9501a;border-color:#3fb95033}.status-design:where(.astro-kbatkiqk){color:var(--code-blue);background:#79c0ff1a;border-color:#79c0ff33}.status-research:where(.astro-kbatkiqk){color:#d2a8ff;background:#d2a8ff1a;border-color:#d2a8ff33}.layer-card:where(.astro-kbatkiqk) p:where(.astro-kbatkiqk){font-size:.85rem;color:var(--text-muted);line-height:1.5;margin:0;flex:1}.layer-components:where(.astro-kbatkiqk){display:flex;flex-wrap:wrap;gap:.35rem}.component-tag:where(.astro-kbatkiqk){font-family:var(--font-mono);font-size:.65rem;font-weight:600;padding:.15em .5em;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:4px}.layer-link:where(.astro-kbatkiqk){font-size:.78rem;font-weight:600;color:var(--accent);margin-top:.25rem}.layer-link:where(.astro-kbatkiqk):hover{color:var(--accent-hover)}.onboarding-cta:where(.astro-kbatkiqk){margin-top:1.5rem;text-align:center}.dev-layers-grid:where(.astro-kbatkiqk){display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:768px){.dev-layers-grid:where(.astro-kbatkiqk){grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dev-layers-grid:where(.astro-kbatkiqk){grid-template-columns:1fr}}.dev-layer-card:where(.astro-kbatkiqk){display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;text-decoration:none;cursor:pointer}.dev-layer-card:where(.astro-kbatkiqk) h4:where(.astro-kbatkiqk){margin:0;font-size:.95rem;font-weight:700;color:var(--text);transition:color .15s ease}.dev-layer-card:where(.astro-kbatkiqk):hover h4:where(.astro-kbatkiqk){color:var(--accent)}.dev-layer-card:where(.astro-kbatkiqk) p:where(.astro-kbatkiqk){font-size:.8rem;color:var(--text-muted);margin:0}