.integrations-page .integrations-hero{grid-template-columns:minmax(0,1fr) minmax(0,.94fr);align-items:center;gap:42px;padding-bottom:56px;display:grid}.integrations-page .integrations-hero h1{max-width:13ch;font-size:clamp(40px,4.3vw,60px);line-height:1.05}.integrations-page .integrations-hero .heading-accent{display:block}.integrations-page .integrations-hero .v4-lead{max-width:48ch;font-size:19px}.integrations-page .integrations-hero-art,.integrations-page .integrations-hero-copy{min-width:0}.integrations-page .integrations-hero-art{align-self:center}.integrations-page .integrations-architecture .v4-head{max-width:850px}.integrations-page .integrations-architecture .v4-head p{color:var(--on-dark-muted);max-width:76ch}.integrations-page .mcp-flow{background:#1f3034;border:1px solid #ffffff26;border-radius:8px;margin:40px 0 0;padding:30px}.integrations-page .mcp-flow-top{border-bottom:1px solid #ffffff24;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding-bottom:22px;display:flex}.integrations-page .mcp-flow-top>span:first-child{font-size:23px}.integrations-page .mcp-flow-top>span:last-child{color:#9cdcff;font-size:13px}.integrations-page .mcp-nodes{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;margin:0;padding:0;list-style:none;display:grid}.integrations-page .mcp-node{background:#ffffff04;border:1px solid #ffffff30;border-radius:8px;margin:0;padding:25px;position:relative}.integrations-page .mcp-node-core{background:#0fa5ff12;border-color:#7bd0ff90}.integrations-page .mcp-node-mark{color:#8bd6ff;justify-content:space-between;align-items:center;gap:18px;margin-bottom:26px;display:flex}.integrations-page .mcp-node-mark>span{letter-spacing:.04em;font-size:13px}.integrations-page :is(.mcp-flow,.integration-system-list,.integration-run,.integration-control-grid) svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:28px;height:28px}.integrations-page .mcp-node h3{margin:0 0 15px;font-size:25px;line-height:1.2}.integrations-page .mcp-node p{color:#c9d3d2;margin:0;font-size:16px;line-height:1.6}.integrations-page .mcp-system-tags{flex-wrap:wrap;gap:7px;margin:22px 0 0;padding:0;list-style:none;display:flex}.integrations-page .mcp-system-tags li{color:#cad8d8;border:1px solid #ffffff30;border-radius:5px;margin:0;padding:4px 9px;font-size:11px;line-height:1.4}.integrations-page .mcp-wire{color:#8bd6ff;justify-content:center;align-items:center;width:46px;height:30px;display:flex;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.integrations-page .mcp-wire>span{font-size:24px;line-height:1}.integrations-page .mcp-wire i{background:#8bd6ff;border-radius:50%;width:5px;height:5px;animation:2.8s ease-in-out infinite paused mcp-packet;position:absolute;top:50%;left:4px;transform:translateY(-50%);box-shadow:0 0 11px #0fa5ff99}.integrations-page .mcp-node:nth-child(2) .mcp-wire i{animation-delay:1.4s}.integrations-page .mcp-flow[data-running=true] .mcp-wire i{animation-play-state:running}.integrations-page .mcp-controls{color:#d0e1df;text-align:center;border-block:1px solid #ffffff24;justify-content:center;align-items:center;gap:14px;margin-top:28px;padding:19px 0;font-size:14px;line-height:1.5;display:flex}.integrations-page .mcp-controls svg{color:#8bd6ff;width:22px;height:22px}.integrations-page .mcp-flow figcaption{color:#b8cbc7;justify-content:space-between;align-items:center;gap:26px;margin-top:20px;font-size:12px;line-height:1.6;display:flex}.integrations-page .mcp-flow figcaption>span{max-width:80ch}.integrations-page .mcp-flow button{font:inherit;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:6px;flex-shrink:0;padding:8px 15px;font-size:12px}.integrations-page .mcp-flow button[hidden]{display:none}.integrations-page .integrations-architecture-note{color:#c9d3d2;max-width:90ch;margin:26px 0 0;font-size:16px;line-height:1.6}.integrations-page .integration-system-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 56px;margin:0;padding:0;list-style:none;display:grid}.integrations-page .integration-system-list>li{border-top:1px solid var(--line);grid-template-columns:34px 1fr;align-items:start;gap:19px;margin:0;padding-top:24px;display:grid}.integrations-page .integration-system-list>li:last-child{grid-column:1/-1}.integrations-page .integration-system-list svg{color:var(--blue-ink);margin-top:3px}.integrations-page .integration-system-list h3{margin:0 0 12px;font-size:26px;line-height:1.2}.integrations-page .integration-system-list p{color:var(--muted);margin:0;font-size:17px;line-height:1.65}.integrations-page .integration-boundary{border-left:2px solid var(--blue-ink);background:#e7ede8;margin-top:36px;padding:23px 28px}.integrations-page .integration-boundary p{max-width:100ch;margin:0;font-size:16px;line-height:1.6}.integrations-page .integrations-workflow-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:70px;display:grid}.integrations-page .integrations-workflow-copy h2{max-width:16ch}.integrations-page .integrations-workflow-copy .v4-lead{max-width:44ch;margin:24px 0 28px;font-size:18px;line-height:1.65}.integrations-page .integration-run{border:1px solid var(--line);background:var(--paper);min-width:0;box-shadow:var(--shadow-soft);border-radius:8px;margin:0;overflow:hidden}.integrations-page .integration-run-heading{border-bottom:1px solid var(--line);color:var(--muted);background:#edf0ea;align-items:center;gap:18px;padding:17px 26px;font-size:13px;display:flex}.integrations-page .integration-window-dots{flex-shrink:0;gap:5px;display:flex}.integrations-page .integration-window-dots i{background:var(--faint);border-radius:50%;width:7px;height:7px}.integrations-page .integration-run-steps{margin:0;padding:9px 26px;list-style:none}.integrations-page .integration-run-steps>li{border-bottom:1px solid var(--line);grid-template-columns:35px 1fr;gap:22px;margin:0;padding:23px 0;display:grid}.integrations-page .integration-run-steps>li:last-child{border-bottom:0}.integrations-page .integration-step-mark{color:var(--blue-ink);flex-direction:column;align-items:center;gap:10px;display:flex}.integrations-page .integration-step-mark>span{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:11px}.integrations-page .integration-run-steps h3{margin:0 0 10px;font-size:23px;line-height:1.2}.integrations-page .integration-run-steps p{color:var(--muted);margin:0;font-size:15px;line-height:1.6}.integrations-page .integration-run-steps .integration-approval{background:#deecf2;margin-inline:-26px;padding-inline:26px}.integrations-page .integration-run figcaption{border-top:1px solid var(--line);color:var(--muted);padding:18px 26px 22px;font-size:12px;line-height:1.6}.integrations-page .integration-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.integrations-page .integration-control-grid article{border-top:1px solid var(--line);padding-top:24px}.integrations-page .integration-control-grid svg{color:var(--blue-ink);margin-bottom:23px}.integrations-page .integration-control-grid h3{margin:0 0 16px;font-size:25px;line-height:1.2}.integrations-page .integration-control-grid p{color:var(--muted);margin:0;font-size:17px;line-height:1.65}.integrations-page .integration-control-note{border-top:1px solid var(--line);max-width:92ch;margin:30px 0 0;padding-top:23px;font-size:16px;line-height:1.6}.integrations-page .integrations-start{background:#e8ebe5}.integrations-page .integration-start-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0 0 40px;padding:0;list-style:none;display:grid}.integrations-page .integration-start-steps>li{border-top:1px solid #afbbba;margin:0;padding-top:22px}.integrations-page .integration-start-steps>li>span{color:var(--blue-ink);margin-bottom:20px;font-size:13px;display:block}.integrations-page .integration-start-steps h3{margin:0 0 13px;font-size:25px;line-height:1.2}.integrations-page .integration-start-steps p{color:var(--muted);margin:0;font-size:17px;line-height:1.65}.integrations-page .integration-next{border-top:1px solid #afbbba;justify-content:space-between;align-items:center;gap:40px;margin-top:38px;padding-top:30px;display:flex}.integrations-page .integration-next p{max-width:43ch;margin:0;font-size:22px;line-height:1.4}.integrations-page .integration-next .btn{flex-shrink:0;gap:20px}@keyframes mcp-packet{0%,to{opacity:.45;left:3px}70%{opacity:1;left:36px}90%{opacity:0;left:36px}}@media (width<=1050px){.integrations-page .integrations-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:20px}.integrations-page .integrations-hero h1{font-size:clamp(40px,4.6vw,48px)}.integrations-page .mcp-flow{padding:24px}.integrations-page .mcp-nodes{gap:30px}.integrations-page .mcp-node{padding:21px}.integrations-page .mcp-node h3{font-size:23px}.integrations-page .mcp-wire{width:32px}.integrations-page .mcp-wire i{animation-name:mcp-packet-small}.integrations-page .integration-system-list{column-gap:34px}.integrations-page .integrations-workflow-grid{gap:38px}.integrations-page .integration-control-grid{gap:24px}.integrations-page .integration-control-grid h3{font-size:23px}.integrations-page .integration-start-steps{gap:26px}}@keyframes mcp-packet-small{0%,to{opacity:.45;left:3px}70%{opacity:1;left:24px}90%{opacity:0;left:24px}}@media (width<=800px){.integrations-page .integrations-hero{grid-template-columns:1fr;gap:16px;padding-bottom:42px}.integrations-page .integrations-hero h1{max-width:16ch;font-size:clamp(40px,7.5vw,56px)}.integrations-page .integrations-hero .v4-lead{max-width:62ch;font-size:18px}.integrations-page .integrations-hero-art{width:100%;max-width:580px;margin:auto}.integrations-page .mcp-nodes{grid-template-columns:1fr;gap:34px}.integrations-page .mcp-node{padding:24px}.integrations-page .mcp-node-mark{margin-bottom:20px}.integrations-page .mcp-wire{width:34px;height:34px;top:100%;left:50%;transform:translate(-50%)}.integrations-page .mcp-wire>span{transform:rotate(90deg)}.integrations-page .mcp-wire i{animation-name:mcp-packet-down;top:2px;left:50%;transform:translate(-50%)}.integrations-page .mcp-flow figcaption{flex-direction:column;align-items:flex-start;gap:16px}.integrations-page .mcp-controls{text-align:left;justify-content:flex-start;font-size:13px}.integrations-page .integrations-workflow-grid{grid-template-columns:1fr;gap:30px}.integrations-page .integrations-workflow-copy h2{max-width:22ch}.integrations-page .integrations-workflow-copy .v4-lead{max-width:65ch;margin-bottom:22px}.integrations-page .integration-control-grid{grid-template-columns:1fr;gap:28px}.integrations-page .integration-control-grid svg{margin-bottom:18px}.integrations-page .integration-start-steps{grid-template-columns:1fr;gap:26px}.integrations-page .integration-start-steps>li>span{margin-bottom:14px}.integrations-page .integration-next{flex-direction:column;align-items:flex-start;gap:24px}}@keyframes mcp-packet-down{0%,to{opacity:.45;top:2px}70%{opacity:1;top:26px}90%{opacity:0;top:26px}}@media (width<=560px){.integrations-page .integration-system-list{grid-template-columns:1fr;gap:26px}.integrations-page .integration-system-list>li:last-child{grid-column:auto}.integrations-page .mcp-flow{border-radius:8px;padding:20px}.integrations-page .mcp-flow-top{align-items:flex-start}.integrations-page .mcp-flow-top>span:first-child{white-space:nowrap;font-size:20px}.integrations-page .mcp-flow-top>span:last-child{text-align:right;max-width:12ch;font-size:11px}.integrations-page .mcp-node{padding:22px}.integrations-page .integration-boundary{padding:20px}.integrations-page .integration-run-heading{gap:13px;padding-inline:20px}.integrations-page .integration-run-steps{padding-inline:20px}.integrations-page .integration-run-steps>li{gap:16px}.integrations-page .integration-run-steps .integration-approval{margin-inline:-20px;padding-inline:20px}.integrations-page .integration-run figcaption{padding-inline:20px}}@media (prefers-reduced-motion:reduce){.integrations-page .mcp-wire i{animation:none}}