Upload folder using huggingface_hub

index.html

@@ -27,18 +27,31 @@
       box-sizing: border-box;
     }
 
+    html {
+      overflow-x: hidden;
+    }
+
     body {
       font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
       background: var(--bg);
       color: var(--text);
       min-height: 100vh;
       line-height: 1.6;
+      overflow-x: hidden;
+      -webkit-overflow-scrolling: touch;
     }
 
     .container {
       max-width: 900px;
       margin: 0 auto;
       padding: 60px 24px;
+      width: 100%;
+    }
+
+    @media (max-width: 480px) {
+      .container {
+        padding: 40px 16px;
+      }
     }
 
     /* Header */
@@ -56,6 +69,7 @@
     .logo svg {
       height: 50px;
       width: auto;
+      max-width: 100%;
     }
 
     .tagline {
@@ -188,7 +202,13 @@
       gap: 16px;
     }
 
-    @media (max-width: 600px) {
+    @media (max-width: 768px) {
+      .product-features {
+        grid-template-columns: repeat(2, 1fr);
+      }
+    }
+
+    @media (max-width: 480px) {
       .product-features {
         grid-template-columns: 1fr;
       }
@@ -238,6 +258,7 @@
 
     .event-content {
       flex: 1;
+      min-width: 0;
     }
 
     .event-badge {
@@ -270,6 +291,72 @@
       color: var(--text);
       font-size: 1.5rem;
       margin-left: 16px;
+      flex-shrink: 0;
+    }
+
+    /* Mobile responsive fixes */
+    @media (max-width: 480px) {
+      .header {
+        margin-bottom: 40px;
+      }
+
+      .tagline {
+        font-size: 1.25rem;
+      }
+
+      .subtitle {
+        font-size: 1rem;
+      }
+
+      .links {
+        gap: 16px;
+      }
+
+      section {
+        margin-bottom: 36px;
+      }
+
+      h2 {
+        font-size: 1.25rem;
+      }
+
+      .product-hero {
+        padding: 24px 20px;
+        border-radius: 12px;
+      }
+
+      .product-hero h3 {
+        font-size: 1.25rem;
+      }
+
+      .product-hero a {
+        padding: 12px 24px;
+        font-size: 1rem;
+      }
+
+      .event-link {
+        padding: 16px;
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 12px;
+      }
+
+      .event-arrow {
+        margin-left: 0;
+        align-self: flex-end;
+      }
+
+      .event-content h3 {
+        font-size: 1rem;
+      }
+
+      .event-content p {
+        font-size: 0.85rem;
+      }
+
+      .feature {
+        padding: 16px;
+      }
     }
 
   </style>
@@ -324,7 +411,7 @@
       </div>
       <p class="tagline">Leverage Licensed Training Data<br>from Premium News & Sports Sources</p>
       <p class="subtitle">
-        Discover and access high-quality, fully licensed video and image datasets from leading media organizations. 
+        Discover and access high-quality, fully licensed video and image datasets from leading media organizations.
         Train bespoke vision models with confidence.
       </p>
       <nav class="links">