/* Public-site refinements, scoped so the test application keeps its own UI. */
:root[data-hz-theme] .public-only.marketing .hero {
  padding-inline: clamp(22px, 5vw, 70px);
}
:root[data-hz-theme] .public-only.marketing .trial-card .price-note {
  font-family: inherit;
  font-weight: 600;
  letter-spacing: -.035em;
}
.marketing .founder-intro { display: flex; align-items: center; gap: 20px; margin-top: 23px; }
.marketing .founder-intro img, .marketing .hz-founder-portrait {
  width: 108px; height: 128px; flex: none; object-fit: cover; object-position: center 26%;
  border-radius: 14px; border: 1px solid var(--edge); box-shadow: 0 16px 32px #05152724;
}
.marketing .founder-intro .signature { margin: 0; }
.marketing .hz-founder-portrait { width: 78px; height: 90px; margin-bottom: 12px; }
@media (max-width: 600px) {
  .marketing .founder-intro { gap: 14px; }
  .marketing .founder-intro img { width: 82px; height: 98px; border-radius: 11px; }
  :root[data-hz-theme] .public-only.marketing .hero { padding-inline: 20px; }
}

/* Header side gutters: the bear mark and last control must not touch the frame. */
.public-only.marketing .site-head {
  padding-inline: 32px;
}
/* Keep the full navigation on one line on smaller desktop screens. */
@media (min-width: 981px) and (max-width: 1100px) {
  .public-only.marketing .site-head {
    padding-inline: 18px;
    gap: 12px;
  }
  .public-only.marketing .site-head .site-nav {
    gap: 12px;
  }
}
@media (max-width: 980px) {
  .public-only.marketing .site-head {
    padding-inline: 18px;
  }
}
@media (max-width: 360px) {
  .public-only.marketing .site-head {
    padding-inline: 12px;
  }
}