.site-page .integrations-section{padding-block:64px;scroll-margin-top:28px}.integrations-intro .eyebrow{margin:0 0 14px}.site-page .integrations-intro h2{margin:0;font-size:clamp(34px,3.4vw,46px);line-height:1.16}.integrations-intro p:not(.eyebrow){color:#526056;font:16px/1.7 var(--font-note);margin:18px 0 0}.integration-mark{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.integration-mark svg{display:block}.integrations-rail{grid-template-columns:1fr 1.7fr;align-items:center;gap:60px;display:grid}.integration-rail-list{border-block:1px solid #ccd4c9;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:22px 0;list-style:none;display:grid}.integration-rail-list li{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:12px 10px;display:flex}.integration-rail-list li+li{border-left:1px solid #d9dfd5}.integration-rail-list strong{font:600 17px/1.4 var(--font-note)}.integration-rail-list li>span:last-child{color:#58655b;max-width:115px;min-height:40px;font:12px/1.6 var(--font-note)}.integrations-map>.integrations-intro{text-align:center}.integration-flow{grid-template-columns:1fr 70px 190px 70px 1fr;align-items:center;gap:20px;max-width:1000px;margin:38px auto 0;display:grid}.integration-note{color:#607153;font:700 19px/1.4 var(--font-hand);margin-bottom:16px;display:block}.integration-sources ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.integration-sources li{background:#ffffffd9;border:1px solid #cbd4c8;border-radius:3px 8px 4px 5px;align-items:center;gap:15px;padding:10px 15px;display:flex}.integration-sources strong{font:600 15px/1.6 var(--font-note);display:block}.integration-sources small{color:#59685e;font:12px/1.5 var(--font-note);display:block}.integration-arrow{color:#7c8b75;width:100%}.integration-hub{background:#f1f6c9;border:1.5px solid #a9b67b;border-radius:48% 52% 47% 53%/51% 48% 52% 49%;flex-direction:column;justify-content:center;align-items:center;width:190px;height:200px;display:flex;position:relative;box-shadow:4px 5px #dfe6ba66}.integration-hub strong{font:700 31px/1.25 var(--font-hand);margin-top:5px}.integration-hub>span{text-align:center;color:#4c5b42;font:12px/1.5 var(--font-note);margin-top:5px}.integration-result{background:#fff;border:1px solid #bccfdd;border-radius:4px;padding:22px;box-shadow:5px 5px #e7eff4}.integration-result-label{color:#32628b;font:600 10px/1.4 var(--font-note);letter-spacing:.04em}.integration-result p{font:600 18px/1.5 var(--font-note);margin:15px 0 22px}.integration-delivery{border-top:1px solid #dce5ea;align-items:center;gap:8px;padding-top:16px;display:flex}.integration-delivery>span:last-child{font:11px/1.5 var(--font-note);color:#5b6a72}.integration-linear-note{color:#5c695f;font:12px/1.7 var(--font-note);justify-content:center;align-items:center;gap:10px;margin:30px 0 0;display:flex}.integration-cards-heading{justify-content:space-between;align-items:center;gap:30px;display:flex}.integration-cards-heading>p{max-width:380px}.integration-card-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:34px 0 0;padding:0;list-style:none;display:grid}.integration-card-list li{background:#fff;border:1px solid #c9d1c4;border-radius:3px 6px 4px 2px;padding:25px 22px 24px;position:relative;box-shadow:3px 4px #e7eae0}.integration-card-list li:before{content:"";background:#e8efb7bb;width:46px;height:11px;position:absolute;top:-6px;left:calc(50% - 23px);transform:rotate(-4deg)}.integration-card-list li:nth-child(2):before{background:#cfe1eccc;transform:rotate(4deg)}.integration-card-list li:nth-child(3):before{background:#f4e3bbcc;transform:rotate(-2deg)}.integration-card-list li:nth-child(4):before{background:#dedbf1cc;transform:rotate(3deg)}.integration-card-number{color:#788370;font:700 16px/1.4 var(--font-hand);position:absolute;top:22px;right:20px}.site-page .integration-card-list h3{font:600 20px/1.4 var(--font-note);letter-spacing:-.03em;margin:16px 0 4px}.integration-card-label{font:600 11px/1.6 var(--font-note);color:#637452}.integration-card-list p{font:13px/1.7 var(--font-note);color:#536058;margin:14px 0 0}@media (max-width:1050px){.integrations-rail{grid-template-columns:1fr;gap:30px}.integrations-rail .integrations-intro{text-align:center}.integrations-rail h2 br{display:none}.integration-flow{grid-template-columns:1fr 36px 160px 36px 1fr;gap:10px}.integration-hub{width:160px;height:180px}.integration-result{padding:16px}.integration-card-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}@media (max-width:700px){.site-page .integrations-section{padding-block:42px}.integration-rail-list{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0}.integration-rail-list li{gap:10px;padding:20px 8px}.integration-rail-list li:nth-child(3){border-left:0}.integration-rail-list li:nth-child(n+3){border-top:1px solid #d9dfd5}.integration-rail-list li>span:last-child{max-width:none;min-height:auto}.integration-flow{grid-template-columns:1fr;gap:20px;max-width:350px}.integration-note{text-align:center}.integration-arrow{justify-self:center;width:66px;height:34px;transform:rotate(90deg)}.integration-hub{justify-self:center;width:180px;height:190px}.integration-linear-note{text-align:left;align-items:flex-start;max-width:350px;margin-inline:auto}.integration-linear-note .integration-mark{padding-top:4px}.integration-cards-heading{display:block}.integration-card-list{gap:18px}.integration-card-list li{padding:22px 16px}}@media (max-width:440px){.integration-card-list{grid-template-columns:1fr}}.site-page .integrations-stickers{place-items:center;min-height:570px;padding-block:180px;display:grid;position:relative}.sticker-intro{text-align:center;z-index:1;width:min(100%,530px);position:relative}.site-page .sticker-intro h2{font-size:clamp(32px,3.1vw,42px);line-height:1.2}.sticker-intro p:not(.eyebrow){max-width:410px;margin-inline:auto}.sticker-cluster{text-align:center;width:190px;position:absolute}.site-page .sticker-annotation{color:#677267;font:700 20px/1.3 var(--font-hand);letter-spacing:0;margin:0;transform:rotate(-5deg)}.sticker-pointer{stroke:#879182;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:172px;height:28px;margin:4px auto 9px;display:block;overflow:visible}.sticker-pointer path{vector-effect:non-scaling-stroke}.pointer-soon{width:234px}.sticker-cluster ul{justify-content:center;align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.integration-sticker{--sticker-fill:#fff;--sticker-edge:#e0e5de;--sticker-radius:20px;flex-shrink:0;place-items:center;width:74px;height:74px;display:grid}.integration-sticker img{object-fit:contain;display:block}.sticker-slack{--tilt:10deg;--sticker-edge:#e7d7ed;--sticker-radius:26px}.sticker-github{--tilt:-9deg;--sticker-radius:50%}.sticker-notion{--tilt:6deg;--sticker-radius:15px 20px 17px 18px}.sticker-gemini{--tilt:-10deg;--sticker-edge:#d8e4f7;--sticker-radius:50%}.sticker-docs{--tilt:9deg;--sticker-edge:#cee0f6}.sticker-linear{--tilt:-7deg;--sticker-edge:#dedaf2;--sticker-radius:50%}.sticker-granola{--tilt:-9deg;--sticker-radius:24px;--sticker-edge:#e1e9c5}.sticker-jira{--tilt:11deg;--sticker-edge:#d4e2f9}.sticker-figma{--tilt:-9deg;--sticker-edge:#f1d9d1}.sticker-posthog{--tilt:5deg;--sticker-edge:#f5e6bf}.sticker-snowflake{--tilt:-5deg;--sticker-edge:#d3e9f2}.cluster-code{top:20px;left:17%}.cluster-chat{top:26px;right:16%}.cluster-docs{top:210px;left:0}.cluster-meetings{top:200px;right:0}.cluster-issues{bottom:20px;left:18%}.cluster-soon{width:260px;bottom:16px;right:6%}.cluster-chat .sticker-annotation{transform:rotate(5deg)}.cluster-soon .sticker-annotation{color:#637a9b;font-size:18px;transform:rotate(-3deg)}.cluster-soon .integration-sticker{width:66px;height:66px}.cluster-soon img{width:40px;height:40px}.sticker-soon-note{color:#788478;font:16px/1.3 var(--font-hand);margin:12px 0 0;transform:rotate(3deg)}.sticker-accessible-name{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.site-page .integrations-stickers{min-height:0;padding-block:38px 42px;display:block}.sticker-intro{width:100%;max-width:530px;margin-inline:auto}.site-page .sticker-intro h2{font-size:32px}.sticker-intro p:not(.eyebrow){max-width:340px;margin-top:16px;font-size:14px}.sticker-clusters{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px 20px;max-width:600px;margin:36px auto 0;display:grid}.sticker-cluster{width:100%;min-width:0;position:static}.site-page .sticker-annotation{white-space:nowrap;font-size:15px;line-height:1.3}.sticker-pointer{width:min(100%,142px);height:26px;margin:4px auto 8px}.sticker-cluster ul{gap:8px}.integration-sticker{--sticker-edge-width:4px;--sticker-radius:16px;width:62px;height:62px}.integration-sticker .integration-mark svg,.integration-sticker img{width:38px;height:38px}.sticker-github,.sticker-gemini,.sticker-linear{--sticker-radius:50%}.cluster-soon .integration-sticker{width:44px;height:44px}.cluster-soon ul{gap:6px}.cluster-soon img{width:28px;height:28px}.sticker-soon-note{margin-top:12px;font-size:14px}}@media (max-width:380px){.sticker-clusters{gap:28px 16px}.site-page .sticker-annotation{font-size:13px}.integration-sticker{width:53px;height:53px}.integration-sticker .integration-mark svg,.integration-sticker img{width:32px;height:32px}.cluster-soon .integration-sticker{width:38px;height:38px}.cluster-soon ul{gap:4px}.cluster-soon img{width:25px;height:25px}}.slot-docs,.slot-jira{margin-top:12px}.slot-posthog{margin-top:10px}.sticker-slot{flex-shrink:0;place-items:center;display:grid}.site-page .integration-sticker{cursor:grab;translate:var(--sticker-x,0px) var(--sticker-y,0px);z-index:2;-webkit-tap-highlight-color:transparent;padding:0}.site-page .integration-sticker.is-lifted{z-index:39;pointer-events:none;cursor:grabbing;filter:drop-shadow(0 0 .6px #252b2873)drop-shadow(0 8px 5px #252b282e)}.site-page .integration-sticker:focus-visible{outline-offset:5px;outline:2px dashed #527ba4}.is-holding-sticker{cursor:grabbing}.integration-sticker img{pointer-events:none;-webkit-user-select:none;user-select:none}.site-page .integration-sticker{transition:filter .12s,transform .12s}.site-page .integration-sticker.is-straightened{--tilt:0deg;transform:rotate(0)}.site-page .integration-sticker.is-lifted{animation:.28s ease-out sticker-peel;transform:rotate(0)scale(1.08)}@keyframes sticker-peel{0%{transform:perspective(400px) rotate(var(--tilt,-2deg)) rotateY(0deg) scale(1)}45%{transform:perspective(400px)rotate(0)rotateY(-28deg)rotateX(16deg)scale(1.04)}to{transform:perspective(400px)rotate(0)rotateY(0)scale(1.08)}}@media (prefers-reduced-motion:reduce){.site-page .integration-sticker,.site-page .integration-sticker.is-lifted{transition:none;animation:none}}.site-page .integration-sticker:before{content:none}.sticker-filter-defs{pointer-events:none;position:absolute}.sticker-art{pointer-events:none;place-items:center;display:grid}.integration-sticker .sticker-art :is(img,svg){width:58px;height:58px}.cluster-soon .sticker-art img{width:48px;height:48px}@media (max-width:1100px){.integration-sticker .sticker-art :is(img,svg){width:46px;height:46px}.cluster-soon .sticker-art img{width:32px;height:32px}}@media (max-width:380px){.integration-sticker .sticker-art :is(img,svg){width:38px;height:38px}.cluster-soon .sticker-art img{width:27px;height:27px}}:is(.sticker-github,.sticker-linear) .sticker-art{background:#fff;border-radius:50%;padding:3.5px}.site-page .integration-sticker.is-placed:not(.is-lifted){z-index:35}
