Medical Spa Hero Header

<div class="bg-white text-center">
  <style>@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Newsreader:opsz,wght@6..72,300;6..72,400;6..72,500&display=swap');
    .font-sans { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif; }
    .font-serif-news { font-family: 'Newsreader', ui-serif, Georgia, serif; }</style>
  <div class="inline-flex items-center space-x-2 bg-orange-500/10 border
    border-orange-500/20 px-3 py-1 rounded-full text-xs
    font-medium text-orange-600 mb-6">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="w-3 h-3">
      <path d="m22 7-8.5 8.5L9 11l-7 7"></path>
      <path d="M16 7h6v6"></path>
    </svg>
    <span>Client Success Stories</span>
  </div>
  <h2 class="sm:text-5xl lg:text-6xl text-4xl font-semibold text-stone-900 tracking-tight font-serif-news mb-6">
    <span class="bg-gradient-to-r from-orange-500 to-orange-600 bg-clip-text text-transparent">Results</span>
  </h2>
  <p class="sm:text-xl max-w-3xl text-lg text-stone-700 mx-auto">See how health and wellness chains are transforming their operations with our 3-AI orchestration system</p>
</div>