/* Client investment-summary copy on Page 2 and Page 3. */
.hero__investment-summary {
  max-width: 690px;
  margin: 12px 0 0;
  color: rgba(230, 246, 244, 0.98);
  font-size: 0.98rem;
  line-height: 1.85;
  letter-spacing: 0.01em;
}

.hero__performance-range {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.7em;
  margin: 0 0.14em;
  padding: 0.12em 0.34em 0.16em;
  border: 1px solid rgba(143, 255, 212, 0.52);
  border-radius: 3px;
  background:
    linear-gradient(180deg, rgba(12, 54, 47, 0.98), rgba(3, 32, 29, 0.98)),
    repeating-linear-gradient(90deg, transparent 0 9px, rgba(142, 255, 217, 0.09) 10px 11px);
  color: #aaffd7;
  font-family: "OCR A Std", "Lucida Console", "Courier New", ui-monospace, monospace;
  font-size: 1.08em;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.08em;
  line-height: 1;
  text-shadow: 0 0 5px rgba(116, 255, 207, 0.9), 0 0 12px rgba(55, 224, 171, 0.48);
  box-shadow: inset 0 0 10px rgba(124, 255, 210, 0.14), 0 0 0 1px rgba(7, 19, 21, 0.52);
  vertical-align: 0.06em;
  white-space: nowrap;
}


/* Page 2 and Page 3: slightly reduce the hero heading scale. */
.hero__copy h1 {
  font-size: clamp(2.72rem, 4.2vw, 4.38rem);
}

@media (max-width: 680px) {

  .hero__copy h1 {
    font-size: clamp(1.9rem, 9.15vw, 2.78rem);
  }

  .hero__investment-summary {
    margin-top: 10px;
    font-size: 0.92rem;
    line-height: 1.78;
  }

  .hero__performance-range {
    min-width: 5.45em;
    margin-inline: 0.08em;
    font-size: 1.04em;
  }
}


/* Page 2/3: slightly reduce only the large hero headline shown in the reference. */
html[data-template-id="page2"] .hero__copy h1,
html[data-template-id="page3"] .hero__copy h1 {
  font-size: clamp(2.65rem, 4.1vw, 4.25rem);
}

@media (max-width: 1180px) {
  html[data-template-id="page2"] .hero__copy h1,
  html[data-template-id="page3"] .hero__copy h1 {
    font-size: clamp(2.3rem, 5.5vw, 3.45rem);
  }
}

@media (max-width: 680px) {
  html[data-template-id="page2"] .hero__copy h1,
  html[data-template-id="page3"] .hero__copy h1 {
    font-size: clamp(1.85rem, 8.6vw, 2.65rem);
  }
}