.ptc-automatic-compact-hero .ptc-automatic-hero-layout { gap: 20px; padding: 24px 20px 0; }
.ptc-automatic-compact-hero .ptc-automatic-hero-content { padding-bottom: 0; }
.ptc-automatic-compact-hero h1 { font-size: 28px; line-height: 1.12; margin-top: 14px; max-width: 560px; }
.ptc-automatic-compact-hero .ptc-automatic-hero-benefits { margin-top: 18px; gap: 10px; max-width: 500px; }
.ptc-automatic-compact-hero .ptc-automatic-hero-benefits > div { min-height: 64px; padding: 10px 12px; border-radius: 16px; gap: 10px; flex-direction: row; align-items: center; justify-content: flex-start; }
.ptc-automatic-compact-hero .ptc-automatic-hero-benefits > div > span:first-child { height: 36px; width: 36px; border-radius: 11px; }
.ptc-automatic-compact-hero .ptc-automatic-hero-benefits svg { height: 19px; width: 19px; }
.ptc-automatic-compact-hero .ptc-automatic-hero-benefits p { font-size: 12px; line-height: 1.4; }
.ptc-automatic-compact-hero .ptc-automatic-hero-benefits p.text-emerald-600 { font-size: 24px; line-height: 1; }
.ptc-automatic-compact-hero .ptc-automatic-hero-benefits p.uppercase { font-size: 10px; }
.ptc-automatic-compact-hero .ptc-automatic-hero-actions { margin-top: 18px; gap: 8px; }
.ptc-automatic-compact-hero .ptc-automatic-hero-actions > button,
.ptc-automatic-compact-hero .ptc-automatic-hero-actions > div > button { height: 44px; padding-left: 16px; padding-right: 16px; font-size: 12px; }
.ptc-automatic-compact-hero .ptc-automatic-hero-media { min-height: 0; margin-top: 0; }
.ptc-automatic-compact-hero .ptc-automatic-hero-image { max-width: 360px; }
@media (min-width: 640px) {
  .ptc-automatic-compact-hero .ptc-automatic-hero-layout { padding: 26px 28px 0; }
  .ptc-automatic-compact-hero h1 { font-size: 32px; }
  .ptc-automatic-compact-hero .ptc-automatic-hero-media { min-height: 240px; }
  .ptc-automatic-compact-hero .ptc-automatic-hero-image { max-width: 460px; }
}
@media (min-width: 1024px) {
  .ptc-automatic-compact-hero .ptc-automatic-hero-layout { min-height: 360px; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr); padding: 24px 32px; gap: 20px; }
  .ptc-automatic-compact-hero h1 { font-size: 34px; }
  .ptc-automatic-compact-hero .ptc-automatic-hero-media { min-height: 280px; align-self: stretch; align-items: center; }
  .ptc-automatic-compact-hero .ptc-automatic-hero-image { position: relative; bottom: auto; right: auto; max-width: 500px; max-height: 312px; }
}