#jeph-complete .hc-commercial {
  padding-top: 60px;
  border-top: 1px solid var(--hc-line);
}

#jeph-complete .hc-commercial-intro,
#jeph-complete .hc-commercial-offer,
#jeph-complete .hc-commercial-collaboration,
#jeph-complete .hc-commercial-process {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 40px 80px;
  align-items: start;
}

#jeph-complete .hc-commercial-intro > p {
  max-width: 43ch;
  font-size: clamp(18px, 2cqw, 22px);
  line-height: 1.5;
}

#jeph-complete .hc-commercial-offers {
  margin-top: 64px;
}

#jeph-complete .hc-commercial-offer {
  padding-block: 32px;
  border-top: 1px solid var(--hc-line);
}

#jeph-complete .hc-commercial-offer h3,
#jeph-complete .hc-commercial-collaboration h3,
#jeph-complete .hc-commercial-process h3 {
  max-width: 23ch;
  font-size: clamp(24px, 2.8cqw, 32px);
  line-height: 1.15;
}

#jeph-complete .hc-commercial-offer h3 {
  max-width: 18ch;
}

#jeph-complete .hc-commercial-offer-copy > p,
#jeph-complete .hc-commercial-partners p,
#jeph-complete .hc-commercial-process-intro > p,
#jeph-complete .hc-commercial-steps p {
  max-width: 62ch;
  font-size: 16px;
  line-height: 1.65;
  color: #454545;
}

#jeph-complete .hc-commercial-link {
  margin-top: 16px;
  padding-block: 8px;
  font-size: 14px;
  line-height: 1.5;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

#jeph-complete .hc-commercial-link svg {
  transition: transform 200ms ease;
}

#jeph-complete .hc-commercial-link:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}

#jeph-complete .hc-commercial-collaboration,
#jeph-complete .hc-commercial-process {
  margin-top: 64px;
}

#jeph-complete .hc-commercial-partners {
  display: grid;
  gap: 24px;
}

#jeph-complete .hc-commercial-partners strong {
  color: var(--hc-ink);
  font-weight: 500;
}

#jeph-complete .hc-commercial-process-intro > p {
  max-width: 31ch;
  margin-top: 24px;
}

#jeph-complete .hc-commercial-steps {
  padding: 0;
  list-style: none;
  counter-reset: commercial-step;
}

#jeph-complete .hc-commercial-steps li {
  position: relative;
  padding: 0 0 24px 32px;
  counter-increment: commercial-step;
}

#jeph-complete .hc-commercial-steps li + li {
  padding-top: 24px;
  border-top: 1px solid var(--hc-line);
}

#jeph-complete .hc-commercial-steps li::before {
  position: absolute;
  left: 0;
  content: counter(commercial-step) ".";
  font-size: 14px;
  line-height: 26px;
  font-variant-numeric: tabular-nums;
}

#jeph-complete .hc-commercial-steps strong {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 500;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  #jeph-complete .hc-commercial-link:hover svg {
    transform: translate(2px, -2px);
  }
}

@container hc-page (max-width: 800px) {
  #jeph-complete .hc-commercial-intro,
  #jeph-complete .hc-commercial-offer,
  #jeph-complete .hc-commercial-collaboration,
  #jeph-complete .hc-commercial-process {
    grid-template-columns: .8fr 1.2fr;
    column-gap: 32px;
  }
}

@container hc-page (max-width: 650px) {
  #jeph-complete .hc-commercial {
    padding-top: 32px;
  }

  #jeph-complete .hc-commercial-intro,
  #jeph-complete .hc-commercial-offer,
  #jeph-complete .hc-commercial-collaboration,
  #jeph-complete .hc-commercial-process {
    display: block;
  }

  #jeph-complete .hc-commercial-intro > p,
  #jeph-complete .hc-commercial-offer-copy,
  #jeph-complete .hc-commercial-partners,
  #jeph-complete .hc-commercial-steps {
    margin-top: 24px;
  }

  #jeph-complete .hc-commercial-offers,
  #jeph-complete .hc-commercial-collaboration,
  #jeph-complete .hc-commercial-process {
    margin-top: 48px;
  }

  #jeph-complete .hc-commercial-offer {
    padding-block: 28px;
  }

  #jeph-complete .hc-commercial-offer h3 {
    max-width: 24ch;
  }

  #jeph-complete .hc-commercial-process-intro > p {
    max-width: 50ch;
    margin-top: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #jeph-complete .hc-commercial-link svg {
    transition: none;
  }
}

/* Selo Ancine */
#jeph-complete .hc-ancine-badge{display:flex;align-items:center;gap:18px;margin-top:40px}
#jeph-complete .hc-ancine-badge img{width:96px;height:auto;flex:none}
#jeph-complete .hc-ancine-badge p{margin:0;font-size:14px;line-height:1.5;color:var(--hc-sub)}
#jeph-complete .hc-footer-ancine{display:inline-flex;align-items:center;gap:10px;color:var(--hc-sub)}
#jeph-complete .hc-footer-ancine img{width:52px;height:auto}