update: place app logo beside brand name

index.html

@@ -13,12 +13,10 @@
     <!-- Hero Section -->
     <section class="hero">
         <div class="hero-brand">
-            <img src="assets/images/tlogo.jpg" alt="Tabeley Logo" class="brand-logo">
+            <img src="assets/images/tlogoapp.png" alt="Tabeley App Logo" class="brand-logo">
             <span class="brand-name">Tabeley</span>
         </div>
 
-        <img src="assets/images/tlogoapp.png" alt="Tabeley App Logo" class="logo">
-
         <h1>احجز طاولتك بكل سهولة واحترافية</h1>
         <p>
             منصة Tabeley هي الحل الذكي لحجز الطاولات في المطاعم والمقاهي.

styles.css

@@ -52,8 +52,8 @@ body {
 .brand-logo {
     width: 64px;
     height: 64px;
-    border-radius: 999px;
+    border-radius: 16px;
-    object-fit: cover;
+    object-fit: contain;
     box-shadow: 0 8px 24px var(--shadow);
 }
 
@@ -64,15 +64,6 @@ body {
     line-height: 1;
 }
 
-.logo {
-    width: min(220px, 58vw);
-    height: auto;
-    border-radius: 28px;
-    object-fit: contain;
-    box-shadow: 0 8px 24px var(--shadow);
-    margin-bottom: 18px;
-}
-
 .hero h1 {
     font-size: clamp(30px, 4vw, 44px);
     margin-bottom: 8px;