/* Services and integrations share one compact handoff instead of stacked section gutters. */
.capabilities-section{padding-bottom:28px;border-bottom:0}
.integrations-section{padding:24px 0 60px;border-bottom:1px solid var(--line)}
.integrations-surface{color:#263040;background:#fafaf8;border:1px solid #fff;border-radius:24px;overflow:hidden;padding:65px 0 24px;position:relative;isolation:isolate}
.integrations-heading{text-align:center;position:relative;z-index:1;padding:0 22px}
.integrations-heading h2{color:#202b37;font-weight:500;font-size:clamp(32px,3.6vw,53px);line-height:1.1;letter-spacing:-.04em}
.integrations-heading h2>span{color:#818893}
.integrations-heading p{color:#89909a;font-size:13px;line-height:1.75;margin:21px 0 0}
.integrations-stage{height:350px;position:relative;margin-top:35px}
.app-stream{position:absolute;left:0;right:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.stream-0{top:18px}.stream-1{top:121px}.stream-2{top:224px}
.app-stream-track{display:flex;width:max-content;animation:integration-drift 72s linear infinite}
.app-stream-group{display:flex;gap:30px;align-items:center;padding-right:30px;flex-shrink:0}
.integration-tile{display:flex;align-items:center;justify-content:center;width:82px;height:68px;flex-shrink:0;opacity:.9}
.integration-tile img{display:block;width:34px;height:34px;object-fit:contain;filter:none}
.stream-1 .app-stream-track{animation-direction:reverse;animation-duration:84s}
.stream-2 .app-stream-track{animation-duration:96s}
.integration-workflow-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border:1px solid #e7e9ee;border-radius:17px;width:min(420px,calc(100% - 48px));padding:19px 22px 17px;box-shadow:0 19px 45px #1f2e471a,0 3px 9px #24355008;z-index:2}
.integration-card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#9ca2ad;gap:12px}
.integration-card-top>span:last-child{color:#657799;font-size:9px;padding:4px 7px;background:#f0f3f9;border:1px solid #e8edf5;border-radius:5px}
.integration-chain{display:flex;align-items:center;justify-content:center;gap:22px;padding:20px 0 17px;height:78px}
.integration-chain img{width:33px;height:33px;object-fit:contain;animation:integration-icon-in .5s ease both}
.integration-chain>span{color:#c5cbd4;font-size:15px}
#integration-workflow-copy{font-size:14px;line-height:1.65;margin:0;color:#596478;min-height:69px;letter-spacing:-.005em}
.integration-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:15px}
.integration-choices{display:flex;align-items:center;gap:1px}
.integration-choices button{background:transparent;width:21px;height:25px;position:relative;padding:0}
.integration-choices button:before{content:'';position:absolute;left:8px;top:10px;height:5px;width:5px;background:#d9dde5;border-radius:99px;transition:width .25s,background .25s}
.integration-choices button[aria-pressed=true]:before{background:#687caa;width:12px;left:4px}
.integration-plan{display:flex;gap:13px;align-items:center;padding:10px 13px;background:#27364f;color:#fff;border:1px solid #27364f;border-radius:99px;font-size:10px;font-weight:500;transition:background .2s,transform .2s}
.integration-plan:hover{background:#405479;transform:translateY(-1px)}
.integrations-actions{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:7px}
#integration-browse{display:flex;align-items:center;gap:14px;background:#eef0f3;color:#657086;border:1px solid #e3e7ed;border-radius:99px;padding:11px 16px;font-size:11px}
#integration-browse:hover{background:#e6eaf0}
#integration-motion{width:34px;height:34px;background:#fff;border:1px solid #e2e6ec;border-radius:50%;color:#8190a7;font-size:13px}
#integration-motion:disabled{opacity:.4;cursor:default}
.integrations-surface :is(button,a):focus-visible{outline:2px solid #6c80b6;outline-offset:4px}
.integration-app-grid{list-style:none;margin:30px 35px 0;padding:25px 0 0;border-top:1px solid #e4e7ed;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:13px}
.integration-app-grid li{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:17px 7px;background:#fff;border:1px solid #eaedf2;border-radius:10px;min-width:0}
.integration-app-grid img{width:29px;height:29px;object-fit:contain}
.integration-app-grid li>span{font-size:10px;color:#788496;text-align:center;line-height:1.5}
.integration-note{text-align:center;color:#a2a9b5;font-size:9px;line-height:1.7;padding:0 25px;margin:23px 0 0}
.integrations-surface[data-paused=true] .app-stream-track{animation-play-state:paused}
.integrations-surface[data-offscreen=true] .app-stream-track{animation-play-state:paused}
@keyframes integration-drift{to{transform:translateX(-50%)}}
@keyframes integration-icon-in{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.integration-app-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.integration-tile{width:70px}.app-stream-group{gap:25px;padding-right:25px}}
@media(max-width:760px){.capabilities-section{padding-bottom:24px}.integrations-section{padding:20px 0 44px}.integrations-surface{border-radius:17px;padding-top:42px}.integrations-heading h2{font-size:34px}.integrations-heading p{font-size:11px;margin-top:17px}.integrations-stage{height:350px;margin-top:24px}.stream-0{top:13px}.stream-1{top:126px}.stream-2{top:244px}.integration-tile{width:53px;height:52px}.integration-tile img{width:28px;height:28px}.app-stream-group{gap:22px;padding-right:22px}.integration-workflow-card{width:calc(100% - 38px);padding:15px 17px;border-radius:13px}.integration-card-top{font-size:8px}.integration-card-top>span:last-child{font-size:7px}.integration-chain{gap:18px;padding:17px 0;height:68px}.integration-chain img{width:28px;height:28px}#integration-workflow-copy{font-size:12px;min-height:76px;line-height:1.7}.integration-plan{font-size:9px;padding:9px 11px;gap:8px}.integration-card-bottom{margin-top:11px}.integration-app-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:23px 17px 0;padding-top:20px}.integration-app-grid li{padding:14px 5px}.integration-app-grid li>span{font-size:8px}.integration-app-grid img{width:26px;height:26px}.integration-note{font-size:8px;line-height:1.7;padding:0 23px}.integrations-actions{margin-top:1px}}
@media(prefers-reduced-motion:reduce){.app-stream-track{animation:none!important}.integration-chain img{animation:none!important}}