/**
 * Vira.sa mark — twin-stroke "V" in the brand's azure gradient,
 * right stroke sweeping up into an arrow (growth), after the official logo.
 */
export default function BrandMark({ className }: { className?: string }) {
  return (
    <svg viewBox="0 0 64 64" fill="none" className={className} aria-hidden="true">
      <defs>
        <linearGradient id="vm-l" x1="0.2" y1="0" x2="0.8" y2="1">
          <stop offset="0" stopColor="#5FB2FF" />
          <stop offset="1" stopColor="#1B49B8" />
        </linearGradient>
        <linearGradient id="vm-r" x1="0.1" y1="1" x2="0.9" y2="0">
          <stop offset="0" stopColor="#1E55C8" />
          <stop offset="1" stopColor="#6FC0FF" />
        </linearGradient>
      </defs>
      {/* left stroke */}
      <path d="M9 9 H24 L37 45 L29.5 57 Z" fill="url(#vm-l)" />
      {/* right stroke sweeping into the arrow tip */}
      <path d="M29.5 57 L23.5 39.5 L42 13 L36.5 13 L43 5 H57 V22.5 L50.5 30.5 V19 Z" fill="url(#vm-r)" />
    </svg>
  );
}