Signin: color logo on left, road-green icon on right, black road favicon

ondeck/src/app/auth/signin/page.tsx

@@ -9,7 +9,7 @@ export default function SignInPage() {
            style={{ background: 'linear-gradient(160deg, #0F513F 0%, #15745a 60%, #1FA883 100%)' }}>
         <div>
           <Image
-            src="/seubert-logo.png"
+            src="/seubert-logo-color.png"
             alt="Seubert"
             width={220}
             height={68}
@@ -32,14 +32,23 @@ export default function SignInPage() {
       {/* Right panel — form */}
       <div className="flex-1 flex flex-col items-center justify-center px-6 py-12 bg-white">
         <div className="w-full max-w-sm">
-          {/* Mobile logo */}
-          <div className="flex justify-center mb-8 lg:hidden">
+          {/* Logo — road icon on desktop, color logo on mobile */}
+          <div className="flex justify-center mb-8 lg:mb-10">
+            <Image
+              src="/seub-road-green.png"
+              alt="Seubert"
+              width={80}
+              height={80}
+              priority
+              className="hidden lg:block"
+            />
             <Image
               src="/seubert-logo-color.png"
               alt="Seubert"
               width={220}
               height={68}
               priority
+              className="lg:hidden"
             />
           </div>
 

ondeck/src/app/layout.tsx

@@ -17,6 +17,9 @@ const geistMono = Geist_Mono({
 export const metadata: Metadata = {
   title: "Horizon - Policy Renewal Workflow Management",
   description: "Streamline your insurance policy renewal workflow with Horizon",
+  icons: {
+    icon: "/favicon.png",
+  },
 };
 
 export default function RootLayout({