.mcp-shell{--mcp-text: #eef3fb;--mcp-muted: #a6b2ca;--mcp-line: rgba(121, 155, 255, .24);--mcp-panel: rgba(10, 14, 28, .92);--mcp-panel-strong: rgba(13, 19, 37, .97);--mcp-accent: #7fb7ff;--mcp-accent-2: #7af0dc;--mcp-accent-3: #c8f060;background:radial-gradient(circle at 8% -12%,rgba(126,183,255,.24),transparent 34%),radial-gradient(circle at 92% 12%,rgba(122,240,220,.18),transparent 34%),linear-gradient(180deg,#060916,#090d1d 54%,#050815);color:var(--mcp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.mcp-grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(126,183,255,.08) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,rgba(126,183,255,.08) 0 1px,transparent 1px 32px);opacity:.5}.mcp-wrap{width:min(1240px,calc(100vw - 1rem));margin:0 auto;padding:.9rem 0 2.4rem;display:grid;gap:1rem}.mcp-topbar{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.mcp-back{border:1px solid var(--mcp-line);border-radius:999px;padding:.44rem .9rem;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--mcp-accent);background:#10172ccc}.mcp-back:hover{background:#161f3aeb}.mcp-topline{margin:0;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mcp-muted)}.mcp-panel{border:1px solid var(--mcp-line);border-radius:1rem;background:var(--mcp-panel);box-shadow:0 24px 54px -38px #080c1cdb}.mcp-hero{padding:1.05rem 1.2rem 1.14rem;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:1rem;align-items:center;background:linear-gradient(180deg,#0f1730db,#0b1121d1),radial-gradient(circle at 82% 32%,rgba(122,240,220,.11),transparent 26%)}.mcp-kicker,.mcp-section-label{margin:0;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#98cfff;font-weight:700}.mcp-hero h1{margin:.3rem 0 0;font-size:clamp(2.05rem,5vw,3.35rem);line-height:1.02;letter-spacing:-.03em;color:#f6fbff}.mcp-hero-copy>p:not(.mcp-kicker){margin:.72rem 0 0;line-height:1.7;color:#d8e3f4;max-width:68ch;font-size:.98rem}.mcp-chip-row{margin:.9rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.mcp-chip-row li{border:1px solid rgba(127,183,255,.26);background:#131c38b8;color:#d9ebff;border-radius:999px;padding:.38rem .68rem;font-size:.77rem}.mcp-hero-diagram{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.55rem}.mcp-node{min-width:108px;text-align:center;border:1px solid rgba(127,183,255,.24);background:#10182dd6;border-radius:.95rem;padding:.9rem .7rem;color:#ebf3ff;font-weight:600}.mcp-node--accent{border-color:#7af0dc47;color:#dbfff8;background:#0b2a2eb8}.mcp-arrow{color:#8dd8ff;font-size:1.1rem}.mcp-main{padding:.95rem;background:linear-gradient(180deg,#0a0e1bdb,#070a15f2)}.mcp-columns{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:.85rem}.mcp-controls,.mcp-workspace{border:1px solid var(--mcp-line);border-radius:1rem;background:var(--mcp-panel-strong)}.mcp-controls{padding:1rem;display:grid;gap:.95rem;align-content:start}.mcp-controls h2,.mcp-notes h3{margin:.25rem 0 0;font-size:1.2rem;color:#f8fbff}.mcp-muted{margin:.45rem 0 0;color:var(--mcp-muted);line-height:1.65;font-size:.93rem}.mcp-scenarios{display:grid;gap:.6rem}.mcp-scenario{width:100%;text-align:left;border:1px solid rgba(127,183,255,.18);background:#101628b3;color:var(--mcp-text);border-radius:.95rem;padding:.85rem .9rem;display:grid;gap:.22rem;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.mcp-scenario:hover{border-color:#7fb7ff57;transform:translateY(-1px)}.mcp-scenario[data-active=true]{border-color:#7af0dc61;background:#0a273194;box-shadow:inset 0 0 0 1px #7af0dc2e}.mcp-scenario strong{font-size:1.01rem}.mcp-scenario span{color:#bfd2ea;font-size:.88rem;line-height:1.55}.mcp-scenario-badge{width:-moz-fit-content;width:fit-content;border-radius:999px;border:1px solid rgba(127,183,255,.2);background:#15203beb;color:#99c6ff!important;padding:.24rem .52rem;font-size:.69rem!important;text-transform:uppercase;letter-spacing:.08em}.mcp-controls-footer{display:flex;gap:.6rem;flex-wrap:wrap}.mcp-btn{border:1px solid rgba(127,183,255,.24);background:#12192fcc;color:#ebf3ff;border-radius:.84rem;padding:.72rem .98rem;font-weight:700;cursor:pointer}.mcp-btn:hover:not(:disabled){background:#1a2442eb}.mcp-btn:disabled{opacity:.56;cursor:wait}.mcp-btn--primary{border-color:#7fb7ff61;background:linear-gradient(135deg,#598cff,#47c1ff);color:#05101f}.mcp-compare-card,.mcp-benefit-card,.mcp-card{border:1px solid var(--mcp-line);border-radius:1rem;background:#0b101fd1;padding:.95rem}.mcp-compare-head,.mcp-card-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.mcp-state{border:1px solid rgba(127,183,255,.24);background:#111a30c2;color:#d9ebff;border-radius:999px;padding:.34rem .68rem;font-size:.75rem}.mcp-state--accent{border-color:#7af0dc47;background:#0a2731c2;color:#d8fff8}.mcp-state--muted{color:var(--mcp-muted)}.mcp-compare-copy,.mcp-request-copy,.mcp-final-copy{margin:.7rem 0 0;color:#d9e4f6;line-height:1.72}.mcp-benefits{margin:.72rem 0 0;padding-left:1.1rem;display:grid;gap:.55rem;color:#dce8f8;line-height:1.62}.mcp-workspace{padding:1rem;display:grid;gap:.85rem}.mcp-pipeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.mcp-stage{border:1px solid rgba(127,183,255,.18);background:#0f1425c7;border-radius:.95rem;padding:.82rem;display:grid;gap:.24rem;position:relative}.mcp-stage:before{content:"";position:absolute;top:.7rem;right:.7rem;width:.6rem;height:.6rem;border-radius:999px;background:#7fb7ff3d;box-shadow:0 0 #7fb7ff38}.mcp-stage[data-state=active]:before{background:#7af0dc;box-shadow:0 0 0 7px #7af0dc14}.mcp-stage[data-state=done]:before{background:#c8f060;box-shadow:0 0 0 7px #c8f06014}.mcp-stage p{margin:0;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase;color:#8bbaff}.mcp-stage strong{font-size:.98rem;color:#f7fbff}.mcp-stage span{color:var(--mcp-muted);line-height:1.5;font-size:.83rem}.mcp-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem}.mcp-trace-card{grid-column:1 / 2}.mcp-wire-card{grid-column:2 / 3}.mcp-trace-list{margin:.8rem 0 0;padding:0;list-style:none;display:grid;gap:.55rem}.mcp-trace-item{border:1px solid rgba(127,183,255,.14);border-radius:.9rem;background:#0e1322b8;padding:.8rem;display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start}.mcp-trace-item[data-state=pending]{border-color:#7fb7ff3d}.mcp-trace-item[data-state=done]{border-color:#7af0dc3d;background:#0b1f2394}.mcp-trace-icon{width:1.7rem;height:1.7rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#08121e;background:#7fb7ff}.mcp-trace-item[data-state=done] .mcp-trace-icon{background:#c8f060}.mcp-trace-item strong{display:block;color:#f4f9ff;font-size:.96rem}.mcp-trace-item p{margin:.28rem 0 0;color:#bfd0e7;line-height:1.58;font-size:.88rem}.mcp-payload{margin:.8rem 0 0;border:1px solid rgba(127,183,255,.14);border-radius:.9rem;background:#080c18eb;padding:.95rem;min-height:260px;color:#dff3ff;font-size:.85rem;line-height:1.6;overflow:auto}.mcp-notes{padding:1rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.mcp-notes article{border:1px solid rgba(127,183,255,.16);border-radius:1rem;background:#0b101ebd;padding:.95rem}.mcp-notes p:not(.mcp-section-label){margin:.55rem 0 0;color:#d4e0f1;line-height:1.7;font-size:.92rem}@media (max-width: 1100px){.mcp-hero,.mcp-columns{grid-template-columns:1fr}.mcp-hero-diagram{justify-content:flex-start}.mcp-pipeline,.mcp-workspace-grid,.mcp-notes{grid-template-columns:1fr}.mcp-trace-card,.mcp-wire-card{grid-column:auto}}@media (max-width: 720px){.mcp-wrap{width:min(100vw - .55rem,100%);padding-top:.6rem}.mcp-topbar{flex-direction:column;align-items:flex-start}.mcp-back{font-size:.68rem}.mcp-panel,.mcp-controls,.mcp-workspace,.mcp-card,.mcp-compare-card,.mcp-benefit-card{border-radius:.9rem}.mcp-hero,.mcp-main,.mcp-controls,.mcp-workspace,.mcp-notes{padding:.82rem}}