/* A silver typographic signature and a continuous field of brand tiles. */
.integrations-wall {
  --wall-tile:108px;
  --wall-gap:16px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
  grid-template-areas:"visual copy" "visual actions";
  column-gap:54px;
  align-content:center;
  width:calc(100% - 80px);
  max-width:var(--container-width,1140px);
  margin:0 auto;
  padding:88px 0 104px;
  scroll-margin-top:80px;
}
.integrations-wall__header { grid-area:copy; align-self:end; padding-top:32px; }
.integrations-wall__eyebrow {
  display:flex; align-items:center; gap:12px;
  margin:0 0 34px; color:var(--color-caption);
  font:500 12px/1.5 var(--font-label); letter-spacing:2px;
}
.integrations-wall h2 {
  margin:0; color:var(--color-text);
  font:400 var(--text-section,48px)/1.12 var(--font-body); letter-spacing:-.04em;
}
.integrations-wall__count {
  display:block; width:fit-content; margin:14px 0 4px -6px;
  font-size:144px; font-weight:500; line-height:1; letter-spacing:-.07em;
  color:#c8d5f1;
  background:var(--wall-number-gradient);
  background-clip:text; -webkit-background-clip:text; -webkit-text-fill-color:transparent;
}
.integrations-wall__headline-end { display:block; color:inherit; }
.integrations-wall__headline-muted { color:var(--color-secondary); }
.integrations-wall__description {
  max-width:390px; margin:28px 0 0;
  color:var(--color-muted); font:400 16px/1.8 var(--font-body);
}
.integrations-wall__visual {
  grid-area:visual; position:relative; min-width:0; height:620px; align-self:center;
  isolation:isolate; overflow:hidden;
  background:radial-gradient(ellipse 60% 42% at 50% 52%,var(--wall-halo),transparent 100%);
  mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 83%,transparent),linear-gradient(to right,transparent,#000 9%,#000 90%,transparent);
  mask-composite:intersect;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 17%,#000 83%,transparent),linear-gradient(to right,transparent,#000 9%,#000 90%,transparent);
  -webkit-mask-composite:source-in;
}
.integrations-wall__field {
  position:absolute; top:-120px; left:50%;
  display:flex; gap:var(--wall-gap);
  width:max-content; transform:translateX(-50%) rotate(-10deg);
  transform-origin:50% 350px;
}
.integrations-wall__rail { width:var(--wall-tile); flex-shrink:0; }
.integrations-wall__rail:nth-child(2) { margin-top:-76px; }
.integrations-wall__rail:nth-child(3) { margin-top:-20px; }
.integrations-wall__rail:nth-child(4) { margin-top:-62px; }
.integrations-wall__track { display:flex; flex-direction:column; width:100%; }
.integrations-wall__logos { display:flex; flex-direction:column; gap:var(--wall-gap); margin:0; padding:0 0 var(--wall-gap); list-style:none; }
.integrations-wall__tile {
  display:flex; align-items:center; justify-content:center;
  width:var(--wall-tile); height:var(--wall-tile); flex-shrink:0;
  border:1px solid var(--wall-edge); border-radius:22px;
  background:var(--wall-surface); box-shadow:var(--wall-shadow);
}
.integrations-wall__tile img.platform-catalog-icon {
  width:52px; height:52px; border-radius:11px; object-fit:contain;
}
.integrations-wall__actions { grid-area:actions; display:flex; align-items:center; gap:16px; align-self:start; margin-top:28px; padding-bottom:32px; }
.integrations-wall__cta {
  display:inline-flex; width:auto; height:48px; padding-inline:22px; gap:24px;
  font-weight:500;
  transition:background .2s,border-color .2s;
}
.integrations-wall.is-enhanced .integrations-wall__track { animation:integrations-drift 140s linear infinite; animation-play-state:paused; }
.integrations-wall.is-enhanced .integrations-wall__rail:nth-child(2) .integrations-wall__track { animation-direction:reverse; animation-duration:154s; }
.integrations-wall.is-enhanced .integrations-wall__rail:nth-child(3) .integrations-wall__track { animation-duration:133s; }
.integrations-wall.is-enhanced .integrations-wall__rail:nth-child(4) .integrations-wall__track { animation-direction:reverse; animation-duration:147s; }
.integrations-wall.is-running .integrations-wall__track { animation-play-state:running; }
@keyframes integrations-drift { to { transform:translateY(-50%); } }
:root:root .integrations-wall {
  --wall-surface:linear-gradient(145deg,#fff,#fff 56%,#f5f7fc);
  --wall-edge:#d9e1eea6;
  --wall-shadow:0 2px 2px #fff inset,0 4px 5px #33456304,0 14px 22px #3345630b,0 24px 48px #536b9e09;
  --wall-halo:#a3b1e42e;
}
:root:root .integrations-wall__count {
  --wall-number-gradient:linear-gradient(125deg,#334563 6%,#7c94bb 36%,#b4c4df 46%,#435b81 66%,#97abca 95%);
  background-image:var(--wall-number-gradient);
  filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 3px 2px #33456312);
}
:root:root .integrations-wall__cta { background:#fff; color:var(--lt-ink); border-color:var(--lt-line); }
:root:root .integrations-wall__cta:hover { background:var(--lt-soft); }
@media(max-width:1000px) {
  .integrations-wall { column-gap:24px; --wall-tile:90px; --wall-gap:14px; }
  .integrations-wall__eyebrow { letter-spacing:1.5px; font-size:12px; gap:9px; }
  .integrations-wall__visual { height:600px; }
  .integrations-wall__tile img.platform-catalog-icon { width:44px; height:44px; }
  .integrations-wall__count { font-size:128px; }
}
@media(max-width:760px) {
  .integrations-wall {
    width:calc(100% - 40px); padding:64px 0 72px; display:flex; flex-direction:column;
    --wall-tile:82px; --wall-gap:12px; text-align:center;
  }
  .integrations-wall__header { padding:0; align-self:center; }
  .integrations-wall__eyebrow { justify-content:center; flex-wrap:wrap; gap:9px; margin-bottom:24px; letter-spacing:1.2px; }
  .integrations-wall__count { margin:12px auto 2px; font-size:112px; }
  .integrations-wall__description { max-width:420px; margin:24px auto 0; font-size:14px; }
  .integrations-wall__visual { width:calc(100% + 40px); height:390px; margin:16px -20px 0; }
  .integrations-wall__tile { border-radius:22px; }
  .integrations-wall__tile img.platform-catalog-icon { width:40px; height:40px; border-radius:9px; }
  .integrations-wall__actions { align-self:center; margin:10px 0 0; padding:0; gap:12px; }
  .integrations-wall__cta { padding-inline:18px; gap:16px; }
}
@media(max-width:380px) {
  .integrations-wall__cta { padding-inline:14px; gap:12px; font-size:12px; }
  .integrations-wall__actions { gap:10px; }
}
/* Keep the numeral's footprint and metallic finish stable while its digits roll. */
.integrations-wall__count[data-counter-engine="number-flow"] {
  display:grid; grid-template-columns:max-content; -webkit-text-fill-color:initial;
  font-variant-numeric:tabular-nums; white-space:nowrap;
}
.integrations-wall__count > .counter-anchor,
.integrations-wall__count > number-flow { grid-area:1/1; align-self:center; justify-self:start; }
.integrations-wall__count > .counter-anchor { visibility:hidden; pointer-events:none; }
.integrations-wall__count > number-flow {
  display:block; font:inherit; letter-spacing:0; line-height:inherit;
  font-variant-numeric:tabular-nums;
  --number-flow-mask-height:.12em; --number-flow-mask-width:.15em;
}
:root:root .integrations-wall__count[data-counter-engine="number-flow"] { background:none; }
:root:root .integrations-wall__count > number-flow { color:#5d769f; -webkit-text-fill-color:#5d769f; }