fix(frontend): improve 2k/4k scaling and mobile overflow responsiveness

frontend/landing.css

@@ -4,6 +4,17 @@
   box-sizing: border-box;
 }
 
+html, body {
+  overflow-x: hidden;
+}
+
+img,
+video,
+svg {
+  max-width: 100%;
+  height: auto;
+}
+
 :root {
   --bg-page: #f4f7fb;
   --bg-card: #ffffff;
@@ -317,6 +328,12 @@ body.theme-dark .hero-tag {
 .slide-row strong {
   color: var(--text-main);
   font-weight: 700;
+  min-width: 0;
+  max-width: 65%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: right;
 }
 
 .slide-progress {
@@ -641,6 +658,57 @@ body.theme-dark .cta-panel {
   flex-wrap: wrap;
 }
 
+@media (min-width: 1920px) {
+  :root {
+    --max-width: 1480px;
+  }
+
+  body {
+    font-size: 16px;
+  }
+
+  .hero {
+    padding: 32px;
+    gap: 28px;
+  }
+
+  .hero-title {
+    font-size: clamp(38px, 3vw, 56px);
+  }
+
+  .section,
+  .page-banner {
+    padding: 24px;
+  }
+
+  .carousel {
+    min-height: 400px;
+  }
+}
+
+@media (min-width: 2560px) {
+  :root {
+    --max-width: 1760px;
+  }
+
+  body {
+    font-size: 17px;
+  }
+
+  .hero {
+    padding: 36px;
+  }
+
+  .carousel {
+    min-height: 430px;
+  }
+
+  .section,
+  .page-banner {
+    padding: 28px;
+  }
+}
+
 @media (max-width: 1060px) {
   .hero {
     grid-template-columns: 1fr;