.product-hero {
  position: relative;
  min-height: 500px;
  display: grid;
  align-items: end;
  overflow: hidden;
  padding: 82px clamp(20px, 7vw, 104px);
  color: #fff;
  background:
    linear-gradient(90deg, rgba(18, 29, 21, .98) 0%, rgba(18, 29, 21, .88) 48%, rgba(18, 29, 21, .3) 100%),
    url("/assets/product-overview.png") 72% center / cover no-repeat;
}
.product-hero > div { position: relative; z-index: 1; max-width: 720px; }
.product-hero .home-eyebrow { color: #8be0a8; border-left-color: #48b96f; }
.product-hero h1 { max-width: 760px; margin: 18px 0; font-size: clamp(42px, 5vw, 68px); line-height: 1.02; }
.product-hero p:not(.home-eyebrow) { max-width: 670px; margin: 0; color: #d7dfd9; font-size: 20px; line-height: 1.6; }
.product-hero .hero-actions { margin-top: 28px; }
.product-copy { display: grid; grid-template-columns: minmax(240px, .72fr) minmax(0, 1.28fr); gap: clamp(44px, 8vw, 110px); }
.product-copy h2 { max-width: 500px; }
.product-copy .copy-body { display: grid; gap: 28px; }
.product-copy .copy-body section { padding-bottom: 28px; border-bottom: 1px solid var(--home-line); }
.product-copy .copy-body section:last-child { border-bottom: 0; }
.product-copy h3 { margin: 0 0 8px; font-size: 20px; }
.product-copy p { margin: 0; color: var(--home-muted); line-height: 1.75; }
.product-links { display: flex; flex-wrap: wrap; gap: 10px 22px; margin-top: 22px; }
.product-links a { color: var(--home-green-dark); font-weight: 750; }
.pricing-page-intro { padding-bottom: 0; }
@media (max-width: 860px) {
  .product-copy { grid-template-columns: 1fr; gap: 34px; }
}
@media (max-width: 560px) {
  .product-hero { min-height: 470px; padding: 60px 20px; }
  .product-hero h1 { font-size: 42px; }
  .product-hero p:not(.home-eyebrow) { font-size: 18px; }
}