.integration-cloud-section {
  position: relative;
  padding: 76px 0 68px;
  overflow: hidden;
  color: #202530;
  background: radial-gradient(ellipse at 15% 55%, #f0f5ff 0, transparent 48%),
              radial-gradient(ellipse at 85% 65%, #f7f0ff 0, transparent 48%), #fbfcfe;
  border-bottom: 1px solid #e8ebf1;
  text-align: center;
}
.integration-cloud-section .integration-cloud-intro { max-width: 780px; margin: 0 auto; }
.integration-cloud-section .integration-cloud-eyebrow {
  margin: 0 0 14px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #a91832;
}
.integration-cloud-section h2 {
  margin: 0 0 18px;
  font-size: 34px;
  line-height: 1.25;
  letter-spacing: -0.7px;
  text-transform: none;
}
.integration-cloud-section .integration-cloud-intro > p:last-child {
  margin: 0;
  color: #596273;
  font-size: 18px;
  line-height: 1.6;
}
.integration-cloud-section .integration-cloud {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 18px;
  max-width: 850px;
  margin: 42px auto 38px;
  padding: 0;
  list-style: none;
}
.integration-cloud .integration-mark {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-height: 78px;
  padding: 18px 24px;
  border: 1px solid #e5e9f0;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(28, 39, 66, 0.04);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.15;
  white-space: nowrap;
}
.integration-mark img { display: block; flex-shrink: 0; object-fit: contain; }
.integration-cloud .integration-mark-squarespace { font-size: 19px; letter-spacing: -0.4px; }
.integration-cloud .integration-mark-shopify { font-size: 29px; font-weight: 700; font-style: italic; }
.integration-cloud .integration-mark-wordpress { font-family: Georgia, serif; font-weight: 400; }
.integration-cloud .integration-mark-wix { min-width: 128px; }
.integration-cloud .integration-mark-carrd { font-weight: 400; }
.integration-cloud .integration-mark-webflow { font-weight: 700; font-style: italic; color: #146ef5; }
.integration-cloud .integration-mark-hostinger { font-size: 19px; font-weight: 700; color: #673de6; }
.integration-cloud .integration-mark-microsoft,
.integration-cloud .integration-mark-google { font-size: 22px; font-weight: 500; color: #4d5156; }
.integration-microsoft-symbol { display: grid; grid-template-columns: repeat(2, 14px); gap: 3px; flex-shrink: 0; }
.integration-microsoft-symbol i { width: 14px; height: 14px; background: #f25022; }
.integration-microsoft-symbol i:nth-child(2) { background: #7fba00; }
.integration-microsoft-symbol i:nth-child(3) { background: #00a4ef; }
.integration-microsoft-symbol i:nth-child(4) { background: #ffb900; }
.integration-cloud-section .integration-cloud-footer p { margin: 0 0 20px; color: #596273; font-size: 16px; }
.integration-cloud-section .integration-cloud-cta {
  padding: 12px 24px;
  border: 1px solid #a91832;
  border-radius: 6px;
  background: #a91832;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: none;
}
.integration-cloud-section .integration-cloud-cta:hover { background: #861329; border-color: #861329; color: #fff; }
.integration-cloud-section .integration-cloud-cta:focus { outline: 3px solid #305db0; outline-offset: 4px; color: #fff; }
@media (min-width: 992px) {
  .integration-cloud .integration-mark:nth-child(3n + 2) { transform: translateY(-7px); }
}
@media (max-width: 767px) {
  .integration-cloud-section { padding: 52px 0 46px; }
  .integration-cloud-section h2 { font-size: 27px; }
  .integration-cloud-section .integration-cloud-intro > p:last-child { font-size: 16px; }
  .integration-cloud-section .integration-cloud { gap: 12px; margin: 28px auto; }
  .integration-cloud .integration-mark { min-height: 66px; padding: 14px 16px; font-size: 21px; }
  .integration-cloud .integration-mark-squarespace,
  .integration-cloud .integration-mark-hostinger { font-size: 17px; }
  .integration-cloud .integration-mark-microsoft,
  .integration-cloud .integration-mark-google { font-size: 20px; }
  .integration-cloud .integration-mark-wix { min-width: 106px; }
}