#mcp{background:linear-gradient(180deg,#1a2a33,#23343d);padding:96px 24px 10px;position:relative}#mcp .container{margin:0 auto;max-width:1280px}#mcp .container .row:not(.intro){align-items:center;background:hsla(0,0%,100%,.04);border:1px solid rgba(255,201,7,.18);border-radius:14px;display:grid;gap:48px;grid-template-columns:1fr auto 1fr;margin-top:48px;padding:48px 40px}.col-intro{max-width:680px}.row.intro p{color:#c7cfd3}.row.intro p.preheader{color:#ffc907;font-size:.85em;font-weight:600;text-transform:uppercase}.row.intro h2{color:#fff}.row.intro h2 em{color:#ffc907}.left-column,.left-column .ai-stack{display:flex;flex-direction:column;gap:12px}.left-column .ai-pill{align-items:center;background:#fff;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.3);color:var(--lo-slate-950);display:flex;gap:12px;padding:14px 16px;position:relative}.left-column .ai-pill:after{background:repeating-linear-gradient(90deg,#ffc907 0 6px,transparent 6px 12px);content:"";height:2px;position:absolute;right:-44px;top:50%;transform:translateY(-50%);width:32px}.left-column .ai-pill .ai-logo{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font:900 16px/1 Lato,sans-serif;height:36px;justify-content:center;width:36px}.left-column .ai-pill .ai-name{font:700 15px/1.2 Lato,sans-serif}.left-column .ai-pill .ai-vendor{color:var(--lo-slate-600);font:400 11px/1 Lato,sans-serif;margin-top:3px}.center-column.mcp-hub{align-items:center;background:#ffc907;border-radius:60% 40% 60% 40%;box-shadow:0 0 0 8px rgba(255,201,7,0),0 0 0 24px rgba(255,201,7,0),0 20px 50px rgba(255,201,7,0);color:#1e2224;display:flex;flex-direction:column;height:200px;justify-content:center;position:relative;transform:rotate(27deg);transition:1s ease;width:200px}.center-column.mcp-hub .pulse{border:2px solid #ffc907;border-radius:50%;border-radius:60% 40% 60% 40%;inset:-8px;opacity:0;position:absolute}.center-column.mcp-hub.active{box-shadow:0 0 0 8px rgba(255,201,7,.12),0 0 0 24px rgba(255,201,7,.06),0 20px 50px rgba(255,201,7,.25)}.center-column.mcp-hub.active .pulse{animation:mcpPulse 2.6s ease-out infinite}@keyframes mcpPulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.mcp-hub .hub-mark{font:900 32px/1 Lato,sans-serif;letter-spacing:-.02em}.mcp-hub .hub-sub{font:700 11px/1 Lato,sans-serif;letter-spacing:.1em;margin-top:4px;text-transform:uppercase;transform:rotate(-27deg) translate(10px)}.mcp-hub .hub-mark{transform:rotate(-27deg) translate(-2px)}.right-colum{display:flex;flex-direction:column;gap:10px}.right-column .data-pill{transform:translate(-50%) scale(0);transition:all .5s ease}.left-column .ai-pill{transform:translate(50%) scale(0);transition:all .5s ease}.right-column .data-pill:first-child:before{transform:rotate(-15deg)}.left-column .ai-pill:first-child:after,.right-column .data-pill:nth-child(4):before{transform:rotate(15deg)}.left-column .ai-pill:nth-child(4):after{transform:rotate(-15deg)}.left-column .ai-pill:nth-child(2),.right-column .data-pill:nth-child(2){transition-delay:.1s}.left-column .ai-pill:nth-child(3),.right-column .data-pill:nth-child(3){transition-delay:.15s}.left-column .ai-pill:nth-child(4),.right-column .data-pill:nth-child(4){transition-delay:.2s}.left-column .ai-pill:nth-child(5),.right-column .data-pill:nth-child(5){transition-delay:.25s}.left-column .ai-stack.active .ai-pill,.right-column .mcp-data.active .data-pill{transform:translate(0) scale(1)}.right-column .data-pill:before{background:repeating-linear-gradient(90deg,#ffc907 0 6px,transparent 6px 12px);content:"";height:2px;left:-44px;position:absolute;top:50%;transform:translateY(-50%);width:32px}.right-column .mcp-data{display:flex;flex-direction:column;gap:10px}.right-column .data-pill{align-items:center;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#fff;display:flex;gap:10px;padding:12px 14px;position:relative}.right-column .data-pill .di{align-items:center;background:rgba(255,201,7,.15);border-radius:6px;color:#ffc907;display:flex;flex-shrink:0;font-size:13px;height:30px;justify-content:center;width:30px}.right-column .data-pill svg{fill:#ffc907;height:13px;padding-top:2px}.right-column .data-pill .dn{color:#fff;font:700 13px/1.2 Lato,sans-serif}.right-column .data-pill .dd{color:#9ca9b0;font:400 11px/1.3 Lato,sans-serif;margin-top:2px}@media (max-width:960px){#mcp .container .row:not(.intro){display:grid;gap:48px;grid-template-columns:1fr}.center-column.mcp-hub{margin:0 auto}.left-column{position:relative}.left-column .ai-pill{transform:translateY(150%) scale(0)}.left-column .ai-pill:after{content:none}.left-column .ai-pill{position:relative;z-index:1}.right-column .data-pill{transform:translateY(150%) scale(0)}.right-column .data-pill:before{content:none}.ai-stack,.mcp-data{position:relative}.mcp-data:before{top:-45%}.ai-stack:after,.mcp-data:before{background:repeating-linear-gradient(191deg,#ffc907 0 6px,transparent 6px 12px);content:"";height:122px;position:absolute;right:50%;width:2px}.ai-stack:after{bottom:-35%}}