:root{color-scheme:dark;--bg:#050008;--panel:rgba(17,10,35,.78);--hot:#ff2bd6;--cyan:#14f5ff;--text:#f9f2ff;--gold:#ffd166}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#310065,transparent 30%),radial-gradient(circle at 80% 10%,#003a52,transparent 35%),#050008;color:var(--text);font:16px/1.4 system-ui,Segoe UI,sans-serif}.deck{max-width:1180px;margin:0 auto;padding:32px}.hero{padding:34px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,rgba(255,43,214,.15),rgba(20,245,255,.08));border-radius:28px;box-shadow:0 0 80px rgba(255,43,214,.16)}.vanta-hero{position:relative;overflow:hidden}.vanta-hero:after{content:"";position:absolute;inset:auto -10% -35% -10%;height:160px;background:radial-gradient(ellipse at center,rgba(20,245,255,.22),transparent 65%);pointer-events:none}.eyebrow{color:var(--cyan);letter-spacing:.2em;text-transform:uppercase}.hero h1{font-size:clamp(58px,10vw,128px);line-height:.9;margin:0;text-shadow:0 0 25px var(--hot),0 0 60px rgba(20,245,255,.22)}.tagline{font-size:clamp(18px,2.5vw,26px);max-width:900px}.identity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:24px 0}.identity-grid div{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px;background:rgba(0,0,0,.22)}.identity-grid span,.microcopy{display:block;color:var(--cyan);font-size:12px;letter-spacing:.14em;text-transform:uppercase}.identity-grid b{display:block;font-size:18px}.identity-grid small{display:block;color:rgba(249,242,255,.75)}.safety-strip{display:inline-block;margin:4px 0 0;padding:10px 14px;border:1px solid rgba(255,209,102,.32);border-radius:999px;color:var(--gold);background:rgba(0,0,0,.28)}.collective-strip{margin:18px 0;padding:18px;border:1px solid rgba(20,245,255,.24);border-radius:22px;background:linear-gradient(135deg,rgba(20,245,255,.10),rgba(255,43,214,.12)),rgba(0,0,0,.24)}.collective-strip h2{margin:.25rem 0 .5rem;font-size:clamp(22px,3vw,36px);line-height:1.02}.ecosystem-role-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0}.ecosystem-role-list article{border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:12px;background:rgba(0,0,0,.26)}.ecosystem-role-list b,.ecosystem-role-list span,.ecosystem-role-list small{display:block}.ecosystem-role-list span{color:var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.ecosystem-role-list small{color:rgba(249,242,255,.78);margin-top:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:18px 0}.card{border:1px solid rgba(255,255,255,.14);background:var(--panel);border-radius:22px;padding:20px;backdrop-filter:blur(10px)}.persona-card{background:linear-gradient(135deg,rgba(255,43,214,.18),rgba(255,209,102,.08))}textarea,input{width:100%;margin:8px 0;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#090312;color:white}button,.button{display:inline-block;margin-top:8px;padding:11px 14px;border:0;border-radius:999px;background:linear-gradient(90deg,var(--hot),var(--cyan));color:#090312;font-weight:800;text-decoration:none;cursor:pointer}pre{white-space:pre-wrap;max-height:360px;overflow:auto}.survival-panel{border-color:rgba(255,209,102,.28);background:linear-gradient(135deg,rgba(255,209,102,.10),rgba(20,245,255,.06)),var(--panel)}.survival-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.survival-grid div{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px;background:rgba(0,0,0,.22)}.survival-grid b{color:var(--gold)}.survival-grid small{color:rgba(249,242,255,.72)}.vj{overflow:hidden}.vj canvas{position:fixed;inset:0;width:100vw;height:100vh}.vjLabel{position:fixed;left:28px;bottom:28px;padding:14px 18px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(0,0,0,.35);backdrop-filter:blur(8px)}.vjLabel span{display:block;color:var(--cyan)}.crate-panel{border-color:rgba(20,245,255,.24);background:linear-gradient(135deg,rgba(20,245,255,.09),rgba(255,43,214,.07)),var(--panel)}.crate-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.crate-list article{border:1px solid rgba(20,245,255,.18);border-radius:16px;padding:13px;background:rgba(0,0,0,.24)}.crate-list b{display:block;color:var(--cyan)}.crate-list span{display:block;color:var(--gold);font-size:12px;margin:4px 0}.crate-list small{display:block;color:rgba(249,242,255,.74)}.deck-ab-panel{border-color:rgba(255,43,214,.28);background:linear-gradient(135deg,rgba(255,43,214,.10),rgba(20,245,255,.08)),var(--panel)}.deck-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.deck-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:18px;padding:16px;background:rgba(0,0,0,.28);box-shadow:inset 0 0 34px rgba(20,245,255,.06)}.deck-card:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--cyan),var(--hot));opacity:.85}.deck-b-card:before{background:linear-gradient(90deg,var(--hot),var(--gold),var(--cyan))}.deck-role{display:inline-block;color:var(--cyan);letter-spacing:.16em;text-transform:uppercase;font-size:12px}.deck-role.incoming{color:var(--gold)}.deck-card h3{margin:.35rem 0 .5rem;font-size:24px}.deck-card p{color:rgba(249,242,255,.82)}.deck-card dl{margin:0}.deck-card dt{margin-top:10px;color:var(--cyan);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.deck-card dd{margin:3px 0 0;color:rgba(249,242,255,.78)}
.survival-grid,.deck-card-grid,.brain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.survival-grid>div,.brain-grid>div,.deck-card{border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px;background:rgba(0,0,0,.22)}.brain-grid p{margin:.45rem 0 0}.dj-brain-panel{background:linear-gradient(135deg,rgba(20,245,255,.10),rgba(255,209,102,.08)),var(--panel)}.button-row{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0}.timeline-panel{background:linear-gradient(135deg,rgba(255,43,214,.12),rgba(20,245,255,.06)),var(--panel)}.timeline-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-top:12px}.timeline-preview article{border:1px solid rgba(20,245,255,.18);border-radius:16px;padding:12px;background:rgba(0,0,0,.24)}.timeline-preview b,.timeline-preview span,.timeline-preview small{display:block}.timeline-preview span{color:var(--gold);font-size:13px}.timeline-preview small{color:rgba(249,242,255,.76);margin-top:6px}


/* Parallel Party / Agent Factory hub surfaces */
.signal-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px;padding:10px;border:1px solid rgba(20,245,255,.18);border-radius:18px;background:rgba(0,0,0,.35);position:sticky;top:8px;z-index:10;backdrop-filter:blur(12px)}
.signal-nav a{color:var(--text);text-decoration:none;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 11px;font-size:12px;text-transform:uppercase;letter-spacing:.09em}.signal-nav a:hover{color:#050008;background:var(--cyan);box-shadow:0 0 24px rgba(20,245,255,.35)}
.hub-deck:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px);mix-blend-mode:screen;opacity:.55}.hub-hero{position:relative;overflow:hidden;padding:38px;border:1px solid rgba(255,255,255,.16);border-radius:30px;background:radial-gradient(circle at 10% 0,rgba(255,43,214,.28),transparent 36%),radial-gradient(circle at 95% 20%,rgba(20,245,255,.18),transparent 38%),rgba(0,0,0,.34);box-shadow:0 0 80px rgba(255,43,214,.14)}
.hub-hero:after{content:"SONICFORGE // VANTA // FORKABLE // HERMES // COMFYUI";position:absolute;right:-90px;bottom:12px;color:rgba(20,245,255,.08);font:900 38px/1 monospace;transform:rotate(-8deg);white-space:nowrap}.hub-hero h1{font-size:clamp(44px,8vw,96px);line-height:.86;margin:0 0 16px;text-transform:uppercase;text-shadow:0 0 24px var(--hot),0 0 60px rgba(20,245,255,.24)}
.hub-status-strip{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0;padding:11px;border:1px solid rgba(20,245,255,.20);border-radius:16px;background:#020206;color:var(--cyan);font:12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.08em}.hub-status-strip span{border-right:1px solid rgba(255,255,255,.16);padding-right:10px}.command-grid,.setup-steps,.agent-grid,.workflow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px;margin:18px 0}.command-card h2,.agent-id h2,.workflow-card h2{font-size:clamp(24px,3vw,38px);line-height:1;margin:.25rem 0}.node-map{background:linear-gradient(135deg,rgba(20,245,255,.10),rgba(255,43,214,.10)),var(--panel)}.node-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:12px}.node-grid a{display:grid;place-items:center;min-height:88px;border:1px solid rgba(20,245,255,.30);border-radius:18px;color:var(--cyan);text-decoration:none;background:rgba(0,0,0,.32);box-shadow:inset 0 0 22px rgba(20,245,255,.06)}.node-grid a:hover{border-color:var(--hot);color:var(--text);box-shadow:0 0 28px rgba(255,43,214,.22)}
.demo-flow ol{padding-left:22px}.demo-flow li{margin:10px 0}.step-num{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--hot);color:#050008;font-weight:900}.setup-steps pre,.hub-deck pre{white-space:pre-wrap;overflow:auto}.agent-id,.workflow-card{background:linear-gradient(135deg,rgba(255,43,214,.12),rgba(20,245,255,.07)),var(--panel)}.agent-id ul,.workflow-card ul{padding-left:20px}.workflow-card dl,.agent-id dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px}.workflow-card dt{color:var(--cyan);text-transform:uppercase;font-size:12px}.terminal-stage{border:1px solid rgba(20,245,255,.28);border-radius:26px;background:#000;padding:18px;box-shadow:0 0 80px rgba(20,245,255,.12),inset 0 0 30px rgba(20,245,255,.08);margin:18px 0}.terminal-stage pre{color:#67ff9a;font:clamp(15px,2.4vw,26px)/1.25 ui-monospace,SFMono-Regular,Menlo,monospace;text-shadow:0 0 12px rgba(103,255,154,.45);margin:0}.signal-badges{display:flex;flex-wrap:wrap;gap:8px}.signal-badges span{border:1px solid rgba(255,209,102,.28);color:var(--gold);border-radius:999px;padding:6px 9px;background:rgba(0,0,0,.24);font-size:12px}.safety-ledger{margin-top:18px}
.hub-hero-art{display:block;max-width:min(100%,460px);margin:0 auto 22px;border:1px solid rgba(20,245,255,.22);border-radius:28px;background:rgba(0,0,0,.35);box-shadow:0 0 55px rgba(255,43,214,.28),0 0 90px rgba(20,245,255,.16)}