{# Theme-token colors (var(--color-warn) etc.) so the offer reads correctly
   in dark mode — raw Tailwind amber-50/blue-600 looked out of place. #}
<div class="install-offer rounded-md p-4 my-4"
     style="border:0.5px solid var(--color-warn); background: var(--color-warn-tint);">
  <h2 class="text-lg font-semibold mb-2 text-text">Run net-alpha in the background?</h2>
  <p class="text-sm mb-3 text-text">
    Keep prices and wash-sale watch fresh while you're not looking. You can turn this off any
    time from the dashboard or with <code>net-alpha service stop</code>.
  </p>
  <p class="text-xs text-label-2 mb-3">
    Requires <a class="underline" href="https://docs.astral.sh/uv/" target="_blank" rel="noopener">uv</a> to be installed.
  </p>
  <form action="/welcome/install-service" method="post" class="flex gap-2 items-center">
    <button type="submit" class="px-3 py-1.5 rounded-md text-sm font-medium"
            style="background: var(--color-accent); color: white;">
      Install as service
    </button>
    <a href="/" class="text-sm text-label-2 hover:text-text underline">No thanks, ephemeral mode</a>
  </form>
</div>