:root{--eco-bg:#050807;--eco-paper:#eef5f2;--eco-muted:#87958f;--eco-green:#64f0b5;--eco-cyan:#70dfff;--eco-amber:#eab36b}
*{box-sizing:border-box}.ecosystem-page{margin:0;background:var(--eco-bg);color:var(--eco-paper);overflow:hidden}.ecosystem-shell{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(100,240,181,.045),transparent 36%),#050807}.ecosystem-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.ecosystem-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 22%,rgba(5,8,7,.18) 52%,rgba(5,8,7,.82) 100%),linear-gradient(180deg,rgba(5,8,7,.28),transparent 28%,transparent 70%,rgba(5,8,7,.62));z-index:1}
.ecosystem-topbar{position:absolute;z-index:10;left:0;right:0;top:0;padding:18px 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(5,8,7,.86),rgba(5,8,7,.28));backdrop-filter:blur(14px)}.ecosystem-brand{display:inline-flex;align-items:center;gap:10px;color:var(--eco-paper);text-decoration:none;font-weight:700;letter-spacing:-.02em}.ecosystem-brand em{font-style:normal;color:var(--eco-muted);font-weight:500}.ecosystem-brand .logo-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(100,240,181,.32);border-radius:9px;color:var(--eco-green)}.ecosystem-exit{justify-self:end;color:#aab6b1;text-decoration:none;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.ecosystem-live{display:flex;gap:7px;align-items:center;justify-content:center}.live-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(4,10,9,.62);font-size:8px;letter-spacing:.1em;color:#c6d0cc}.live-chip i{width:6px;height:6px;border-radius:50%;background:#65716c;box-shadow:0 0 10px transparent}.live-chip.ok i{background:var(--eco-green);box-shadow:0 0 12px rgba(100,240,181,.72)}.live-chip.warn i{background:var(--eco-amber);box-shadow:0 0 12px rgba(234,179,107,.56)}.live-chip.muted{color:#77847f}
.ecosystem-intro{position:absolute;z-index:5;top:102px;left:clamp(20px,5vw,72px);width:min(570px,46vw);pointer-events:none}.ecosystem-intro .eyebrow{margin-bottom:14px}.ecosystem-intro h1{font-size:clamp(44px,6vw,88px);line-height:.88;letter-spacing:-.06em;margin:0 0 16px}.ecosystem-intro h1 strong{display:block;color:var(--eco-green);font-weight:700}.ecosystem-intro>p{margin:0;color:#aebbb5;line-height:1.6;font-size:clamp(13px,1.1vw,17px);max-width:520px}.truth-key{display:flex;align-items:center;gap:12px;margin-top:18px;color:#a8b5af;font-size:9px;letter-spacing:.11em}.truth-key span{display:flex;align-items:center;gap:6px}.truth-key i{display:block;width:7px;height:7px;border-radius:50%}.live-dot{background:var(--eco-green);box-shadow:0 0 12px rgba(100,240,181,.68)}.model-dot{border:1px solid var(--eco-cyan);background:transparent}.truth-key small{letter-spacing:0;color:#68766f}
.district-nav{position:absolute;z-index:7;left:clamp(20px,5vw,72px);bottom:42px;display:flex;gap:7px;max-width:calc(100vw - 40px)}.district-button{appearance:none;text-align:left;min-width:104px;padding:11px 12px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(4,9,9,.66);color:#9ca8a3;backdrop-filter:blur(12px);cursor:pointer;transition:.24s ease}.district-button:hover,.district-button.active{transform:translateY(-3px);border-color:rgba(100,240,181,.32);background:rgba(8,18,15,.86);color:#fff;box-shadow:0 16px 36px rgba(0,0,0,.28)}.district-button span{display:block;font-size:7px;letter-spacing:.12em;color:var(--eco-green);margin-bottom:5px}.district-button b{display:block;font-size:10px;letter-spacing:.08em}.district-button small{display:block;font-size:7px;color:#66736e;margin-top:3px}
.district-panel{position:absolute;z-index:6;right:clamp(20px,4vw,60px);top:120px;width:min(360px,30vw);padding:20px;border:1px solid rgba(255,255,255,.10);border-radius:18px;background:linear-gradient(145deg,rgba(7,14,13,.82),rgba(3,8,8,.52));backdrop-filter:blur(18px);box-shadow:0 24px 80px rgba(0,0,0,.34)}.district-state{display:flex;align-items:center;justify-content:space-between}.district-state span{font-size:10px;color:var(--eco-green);letter-spacing:.16em}.district-state small{font-size:7px;letter-spacing:.13em;color:#6f7c77}.district-panel h2{font-size:clamp(29px,3vw,45px);letter-spacing:-.04em;margin:8px 0}.district-panel p{color:#a6b2ad;font-size:12px;line-height:1.65;margin:0}.district-signals{display:flex;gap:5px;flex-wrap:wrap;margin:15px 0}.district-signals span{padding:5px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:7px;text-transform:uppercase;letter-spacing:.09em;color:#aeb9b4}.control-loop{display:flex;align-items:center;gap:4px;margin:14px 0;overflow:hidden}.control-loop span{font-size:5px;letter-spacing:.06em;color:#99a59f;white-space:nowrap}.control-loop i{height:1px;min-width:5px;flex:1;background:linear-gradient(90deg,rgba(100,240,181,.2),rgba(112,223,255,.42))}.district-link{display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);color:#eaf4ef;text-decoration:none;font-size:10px;font-weight:700}.district-link span{color:var(--eco-green)}
.founder-core-label{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,130px);text-align:center;pointer-events:none;text-shadow:0 2px 16px #000}.founder-core-label small{display:block;font-size:6px;letter-spacing:.18em;color:#809088}.founder-core-label b{display:block;margin:5px 0 3px;font-size:10px;letter-spacing:.12em;color:#fff}.founder-core-label span{font-size:7px;color:#6d7a74}
.agent-rail{position:absolute;z-index:6;right:clamp(20px,4vw,60px);bottom:38px;width:min(430px,35vw);padding:13px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(3,8,8,.66);backdrop-filter:blur(14px)}.agent-rail-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px}.agent-rail-head span{font-size:7px;letter-spacing:.13em;color:#bdc8c3}.agent-rail-head small{font-size:6px;color:#5f6d67}.agent-list{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.agent-role{position:relative;padding:9px 6px;border:1px solid rgba(255,255,255,.06);border-radius:9px;background:rgba(255,255,255,.018)}.agent-role i{position:absolute;right:6px;top:7px;width:5px;height:5px;border-radius:50%;border:1px solid var(--eco-cyan);box-shadow:0 0 8px rgba(112,223,255,.24)}.agent-role b{display:block;font-size:6px;letter-spacing:.08em;color:#e0e8e4}.agent-role small{display:block;margin-top:3px;font-size:5.5px;color:#66736d}.ecosystem-hint{position:absolute;z-index:5;left:50%;bottom:14px;transform:translateX(-50%);font-size:6px;letter-spacing:.12em;text-transform:uppercase;color:#596660;pointer-events:none}.ecosystem-noscript{position:absolute;z-index:20;inset:auto 20px 20px;padding:14px;background:#111;color:#fff}
@media(max-width:900px){.ecosystem-topbar{grid-template-columns:1fr auto;padding:14px 16px}.ecosystem-live{display:none}.ecosystem-intro{top:82px;left:18px;width:calc(100vw - 36px);max-width:520px}.ecosystem-intro h1{font-size:clamp(42px,13vw,68px)}.ecosystem-intro>p{max-width:440px}.district-panel{top:auto;bottom:126px;right:14px;left:14px;width:auto;padding:15px}.district-panel h2{font-size:28px}.control-loop{display:none}.founder-core-label{display:none}.agent-rail{display:none}.district-nav{left:14px;right:14px;bottom:26px;overflow-x:auto;max-width:none;padding-bottom:2px;scrollbar-width:none}.district-button{min-width:96px;flex:0 0 auto}.ecosystem-hint{display:none}}
@media(max-width:520px){.ecosystem-intro{top:78px}.ecosystem-intro>p{font-size:12px;max-width:330px}.truth-key small{display:none}.district-panel{bottom:118px}.district-panel p{font-size:11px;line-height:1.5}.district-signals{margin:10px 0}.district-button{min-width:82px;padding:9px}.ecosystem-exit{font-size:9px}}
@media(prefers-reduced-motion:reduce){.district-button{transition:none}}

/* Research grounding layer */
.district-research{margin:14px 0 12px;padding:11px 0 0;border-top:1px solid rgba(255,255,255,.08)}
.research-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}
.research-head span{font-size:6.5px;letter-spacing:.14em;color:#d5dfda}
.research-head small{font-size:5.8px;letter-spacing:.06em;color:#66746e;text-align:right}
.research-cards{display:grid;grid-template-columns:1fr;gap:5px}
.research-card{display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px 8px;border:1px solid rgba(255,255,255,.065);border-radius:8px;background:rgba(255,255,255,.018)}
.research-card .rc-copy{min-width:0}.research-card small{display:block;font-size:5.5px;letter-spacing:.08em;color:#65726d;text-transform:uppercase}
.research-card b{display:block;margin-top:2px;font-size:7.5px;letter-spacing:.045em;color:#eef5f2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.research-card .rc-class{align-self:center;padding:4px 5px;border:1px solid rgba(112,223,255,.18);border-radius:999px;font-size:5px;letter-spacing:.08em;color:#8da29a}
.research-card[data-truth="LIVE"] .rc-class{color:#64f0b5;border-color:rgba(100,240,181,.32);box-shadow:0 0 12px rgba(100,240,181,.08)}
.research-card[data-truth="FRESH_SNAPSHOT"] .rc-class{color:#eab36b;border-color:rgba(234,179,107,.28)}
.research-sources{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}
.research-sources a{font-size:5.5px;line-height:1.25;color:#7d8d86;text-decoration:none;border-bottom:1px solid rgba(125,141,134,.26)}
.research-sources a:hover{color:#dbe5e0;border-color:#64f0b5}
@media(max-width:900px){.district-research{display:none}}