765

Profice WebSite/style/tech-onepager.css

@@ -2105,6 +2105,96 @@
 }
 
 /* ===== RESPONSIVE DESIGN ===== */
+
+/* Ultra-wide monitors (16:9, 16:10 - 1920px+) */
+@media (min-width: 1920px) {
+    .hero-container {
+        max-width: 1600px;
+        gap: 100px;
+    }
+    
+    .hero-headline {
+        font-size: 4rem;
+    }
+    
+    .hero-subline,
+    .hero-proof {
+        font-size: 1.4rem;
+    }
+    
+    .hero-right {
+        height: 600px;
+    }
+    
+    .system-graphic {
+        transform: scale(1.1);
+    }
+    
+    .node {
+        min-width: 140px;
+        padding: 20px;
+    }
+    
+    .central-node {
+        min-width: 160px;
+        max-width: 180px;
+        padding: 12px 24px;
+    }
+    
+    .section-headline {
+        font-size: 3rem;
+    }
+    
+    .systeme-grid {
+        gap: 50px;
+        max-width: 1800px;
+    }
+    
+    .system-card {
+        padding: 50px;
+    }
+    
+    .results-grid {
+        max-width: 1400px;
+    }
+    
+    .data-card {
+        padding: 45px;
+    }
+    
+    .card-metric {
+        font-size: 4rem;
+    }
+}
+
+/* Extra large screens (2560px+) */
+@media (min-width: 2560px) {
+    .hero-container {
+        max-width: 2000px;
+        gap: 120px;
+    }
+    
+    .hero-headline {
+        font-size: 4.5rem;
+    }
+    
+    .hero-right {
+        height: 700px;
+    }
+    
+    .system-graphic {
+        transform: scale(1.2);
+    }
+    
+    .container {
+        max-width: 1800px;
+    }
+    
+    .systeme-grid {
+        max-width: 2200px;
+    }
+}
+
 @media (max-width: 1024px) {
     .hero-container {
         grid-template-columns: 1fr;