.tool-code-cta--integration .tool-code-cta-panel{color:#fff;background:#000;border-radius:32px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid;overflow:hidden}.tool-code-cta--integration .tool-code-cta-copy{margin:0;padding:clamp(32px,5vw,64px)}.tool-code-cta--integration h2{letter-spacing:-.02em;text-wrap:balance;max-width:420px;margin:0;font-size:24px;font-weight:500;line-height:1.2em}.tool-code-cta--integration .tool-code-cta-copy>p{color:#fffc;letter-spacing:-.02em;max-width:440px;min-height:72px;margin:18px 0 24px;font-size:15px;font-weight:400;line-height:140%}.tool-code-cta--integration .tool-code-cta-actions{align-items:center;margin-top:0}.tool-code-cta--integration .tool-code-cta-actions a{letter-spacing:0;white-space:nowrap;border:0;border-radius:50px;gap:10px;height:34px;min-height:34px;padding:16px 24px;font-size:15px;font-weight:500;line-height:18px;text-decoration:none}.tool-code-cta--integration .tool-code-cta-primary{color:#000;background:#f5f5f5}.tool-code-cta--integration .tool-code-cta-primary:hover,.tool-code-cta--integration .tool-code-cta-primary:focus-visible{color:#000;background:#e8e6e6}.tool-code-cta--integration .tool-code-cta-secondary{color:#fff;background:#ffffff0d}.tool-code-cta--integration .tool-code-cta-secondary:hover,.tool-code-cta--integration .tool-code-cta-secondary:focus-visible{color:#fff;background:#ffffff26}.tool-code-cta--integration .tool-code-card{color:#fffc;min-width:0;min-height:0;box-shadow:none;background:#ffffff0d;border:1px solid #ffffff26;border-radius:24px;align-self:stretch;margin:18px}.tool-code-cta--integration .tool-code-toolbar{border-bottom-color:#ffffff26;gap:12px;min-height:68px;padding:12px}.tool-code-cta--integration .tool-code-card pre{white-space:pre;overflow-wrap:normal;min-height:0;max-height:260px;font-family:var(--font-ibm-plex-mono), ui-monospace, SFMono-Regular, Menlo, monospace;scrollbar-color:#ffffff4d transparent;padding:24px;font-size:13px;line-height:1.55}.tool-code-cta--integration .tool-code-line{min-height:0}.tool-code-cta--integration .tool-code-card .tool-agent-prompt{white-space:pre-wrap;overflow-wrap:anywhere;max-height:390px}@media (max-width:999.98px){.tool-code-cta--integration .tool-code-cta-panel{grid-template-columns:minmax(0,1fr)}}@media (max-width:809.98px){.tool-code-cta--integration .tool-code-cta-copy{padding:32px 24px}.tool-code-cta--integration h2{font-size:20px}.tool-code-cta--integration .tool-code-cta-actions{flex-direction:column;align-items:flex-start}.tool-code-cta--integration .tool-code-card{margin:10px}.tool-code-cta--integration .tool-code-toolbar{flex-direction:column;align-items:stretch}.tool-code-cta--integration .tool-code-tabs{flex-wrap:wrap;width:100%}.tool-code-cta--integration .tool-code-tabs button{flex:auto}.tool-code-cta--integration .tool-code-copy-button{width:100%}}:is(.tool-code-cta .tool-code-toolbar,.integration-card .code-toolbar){flex-wrap:wrap}:is(.tool-code-cta,.integration-card) .tool-code-tabs button{justify-content:center;align-items:center;gap:8px;display:inline-flex}:is(.tool-code-cta,.integration-card) .tool-developer-logos{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}:is(.tool-code-cta,.integration-card) .tool-developer-logos img{object-fit:contain;width:18px;height:18px;display:block}:is(.tool-code-cta,.integration-card) .tool-developer-logos--agents img{filter:brightness(0)invert()}@media (max-width:809.98px){:is(.tool-code-cta,.integration-card) .tool-code-tabs{flex-wrap:wrap}:is(.tool-code-cta,.integration-card) .tool-code-tabs button:first-child{flex-basis:100%}:is(.tool-code-cta,.integration-card) .tool-code-tabs button:not(:first-child){flex:1 1 0}}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-panel{letter-spacing:-.02em;padding:24px;font-size:15px;line-height:1.4}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-steps{gap:16px;margin:0 0 24px;padding-left:20px;display:grid}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-steps li{padding-left:8px}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-steps strong,:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-platforms strong{color:#fff;font-weight:500}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-steps p{color:#fffc;margin:4px 0 0}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-panel h3{color:#fff;margin:0 0 12px;font-size:15px;font-weight:500}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-platforms a{color:#fff;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:16px;text-decoration:none;transition:background .16s,border-color .16s;display:flex}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-platforms a:hover{background:#ffffff26;border-color:#ffffff4d}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-platforms small{color:#fff9;margin-top:4px;font-size:13px;display:block}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-platforms svg{flex-shrink:0}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) :is(.tool-no-code-platforms a,.tool-setup-methods button):focus-visible{outline-offset:3px;outline:2px solid #fff}@media (max-width:809.98px){:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-no-code-platforms{grid-template-columns:minmax(0,1fr)}:is(.tool-code-cta--with-no-code,.integration-card--with-no-code) .tool-code-cta-primary{white-space:normal;text-align:center;height:auto}}