.integrations-page{--int-paper:#fffefa;--int-ink:#1c2225;--int-muted:#5b6062;--int-line:#d9dbd8;--int-focus:#8055b1;--int-violet:#eeebf5;--int-violet-ink:#615b72;--int-blue:#eaf0f4;--int-blue-ink:#4b5e6a;--int-amber:#fff2d4;--int-amber-ink:#65552e;--int-dark:#181e21;--int-dark-muted:#c4c7c4;background:var(--int-paper);color:var(--int-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;overflow-wrap:break-word;font-family:Tillable Grotesk,Helvetica Neue,Helvetica,sans-serif;line-height:1.6}.integrations-page *,.integrations-page :before,.integrations-page :after{box-sizing:border-box}.integrations-page main :where(h1,h2,h3,p,figure,blockquote,dl,dd){margin:0}.integrations-page main :is(h1,h2,h3){letter-spacing:-.025em;text-wrap:balance;font-weight:500}.integrations-page main h1{max-width:11ch;font-size:clamp(44px,5.05vw,73px);line-height:1.08}.integrations-page main h2{font-size:clamp(36px,3.75vw,54px);line-height:1.13}.integrations-page main h3{font-size:clamp(28px,2.8vw,39px);line-height:1.18}.integrations-page :where(main p){color:var(--int-muted);text-wrap:pretty;font-size:18px;line-height:1.65}.integrations-page main a{color:inherit;text-underline-offset:5px;text-decoration:none}.integrations-page main :is(a,button,summary,[tabindex="0"]):focus-visible{outline:3px solid var(--int-focus);outline-offset:5px}.integrations-page main ::selection{color:var(--int-ink);background:#dfd1ee}.integrations-page main :is(section,article)[id]{scroll-margin-top:100px}.integrations-wrap{width:min(1248px,100% - 112px);margin-inline:auto}.integrations-section{padding-block:104px}.integrations-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:80px;padding-block:88px 110px;display:grid}.integrations-hero-copy>p{max-width:42ch;margin-top:26px;font-size:20px}.integrations-actions{flex-wrap:wrap;align-items:center;gap:16px 26px;margin-top:28px;display:flex}.integrations-button,.integrations-link{justify-content:center;align-items:center;gap:14px;min-height:49px;font-size:15px;font-weight:500;line-height:1.4;display:inline-flex}.integrations-page main .integrations-button{background:var(--int-ink);color:var(--int-paper);border-radius:7px;padding:13px 22px;transition:background-color .18s}.integrations-page main .integrations-button:hover{background:#394247}.integrations-page main .integrations-link:hover{text-decoration:underline}.integrations-actions svg{flex-shrink:0}.integrations-map{background:var(--int-violet);padding:36px}.integrations-map-logo{border-bottom:1px solid #cbc5d6;padding-block:8px 32px}.integrations-map-logo img{width:153px;height:auto;display:block}.integrations-map a{grid-template-columns:104px 1fr 18px;align-items:center;gap:20px;min-height:105px;padding-block:23px;display:grid}.integrations-map a+a{border-top:1px solid #cbc5d6}.integrations-map a>span:nth-child(2){display:grid}.integrations-map strong{font-size:20px;font-weight:500;line-height:1.3}.integrations-map a>span:nth-child(2)>span{color:var(--int-violet-ink);margin-top:5px;font-size:14px}.integrations-map a:hover strong{text-underline-offset:5px;text-decoration:underline}.integrations-map-brands,.integrations-brands{align-items:center;gap:14px;display:flex}.integrations-brand{object-fit:contain;flex-shrink:0;display:block}.integrations-map-brands .integrations-brand--tipjar{width:100px;height:auto}.integrations-section-heading{grid-template-columns:1.1fr 1fr;align-items:end;gap:80px;margin-bottom:48px;display:grid}.integrations-section-heading p{max-width:45ch}.integrations-connections{padding-bottom:110px}.integrations-connection{grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:56px;display:grid}.integrations-connection+.integrations-connection{margin-top:24px}.integrations-connection--reports{background:var(--int-amber)}.integrations-connection--customers{background:var(--int-blue)}.integrations-connection--tips{background:var(--int-violet)}.integrations-brands{margin-bottom:28px}.integrations-connection-copy>p{margin-top:24px}.integrations-page .integrations-connection-copy .integrations-scope{margin-top:18px;font-size:15px}.integrations-page .integrations-connection--reports p{color:var(--int-amber-ink)}.integrations-page .integrations-connection--customers p{color:var(--int-blue-ink)}.integrations-page .integrations-connection--tips p{color:var(--int-violet-ink)}.integrations-question{padding-left:30px}.integrations-question blockquote{letter-spacing:-.02em;text-wrap:pretty;font-size:clamp(28px,3vw,40px);line-height:1.3}.integrations-question>p{margin-top:24px;font-size:15px}.integrations-question-topics{color:var(--int-amber-ink);border-top:1px solid #d9c9a5;flex-wrap:wrap;gap:12px 22px;margin-top:40px;padding-top:20px;font-size:14px;display:flex}.integrations-customer-flow{flex-direction:column;align-items:center;gap:30px;padding-block:20px;display:flex}.integrations-customer-flow>img:first-child{width:180px;height:auto}.integrations-customer-flow>.integrations-brand--salesforce{width:144px;height:auto}.integrations-flow-line{color:var(--int-blue-ink);align-items:center;gap:18px;font-size:15px;display:flex}.integrations-flow-line svg{transform:rotate(90deg)}.integrations-customer-flow>p{font-size:14px}.integrations-tip-split{margin-left:30px}.integrations-tip-split>div{border-top:1px solid #cbc5d6;padding-block:22px}.integrations-tip-split dt{color:var(--int-violet-ink);font-size:16px}.integrations-tip-split dd{letter-spacing:-.02em;max-width:17ch;font-size:29px;line-height:1.35;margin-top:8px!important}.integrations-build{background:var(--int-dark);color:var(--int-paper)}.integrations-build-heading{grid-template-columns:1.1fr 1fr;gap:80px;display:grid}.integrations-build-heading>div>p+p{margin-top:16px}.integrations-page .integrations-build p{color:var(--int-dark-muted)}.integrations-page .integrations-build .integrations-coming{color:var(--int-violet);border:1px solid #766c85;border-radius:5px;margin-top:24px;padding:5px 12px;font-size:14px;display:inline-block}.integrations-ideas{margin-top:56px}.integrations-idea-tabs{border-bottom:1px solid #41494c;gap:32px;display:flex}.integrations-idea-tabs button{font:inherit;color:var(--int-dark-muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;min-height:49px;margin-bottom:-1px;padding:12px 0 16px;font-size:18px;transition:color .18s}.integrations-idea-tabs button[aria-selected=true]{color:var(--int-paper);border-color:var(--int-paper)}.integrations-idea-tabs button:hover{color:var(--int-paper)}.integrations-build :is(button,[tabindex="0"]):focus-visible{outline-color:#d0b4ed}.integrations-idea-panel{grid-template-columns:1.1fr 1fr;gap:80px;min-height:295px;padding-block:45px 35px;display:grid}.integrations-idea-panel blockquote{letter-spacing:-.02em;max-width:28ch;font-size:clamp(25px,2.6vw,35px);line-height:1.35}.integrations-idea-detail dl{grid-template-columns:1fr 1fr;gap:24px;display:grid;margin-top:24px!important}.integrations-idea-detail dt{color:var(--int-dark-muted);font-size:13px}.integrations-idea-detail dd{font-size:16px;line-height:1.5;margin-top:6px!important}.integrations-page .integrations-example-note{border-top:1px solid #41494c;padding-top:22px;font-size:13px}.integrations-preparation{grid-template-columns:1.1fr 1fr;gap:80px;display:grid}.integrations-preparation>div>p{max-width:42ch;margin-top:26px}.integrations-preparation ol{counter-reset:steps;margin:0;padding:0;list-style:none}.integrations-preparation li{counter-increment:steps;padding:0 0 28px 48px;position:relative}.integrations-preparation li+li{border-top:1px solid var(--int-line);padding-top:28px}.integrations-preparation li:before{content:counter(steps);color:var(--int-muted);font-size:16px;line-height:32px;position:absolute;left:0}.integrations-page .integrations-preparation h3{font-size:23px}.integrations-preparation li p{margin-top:12px;font-size:17px}.integrations-faq{background:#f6f5f2}.integrations-faq-grid{grid-template-columns:1fr 1.25fr;gap:100px;display:grid}.integrations-faq details{border-bottom:1px solid var(--int-line)}.integrations-faq details:first-child{border-top:1px solid var(--int-line)}.integrations-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;padding-block:25px;font-size:19px;line-height:1.4;list-style:none;display:flex}.integrations-faq summary::-webkit-details-marker{display:none}.integrations-faq summary svg{flex-shrink:0;transition:transform .18s}.integrations-faq details[open] summary svg{transform:rotate(45deg)}.integrations-faq details p{padding:0 35px 26px 0;font-size:16px}.integrations-closing{text-align:center}.integrations-closing>img{width:140px;height:auto;margin:0 auto 34px}.integrations-closing>p{margin-top:24px!important}.integrations-closing .integrations-actions{justify-content:center}@media(max-width:1050px){.integrations-hero,.integrations-section-heading,.integrations-build-heading,.integrations-idea-panel,.integrations-preparation{gap:44px}.integrations-map{padding:25px}.integrations-map a{grid-template-columns:86px 1fr 18px;gap:14px}.integrations-map-brands{gap:8px}.integrations-map-brands img{max-width:86px}.integrations-map-brands .integrations-brand--claude,.integrations-map-brands .integrations-brand--chatgpt{width:34px;height:34px}.integrations-connection{gap:36px;padding:38px}.integrations-faq-grid{gap:60px}}@media(max-width:760px){.integrations-wrap{width:calc(100% - 44px)}.integrations-section{padding-block:72px}.integrations-hero{grid-template-columns:1fr;gap:44px;padding-block:48px 72px}.integrations-page main h1{max-width:12ch;font-size:clamp(42px,10.6vw,64px)}.integrations-hero-copy>p{font-size:18px}.integrations-actions{gap:10px 20px}.integrations-map{padding:28px}.integrations-map a{grid-template-columns:96px 1fr 18px}.integrations-section-heading,.integrations-build-heading,.integrations-idea-panel,.integrations-preparation,.integrations-faq-grid{grid-template-columns:1fr;gap:26px}.integrations-section-heading{margin-bottom:30px}.integrations-connections{padding-bottom:72px}.integrations-connection{grid-template-columns:1fr;gap:40px;padding:30px 25px}.integrations-page main .integrations-connection h3{font-size:31px}.integrations-page .integrations-connection p{font-size:17px}.integrations-page .integrations-connection .integrations-scope{font-size:14px}.integrations-question{padding-left:0}.integrations-question blockquote{font-size:29px}.integrations-page .integrations-question>p{font-size:14px}.integrations-question-topics{margin-top:25px}.integrations-customer-flow{grid-row:2;gap:24px}.integrations-tip-split{margin-left:0}.integrations-tip-split dd{max-width:none;font-size:27px}.integrations-ideas{margin-top:32px}.integrations-idea-tabs{gap:26px}.integrations-idea-tabs button{font-size:17px}.integrations-idea-panel{align-content:start;min-height:400px;padding-top:30px}.integrations-idea-panel blockquote{font-size:27px}.integrations-idea-detail dl{gap:18px}.integrations-preparation{gap:42px}.integrations-faq-grid{gap:36px}.integrations-faq summary{padding-block:23px;font-size:18px}.integrations-closing .integrations-actions{flex-direction:column}}@media(max-width:370px){.integrations-map{padding:22px 18px}.integrations-map a{grid-template-columns:78px 1fr 14px;gap:10px}.integrations-map-brands .integrations-brand--tipjar{width:78px}.integrations-map strong{font-size:18px}.integrations-map a>span:nth-child(2)>span{font-size:13px}.integrations-connection{padding-inline:21px}.integrations-idea-tabs{gap:20px}.integrations-idea-panel{min-height:465px}}@media(prefers-reduced-motion:reduce){.integrations-page main *,.integrations-page main :before,.integrations-page main :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
