.iq-live .iq-live-hero,
.iq-live .iq-live-section {
  padding-block: clamp(28px, 3.7vw, 50px);
}
.iq-live section[id] { scroll-margin-top: 90px; }

.iq-live .iq-live-pair {
  display: grid;
  grid-template-areas: "copy shot";
  grid-template-columns: minmax(0, 4fr) minmax(0, 6fr);
  align-items: center;
  gap: clamp(22px, 4vw, 52px);
}
.iq-live .iq-live-pair-reverse {
  grid-template-areas: "shot copy";
  grid-template-columns: minmax(0, 6fr) minmax(0, 4fr);
}
.iq-live .iq-live-pair-phone {
  grid-template-columns: minmax(0, 215px) minmax(0, 660px);
  justify-content: center;
}
.iq-live .iq-live-pair > div { grid-area: copy; }
.iq-live .iq-live-pair > figure { grid-area: shot; }
.iq-live .iq-live-pair > div > p:last-child { margin-bottom: 0; }

.iq-live .iq-live-shot {
  width: 100%;
  max-width: 680px;
  justify-self: center;
}
.iq-live .iq-live-shot a { display: block; border: 0; }
.iq-live .iq-live-shot img {
  border: 1px solid #dfe2e4;
  border-radius: 6px;
}
.iq-live .iq-live-shot figcaption {
  margin-top: 7px;
  color: #526176;
  font-size: 13px;
  line-height: 1.45;
}
.iq-live .iq-live-demo .iq-live-assurance { margin: 10px 0 14px; }
.iq-live .iq-live-demo details summary { cursor: pointer; }
.iq-live .iq-live-demo details p { margin: 8px 0 0; }

.iq-live .iq-live-pwa-shots {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 24px);
  margin-top: 24px;
}
.iq-live .iq-live-pwa-shots figure { margin: 0; }

@media (max-width: 760px) {
  .iq-live .iq-live-pair {
    grid-template-areas: "copy" "shot";
    grid-template-columns: minmax(0, 1fr);
  }
  .iq-live .iq-live-pair-phone > figure { max-width: 160px; }
  .iq-live .iq-live-pwa-shots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}