Upd mobile rend

index.html

@@ -304,28 +304,30 @@
 
   <main id="main">
     <!-- Hero -->
-    <section class="relative" aria-labelledby="hero-title">
+    <section class="relative overflow-x-clip" aria-labelledby="hero-title" style="overflow-x: clip;">
       <div class="max-w-7xl mx-auto px-4 py-16 lg:py-24">
         <div class="grid lg:grid-cols-2 gap-10 items-center">
-          <div data-aos="fade-right" data-aos-duration="700">
+          
+          <!-- Left -->
+          <div class="min-w-0" data-aos="fade-right" data-aos-duration="700">
             <div class="flex flex-wrap items-center gap-2 mb-4">
               <span class="badge"><i data-lucide="shield-check" class="icon" aria-hidden="true"></i> Evidence-first</span>
               <span class="badge"><i data-lucide="search" class="icon" aria-hidden="true"></i> Two-stage retrieval</span>
               <span class="badge"><i data-lucide="fingerprint" class="icon" aria-hidden="true"></i> Auditable traces</span>
               <span class="badge"><i data-lucide="cpu" class="icon" aria-hidden="true"></i> Distilled 7B</span>
             </div>
-
-            <h1 id="hero-title" class="text-4xl lg:text-6xl font-extrabold leading-tight tracking-tight">
+    
+            <h1 id="hero-title" class="text-4xl lg:text-6xl font-extrabold leading-tight tracking-tight break-words">
               Multi-Agent <span class="text-indigo-300">Biomedical</span> Reasoning
               <span class="block text-slate-200">Grounded in EMR & Guidelines</span>
             </h1>
-
-            <p class="mt-5 text-slate-300 text-lg max-w-2xl">
+    
+            <p class="mt-5 text-slate-300 text-lg max-w-2xl break-words">
               MedSwin is an <span class="text-slate-100 font-semibold">evidence-constrained</span> clinical QA stack:
               specialised agents coordinate retrieval, EMR summarisation, guideline synthesis, and safety critique—while a
               <span class="text-slate-100 font-semibold">calibrated reranker</span> enforces evidence sufficiency under a token budget.
             </p>
-
+    
             <div class="mt-8 flex flex-wrap gap-3">
               <a class="btn btn-primary" href="https://github.com/MedSwin/RAG" target="_blank" rel="noopener noreferrer">
                 <i data-lucide="rocket" class="icon" aria-hidden="true"></i>
@@ -340,30 +342,34 @@
                 Quick Tour
               </button>
             </div>
-
+    
             <div class="mt-6 flex flex-wrap items-center gap-4 text-sm text-slate-400">
               <span class="inline-flex items-center gap-2"><i data-lucide="graduation-cap" class="icon" aria-hidden="true"></i> MedSwin</span>
               <span class="inline-flex items-center gap-2"><i data-lucide="lock" class="icon" aria-hidden="true"></i> Local-deployable by design</span>
               <span class="inline-flex items-center gap-2"><i data-lucide="clipboard-check" class="icon" aria-hidden="true"></i> Provenance-aware output</span>
             </div>
-
-            <!-- Marquee -->
-            <div class="mt-8 overflow-hidden max-w-full rounded-2xl border border-white/10 bg-slate-950/40">
-              <div class="flex w-max gap-6 whitespace-nowrap px-6 py-3 animate-marquee text-xs text-slate-300">
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="git-branch" class="icon"></i> Replayable traces</span>
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="list-checks" class="icon"></i> Evidence sufficiency checks</span>
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="sliders" class="icon"></i> Token budget control</span>
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="scan-search" class="icon"></i> Hybrid ANN + BM25</span>
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="badge-check" class="icon"></i> Calibrated reranker</span>
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="activity" class="icon"></i> Multi-agent coordination (MAC)</span>
-            
-                <!-- duplicate for seamless loop -->
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="git-branch" class="icon"></i> Replayable traces</span>
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="list-checks" class="icon"></i> Evidence sufficiency checks</span>
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="sliders" class="icon"></i> Token budget control</span>
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="scan-search" class="icon"></i> Hybrid ANN + BM25</span>
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="badge-check" class="icon"></i> Calibrated reranker</span>
-                <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="activity" class="icon"></i> Multi-agent coordination (MAC)</span>
+    
+            <!-- Marquee (fixed: no w-max overflow) -->
+            <div class="mt-8 overflow-hidden w-full rounded-2xl border border-white/10 bg-slate-950/40">
+              <div class="flex gap-6 whitespace-nowrap px-6 py-3 text-xs text-slate-300 will-change-transform">
+                <div class="flex gap-6 animate-marquee min-w-full">
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="git-branch" class="icon"></i> Replayable traces</span>
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="list-checks" class="icon"></i> Evidence sufficiency checks</span>
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="sliders" class="icon"></i> Token budget control</span>
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="scan-search" class="icon"></i> Hybrid ANN + BM25</span>
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="badge-check" class="icon"></i> Calibrated reranker</span>
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="activity" class="icon"></i> Multi-agent coordination (MAC)</span>
+                </div>
+    
+                <!-- second lane for seamless loop -->
+                <div class="flex gap-6 animate-marquee min-w-full" aria-hidden="true">
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="git-branch" class="icon"></i> Replayable traces</span>
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="list-checks" class="icon"></i> Evidence sufficiency checks</span>
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="sliders" class="icon"></i> Token budget control</span>
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="scan-search" class="icon"></i> Hybrid ANN + BM25</span>
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="badge-check" class="icon"></i> Calibrated reranker</span>
+                  <span class="inline-flex items-center gap-2 shrink-0"><i data-lucide="activity" class="icon"></i> Multi-agent coordination (MAC)</span>
+                </div>
               </div>
             </div>
           </div>