.integrations-hero { padding-top: clamp(40px, 6vw, 72px); }
.breadcrumb--dark, .breadcrumb--dark a { color: rgba(243,241,236,.62); }
.integrations-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
  gap: clamp(44px, 7vw, 96px);
  align-items: center;
  padding-top: clamp(32px, 4vw, 56px);
}
.integrations-hero__copy { max-width: 690px; }
.integrations-hero__copy h1 { color: var(--lt-brand-ivory); max-width: 14ch; }
.integrations-hero__visual {
  min-height: 590px;
  clip-path: polygon(8% 0, 100% 0, 100% 100%, 0 100%, 0 9%);
  border: 1px solid rgba(15,161,153,.34);
}
.integrations-hero__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; filter: saturate(.72) contrast(1.04) brightness(.86); }

.integrations-friction__list { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid rgba(13,17,21,.14); }
.integrations-friction__list article { padding: 28px 26px 10px 0; min-height: 225px; }
.integrations-friction__list article + article { border-left: 1px solid rgba(13,17,21,.14); padding-left: 26px; }
.integrations-friction__list span,
.integrations-interface__matrix span,
.integrations-reliability__grid span { color: var(--lt-brand-teal); font-size: 12px; letter-spacing: .08em; }
.integrations-friction__list h3,
.integrations-interface__matrix h3 { margin: 30px 0 12px; font-size: 22px; }
.integrations-friction__list p,
.integrations-interface__matrix p { color: #4c5458; font-size: 15px; line-height: 1.65; }

.integrations-split,
.integrations-contact__inner { display: grid; grid-template-columns: minmax(0,.84fr) minmax(0,1.16fr); gap: clamp(44px,8vw,110px); align-items: start; }
.integrations-flowline { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:32px; font-size:13px; letter-spacing:.04em; }
.integrations-flowline span,
.integrations-flowline strong { border:1px solid rgba(13,17,21,.16); padding:10px 13px; }
.integrations-flowline strong { border-color: var(--lt-brand-teal); }
.integrations-flowline i { color: var(--lt-brand-teal); font-style: normal; }

.integrations-interface__matrix { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid rgba(243,241,236,.16); }
.integrations-interface__matrix article { min-height:275px; padding:30px 30px 28px 0; }
.integrations-interface__matrix article + article { border-left:1px solid rgba(243,241,236,.12); padding-left:30px; }
.integrations-interface__matrix h3 { color:var(--lt-brand-ivory); }
.integrations-interface__matrix p { color:var(--lt-brand-warm-gray); }

.integrations-orchestration__rules,
.integrations-reliability__grid { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid rgba(13,17,21,.14); margin-top:30px; }
.integrations-orchestration__rules div,
.integrations-reliability__grid div { padding:24px 26px 24px 0; border-bottom:1px solid rgba(13,17,21,.14); }
.integrations-orchestration__rules div:nth-child(even),
.integrations-reliability__grid div:nth-child(even) { padding-left:26px; border-left:1px solid rgba(13,17,21,.14); }
.integrations-orchestration__rules strong,
.integrations-reliability__grid strong { display:block; font-family:var(--lt-font-display); font-size:20px; margin-bottom:10px; }
.integrations-orchestration__rules p,
.integrations-reliability__grid p { margin:0; color:#4f575b; }

.integrations-usecases__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.integrations-usecases__grid article { min-height:310px; padding:32px; border:1px solid rgba(243,241,236,.16); display:flex; flex-direction:column; }
.integrations-usecases__grid span { color:var(--lt-brand-teal); text-transform:uppercase; letter-spacing:.08em; font-size:12px; }
.integrations-usecases__grid strong { color:var(--lt-brand-ivory); font-family:var(--lt-font-display); font-size:23px; line-height:1.25; margin:auto 0 16px; }
.integrations-usecases__grid p { color:var(--lt-brand-warm-gray); margin:0; }

.integrations-outcomes__list { border-top:1px solid rgba(13,17,21,.14); }
.integrations-outcomes__list p { display:grid; grid-template-columns:50px 180px 1fr; gap:16px; align-items:start; margin:0; padding:22px 0; border-bottom:1px solid rgba(13,17,21,.14); color:#4f575b; }
.integrations-outcomes__list span { color:var(--lt-brand-teal); font-size:12px; letter-spacing:.08em; }
.integrations-outcomes__list strong { color:var(--lt-brand-graphite); font-family:var(--lt-font-display); font-size:18px; }
.integrations-contact__inner .button { margin-top:24px; }

@media (max-width: 980px) {
  .integrations-hero__grid,
  .integrations-split,
  .integrations-contact__inner { grid-template-columns:1fr; }
  .integrations-hero__visual { min-height:460px; }
  .integrations-friction__list { grid-template-columns:1fr 1fr; }
  .integrations-friction__list article:nth-child(3) { border-left:0; padding-left:0; }
  .integrations-interface__matrix { grid-template-columns:1fr 1fr; }
  .integrations-interface__matrix article:nth-child(3) { border-left:0; padding-left:0; }
}

@media (max-width: 720px) {
  .integrations-hero__visual { min-height:390px; clip-path:none; }
  .integrations-hero__copy h1 { max-width:none; }
  .integrations-friction__list,
  .integrations-interface__matrix,
  .integrations-orchestration__rules,
  .integrations-reliability__grid,
  .integrations-usecases__grid { grid-template-columns:1fr; }
  .integrations-friction__list article,
  .integrations-friction__list article + article,
  .integrations-friction__list article:nth-child(3),
  .integrations-interface__matrix article,
  .integrations-interface__matrix article + article,
  .integrations-interface__matrix article:nth-child(3),
  .integrations-orchestration__rules div,
  .integrations-orchestration__rules div:nth-child(even),
  .integrations-reliability__grid div,
  .integrations-reliability__grid div:nth-child(even) { min-height:0; padding:24px 0; border-left:0; }
  .integrations-usecases__grid article { min-height:250px; }
  .integrations-outcomes__list p { grid-template-columns:42px 1fr; }
  .integrations-outcomes__list p strong { grid-column:2; }
  .integrations-outcomes__list p { row-gap:6px; }
}