/* Compact hero pill, sized to the NextLevel reference. */
.hero-callout {
  max-width:100%; gap:12px; padding:11px 22px 11px 12px;
  border:1px solid rgba(255,255,255,.16); border-radius:999px;
  font:600 clamp(12.5px,calc(11.27px + .329vw),16px)/1.2 Arial,sans-serif;
  text-transform:uppercase; letter-spacing:.05em;
}
.hero-callout strong {
  background:#fa244c; color:white; padding:4px 10px; border-radius:5px;
  font-size:clamp(11px,calc(9.94px + .282vw),14px); letter-spacing:.07em;
}
.hero-callout .callout-dot {display:none}
@media(max-width:620px) {
  .hero-callout {gap:9px; padding:9px 15px 9px 9px}
  .hero-callout strong {padding:3px 7px}
}