:where(.c[data-page=integrations]) .kp-top{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(56px,7vw,96px)}:where(.c[data-page=integrations]) .kp-top .hero-xl{gap:22px}:where(.c[data-page=integrations]) .kp-jump{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}:where(.c[data-page=integrations]) .kp-jump a{background:var(--raised);height:36px;box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}:where(.c[data-page=integrations]) .kp-jump a .dot{color:oklch(100% 0 0);border-radius:5px;place-items:center;width:16px;height:16px;font-size:9.5px;font-weight:700;display:grid}:where(.c[data-page=integrations]) .kp-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr);align-items:center;gap:18px;width:100%;max-width:980px;margin:clamp(28px,4vw,48px) auto 0;display:grid;position:relative}:where(.c[data-page=integrations]) .kp-stage.halo:before{inset:-4% -6% -16%}:where(.c[data-page=integrations]) .kp-consent{background:var(--raised);box-shadow:inset 0 1px 0 oklch(100% 0 0/.7),0 0 0 1px var(--line-2),0 48px 110px -48px oklch(25% .03 60/.55),0 10px 30px -18px oklch(25% .03 60/.3);text-align:left;border-radius:26px;flex-direction:column;gap:16px;min-width:0;padding:24px 24px 22px;display:flex;position:relative;overflow:hidden}:where(.c[data-page=integrations]) .kp-consent .head{align-items:center;gap:12px;display:flex}:where(.c[data-page=integrations]) .kp-logo{color:oklch(100% 0 0);border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:grid}:where(.c[data-page=integrations]) .kp-link{background:repeating-linear-gradient(90deg,var(--line-3) 0 6px,transparent 6px 12px);flex:auto;min-width:24px;height:2px;position:relative}:where(.c[data-page=integrations]) .kp-link i{background:var(--tan);width:10px;height:10px;box-shadow:0 0 0 4px var(--tan-tint);border-radius:50%;position:absolute;top:-4px;left:0}:where(.c[data-page=integrations]) .kp-perm{flex-direction:column;gap:8px;margin:0;padding:0;font-size:14.5px;list-style:none;display:flex}:where(.c[data-page=integrations]) .kp-perm li{align-items:flex-start;gap:10px;display:flex}:where(.c[data-page=integrations]) .kp-perm .mk{border-radius:6px;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:1px;display:grid}:where(.c[data-page=integrations]) .kp-perm .mk svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}:where(.c[data-page=integrations]) .kp-perm .yes .mk{background:var(--ok-tint);color:var(--ok)}:where(.c[data-page=integrations]) .kp-perm .no .mk{background:var(--sunk);color:var(--ink-3)}:where(.c[data-page=integrations]) .kp-perm .you .mk{background:var(--you-tint);color:var(--you-ink)}:where(.c[data-page=integrations]) .kp-perm .no{color:var(--ink-2)}:where(.c[data-page=integrations]) .kp-side{flex-direction:column;gap:12px;min-width:0;display:flex}:where(.c[data-page=integrations]) .kp-chip{background:var(--raised);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);text-align:left;border-radius:18px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}:where(.c[data-page=integrations]) .kp-chip b{font-size:14.5px}:where(.c[data-page=integrations]) .kp-stage .loop-ctl{align-self:flex-start;position:static}:where(.c[data-page=integrations]) .night-in{flex-direction:column;align-items:center;gap:40px;display:flex}:where(.c[data-page=integrations]) .night .lede{color:var(--ink-2)}:where(.c[data-page=integrations]) .pano .app-win{box-shadow:none;border-radius:0;grid-template-columns:212px minmax(0,1fr) 360px;min-height:640px}:where(.c[data-page=integrations]) .kp-group{font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.02em;padding:4px 2px 0;font-size:11.5px}:where(.c[data-page=integrations]) .kp-conn .row{min-height:56px}:where(.c[data-page=integrations]) .kp-ico{color:oklch(100% 0 0);border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}:where(.c[data-page=integrations]) .kp-dock-list{color:var(--ink-2);flex-direction:column;gap:6px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}:where(.c[data-page=integrations]) .kp-dock-list li{gap:8px;display:flex}:where(.c[data-page=integrations]) .kp-dock-list li:before{content:"";background:var(--ok);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:7px}:where(.c[data-page=integrations]) .kp-dock-list.no li:before{background:var(--line-3)}:where(.c[data-page=integrations]) .pano-foot{flex-wrap:wrap;justify-content:center;gap:10px 22px;display:flex}:where(.c[data-page=integrations]) .pano-foot .chip{background:var(--raised);height:34px;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;display:inline-flex}:where(.c[data-page=integrations]) .pano-foot .chip i{border-radius:50%;flex-shrink:0;width:8px;height:8px}:where(.c[data-page=integrations]) .kp-groups{flex-direction:column;gap:22px;display:flex}:where(.c[data-page=integrations]) .kp-gcard{background:var(--raised);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);border-radius:24px;overflow:hidden}:where(.c[data-page=integrations]) .kp-ghead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;padding:22px 24px 6px;display:flex}:where(.c[data-page=integrations]) .kp-table{border-collapse:collapse;width:100%;min-width:860px;font-size:14.5px}:where(.c[data-page=integrations]) .kp-table th{text-align:left;color:var(--ink-3);box-shadow:inset 0 -1px 0 var(--line);white-space:nowrap;padding:12px 16px;font-size:12.5px;font-weight:600}:where(.c[data-page=integrations]) .kp-table td{box-shadow:inset 0 -1px 0 var(--line);vertical-align:top;color:var(--ink-2);padding:14px 16px;line-height:1.5}:where(.c[data-page=integrations]) .kp-table tr:last-child td{box-shadow:none}:where(.c[data-page=integrations]) .kp-table td:first-child{color:var(--ink);white-space:nowrap;font-weight:600}:where(.c[data-page=integrations]) .kp-table td:first-child a{box-shadow:inset 0 -1px 0 var(--line-3);text-decoration:none}:where(.c[data-page=integrations]) .kp-table .soon td,:where(.c[data-page=integrations]) .kp-table .soon td:first-child{color:var(--ink-3)}:where(.c[data-page=integrations]) .kp-table .tag{white-space:nowrap}:where(.c[data-page=integrations]) .kp-tool{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(28px,4vw,64px);scroll-margin-top:24px;display:grid}:where(.c[data-page=integrations]) .kp-flip .kp-copy{order:2}:where(.c[data-page=integrations]) .kp-copy{flex-direction:column;gap:18px;min-width:0;display:flex}:where(.c[data-page=integrations]) .kp-how{background:var(--sunk);color:var(--ink-2);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 16px;font-size:14.5px;line-height:21px;display:flex}:where(.c[data-page=integrations]) .kp-how b{color:var(--ink)}:where(.c[data-page=integrations]) .kp-scope{background:var(--raised);box-shadow:var(--shadow-1),inset 0 0 0 1px var(--line);border-radius:20px;overflow:hidden}:where(.c[data-page=integrations]) .kp-scope table{border-collapse:collapse;width:100%;font-size:14.5px}:where(.c[data-page=integrations]) .kp-scope th{text-align:left;color:var(--ink-3);box-shadow:inset 0 -1px 0 var(--line);padding:11px 16px;font-size:12.5px;font-weight:600}:where(.c[data-page=integrations]) .kp-scope td{box-shadow:inset 0 -1px 0 var(--line);vertical-align:top;padding:12px 16px;line-height:1.45}:where(.c[data-page=integrations]) .kp-scope tr:last-child td{box-shadow:none}:where(.c[data-page=integrations]) .kp-scope td:first-child{font-weight:550}:where(.c[data-page=integrations]) .kp-scope td:last-child{width:46%}:where(.c[data-page=integrations]) .kp-scope .t-meta{margin-top:4px;display:block}:where(.c[data-page=integrations]) .kp-band-sunk .kp-scope{box-shadow:inset 0 0 0 1px var(--line)}:where(.c[data-page=integrations]) .kp-scr{margin:0;position:sticky;top:24px}:where(.c[data-page=integrations]) .kp-scr.halo{position:sticky}:where(.c[data-page=integrations]) .kp-scr .screen-body{gap:14px}:where(.c[data-page=integrations]) .kp-scr .screen{box-shadow:0 0 0 1px var(--line),0 40px 90px -46px oklch(25% .03 60/.5),0 8px 24px -14px oklch(25% .03 60/.22)}:where(.c[data-page=integrations]) .kp-scr.halo:before{inset:-6% -8% -10%}:where(.c[data-page=integrations]) .kp-line{box-shadow:inset 0 -1px 0 var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;padding:10px 16px;font-size:14px;display:grid}:where(.c[data-page=integrations]) .kp-line:last-child{box-shadow:none}:where(.c[data-page=integrations]) .kp-line b{font-variant-numeric:tabular-nums}:where(.c[data-page=integrations]) .kp-order{background:var(--sunk);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding:12px 14px;font-size:13.5px;display:grid}:where(.c[data-page=integrations]) .kp-order span{flex-direction:column;gap:2px;min-width:0;display:flex}:where(.c[data-page=integrations]) .kp-order .k{font-size:11.5px;font-family:var(--mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.02em}:where(.c[data-page=integrations]) .kp-steps{flex-direction:column;gap:6px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}:where(.c[data-page=integrations]) .kp-steps li{align-items:center;gap:10px;display:flex}:where(.c[data-page=integrations]) .kp-steps .n{width:22px;height:22px;font-family:var(--mono);background:var(--sunk);color:var(--ink-3);border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;display:grid}:where(.c[data-page=integrations]) .kp-steps .done .n{background:var(--ok-tint);color:var(--ok)}:where(.c[data-page=integrations]) .kp-steps .on .n{background:var(--you-tint);color:var(--you-ink)}:where(.c[data-page=integrations]) .kp-field{box-shadow:inset 0 -1px 0 var(--line);grid-template-columns:110px minmax(0,1fr);gap:4px 12px;padding:9px 0;font-size:13.5px;display:grid}:where(.c[data-page=integrations]) .kp-field:last-child{box-shadow:none}:where(.c[data-page=integrations]) .kp-field .k{color:var(--ink-3)}:where(.c[data-page=integrations]) .kp-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}:where(.c[data-page=integrations]) .kp-scr .toast{z-index:2;white-space:nowrap;position:absolute;bottom:18px;left:50%;translate:-50%}:where(.c[data-page=integrations]) .display.kp-h1{font-size:clamp(42px,5.6vw,80px)}:where(.c[data-page=integrations]) .kp-b-moneybird{background:oklch(55% .13 255)}:where(.c[data-page=integrations]) .kp-b-eboekhouden{background:oklch(60% .15 150)}:where(.c[data-page=integrations]) .kp-b-shopify{background:oklch(58% .15 140)}:where(.c[data-page=integrations]) .kp-b-woocommerce{background:oklch(50% .15 300)}:where(.c[data-page=integrations]) .kp-b-klaviyo{background:oklch(30% .02 75)}:where(.c[data-page=integrations]) .kp-b-instagram{background:oklch(60% .2 350)}:where(.c[data-page=integrations]) .kp-b-gmail{background:oklch(62% .2 28)}:where(.c[data-page=integrations]) .kp-b-none{background:var(--line-3)}:where(.c[data-page=integrations]) .kp-self-start{align-self:flex-start}:where(.c[data-page=integrations]) .kp-consent,:where(.c[data-page=integrations]) .app-win.kp-win{margin:0}:where(.c[data-page=integrations]) .kp-ctitle{flex-direction:column;gap:4px;display:flex}:where(.c[data-page=integrations]) .kp-ctitle b{letter-spacing:-.01em;font-size:19px}:where(.c[data-page=integrations]) .row-flex.kp-between{justify-content:space-between;gap:10px}:where(.c[data-page=integrations]) .row-flex.kp-between-wrap{flex-wrap:wrap;justify-content:space-between;gap:10px}:where(.c[data-page=integrations]) .row-flex.kp-dock-head{gap:10px}:where(.c[data-page=integrations]) .kp-dock-head>span:last-child{flex-direction:column;min-width:0;display:flex}:where(.c[data-page=integrations]) .card-flat.kp-dock-card{gap:8px;padding:16px}:where(.c[data-page=integrations]) .srcs.kp-dock-srcs{margin-top:auto}:where(.c[data-page=integrations]) .pano-foot .chip i.kp-i-ok{background:var(--ok)}:where(.c[data-page=integrations]) .pano-foot .chip i.kp-i-you{background:var(--you)}:where(.c[data-page=integrations]) .pano-foot .chip i.kp-i-soon{background:var(--line-3)}:where(.c[data-page=integrations]) .kp-stack{flex-direction:column;gap:36px;display:flex}:where(.c[data-page=integrations]) .kp-stack.kp-stack-32{gap:32px}:where(.c[data-page=integrations]) .t-meta.kp-block-note{margin-top:4px;display:block}:where(.c[data-page=integrations]) .t-body.kp-wait{margin:0}:where(.c[data-page=integrations]) .kp-wait b{color:var(--ink)}:where(.c[data-page=integrations]) .kp-scr .screen-top .fresh{margin-left:auto}:where(.c[data-page=integrations]) .kp-col{flex-direction:column;display:flex}:where(.c[data-page=integrations]) .decision-body.kp-nopad{padding:0}:where(.c[data-page=integrations]) .card.kp-stat{gap:4px;padding:14px 16px}:where(.c[data-page=integrations]) .kp-stat .num{font-size:20px}:where(.c[data-page=integrations]) .row-flex.kp-split{justify-content:space-between}:where(.c[data-page=integrations]) .meter i.kp-meter-tan{background:var(--tan)}:where(.c[data-page=integrations]) .row-flex.kp-act{flex-wrap:wrap;gap:8px}:where(.c[data-page=integrations]) .rows.kp-rows-sm{font-size:14px}:where(.c[data-page=integrations]) .kp-rows-sm .row{min-height:52px}:where(.c[data-page=integrations]) .rows.kp-rows-md{font-size:14px}:where(.c[data-page=integrations]) .kp-rows-md .row{min-height:56px}:where(.c[data-page=integrations]) .card-flat.kp-mail{gap:6px}:where(.c[data-page=integrations]) .photo.kp-thumb{flex-shrink:0;width:40px;height:40px}:where(.c[data-page=integrations]) .paper .voice.kp-draft{margin:0;font-size:16px;line-height:25px}:where(.c[data-page=integrations]) .card.kp-camp{gap:2px;padding:16px 18px}:where(.c[data-page=integrations]) .row-flex.kp-camp-head{justify-content:space-between;margin-bottom:6px}:where(.c[data-page=integrations]) .spark.kp-spark{width:72px;height:24px}:where(.c[data-page=integrations]) .kp-else{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}:where(.c[data-page=integrations]) .kp-else .card{gap:8px;padding:24px}:where(.c[data-page=integrations]) .kp-else .t-h3,:where(.c[data-page=integrations]) .kp-else .t-body{margin:0}:where(.c[data-page=integrations]) .kp-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px;display:grid}:where(.c[data-page=integrations]) .follow.kp-follow{flex:none}:where(.c[data-page=integrations]) .kp-follow img{width:auto;height:260px}:where(.c[data-page=integrations]) .kp-scr .a1{animation:10s cubic-bezier(.2,.8,.2,1) infinite both c27-integrations-kp-a1}:where(.c[data-page=integrations]) .kp-scr .a2{animation:10s cubic-bezier(.2,.8,.2,1) infinite both c27-integrations-kp-a2}:where(.c[data-page=integrations]) .kp-scr .a3{animation:10s cubic-bezier(.3,1.3,.5,1) infinite both c27-integrations-kp-a3}:where(.c[data-page=integrations]) .kp-scr .a4{animation:10s cubic-bezier(.2,.8,.2,1) infinite both c27-integrations-kp-a4}@keyframes c27-integrations-kp-a1{0%{opacity:0;transform:translateY(10px)}5%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes c27-integrations-kp-a2{0%,16%{opacity:0;transform:translateY(10px)}22%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes c27-integrations-kp-a3{0%,34%{opacity:0;transform:scale(.92)}40%,93%{opacity:1;transform:none}to{opacity:0}}@keyframes c27-integrations-kp-a4{0%,50%{opacity:0;transform:translateY(8px)}56%,93%{opacity:1;transform:none}to{opacity:0}}:where(.c[data-page=integrations]) .kp-scr .kp-type{animation:10s linear infinite both c27-integrations-kp-type}@keyframes c27-integrations-kp-type{0%,20%{--rv:0%}46%,to{--rv:112%}}:where(.c[data-page=integrations]) .kp-scr .hold .fill{transform-origin:0;width:100%;animation:10s cubic-bezier(.5,0,.3,1) infinite both c27-integrations-kp-hold;transform:scaleX(0)}@keyframes c27-integrations-kp-hold{0%,60%{transform:scaleX(0)}74%{transform:scaleX(1)}76%,to{transform:scaleX(0)}}:where(.c[data-page=integrations]) .kp-scr .toast{animation:10s cubic-bezier(.3,1.3,.4,1) infinite both c27-integrations-kp-toast}@keyframes c27-integrations-kp-toast{0%,75%{opacity:0;transform:translateY(16px)}79%,93%{opacity:1;transform:none}97%,to{opacity:0}}:where(.c[data-page=integrations]) .kp-consent .kp-perm li{animation:10s cubic-bezier(.2,.8,.2,1) infinite both c27-integrations-kp-perm}:where(.c[data-page=integrations]) .kp-consent .kp-perm li:nth-child(2){animation-delay:.25s}:where(.c[data-page=integrations]) .kp-consent .kp-perm li:nth-child(3){animation-delay:.5s}:where(.c[data-page=integrations]) .kp-consent .kp-perm li:nth-child(4){animation-delay:.75s}:where(.c[data-page=integrations]) .kp-consent .kp-perm li:nth-child(5){animation-delay:1s}@keyframes c27-integrations-kp-perm{0%,8%{opacity:0;transform:translate(-10px)}14%,92%{opacity:1;transform:none}to{opacity:0}}:where(.c[data-page=integrations]) .kp-link i{animation:3.2s cubic-bezier(.6,0,.3,1) infinite both c27-integrations-kp-dot}@keyframes c27-integrations-kp-dot{0%{left:0}50%{left:calc(100% - 10px)}to{left:0}}:where(.c[data-page=integrations]) .kp-chip{animation:8s ease-in-out infinite c27-rich-drift}:where(.c[data-page=integrations]) .kp-side:last-child .kp-chip{animation-delay:-4s}:where(.c[data-page=integrations]) .kp-conn .row .kp-ok{animation:10s linear infinite both c27-integrations-kp-ok}:where(.c[data-page=integrations]) .kp-conn .row:nth-child(2) .kp-ok{animation-delay:.4s}:where(.c[data-page=integrations]) .kp-conn .row:nth-child(3) .kp-ok{animation-delay:.8s}:where(.c[data-page=integrations]) .kp-conn .row:nth-child(4) .kp-ok{animation-delay:1.2s}@keyframes c27-integrations-kp-ok{0%,6%{opacity:.25}12%,to{opacity:1}}.c:where([data-page=integrations]).c[data-motion=off] .kp-scr *,.c:where([data-page=integrations]).c[data-motion=off] .kp-consent *,.c:where([data-page=integrations]).c[data-motion=off] .kp-chip,.c:where([data-page=integrations]).c[data-motion=off] .kp-conn *{animation:none}@media (width<=900px){:where(.c[data-page=integrations]) .kp-stage{grid-template-columns:minmax(0,1fr)}:where(.c[data-page=integrations]) .kp-side{display:none}:where(.c[data-page=integrations]) .pano .app-win{grid-template-columns:minmax(0,1fr);min-height:0}:where(.c[data-page=integrations]) .pano .app-rail{display:none}:where(.c[data-page=integrations]) .pano .app-dock{box-shadow:inset 0 1px 0 var(--line)}:where(.c[data-page=integrations]) .kp-tool{grid-template-columns:minmax(0,1fr)}:where(.c[data-page=integrations]) .kp-flip .kp-copy{order:0}:where(.c[data-page=integrations]) .kp-scr,:where(.c[data-page=integrations]) .kp-scr.halo{position:relative;top:auto}:where(.c[data-page=integrations]) .kp-faq,:where(.c[data-page=integrations]) .kp-else{grid-template-columns:minmax(0,1fr)!important}}@media (width<=640px){:where(.c[data-page=integrations]) .kp-two,:where(.c[data-page=integrations]) .kp-order{grid-template-columns:minmax(0,1fr)}:where(.c[data-page=integrations]) .kp-scope td:last-child{width:auto}:where(.c[data-page=integrations]) .kp-field{grid-template-columns:minmax(0,1fr)}:where(.c[data-page=integrations]) .kp-scr .toast{white-space:normal;width:calc(100% - 32px)}}@media (width<=760px){:where(.c[data-page=integrations]) .kp-jump a{height:44px}:where(.c[data-page=integrations]) .kp-consent .loop-ctl{min-height:44px}:where(.c[data-page=integrations]) .kp-table td:first-child a{margin:-13px 0;padding:13px 0;display:inline-block}}