v6

Profice WebSite/style/design.css

@@ -55,6 +55,13 @@
     --widget-shadow: 0 4px 20px rgba(90, 82, 82, 0.1);
 }
 
+/* Cookiebot Banner - Force to bottom of screen */
+#CybotCookiebotDialog {
+    top: auto !important;
+    bottom: 0 !important;
+    position: fixed !important;
+}
+
 * {
     margin: 0;
     padding: 0;
@@ -655,7 +662,7 @@ body {
     }
 
     .logo {
-        height: 100px;
+        height: 40px;
         width: auto;
     }
 }
@@ -1744,11 +1751,65 @@ body {
     .demo-widgets-grid {
         grid-template-columns: 1fr;
         gap: 30px;
-        padding: 0 20px;
+        padding: 0 15px;
     }
     
     .demo-widget {
-        padding: 30px;
+        padding: 25px;
+        min-height: auto;
+    }
+    
+    .demo-section-title {
+        font-size: 1.8rem;
+    }
+    
+    .demo-section-subtitle {
+        font-size: 0.95rem;
+        margin-bottom: 30px;
+        padding: 0 10px;
+    }
+    
+    .ki-demo-section {
+        padding: 20px 0 40px 0;
+        margin-top: -20px;
+    }
+    
+    .demo-icon-circle {
+        width: 60px;
+        height: 60px;
+    }
+    
+    .demo-icon-circle img {
+        width: 36px !important;
+        height: 36px !important;
+    }
+    
+    .sound-visualization {
+        margin-top: 40px;
+        height: 60px;
+    }
+}
+
+@media (max-width: 480px) {
+    .demo-widgets-grid {
+        padding: 0 10px;
+        gap: 20px;
+    }
+    
+    .demo-widget {
+        padding: 20px;
+    }
+    
+    .demo-section-title {
+        font-size: 1.5rem;
+    }
+    
+    .pricing-box {
+        padding: 30px 20px;
+    }
+    
+    .pricing-value {
+        font-size: 2.2rem;
     }
 }