fix: tambah bilingual dan responsive konten baru

groups/Jellyfish.Corp/style.css

@@ -252,7 +252,9 @@ h1, h2, h3, h4, h5, h6 {
         /* Shell layout tambahan */
         .nav { background: #003150; padding: 1rem 0; }
         .nav .brand { color: white; font-weight: 700; font-size: 1.1rem; letter-spacing: 0.02em; }
-        .container { max-width: 1100px; margin: 0 auto; padding: 0 1.5rem; }
+        .container { max-width: 1100px;}
+
+        .content {padding: 0 50px;}
 
         .hero { position: relative; background: linear-gradient(135deg, #003150 0%, #005eb8 60%, #00b5e2 100%); min-height: 320px; display: flex; align-items: flex-end; overflow: hidden; }
         .hero-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.18; }
@@ -1730,6 +1732,7 @@ a { text-decoration: none; }
     .jf-mitra-grid { grid-template-columns: repeat(3, 1fr); }
     .jf-mitra-grid-gov { grid-template-columns: repeat(3, 1fr); }
 }
+
 @media (max-width: 1024px) {
     .jf-about-layout { grid-template-columns: 1fr; }
     .jf-timeline-card { position: static; max-height: none; }
@@ -1756,7 +1759,14 @@ a { text-decoration: none; }
     .jf-hs-item { padding: 0; }
     .jf-cta-title { font-size: 1.9rem; }
 }
-
+@media (max-width: 640px) {
+    .jf-stats-row2 {
+        grid-template-columns: 1fr;
+    }
+    .jf-rasio-wrapper .jf-stat-row-card {
+        width: 100% !important;
+    }
+}
 /* =====================================================
    WHITE TEXT FIXES — Dark Background Sections
    ===================================================== */