.tz .pg-integrations{--canvas:#fbfbfc;--surface:#fff;--subtle:#f4f5f6;--muted:#eceef0;--border:#e2e4e5;--border-strong:#d1d3d6;--text:#232629;--text-2:#484c51;--text-muted:#5b5f64;--brand:#534ab7;--brand-hover:#5d54c2;--brand-link:#534ab7;--brand-tint:#eeedfe;--brand-panel:#e9e7fc;--teal:#00817a;--teal-text:#00524d;--teal-tint:#e5f3f2;--teal-panel:#ddefee;--rose-tint:#f6e9ef;--rose-text:#74334f;--danger:#b71f20;--danger-text:#8f1718;--danger-tint:#fbeaea;--warn-text:#6b3f00;--warn-tint:#fbf1e2;--ease-out:cubic-bezier(.23,1,.32,1);color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;font-family:Inter Tight,ui-sans-serif,system-ui,sans-serif}.tz.dark .pg-integrations{--canvas:#15191d;--surface:#1e2226;--subtle:#1b1f23;--muted:#262a2e;--border:#31353a;--border-strong:#41464a;--text:#e8e8e9;--text-2:#bcbec1;--text-muted:#9b9ea2;--brand:#6059c5;--brand-hover:#6b64d0;--brand-link:#9091e5;--brand-tint:#2c2f51;--brand-panel:#23254a;--teal:#2fa79f;--teal-text:#7fd3cc;--teal-tint:#173634;--teal-panel:#142f2d;--rose-tint:#3a2530;--rose-text:#e6a9c2;--danger-text:#f2a3a3;--danger-tint:#3a1f20;--warn-text:#f0c27a;--warn-tint:#3a2c17}.tz .pg-integrations a:focus-visible,.tz .pg-integrations summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:8px}.pg-integrations .h2{letter-spacing:-.03em;margin:0;font-size:clamp(32px,3.4vw,48px);font-weight:600;line-height:1.04}.pg-integrations .lede{color:var(--text-2);margin:0;font-size:17px;line-height:1.55}.pg-integrations .btn{white-space:nowrap;height:44px;transition:background-color .15s ease,border-color .15s ease,transform .12s var(--ease-out);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:15px;font-weight:500;line-height:1;display:inline-flex}.pg-integrations .card{background:var(--surface);border:1px solid var(--border)}.pg-integrations .hdr{max-width:820px}.pg-integrations .hdr .h2{max-width:22ch}.pg-integrations .hdr .lede{max-width:60ch;margin-top:20px}.pg-integrations .av{border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.pg-integrations .av.rose{background:var(--rose-tint);color:var(--rose-text)}.pg-integrations .av.teal{background:var(--teal-tint);color:var(--teal-text)}.pg-integrations .av.brand{background:var(--brand-tint);color:var(--brand-link)}.pg-integrations .stack{align-items:center;display:flex}.pg-integrations .stack img{object-fit:cover;width:36px;height:36px;box-shadow:0 0 0 3px var(--canvas);border-radius:9999px;position:relative}.pg-integrations .stack img+img{margin-left:-11px}.pg-integrations .ava{width:120px;height:120px;position:relative}.pg-integrations .ava img{object-fit:cover;border-radius:9999px;width:120px;height:120px;display:block;position:relative}.pg-integrations .ava .ring{opacity:.9;border:2px solid #6059c5;border-radius:9999px;position:absolute;inset:-8px}.pg-integrations .ava .ring2{opacity:0}.pg-integrations .wave{align-items:center;gap:3px;height:28px;display:flex}.pg-integrations .wave span{background:#9091e5;border-radius:9999px;width:3px}.pg-integrations .ctl{color:#e8e8e9;background:#2a2f34;border-radius:9999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.pg-integrations .bub{max-width:92%;margin:0;padding:10px 14px;font-size:15px;line-height:1.5}.pg-integrations .src{border-top:1px solid var(--border);align-items:flex-start;gap:14px;padding:16px 0;display:flex}.pg-integrations .dim{border-top:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 16px;padding:14px 0;font-size:15px;display:grid}.pg-integrations .cmp{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;padding:12px 0;font-size:14px;display:grid}.pg-integrations .bar{background:var(--muted);border-radius:9999px;height:8px;overflow:hidden}.pg-integrations .bar span{border-radius:9999px;height:100%;display:block}.pg-integrations .cand{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.3fr) minmax(0,2fr) 56px 96px;align-items:center;gap:16px;padding:14px 0;font-size:15px;display:grid}.pg-integrations .track{background:var(--muted);border-radius:9999px;height:8px;position:relative}.pg-integrations .track .fill{border-radius:9999px;position:absolute;top:0;bottom:0;left:0}.pg-integrations .track .avg{border-left:2px solid var(--text-2);width:0;position:absolute;top:-5px;bottom:-5px}.pg-integrations .track .top{border-left:2px dashed var(--text-muted);width:0;position:absolute;top:-5px;bottom:-5px}.pg-integrations .dec{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;height:26px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}@media (max-width:760px){.pg-integrations .cand{grid-template-columns:minmax(0,1fr) 48px 88px}.pg-integrations .cand .track{order:4;grid-column:1/-1}}.pg-integrations .stage{border-radius:12px;flex:200px;min-width:0;padding:22px}.pg-integrations .faq details p{color:var(--text-2);max-width:62ch;margin:0 0 24px;font-size:16px;line-height:1.65}@media (prefers-reduced-motion:no-preference){.tz.motion .pg-integrations .marquee-track{animation:32s linear infinite slide}.pg-integrations .marquee:hover .marquee-track{animation-play-state:paused}.tz.motion .pg-integrations .ava .ring{animation:pg-integrations-ripple 1.8s var(--ease-out) infinite}.tz.motion .pg-integrations .ava .ring2{animation:pg-integrations-ripple 1.8s var(--ease-out) .9s infinite}.tz.motion .pg-integrations .wave span{transform-origin:50%;animation:1.1s ease-in-out infinite alternate pg-integrations-eq}.tz.motion .pg-integrations .wave span:nth-child(2n){animation-delay:.2s}.tz.motion .pg-integrations .wave span:nth-child(3n){animation-delay:.45s}.tz.motion .pg-integrations .cap{animation:pg-integrations-fadeUp .5s var(--ease-out) both}.tz.motion .pg-integrations .c1{animation-delay:.3s}.tz.motion .pg-integrations .c2{animation-delay:1.1s}.tz.motion .pg-integrations .c3{animation-delay:1.9s}}@keyframes pg-integrations-ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@keyframes pg-integrations-eq{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}@keyframes pg-integrations-fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pg-integrations .bk{border-top:1px solid var(--border);padding:16px 0}.pg-integrations .bk .lbl{color:var(--text-muted);margin:0;font-size:13px;font-weight:600}.pg-integrations .bk .val{margin:6px 0 0;font-size:15px;line-height:1.55}.pg-integrations .cite{color:var(--brand-link);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.pg-integrations .fake{white-space:nowrap;border-radius:8px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.pg-integrations .fake.pri{background:var(--brand);color:#fff}.pg-integrations .fake.sec{border:1px solid var(--border-strong);color:var(--text)}.pg-integrations .pill{white-space:nowrap;border-radius:9999px;align-items:center;gap:5px;height:26px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.pg-integrations .prod{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;flex:300px;gap:8px;min-width:0;padding:24px;transition:border-color .15s;display:flex}.tz .pg-integrations a.prod:hover{border-color:var(--border-strong)}.pg-integrations .prod .pn{justify-content:space-between;align-items:center;gap:12px;font-size:18px;font-weight:600;display:flex}.pg-integrations .prod .pd{color:var(--text-muted);font-size:15px;line-height:1.5}.pg-integrations .prod .arr{color:var(--text-muted);transition:transform .15s var(--ease-out);flex-shrink:0}@media (hover:hover) and (pointer:fine){.tz .pg-integrations a.prod:hover .arr{transform:translate(3px)}}.pg-integrations .mode{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;height:22px;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.pg-integrations .mode.safe{background:var(--brand-tint);color:var(--brand-link)}.pg-integrations .mode.auto{background:var(--muted);color:var(--text-2)}.pg-integrations .seg span{height:30px;color:var(--text-muted);border-radius:7px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.pg-integrations .gate{background:var(--surface);border:1px solid var(--border);height:32px;color:var(--text);border-radius:9999px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.pg-integrations .crow{border-top:1px solid var(--border);grid-template-columns:110px minmax(0,1fr) minmax(0,1.5fr) 56px;align-items:baseline;gap:6px 20px;padding:16px 0;font-size:15px;display:grid}.pg-integrations .crow .t{text-align:right}@media (max-width:760px){.pg-integrations .crow{grid-template-columns:minmax(0,1fr) auto}.pg-integrations .crow .why{grid-column:1/-1}.pg-integrations .crow .t{grid-area:1/2}}.pg-integrations .play{background:var(--brand);color:#fff;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pg-integrations .bars{flex:1;align-items:center;gap:3px;min-width:0;height:32px;display:flex;overflow:hidden}.pg-integrations .bars span{background:var(--border-strong);border-radius:9999px;flex:1 0 3px;max-width:4px}.pg-integrations .bars span.on{background:var(--brand)}.pg-integrations .radio{border:2px solid var(--border-strong);border-radius:9999px;flex-shrink:0;width:18px;height:18px;margin-top:2px}.pg-integrations .radio.on{border:5px solid var(--brand)}.pg-integrations .opt{border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.pg-integrations .opt.on{border-color:var(--brand)}.pg-integrations .lg{border-top:1px solid var(--border);grid-template-columns:110px minmax(0,1fr);gap:4px 16px;padding:11px 0;font-size:14px;display:grid}.pg-integrations .lg span:first-child{color:var(--text-muted)}.pg-integrations .cgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pg-integrations .ctile{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;justify-content:space-between;gap:14px;padding:16px;display:flex}.pg-integrations .ctop{align-items:center;gap:12px;display:flex}.pg-integrations .clogo{object-fit:contain;flex-shrink:0;width:32px;height:32px}.pg-integrations .cname{margin:0;font-size:15px;font-weight:600}.pg-integrations .cmeta{color:var(--text-muted);margin:2px 0 0;font-size:13px}.pg-integrations .cstat{border-radius:9999px;align-self:flex-start;align-items:center;gap:6px;height:24px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.pg-integrations .cstat:before{content:"";background:currentColor;border-radius:9999px;width:6px;height:6px}.pg-integrations .cstat.on{background:var(--teal-tint);color:var(--teal-text)}.pg-integrations .cstat.you{background:var(--brand-tint);color:var(--brand-link)}.pg-integrations .cbtn{border:1px solid var(--border-strong);border-radius:8px;align-self:flex-start;align-items:center;height:30px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.pg-integrations .catgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pg-integrations .cat{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:22px}.pg-integrations .cat-h{margin:0;font-size:17px;font-weight:600}.pg-integrations .cat-d{color:var(--text-muted);margin:6px 0 0;font-size:14px;line-height:1.45}.pg-integrations .tools{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.pg-integrations .tool{background:var(--subtle);border-radius:9999px;align-items:center;gap:8px;height:34px;padding:0 12px 0 8px;font-size:14px;font-weight:500;display:inline-flex}.pg-integrations .tool img{object-fit:contain;width:18px;height:18px}.pg-integrations .gate{background:var(--surface);border:1px solid var(--border);border-radius:9999px;align-items:center;gap:8px;height:36px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.pg-integrations .seg{background:var(--subtle);border:1px solid var(--border);border-radius:10px;padding:3px;display:inline-flex}.pg-integrations .seg span{height:30px;color:var(--text-muted);border-radius:7px;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.pg-integrations .seg span.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #11182714}@media (max-width:900px){.pg-integrations .cgrid,.pg-integrations .catgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.pg-integrations .cgrid,.pg-integrations .catgrid{grid-template-columns:minmax(0,1fr)}}.pg-integrations .lrow{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.pg-integrations .ltrack{width:max-content;display:flex}.pg-integrations .lcopy{gap:8px;padding-right:8px;display:flex}.pg-integrations .lchip{border:1px solid var(--border);background:var(--surface);white-space:nowrap;border-radius:9999px;align-items:center;gap:8px;height:34px;padding:0 12px 0 9px;font-size:14px;font-weight:500;display:inline-flex}@media (prefers-reduced-motion:no-preference){.tz.motion .pg-integrations .ltrack.l1{animation:60s linear infinite slide}.tz.motion .pg-integrations .ltrack.l2{animation:70s linear infinite reverse slide}.tz.motion .pg-integrations .ltrack.l3{animation:66s linear infinite slide}.pg-integrations .lrow:hover .ltrack{animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.pg-integrations .lcopy[aria-hidden]{display:none}.pg-integrations .lcopy{flex-wrap:wrap}}
