/* Approved connection-pulse illustration. All selectors and SVG IDs are scoped. */
#integrations .cp-network-shell{position:relative;padding:0 30px}
#integrations .cp-network{display:block;width:100%;height:auto;overflow:visible;stroke:none;fill:none}
#integrations .cp-network text{stroke:none}
#integrations .cp-guide-rings ellipse{stroke:#e7e8ee;stroke-width:.7;fill:none;stroke-dasharray:2 7;opacity:.55}
#cp-paths path{fill:none;stroke:#dddfe8;stroke-width:1.2;transition:stroke .25s}
#cp-paths path.cp-selected{stroke:#c3c6ea}
#integrations .cp-node{cursor:pointer;outline:none}
#integrations .cp-node rect{fill:#fff;stroke:#e0e3e8;stroke-width:1;transition:stroke .2s,fill .2s}
#integrations .cp-node:hover rect,#integrations .cp-node:focus-visible rect{stroke:#a1a5df;fill:#f8f8ff;stroke-width:1.5}
#integrations .cp-node[aria-pressed=true] rect{stroke:#b4b8e5;fill:#f7f7fd}
#integrations .cp-node text{font-size:13px;font-weight:480;fill:#606a77;letter-spacing:-.1px}
#integrations .cp-node .cp-beta,#integrations .cp-node .cp-node-status{font-size:9px;fill:#8c94a5}
#integrations .cp-provider-logo{filter:grayscale(1);opacity:.58}
#integrations .cp-salesforce-logo,#integrations .cp-monday-logo{opacity:.65}
#integrations .cp-line-icon{fill:none;stroke:#8b94a5;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
#integrations .cp-hub-halo{fill:#f0f0fb;opacity:.42;stroke:none}
#integrations .cp-hub-ring{fill:none;stroke:#e7e7f5;stroke-width:1}
#integrations .cp-hub-disc{fill:#fff;stroke:#e1e3ed;stroke-width:1}
#integrations .cp-rotating-mark{transform-origin:480px 260px;animation:cp-turn 32s linear infinite}
#integrations .cp-rotating-mark circle{fill:none;stroke:#343840;stroke-width:1.8}
#integrations .cp-rotating-mark path{fill:#343840;stroke:none}
#integrations .cp-hub>text{font-size:23px;font-weight:570;letter-spacing:-.7px;fill:#414650}
#integrations .cp-hub .cp-hub-caption{font-size:10px;font-weight:400;letter-spacing:.1px;fill:#8a92a1}
#integrations .cp-pulse-core{fill:none;stroke:#7779df;stroke-width:1.7;stroke-linecap:round}
#integrations .cp-pulse-glow{fill:none;stroke:#b2a9ff;stroke-width:6;stroke-linecap:round;opacity:.42}
#integrations .cp-pulse-point{fill:#8380df;stroke:none}
#integrations .cp-motion-controls{display:flex;align-items:center;justify-content:space-between;padding:0 6px 26px;gap:20px}
#integrations .cp-motion-controls>span{font-size:11px;color:#949ba7}
#cp-motion-toggle{display:flex;align-items:center;gap:7px;border:0;background:none;color:#7d8797;font-size:11px;padding:7px 0;white-space:nowrap}
#cp-motion-toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round}
#cp-motion-toggle:disabled{cursor:default}
#cp-details{border-top:1px solid var(--line)}
#integrations .cp-detail-panel{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding:28px 36px 30px;min-height:158px}
#integrations .cp-detail-heading h3{font-size:18px;font-weight:500;letter-spacing:-.35px;margin:0 0 7px}
#integrations .cp-detail-heading>span{font-size:11px;color:#858f9f}
#integrations .cp-detail-copy>p{font-size:13px;line-height:1.85;margin:0 0 16px;color:var(--muted);max-width:560px}
#integrations .cp-guide-links{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}
#integrations .cp-guide-links>a{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#7478bc}
#integrations .cp-detail-arrow{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
#integrations .cp-service-links{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;width:100%}
#integrations .cp-service-links a{display:block}
#integrations .cp-service-links strong{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:500;color:#66719b}
#integrations .cp-service-links span{display:block;font-size:10px;line-height:1.65;color:#8b94a3;margin-top:4px}
#integrations .cp-guide-links a:hover,#integrations .cp-service-links a:hover strong{color:var(--accent)}
#integrations .cp-mobile-select-label,#cp-connection-select{display:none}
#integrations.cp-motion-stopped .cp-rotating-mark{animation-play-state:paused}
#integrations.cp-motion-stopped #cp-pulses{opacity:0}
@keyframes cp-turn{to{transform:rotate(360deg)}}
@media(max-width:800px){#integrations .cp-network-shell{padding:0}#integrations .cp-detail-panel{padding:25px 8px;gap:35px}}
@media(max-width:560px){#integrations .cp-motion-controls{padding:12px 0 20px}#integrations .cp-motion-controls>span{font-size:9px}#cp-motion-toggle{font-size:9px;gap:5px}#cp-motion-toggle svg{width:12px;height:12px}#integrations .cp-detail-panel{grid-template-columns:1fr;gap:18px;padding:22px 0}#integrations .cp-detail-heading h3{font-size:17px}#integrations .cp-mobile-select-label{display:block;font-size:9px;letter-spacing:.2px;color:#959ca8;margin:0 0 8px}#cp-connection-select{display:block;width:100%;padding:10px 12px;border:1px solid #dfe2e8;border-radius:6px;background:white;color:#5e6777;font-size:13px;margin:0 0 20px}#integrations .cp-detail-heading>span{font-size:10px}#integrations .cp-detail-copy>p{font-size:12px}#integrations .cp-guide-links>a{font-size:11px}#integrations .cp-service-links{gap:15px 20px}}
@media(prefers-reduced-motion:reduce){#integrations .cp-node rect,#cp-paths path{transition:none}#integrations .cp-rotating-mark{animation:none}#cp-pulses{display:none}}

#integrations .cp-nojs{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 20px}#integrations .cp-nojs a{text-decoration:underline;color:var(--accent)}