.closing {
  overflow: clip;
  color-scheme: dark;
  background: #0d0e0f;
  color: #f7f7f5;
}
.closing-inner {
  display: grid;
  justify-items: center;
  padding-top: clamp(68px, 8vw, 125px);
  text-align: center;
}
.closing h2 {
  max-width: 17ch;
  margin: 0 auto;
  font-size: clamp(46px, 5.6vw, 88px);
  font-weight: 555;
  line-height: 1.01;
  letter-spacing: -.04em;
}
.closing-description {
  max-width: 46ch;
  margin: 18px auto 0;
  font-size: clamp(17px, 1.5vw, 23px);
  line-height: 1.46;
  color: #bebfc1;
  text-wrap: balance;
}
.closing-cta { margin-top: 28px; padding-inline: 24px; background: #f4f5f2; color: #17191a; }
.closing-cta:hover { background: #dedfdb; }
.closing-trial { margin-top: 12px; color: #bbbdbe; font-size: 13px; }
.closing-screens {
  display: grid;
  grid-template: repeat(12, minmax(0, 1fr)) / repeat(20, minmax(0, 1fr));
  width: min(100%, 1000px);
  aspect-ratio: 2.85;
  margin-top: clamp(42px, 4.2vw, 67px);
  isolation: isolate;
}
.closing-screen {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  text-align: start;
  border-radius: 12px 12px 0 0;
  box-shadow: 0 12px 50px #0405066b;
  cursor: zoom-in;
}
.closing-personal { grid-area: 1 / 1 / 13 / 13; color: #373a3d; background: #f1f2f3; }
.closing-team { grid-area: 3 / 9 / 13 / 21; color: #efefed; background: #28292b; }
.closing-screen-head {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 32px;
  padding: 5px 13px;
  font-size: 12px;
  font-weight: 600;
}
.closing-screen img { display: block; width: 100%; flex: 1; min-height: 0; object-fit: cover; object-position: top; }
.closing-screen:hover .closing-screen-head { text-decoration: underline; text-underline-offset: 3px; }
.closing :is(button, a):focus-visible { outline: 3px solid #f5f5f2; outline-offset: 3px; }
.closing-screen:focus-visible { z-index: 1; }
@media (max-width: 760px) {
  .closing h2 { font-size: clamp(38px, 7.1vw, 55px); }
  .closing-description { margin-top: 14px; }
  .closing-screens { aspect-ratio: 2; }
  .closing-personal { grid-column-end: 15; }
  .closing-team { grid-column-start: 7; }
  .closing-screen-head { min-height: 24px; padding: 3px 8px; font-size: 10px; }
  .closing-screen { border-radius: 7px 7px 0 0; }
}