#vsl.hero-mockup {
  container-type: inline-size;
  background:
    radial-gradient(ellipse at 50% 40%, #f5e7c9, transparent 70%),
    repeating-linear-gradient(105deg, #c6a77c18 0 1px, transparent 1px 8px),
    #dec49c;
}

.hero-mockup::before {
  position: absolute;
  inset: 3%;
  border: 1px solid #80603b65;
  content: "";
  pointer-events: none;
}

.hero-mockup .mockup-sheet {
  position: absolute;
  inset: auto;
  top: var(--top);
  left: var(--left);
  width: 33%;
  height: auto;
  border: 1px solid #92764f7a;
  border-radius: 1px;
  background: #f8eedb;
  box-shadow: 3px 8px 13px #432b244d;
  transform: rotate(var(--angle));
}

.hero-mockup .mockup-sheet:nth-child(1) { --left: 9%; --top: 15%; --angle: -19deg; }
.hero-mockup .mockup-sheet:nth-child(2) { --left: 23%; --top: 10%; --angle: -10deg; }
.hero-mockup .mockup-sheet:nth-child(3) { --left: 58%; --top: 15%; --angle: 17deg; }
.hero-mockup .mockup-sheet:nth-child(4) { --left: 46%; --top: 10%; --angle: 9deg; }
.hero-mockup .mockup-sheet:nth-child(5) { --left: 34%; --top: 22%; --angle: -3deg; width: 36%; }

.atlas-carousel .atlas-card {
  flex-basis: calc(40% - 11.2px);
}

.atlas-page-image {
  display: block;
  overflow: hidden;
  border: 1px solid #d5c4a3;
  border-radius: 2px;
  background: var(--white);
  box-shadow: 0 3px 8px #14283b0d;
}

.atlas-page-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1102 / 1427;
  object-fit: contain;
}

.atlas-page-image.has-portrait {
  display: grid;
  place-items: center;
  aspect-ratio: 1102 / 1427;
}

.atlas-sheet {
  position: relative;
  /* The original A4 sheet remains centered in the wider carousel frame. */
  width: calc(100% * 900 / 1273 * 1427 / 1102);
}

.atlas-sheet img:first-child {
  aspect-ratio: 900 / 1273;
}

.atlas-sheet .atlas-author-portrait {
  position: absolute;
  top: var(--portrait-top);
  left: var(--portrait-left);
  width: var(--portrait-width);
  height: var(--portrait-height);
  border-radius: 1.5%;
  object-fit: cover !important;
}

@media (max-width: 600px) {
  .atlas-carousel .atlas-card { flex-basis: 100%; }
  .atlas-carousel .atlas-row-stage {
    grid-template-columns: 1fr 1fr;
    column-gap: 12px;
  }
  .atlas-carousel .atlas-track {
    grid-area: 1 / 1 / 2 / -1;
    width: calc(120% - 105.6px);
    justify-self: center;
  }
  .atlas-carousel .atlas-row-stage > .atlas-arrow {
    grid-row: 2;
    transform: none;
  }
  .atlas-carousel .atlas-row-stage > .atlas-arrow:first-child { justify-self: end; }
  .atlas-carousel .atlas-row-stage > .atlas-arrow:last-child { justify-self: start; }
}

.plan .btn:disabled {
  cursor: default;
}

.plan .btn:disabled:hover {
  transform: none;
}

.atlas-reviews .tcard .review-example {
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.65;
}