/* Terminal hero artwork is decorative; the unaltered product capture follows below. */
.public-refresh .pr-terminal-hero {
  --terminal-art: url("/assets/terminal/terminal-hero-dark-lossless-20260923.webp");
  --terminal-shade: 16, 19, 20;
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: 540px;
  padding: 56px 0;
  overflow: hidden;
  text-align: left;
  background: var(--pr-bg);
  border-bottom: 1px solid var(--pr-line);
}
html[data-public-theme="light"] .public-refresh .pr-terminal-hero {
  --terminal-art: url("/assets/terminal/terminal-hero-light-lossless-20260923.webp");
  --terminal-shade: 246, 245, 240;
}
.public-refresh .pr-terminal-hero::before,
.public-refresh .pr-terminal-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.public-refresh .pr-terminal-hero::before {
  /* Keep the 1672px source below its native width, even on wide displays. */
  background: var(--terminal-art) center right / min(1320px, 100vw) auto no-repeat;
}
.public-refresh .pr-terminal-hero::after {
  background: linear-gradient(90deg,
    rgba(var(--terminal-shade), .98) 0%,
    rgba(var(--terminal-shade), .94) 27%,
    rgba(var(--terminal-shade), .8) 40%,
    rgba(var(--terminal-shade), .32) 57%,
    rgba(var(--terminal-shade), 0) 75%);
}
.public-refresh .pr-terminal-hero-copy { max-width: 640px; }
.public-refresh .pr-terminal-hero h1 {
  font-size: clamp(42px, 3.7vw, 64px);
  margin-inline: 0;
  text-wrap: initial;
}
.public-refresh .pr-terminal-hero .pr-lead {
  max-width: 510px;
  margin-inline: 0;
}
.public-refresh .pr-terminal-hero .pr-eyebrow,
.public-refresh .pr-terminal-hero .pr-actions { justify-content: flex-start; }
.public-refresh .pr-terminal-hero .pr-eyebrow { background: rgba(var(--terminal-shade), .72); }
.public-refresh .pr-terminal-hero .pr-button-secondary { background: rgba(var(--terminal-shade), .78); }
.public-refresh .pr-terminal-hero .pr-button-secondary:hover { background: var(--pr-raised); }
.public-refresh .pr-terminal-hero .pr-hero-note { max-width: 490px; }
.public-refresh .pr-terminal-capture { margin-bottom: 42px; }
.public-refresh .pr-terminal-proof { padding-block: 24px; }
@media (max-width: 1100px) {
  .public-refresh .pr-terminal-hero::before { background-size: auto 100%; }
  .public-refresh .pr-terminal-hero::after {
    background: linear-gradient(90deg, rgba(var(--terminal-shade), .97), rgba(var(--terminal-shade), .89) 35%, rgba(var(--terminal-shade), .24) 85%);
  }
  .public-refresh .pr-terminal-hero-copy { max-width: 570px; }
}
@media (max-width: 700px) {
  .public-refresh .pr-hero.pr-terminal-hero {
    min-height: 0;
    padding: 40px 0 200px;
    align-items: flex-start;
  }
  .public-refresh .pr-terminal-hero::before {
    background-size: auto 360px;
    background-position: right bottom -60px;
  }
  .public-refresh .pr-terminal-hero::after {
    background: linear-gradient(180deg,
      rgba(var(--terminal-shade), 1) 0%,
      rgba(var(--terminal-shade), 1) 48%,
      rgba(var(--terminal-shade), .98) 64%,
      rgba(var(--terminal-shade), .16) 78%,
      rgba(var(--terminal-shade), 0) 92%);
  }
  .public-refresh .pr-terminal-hero h1 { font-size: clamp(36px, 9.5vw, 52px); }
  .public-refresh .pr-terminal-hero .pr-lead { max-width: 470px; }
  .public-refresh .pr-terminal-hero .pr-actions { gap: 10px; }
  .public-refresh .pr-terminal-hero .pr-button { padding-inline: 19px; }
  .public-refresh .pr-terminal-hero .pr-hero-note { max-width: 390px; }
  .public-refresh .pr-terminal-proof { justify-content: flex-start; }
  .public-refresh .pr-terminal-capture { margin-bottom: 30px; }
}