<svg xmlns="http://www.w3.org/2000/svg" width="192" height="64" viewBox="0 0 192 64" fill="none" role="img" aria-label="Tail logo">
  <defs>
    <!-- Orange wordmark for light backgrounds -->
    <!-- orange-700: #B93815, orange-500: #EF6820 -->
    <linearGradient id="tailOrange" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#B93815" />
      <stop offset="100%" stop-color="#EF6820" />
    </linearGradient>
  </defs>

  <!-- Transparent background by design -->
  <text
    x="96"
    y="48"
    fill="url(#tailOrange)"
    text-anchor="middle"
    font-family="'Plus Jakarta Sans', 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif"
    font-size="48"
    font-weight="800"
    letter-spacing="-1.2"
  >
    Tail<tspan fill="#EF6820">.</tspan>
  </text>
</svg>

