/* Reference lock: selected front-v3; homepage glass motion and existing site type. */
.context-v2 .context-offer-top {
  display: block;
}
.context-v2 .context-offer-top h1 {
  max-width: 32ch;
  margin: 0;
  font-size: clamp(2.1rem, 3.5vw, 3.5rem);
}
.context-v2 .context-offer-top .cx-intro {
  max-width: 83ch;
  margin: 1.15rem 0 0;
  font-size: clamp(1rem, 1.4vw, 1.2rem);
}
.cx-animation {
  display: block;
  position: relative;
  margin: 0.3rem auto 0;
  width: 100%;
}
.cx-animation-stage {
  position: relative;
  width: 100%;
  aspect-ratio: 1942 / 809;
}
.cx-animation-stage img {
  display: block;
  width: 100%;
  height: auto;
}
.cx-animation-stage canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.cx-animation-pause {
  position: absolute;
  bottom: 0.15rem;
  right: 0.7rem;
  padding: 0.35rem 0.6rem;
  border: 1px solid #dce4ee;
  border-radius: 7px;
  background: #fff;
  color: #465a7b;
  font: inherit;
  font-size: 0.75rem;
  cursor: pointer;
}
.cx-animation-pause:hover {
  color: #1867e0;
  border-color: #1867e0;
}
.cx-animation-pause:focus-visible {
  outline: 2px solid #1867e0;
  outline-offset: 3px;
}
.context-v2 .context-offer .cx-approach {
  margin-top: 0.5rem;
}
.context-v2 .context-offer .cx-approach article {
  min-height: 0;
  padding: 1rem 1.15rem;
}
.context-v2 .context-offer .cx-approach .cx-approach-title {
  margin: 0;
}
.context-v2 .context-offer .cx-approach p {
  margin-bottom: 0;
}
@media (max-width: 700px) {
  .context-v2 .context-offer-top h1 {
    max-width: none;
  }
  .cx-animation {
    margin-block: 1rem;
  }
  .cx-animation-pause {
    position: static;
    display: block;
    margin: 0.25rem 0 0 auto;
    min-height: 36px;
  }
  .cx-animation-pause[hidden] {
    display: none;
  }
}

/* Компактный первый экран: обрезаем только белые поля исходной картинки. */
.context-v2 .context-offer-top { text-align: center; }
.context-v2 .context-offer-top h1 { margin-inline: auto; max-width: none; }
.context-v2 .context-offer-top .cx-intro { margin-inline: auto; max-width: 88ch; }
.cx-animation { overflow: hidden; margin-block: 0.75rem 0; }
.cx-animation-stage { margin-top: -8%; margin-bottom: -6%; }
.cx-animation-stage:focus-visible { outline: 2px solid #1867e0; outline-offset: -3px; }
.context-v2 .context-offer .cx-approach { margin-top: -0.25rem; position: relative; }
.context-v2 .cx-report-section > .cx-heading { display: block; text-align: center; }
.context-v2 .cx-report-section > .cx-heading h2 { margin-bottom: 0.6rem; }
.context-v2 .cx-report-section > .cx-heading > p { max-width: none; width: auto; margin: 0; }
@media (max-width: 700px) {
 .cx-animation { margin-block: 0.75rem 0; }
 .context-v2 .context-offer .cx-approach { margin-top: 0; }
}