.integration-map{margin-bottom:36px}.integration-page-jumps{display:flex;gap:12px 32px;flex-wrap:wrap;margin-bottom:24px}.integration-page-jumps a{display:inline-flex;gap:8px;align-items:center;min-height:44px;font-size:15px;font-weight:600}.integration-map-surface{background:#f8f7fb;border:1px solid #e5e0ec;border-radius:16px}.integration-map-diagram{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.8fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:32px 70px;padding:44px}.integration-map-lines{position:absolute;top:44px;left:44px;width:calc(100% - 88px);height:calc(100% - 88px);pointer-events:none}.integration-map-lines path{stroke:#c1b3df;stroke-width:2;fill:none;vector-effect:non-scaling-stroke}.integration-map-lines circle{fill:#8665bd}.integration-map-hub{grid-column:2;grid-row:1 / 3;align-self:center;position:relative;text-align:center;background:#fff;border:1px solid #d8cbe9;border-radius:16px;padding:28px 12px}.integration-map-brand{display:flex;flex-direction:column;align-items:center;gap:12px}.integration-map-brand img{width:64px;height:64px}.integration-map-brand span{font-size:30px;font-weight:750;letter-spacing:-.02em}.integration-map-hub p{font-size:14px;margin:10px 0 5px;color:#514658}.integration-map-hub-detail{font-size:12px;color:#64596b}.integration-map-partner{position:relative;display:block;background:#fff;border:1px solid #e5e0ec;border-radius:10px;padding:23px;transition:border-color .15s ease}.integration-map-partner:hover{border-color:#9574c8}.integration-map-slack{grid-column:1;grid-row:1}.integration-map-hubspot{grid-column:3;grid-row:1}.integration-map-smartlead{grid-column:1;grid-row:2}.integration-map-instantly{grid-column:3;grid-row:2}.integration-map-logo{display:flex;align-items:center;height:38px;gap:10px;margin-bottom:22px}.integration-map-logo>span:not(.integration-map-jump){font-size:25px;font-weight:700;color:#20202a;letter-spacing:-.02em}.integration-map-jump{display:inline-flex;margin-left:auto;gap:6px;flex-shrink:0;align-items:center;font-size:12px;font-weight:600;color:#6039aa}.integration-map-icon{height:34px;width:34px;-o-object-fit:contain;object-fit:contain}.integration-map-wordmark{width:auto;max-width:175px;height:34px;-o-object-fit:contain;object-fit:contain;-o-object-position:left;object-position:left}.integration-map .integration-map-partner h2{font-size:14px;line-height:1.5;font-weight:650;color:#30233f;margin:0 0 7px}.integration-map-partner p{font-size:14px;color:#64596b;margin:0}.integration-map-custom{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #e5e0ec;padding:26px 44px}.integration-map .integration-map-custom h2{font-size:17px;line-height:1.5;margin:0 0 4px}.integration-map-custom p{font-size:14px;color:#64596b;margin:0}.integration-map-custom nav{display:flex;gap:10px;flex-wrap:wrap}.integration-map-custom nav a{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #ddd4e9;padding:10px 12px;border-radius:6px;font-size:14px;font-weight:600;min-height:44px}.integration-map-custom nav a:hover{border-color:#9574c8}@media(max-width:1050px){.integration-map-diagram{gap:24px 32px;padding:32px}.integration-map-lines{top:32px;left:32px;width:calc(100% - 64px);height:calc(100% - 64px)}.integration-map-partner{padding:20px}.integration-map-wordmark{max-width:145px;height:30px}.integration-map-custom{flex-direction:column;align-items:flex-start;padding:24px 32px;gap:16px}.integration-map-jump{font-size:0;gap:0}}@media(max-width:900px){.integration-map-diagram{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:0;padding:12px 24px}.integration-map-lines,.integration-map-hub{display:none}.integration-map-partner{grid-column:1;grid-row:auto;background:transparent;border:0;border-radius:0;padding:16px 0}.integration-map-partner+.integration-map-partner{border-top:1px solid #e5e0ec}.integration-map-logo{margin:0 0 8px;height:32px}.integration-map-logo>span:not(.integration-map-jump){font-size:23px}.integration-map-icon{width:30px;height:30px}.integration-map-wordmark{height:30px;max-width:150px}.integration-map-partner p{display:none}.integration-map .integration-map-partner h2{font-size:16px;font-weight:400;margin:0}.integration-map-jump{font-size:12px;gap:6px}.integration-map-custom{padding:24px}}@media(max-width:480px){.integration-page-jumps{gap:0;flex-direction:column;margin-bottom:16px}.integration-page-jumps a{justify-content:space-between;border-bottom:1px solid #e5e0ec}.integration-map-diagram{padding:8px 20px}.integration-map-custom{padding:20px}.integration-map-custom p{display:none}.integration-map-custom nav{gap:8px}.integration-map-custom nav a{font-size:14px;padding:10px}}.integration-details{padding-top:24px;padding-bottom:40px}.integration-details :is(section,article){scroll-margin-top:110px}.integration-section-lede{color:#514658;max-width:65ch;margin:14px 0 36px;font-size:17px}.integration-detail-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:48px;padding:40px 0;border-top:1px solid #ded8e2}.integration-details .integration-detail-row h3{font-size:25px;line-height:1.3;margin:0 0 16px}.integration-detail-row p{font-size:16px}.integration-flow{list-style:decimal;padding-left:22px;margin:24px 0}.integration-flow li{padding-left:6px;margin:16px 0}.integration-flow strong{color:#30233f}.integration-setup-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 0;font-size:16px;font-weight:600;text-underline-offset:4px}.integration-setup-link:hover{text-decoration:underline}.integration-guide-links{display:flex;gap:8px 24px;flex-wrap:wrap;margin-top:12px}.integration-options{margin:20px 0}.integration-options>div+div{margin-top:18px}.integration-options dt{font-weight:650;margin-bottom:5px;color:#30233f}.integration-options dd{color:#514658}.integration-details .integration-note{font-size:15px;color:#64596b}.integration-details figure{margin:0;min-width:0}.integration-details figcaption{color:#64596b;font-size:14px;line-height:1.6;margin-top:14px}.integration-example-channel{display:flex;align-items:center;gap:10px;padding:18px 24px;font-weight:650;border-bottom:1px solid #ded8e2}.integration-slack-example{border:1px solid #ded8e2;border-radius:12px;background:#fff;overflow:hidden}.integration-example-message{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:24px}.integration-example-author{display:block;font-size:17px;margin-bottom:14px}.integration-example-message h4{font-size:18px;font-weight:650;margin-bottom:18px}.integration-example-message dl{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px}.integration-example-message dt{font-size:14px;font-weight:650;margin-bottom:3px}.integration-example-message dd{font-size:16px;color:#514658}.integration-details .integration-example-reply{margin:20px 0;padding-top:16px;border-top:1px solid #ded8e2;color:#514658}.integration-example-action{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#30233f}.integration-details .integration-slack-example figcaption{padding:16px 24px;margin:0;background:#f8f7fb}.integration-product-example img{display:block;width:100%;height:auto;border-radius:8px}.integration-detail-compact .integration-options{margin-top:0}.integration-migration{margin-block:32px 64px;display:grid;grid-template-columns:1fr 1fr;gap:48px;background:#f8f7fb;padding:36px;border-radius:12px}.integration-migration-intro img{margin-bottom:20px;width:48px;height:48px;-o-object-fit:contain;object-fit:contain}.integration-migration p{margin-top:16px;font-size:16px}.integration-imports{display:flex;gap:8px 20px;flex-wrap:wrap;margin-block:20px}.integration-imports li{display:inline-flex;align-items:center;gap:7px;font-size:16px}.integration-imports svg{color:#6039aa}.integration-custom-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px}.integration-custom-columns article{border-top:1px solid #ded8e2;padding-top:24px}.integration-custom-columns h3{margin-bottom:16px}.integration-custom-columns p{color:#514658;font-size:16px}.integration-developer-links{margin-top:36px}.integration-developer-links h3{margin-bottom:18px}.integration-developer-links>a{display:grid;grid-template-columns:64px minmax(0,1fr) 18px;align-items:center;gap:20px;min-height:64px;padding:16px 0;border-top:1px solid #ded8e2}.integration-developer-links span{color:#514658;font-size:16px}.integration-developer-links>a:hover strong{text-decoration:underline;text-underline-offset:4px}.product-page-integrations ::-moz-selection{color:#30233f;background:#e7ddf7}.product-page-integrations ::selection{color:#30233f;background:#e7ddf7}@media(max-width:900px){.integration-detail-row{grid-template-columns:1fr;gap:28px;padding:32px 0}.integration-slack-example,.integration-product-example{width:100%;max-width:600px}.integration-migration{grid-template-columns:1fr;gap:24px;padding:28px}.integration-migration-intro img{float:left;margin:0 16px 16px 0}.integration-migration-intro p{clear:both}.integration-custom-columns{grid-template-columns:1fr;gap:28px}}@media(max-width:480px){.product-page-integrations .product-hero{padding-bottom:24px}.integration-details{padding-top:8px}.integration-section-lede{font-size:16px;margin-bottom:24px}.integration-details .integration-detail-row h3{font-size:23px}.integration-example-channel{padding:16px}.integration-example-message{padding:16px;grid-template-columns:28px minmax(0,1fr);gap:10px}.integration-example-message>img{width:28px;height:28px}.integration-example-message dl{grid-template-columns:1fr;gap:14px}.integration-details .integration-slack-example figcaption{padding:16px}.integration-migration{padding:20px;margin-block:24px 48px}.integration-developer-links>a{grid-template-columns:44px minmax(0,1fr) 18px;gap:12px}}