:root{--cream:#f4eee3;--cream-2:#ece2d3;--cream-3:#e3d7c4;--ink:#1a1611;--ink-2:#221c15;--ink-soft:#2b241b;--gold:#b8893e;--gold-2:#cba265;--gold-soft:#e8d9bd;--muted:#73695b;--muted-2:#9a8e7c;--line:#dcd1be;--line-2:#cdbfa7;--c-teal:#2f6e6a;--c-purple:#6a5a93;--c-orange:#c16a3c;--c-blue:#3f5b89;--c-green:#4e7a4a;--c-rose:#a65a6b;--c-amber:#b8893e;--shadow-sm:0 1px 2px #1a16110d, 0 2px 6px #1a16110a;--shadow-md:0 8px 24px #1a16111a, 0 2px 8px #1a16110f;--shadow-lg:0 18px 50px #1a161129}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Hanken Grotesk,sans-serif;position:relative}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(1100px 600px at 88% -8%,#b8893e1a,#0000 60%),radial-gradient(800px 520px at -6% 110%,#2f6e6a12,#0000 55%);position:fixed;inset:0}.serif{font-family:Fraunces,serif}.topbar{z-index:40;background:var(--ink);color:var(--cream);border-bottom:1px solid #cba26540;justify-content:space-between;align-items:center;height:62px;padding:0 26px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:13px;display:flex}.star{width:22px;height:22px;color:var(--gold-2);flex:none;animation:28s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.brand-name{letter-spacing:.34em;text-transform:uppercase;font-size:13px;font-weight:600}.brand-sub{letter-spacing:.32em;color:var(--gold-2);margin-top:2px;font-size:9px;display:block}.topbar-right{align-items:center;gap:18px;display:flex}.live-pill{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-soft);border:1px solid #cba2654d;border-radius:999px;align-items:center;gap:8px;padding:6px 13px;font-size:11px;display:flex}.dot{background:#5bbf8a;border-radius:50%;width:7px;height:7px}.dot.live{animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #5bbf8a2e}50%{box-shadow:0 0 0 6px #5bbf8a0d}}.operator{align-items:center;gap:10px;display:flex}.op-avatar{background:linear-gradient(135deg, var(--gold), var(--gold-2));width:32px;height:32px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.op-meta{line-height:1.2}.op-name{font-size:13px;font-weight:600}.op-role{color:var(--muted-2);letter-spacing:.08em;font-size:10px}.shell{z-index:1;min-height:calc(100vh - 62px);display:flex;position:relative}.sidebar{background:linear-gradient(180deg, var(--cream) 0%, #efe7d9 100%);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:8px;width:266px;padding:24px 18px;display:flex}.side-label{letter-spacing:.26em;text-transform:uppercase;color:var(--gold);justify-content:space-between;align-items:center;margin-bottom:4px;padding:4px 8px;font-size:10px;font-weight:600;display:flex}.side-label .count{color:var(--muted-2);letter-spacing:.1em}.client{cursor:pointer;border:1px solid #0000;border-radius:11px;align-items:center;gap:12px;padding:11px 12px;transition:background .18s,border-color .18s;display:flex;position:relative}.client:hover{background:#b8893e12}.client.active{border-color:var(--line-2);box-shadow:var(--shadow-sm);background:#fff}.client.active:before{content:"";background:linear-gradient(180deg, var(--gold), var(--gold-2));border-radius:3px;width:3px;position:absolute;top:14px;bottom:14px;left:0}.client.onboarding{opacity:.5;cursor:not-allowed;filter:grayscale(.25)}.client.onboarding:hover{background:0 0}.client-mono{color:#fff;letter-spacing:.02em;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:grid}.client-info{flex:1;min-width:0}.client-name{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.client-tag{color:var(--muted);letter-spacing:.02em;align-items:center;gap:5px;font-size:10.5px;display:flex}.client-status{background:var(--c-green);border-radius:50%;flex:none;width:7px;height:7px}.client-status.draft{background:var(--gold-2)}.lock{width:11px;height:11px;color:var(--muted-2);flex:none}.add-client{cursor:pointer;border:1px dashed var(--line-2);color:var(--muted);border-radius:11px;justify-content:center;align-items:center;gap:10px;margin-top:6px;padding:11px;font-size:12.5px;font-weight:600;transition:all .18s;display:flex}.add-client:hover{border-color:var(--gold);color:var(--gold);background:#b8893e0d}.side-foot{border-top:1px solid var(--line);margin-top:auto;padding:14px 10px 4px}.side-foot a{color:var(--muted);letter-spacing:.04em;cursor:pointer;font-size:11px;line-height:1.9;text-decoration:none;display:block}.side-foot a:hover{color:var(--gold)}.main{flex:1;min-width:0;padding:30px 38px 60px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:6px;display:flex}.page-head h1{letter-spacing:-.01em;font-size:34px;font-weight:500;line-height:1.05}.page-head h1 .accent{color:var(--gold);font-style:italic}.page-sub{color:var(--muted);max-width:560px;margin-top:8px;font-size:14px;line-height:1.5}.ctx-chip{border:1px solid var(--line-2);color:var(--muted);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12px;display:inline-flex}.ctx-chip b{color:var(--ink)}.section{margin-top:34px}.sec-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.sec-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-size:11px;font-weight:600}.sec-title{letter-spacing:-.01em;font-size:19px;font-weight:600}.sec-rule{background:linear-gradient(90deg, var(--line-2), transparent);flex:1;height:1px}.intel-layout{grid-template-columns:1fr 1.1fr;align-items:stretch;gap:16px;display:grid}.intel-left{grid-template-rows:1fr 1fr;gap:16px;display:grid}.grid{gap:16px;display:grid}.grid.growth{grid-template-columns:repeat(2,1fr)}.card{background:var(--cream-2);border:1px solid var(--line);opacity:0;border-radius:16px;flex-direction:column;gap:13px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden;transform:translateY(14px)}.card.in{opacity:1;transform:none}.card:after{content:"";background:var(--accent,var(--gold));opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-md);border-color:var(--line-2);transform:translateY(-4px)}.card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.icon-wrap{background:color-mix(in srgb, var(--accent) 14%, #fff);width:42px;height:42px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:11px;flex:none;place-items:center;display:grid}.icon-wrap svg{width:21px;height:21px}.badge{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:4px 9px;font-size:9.5px;font-weight:700}.badge.live{color:#3e6b3a;background:#4e7a4a24}.badge.preview{color:#9a6f29;background:#b8893e29}.badge.draft{color:var(--muted);background:#73695b24}.card-title{letter-spacing:-.01em;align-items:baseline;gap:8px;font-size:16.5px;font-weight:600;display:flex}.abbr{color:var(--accent);letter-spacing:.1em;border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.card-desc{color:var(--muted);flex:1;font-size:12.8px;line-height:1.5}.card-foot{align-items:center;gap:8px;display:flex}.open-btn{cursor:pointer;background:var(--ink);color:var(--cream);letter-spacing:.03em;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-family:inherit;font-size:12.5px;font-weight:600;text-decoration:none;transition:background .18s,transform .12s;display:inline-flex}.open-btn:hover{background:var(--ink-soft)}.open-btn:active{transform:scale(.98)}.open-btn svg{width:14px;height:14px;transition:transform .18s}.open-btn:hover svg{transform:translate(3px)}.open-btn.empty{color:var(--muted);border:1px dashed var(--line-2);background:0 0}.open-btn.empty:hover{color:var(--gold);border-color:var(--gold);background:#b8893e0d}.gear{cursor:pointer;border:1px solid var(--line-2);width:38px;height:38px;color:var(--muted);opacity:1;background:#fff;border-radius:10px;flex:none;place-items:center;transition:all .16s;display:grid}.gear:hover{color:var(--gold);border-color:var(--gold)}.gear svg{width:16px;height:16px}.card.linked .gear{opacity:0;pointer-events:none;border:none;width:0;transition:opacity .15s}.card.linked:hover .gear{opacity:1;border:1px solid var(--line-2);pointer-events:auto;width:38px}.link-editor{gap:8px;display:none}.link-editor.open{display:flex}.link-editor input{border:1px solid var(--line-2);color:var(--ink);background:#fff;border-radius:9px;outline:none;flex:1;padding:9px 12px;font-family:inherit;font-size:12.5px}.link-editor input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b8893e1f}.link-editor button{cursor:pointer;background:var(--gold);color:var(--ink);letter-spacing:.04em;border:none;border-radius:9px;padding:0 16px;font-family:inherit;font-size:12px;font-weight:700}.link-editor button:hover{background:var(--gold-2)}.ctxcard{background:var(--ink);color:var(--cream);opacity:0;border:1px solid #cba26540;border-radius:16px;flex-direction:column;gap:14px;padding:22px;transition:transform .18s,box-shadow .18s,opacity .4s;display:flex;position:relative;overflow:hidden;transform:translateY(14px)}.ctxcard.in{opacity:1;transform:none}.ctxcard:hover{box-shadow:var(--shadow-lg)}.ctxcard:before{content:"";opacity:.6;background:radial-gradient(420px 200px at 80% 0,#b8893e38,#0000 60%);position:absolute;inset:0}.ctx-rel{flex-direction:column;gap:14px;height:100%;display:flex;position:relative}.ctxcard .card-top .icon-wrap{color:var(--gold-2);background:#cba26524;border-color:#cba2654d}.ctxcard .card-title{color:var(--cream)}.ctxcard .card-desc{color:var(--muted-2)}.ctx-preview{background:#f4eee30a;border:1px solid #cba26529;border-radius:12px;flex:1;place-items:center;min-height:150px;padding:8px;display:grid}.ctx-preview svg{width:100%;height:auto;max-height:170px}.ctxopen{cursor:pointer;color:var(--gold-2);letter-spacing:.04em;background:0 0;border:1px solid #cba26573;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex}.ctxopen:hover{color:var(--gold-soft);background:#cba2651f}.ctxopen svg{width:15px;height:15px;transition:transform .18s}.ctxopen:hover svg{transform:translate(3px)}.bcp{background:var(--ink);color:var(--cream);border-radius:18px;margin-top:18px;padding:22px 26px;position:relative;overflow:hidden}.bcp:before{content:"";opacity:.5;background:radial-gradient(560px 200px at 12% 0,#b8893e38,#0000 60%);position:absolute;inset:0}.bcp-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex;position:relative}.bcp-left{align-items:center;gap:16px;min-width:240px;display:flex}.bcp-core{width:46px;height:46px;color:var(--gold-2);background:radial-gradient(circle at 35% 30%,#2c2519,#0e0b07);border:1px solid #cba26566;border-radius:50%;flex:none;place-items:center;display:grid}.bcp-core svg{width:22px;height:22px;animation:22s linear infinite spin}.bcp-title{font-size:15px;font-weight:600}.bcp-desc{color:var(--muted-2);letter-spacing:.04em;margin-top:2px;font-size:11.5px}.connectors{flex-wrap:wrap;gap:10px;display:flex}.conn{background:#f4eee30f;border:1px solid #cba2652e;border-radius:11px;align-items:center;gap:9px;padding:9px 13px;display:flex}.conn-name{font-size:12.5px;font-weight:600}.conn-status{letter-spacing:.16em;text-transform:uppercase;font-size:9px;font-weight:700}.conn-status.live{color:#6fcf97}.conn-status.preview{color:var(--gold-2)}.conn-ico{width:18px;height:18px;color:var(--gold-2);flex:none;place-items:center;display:grid}.conn-ico svg{width:16px;height:16px}.conn.action{cursor:pointer;color:inherit;text-decoration:none;transition:border-color .16s,background .16s,transform .12s}.conn.action:hover{background:#cba2651f;border-color:#cba2658c;transform:translateY(-1px)}.conn-action{letter-spacing:.14em;text-transform:uppercase;color:var(--gold-2);font-size:9px;font-weight:700}.conn.preview{opacity:.42;filter:grayscale(.2)}.bcp-guardrail{border-top:1px solid #cba2652e;flex-direction:column;gap:10px;margin-top:18px;padding-top:16px;display:flex;position:relative}.bcp-gr-head{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.bcp-gr-label{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-2);font-size:11px;font-weight:700}.bcp-gr-status{letter-spacing:.03em;color:var(--muted-2);align-items:center;gap:7px;font-size:10.5px;display:inline-flex}.bcp-gr-dot{background:var(--gold-2);border-radius:50%;width:7px;height:7px}.bcp-gr-status.synced{color:#6fcf97}.bcp-gr-status.synced .bcp-gr-dot{background:#5bbf8a;animation:2.2s ease-in-out infinite pulse}.bcp-gr-row{align-items:center;gap:10px;display:flex}.bcp-gr-url{min-width:0;color:var(--gold-soft);text-overflow:ellipsis;white-space:nowrap;background:#f4eee30f;border:1px solid #cba26533;border-radius:9px;flex:1;padding:9px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;overflow:hidden}.bcp-copy{color:var(--gold-2);letter-spacing:.04em;cursor:pointer;background:0 0;border:1px solid #cba26566;border-radius:9px;flex:none;padding:9px 16px;font-family:inherit;font-size:11.5px;font-weight:700;transition:all .16s}.bcp-copy:hover{color:var(--gold-soft);background:#cba2651f}.graph-overlay{z-index:80;background:var(--cream);opacity:0;flex-direction:column;transition:opacity .25s;display:none;position:fixed;inset:0}.graph-overlay.open{opacity:1;display:flex}.graph-overlay:before{content:"";pointer-events:none;background:radial-gradient(900px 500px at 85% 0,#b8893e1a,#0000 60%);position:absolute;inset:0}.graph-top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#f4eee3b3;align-items:center;gap:22px;padding:18px 30px;display:flex;position:relative}.back{border:1px solid var(--line-2);cursor:pointer;color:var(--ink);background:#fff;border-radius:10px;align-items:center;gap:9px;padding:9px 15px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .16s;display:inline-flex}.back:hover{border-color:var(--gold);color:var(--gold)}.graph-title{font-family:Fraunces,serif;font-size:22px;font-weight:500}.graph-title span{color:var(--gold);font-style:italic}.graph-meta{color:var(--muted);border:1px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-left:auto;padding:7px 14px;font-size:12px;display:flex}.graph-meta b{color:var(--ink)}.graph-stage{flex:1;place-items:center;padding:24px;display:grid;position:relative;overflow:auto}.graphsvg{width:100%;max-width:1100px;height:100%;max-height:640px}.edge{fill:none;stroke-width:2.2px}.edge.live{stroke-dasharray:6 8;animation:1.1s linear infinite flow}.edge.pending{stroke-dasharray:3 7;opacity:.8}@keyframes flow{to{stroke-dashoffset:-28px}}.glegend{color:var(--muted);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;border-radius:10px;gap:18px;padding:9px 14px;font-size:11.5px;display:flex;position:absolute;bottom:18px;left:24px}.glegend span{align-items:center;gap:7px;display:inline-flex}.lg-line{border-top:2.5px dashed var(--gold);width:22px;height:0}.lg-line.pend{border-top-color:var(--line-2)}.toast{background:var(--ink);color:var(--cream);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;z-index:120;border:1px solid #cba2654d;border-radius:11px;padding:12px 20px;font-size:13px;transition:all .3s;position:fixed;bottom:22px;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:980px){.intel-layout{grid-template-columns:1fr}.intel-left{grid-template-rows:auto auto}}@media (max-width:860px){.sidebar{display:none}.main{padding:24px 18px 50px}.grid.growth{grid-template-columns:1fr}.page-head h1{font-size:27px}}