.native-page .integrations-page{--accent:#16b783;--accent-wash:#16b78312;--accent-ink:#14513d}.native-page .integrations-page .hero-promise{max-width:34ch;margin-bottom:28px}.native-page .integrations-page .connections-illustration{grid-template-rows:repeat(3,80px);grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;width:100%;max-width:520px;margin-inline:auto;display:grid;position:relative}.native-page .integrations-page .connections-lines{width:100%;height:100%;stroke:var(--accent);stroke-width:1.5px;opacity:.35;position:absolute;inset:0}.native-page .integrations-page .connections-tile{border:1px solid var(--line);background:#fff;border-radius:14px;place-items:center;min-width:0;padding:16px;display:grid;position:relative}.native-page .integrations-page .connections-tile img{object-fit:contain;width:100%;max-width:116px;max-height:44px}.native-page .integrations-page .connections-icon img{width:34px;height:35px}.native-page .integrations-page .connections-hub{border-color:var(--accent);margin-inline:-10px}.native-page .integrations-page .connections-hub img{max-width:166px}.native-page .integrations-page .chapters ol{scrollbar-width:thin;scrollbar-color:#b6c9bf transparent;flex:1;min-width:0}.native-page .integrations-page .chapters-more{align-items:center;min-height:50px;display:inline-flex}.native-page .integrations-page .integration-group{padding:64px 0}.native-page .integrations-page .integration-group+.integration-group{border-top:1px solid var(--line)}.native-page .integrations-page .integration-group h2{max-width:none;margin-bottom:28px;font-size:clamp(1.8rem,2.6vw,2.5rem)}.native-page .integrations-page .integration-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;display:grid}.native-page .integrations-page .integration{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;grid-column:span 2;align-items:flex-start;min-width:0;padding:28px 26px 20px;display:flex}.native-page .integrations-page .integration-grid-paired>.integration:nth-last-child(-n+2){grid-column:span 3}.native-page .integrations-page .integration .brand{align-items:center;gap:12px;width:100%;height:68px;margin-bottom:16px;display:flex}.native-page .integrations-page .brand img{object-fit:contain;object-position:left center;width:auto;max-width:min(180px,100%);max-height:44px}.native-page .integrations-page .integration .brand-stacked{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}.native-page .integrations-page .brand-stacked img{max-width:min(162px,100%);max-height:30px}.native-page .integrations-page .brand-product{letter-spacing:0;font-size:.875rem;font-weight:800;line-height:1.2}.native-page .integrations-page .brand-icon img{flex:none;width:34px;height:35px}.native-page .integrations-page .brand-icon .brand-product{font-size:1.25rem}.native-page .integrations-page .connection-type{background:var(--accent-wash);color:var(--accent-ink);border-radius:999px;padding:4px 10px;font-size:.75rem;font-weight:800;line-height:1.5}.native-page .integrations-page .description{max-width:54ch;color:var(--muted);margin-top:16px;font-size:1rem}.native-page .integrations-page .requirement{color:var(--muted);margin-top:12px;font-size:.8125rem}.native-page .integrations-page .card-actions{flex-wrap:wrap;gap:0 18px;margin-top:auto;padding-top:18px;display:flex}.native-page .integrations-page :is(.card-actions,.workflow) .text-link{gap:6px;margin-top:0;font-size:.875rem}.native-page .integrations-page .templates h2{max-width:none}.native-page .integrations-page .templates .section-intro{max-width:65ch}.native-page .integrations-page .workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:20px;margin-top:36px;display:grid}.native-page .integrations-page .workflow{border:1px solid var(--line);background:#fff;border-radius:14px;flex-direction:column;align-items:flex-start;min-width:0;padding:26px 24px 20px;display:flex}.native-page .integrations-page .workflow h3{background:var(--quiet);text-wrap:wrap;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:40px;padding:6px 10px;font-size:.9375rem;line-height:1.4;display:flex}.native-page .integrations-page .workflow-to{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:.875rem;font-weight:650;display:inline-flex}.native-page .integrations-page .workflow p{color:var(--muted);margin:18px 0;font-size:.98rem}.native-page .integrations-page .workflow>.text-link{margin-top:auto}.native-page .integrations-page .workflow-note{background:var(--accent-wash);border-style:dashed;border-color:#9bbfae;justify-content:center}.native-page .integrations-page .workflow-note p{color:var(--accent-ink);margin-top:0;font-weight:650}@media (width<=1100px){.native-page .integrations-page .integration{padding-inline:22px}.native-page .integrations-page .connections-illustration{gap:32px 18px}.native-page .integrations-page .connections-tile{padding:12px}}@media (width<=900px){.native-page .integrations-page .integration-grid,.native-page .integrations-page .workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.native-page .integrations-page .integration,.native-page .integrations-page .integration-grid-paired>.integration:nth-last-child(-n+2){grid-column:span 1}.native-page .integrations-page .integration-grid>.integration:last-child:nth-child(odd){grid-column:1/-1}}@media (width<=600px){.native-page .integrations-page .connections-illustration{grid-template-rows:repeat(3,64px);gap:16px 12px}.native-page .integrations-page .connections-hub{margin-inline:0}.native-page .integrations-page .connections-tile img{max-height:34px}.native-page .integrations-page .chapters-inner{gap:12px}.native-page .integrations-page .chapters-more{font-size:.8125rem}.native-page .integrations-page .integration-group{padding:48px 0}.native-page .integrations-page .integration-group h2{margin-bottom:24px;font-size:1.85rem}.native-page .integrations-page .integration-grid,.native-page .integrations-page .workflow-grid{grid-template-columns:minmax(0,1fr);gap:16px}.native-page .integrations-page .integration,.native-page .integrations-page .workflow{padding:24px 22px 18px}}