/* Ecosystem alignment tokens v1.0.0 — copy-identical across independent apps. */
:root{--eco-night:#080810;--eco-paper:#f3eee5;--eco-muted:#a9adbd;--eco-line:rgba(255,255,255,.14);--eco-violet:#a88bff;--eco-cyan:#71e8ff;--eco-space-1:8px;--eco-space-2:12px;--eco-space-3:18px;--eco-radius:999px}
.ecosystem-nav{width:min(1280px,calc(100% - 28px));margin:10px auto 0;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:6px;border:1px solid var(--eco-line);border-radius:var(--eco-radius);background:rgba(8,8,16,.78);backdrop-filter:blur(16px);position:relative;z-index:8;scrollbar-width:none}
.ecosystem-nav::-webkit-scrollbar{display:none}.ecosystem-nav a{white-space:nowrap;text-decoration:none;color:var(--eco-muted);font:700 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:10px 12px;border-radius:var(--eco-radius);transition:color .2s ease,background .2s ease,transform .2s ease}
.ecosystem-nav a:hover{color:var(--eco-paper);background:#ffffff0d;transform:translateY(-1px)}.ecosystem-nav a[aria-current=page]{color:var(--eco-paper);background:linear-gradient(135deg,#ffffff12,#a88bff18);box-shadow:inset 0 0 0 1px #ffffff10}
.ecosystem-cta-primary{display:inline-flex!important;align-items:center;justify-content:center;border-color:var(--eco-cyan)!important;background:linear-gradient(135deg,var(--eco-paper),#c9c0ff)!important;color:#10111a!important;box-shadow:0 12px 42px #7160ff2d}
.ecosystem-link-subtle{display:inline-flex;align-items:center;gap:7px;color:var(--eco-muted);font-size:12px;text-decoration:none;padding:8px 0}.ecosystem-link-subtle:hover{color:var(--eco-paper)}
@media(max-width:680px){.ecosystem-nav{width:calc(100% - 18px);border-radius:16px;justify-content:flex-start}.ecosystem-nav a{padding:9px 10px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.ecosystem-nav a{transition:none}.ecosystem-nav a:hover{transform:none}}

/* Readable, responsive routes between independent projects. */
.ecosystem-nav { flex-wrap:wrap;border-radius:18px;overflow:visible;gap:4px;padding:8px; }
.ecosystem-nav a { font-size:12px;line-height:1.3;letter-spacing:.02em;text-transform:none;padding:11px 12px; }
.ecosystem-nav a:focus-visible,.relationship-bridge a:focus-visible { outline:2px solid #c4b5fd;outline-offset:4px; }
.ecosystem-nav .ecosystem-talk { margin-left:auto;color:#0b1010;background:#a7f3d0;font-weight:800; }
.relationship-bridge { box-sizing:border-box;max-width:1180px;margin:4rem auto;padding:clamp(1.5rem,4vw,3.5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid #ffffff26;border-radius:24px;background:radial-gradient(ellipse at 100% 0%,#a88bff1c,transparent 65%),#0c0d15;color:#f3eee5;text-align:left; }
.relationship-bridge h2 { font:700 clamp(1.8rem,3.5vw,3rem)/1.12 ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em;max-width:650px;margin:.8rem 0 1rem; }
.relationship-bridge p { font:16px/1.7 ui-sans-serif,system-ui,sans-serif;color:#b8bcca;max-width:650px;margin:0; }
.relationship-bridge .relationship-kicker { font-size:12px;font-weight:700;letter-spacing:.15em;color:#c4b5fd; }
.relationship-actions { display:flex;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0; }
.relationship-actions a { font:600 14px/1.4 ui-sans-serif,system-ui,sans-serif;color:#d1d7e2;text-decoration:none;padding:.75rem; }
.relationship-actions .relationship-primary { border-radius:999px;background:#a7f3d0;color:#07120c;padding:1rem 1.4rem; }
@media(max-width:700px) { .relationship-bridge { margin:2rem 1rem;flex-direction:column;align-items:stretch; }.relationship-actions { align-items:flex-start; }.ecosystem-nav .ecosystem-talk { margin-left:0; } }

.creator-invitation{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;padding:18px 22px;margin-top:28px;border:1px solid #c4b5fd35;border-radius:16px;background:linear-gradient(110deg,#c4b5fd0d,#a7f3d009);text-align:left;max-width:900px}.creator-invitation p{margin:0;color:#c8c9d6;font:14px/1.6 system-ui,sans-serif;max-width:590px}.creator-invitation a{color:#bce8d0;font:750 14px/1.4 system-ui,sans-serif;white-space:nowrap;text-decoration:none;padding:12px 0}.creator-invitation a:focus-visible{outline:2px solid #a7f3d0;outline-offset:5px}@media(max-width:600px){.creator-invitation{align-items:flex-start;flex-direction:column;gap:2px;padding:16px}}