src/components/layout/corner-brand.tsx

import React from "react";

const CornerBrand: React.FC = () => {
  return (
    <div className="fixed bottom-0 right-0 w-16 h-16 overflow-hidden pointer-events-none z-10">
      <div className="absolute bottom-0 right-0 w-32 h-32 flex items-center justify-center rotate-45 translate-x-16 translate-y-16 bg-primary/5 shadow-inner">
        <div className="rotate-[-45deg] translate-x-[-3.5rem] translate-y-[-3.5rem] text-xs text-primary/80 font-medium">
          Synthesys
        </div>
      </div>
    </div>
  );
};

export default CornerBrand;