@keyframes xs-drift{0%,100%{transform:translate(0,0) rotate(0)}50%{transform:translate(6px,-8px) rotate(.8deg)}}@keyframes xs-sheen{0%{left:-35%}60%,100%{left:120%}}

.r26-why-integrate.s1,
.r26-why-integrate .s1 {
  position:relative;
  overflow:hidden;
  background:#fff;
}

.r26-why-integrate.s2,
.r26-why-integrate .s2 {
  max-width:1200px;
  margin:0 auto;
  padding:72px 32px;
}

.r26-why-integrate.s3,
.r26-why-integrate .s3 {
  max-width:760px;
}

.r26-why-integrate.s4,
.r26-why-integrate .s4 {
  opacity:1;
  
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(28px,3.4vw,42px);
  line-height:1.06;
  margin:16px 0 0;
  text-wrap:balance;
  color:var(--text-heading);
}

.r26-why-integrate.s5,
.r26-why-integrate .s5 {
  opacity:1;
  
  font:400 18px/1.55 var(--font-body);
  color:var(--text-secondary);
  margin:16px 0 0;
  max-width:640px;
  text-wrap:pretty;
}

.r26-why-integrate.s6,
.r26-why-integrate .s6 {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:28px 36px;
  margin-top:36px;
}

.r26-why-integrate.s7,
.r26-why-integrate .s7 {
  opacity:1;
  
  display:flex;
  flex-direction:column;
}

.r26-why-integrate.s8,
.r26-why-integrate .s8 {
  position:relative;
  aspect-ratio:16/9;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  margin-bottom:14px;
  box-shadow:0 24px 60px rgba(17,24,39,.06),0 0 0 1px rgba(17,24,39,.05);
}

.r26-why-integrate.s9,
.r26-why-integrate .s9 {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.6) brightness(1.03);
  animation:xs-drift 10s ease-in-out 0s infinite;
}

.r26-why-integrate.s10,
.r26-why-integrate .s10 {
  position:absolute;
  top:-20%;
  bottom:-20%;
  width:30%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);
  animation:xs-sheen 6s ease-in-out 0s infinite;
  pointer-events:none;
}

.r26-why-integrate.s11,
.r26-why-integrate .s11 {
  padding-top:14px;
  border-top:1px solid var(--cube-gray-400);
}

.r26-why-integrate.s12,
.r26-why-integrate .s12 {
  font-family:var(--font-display);
  font-size:20px;
  line-height:1.2;
  color:var(--text-heading);
}

.r26-why-integrate.s13,
.r26-why-integrate .s13 {
  font:400 15px/1.5 var(--font-body);
  color:var(--text-secondary);
  margin:6px 0 0;
}

.r26-why-integrate.s14,
.r26-why-integrate .s14 {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.6) brightness(1.03);
  animation:xs-drift 10s ease-in-out 1.3s infinite;
}

.r26-why-integrate.s15,
.r26-why-integrate .s15 {
  position:absolute;
  top:-20%;
  bottom:-20%;
  width:30%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);
  animation:xs-sheen 6s ease-in-out 1.3s infinite;
  pointer-events:none;
}

.r26-why-integrate.s16,
.r26-why-integrate .s16 {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.6) brightness(1.03);
  animation:xs-drift 10s ease-in-out 2.6s infinite;
}

.r26-why-integrate.s17,
.r26-why-integrate .s17 {
  position:absolute;
  top:-20%;
  bottom:-20%;
  width:30%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.7),transparent);
  animation:xs-sheen 6s ease-in-out 2.6s infinite;
  pointer-events:none;
}

.r26-why-integrate.s18,
.r26-why-integrate .s18 {
  opacity:1;
  scale(.94);
  display:flex;
  flex-direction:column;
}

.r26-why-integrate.s19,
.r26-why-integrate .s19 {
  opacity:1;
  position:relative;
  aspect-ratio:16/9;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  margin-bottom:14px;
  box-shadow:0 24px 60px rgba(17,24,39,.06),0 0 0 1px rgba(17,24,39,.05);
}

.r26-why-integrate.s20,
.r26-why-integrate .s20 {
  position:relative;
  padding-top:14px;
  border-top:1px solid var(--cube-gray-400);
}

.r26-why-integrate.s21,
.r26-why-integrate .s21 {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:12px 16px;
  margin-top:32px;
}

.r26-why-integrate.s22,
.r26-why-integrate .s22 {
  display:inline-flex;
  text-decoration:none;
  color:inherit;
}