Update team visibility and refresh premium UI styling

css/header-fix.css

@@ -19,7 +19,7 @@ body.premium-ui .header {
 }
 
 body.premium-ui .header.scrolled {
-    background: rgba(3, 7, 16, 0.97) !important;
+    background: rgba(14, 30, 52, 0.94) !important;
     border-bottom: 1px solid rgba(148, 163, 184, 0.1) !important;
 }
 

css/pages.css

@@ -53,6 +53,8 @@
     position: relative;
     z-index: 1;
     text-align: center;
+    max-width: 900px;
+    margin: 0 auto;
 }
 
 .breadcrumb {
@@ -89,6 +91,7 @@
     color: var(--text-white);
     margin-bottom: 1rem;
     line-height: 1.2;
+    text-wrap: balance;
 }
 
 .page-subtitle {
@@ -97,6 +100,7 @@
     max-width: 600px;
     margin: 0 auto;
     line-height: 1.7;
+    text-wrap: pretty;
 }
 
 /* ========================
@@ -747,7 +751,7 @@
     margin-bottom: 2rem;
 }
 
-.service-features {
+.service-content .service-features {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 1rem;
@@ -1660,6 +1664,16 @@
     gap: 1.5rem;
 }
 
+@media (min-width: 1201px) {
+    .contact-cards > :nth-child(5) {
+        grid-column: 2;
+    }
+
+    .contact-cards > :nth-child(6) {
+        grid-column: 3;
+    }
+}
+
 .contact-card {
     background: var(--text-white);
     padding: 2rem;
@@ -2197,7 +2211,7 @@
         grid-template-columns: repeat(2, 1fr);
     }
     
-    .service-features,
+    .service-content .service-features,
     .service-features-grid {
         grid-template-columns: 1fr;
     }

css/style.css

@@ -6,9 +6,9 @@
 /* ==================== CSS Variables ==================== */
 :root {
     /* Primary Colors */
-    --primary: #0a1628;
-    --primary-light: #1a365d;
-    --primary-dark: #050d17;
+    --primary: #10223b;
+    --primary-light: #1f3f69;
+    --primary-dark: #0b1930;
     
     /* Accent Colors */
     --accent: #0ea5e9;
@@ -55,7 +55,7 @@
     --text-muted: #94a3b8;
     
     /* Background Colors */
-    --bg-dark: #0a1628;
+    --bg-dark: #122a47;
     --bg-light: #f8fafc;
     
     /* Border Color */
@@ -235,6 +235,7 @@ select {
     color: var(--gray-900);
     margin-bottom: var(--spacing-md);
     line-height: 1.2;
+    text-wrap: balance;
 }
 
 .section-description {
@@ -256,10 +257,13 @@ select {
     padding: 0.75rem 1.5rem;
     font-weight: 600;
     font-size: 0.9375rem;
+    line-height: 1.2;
+    min-height: 44px;
     border-radius: var(--radius-md);
     transition: var(--transition-base);
     cursor: pointer;
     border: 2px solid transparent;
+    white-space: nowrap;
 }
 
 .btn-primary {
@@ -532,6 +536,10 @@ select {
     gap: var(--spacing-md);
 }
 
+.nav-actions .btn {
+    min-width: 168px;
+}
+
 .nav-toggle {
     display: none;
     flex-direction: column;
@@ -641,6 +649,7 @@ select {
     word-break: normal;
     overflow-wrap: normal;
     hyphens: none;
+    text-wrap: balance;
 }
 
 .hero-title .highlight {
@@ -1049,6 +1058,23 @@ select {
     font-size: 0.75rem;
 }
 
+.frameworks-grid .service-title {
+    min-height: 2.8em;
+}
+
+.frameworks-grid .service-description {
+    min-height: 5.6em;
+}
+
+.frameworks-grid .service-features li {
+    align-items: flex-start;
+}
+
+.frameworks-grid .service-features li i {
+    margin-top: 0.35em;
+    flex-shrink: 0;
+}
+
 .service-link {
     display: inline-flex;
     align-items: center;
@@ -1073,6 +1099,13 @@ select {
     color: var(--accent-light);
 }
 
+@media (max-width: 1200px) {
+    .frameworks-grid .service-title,
+    .frameworks-grid .service-description {
+        min-height: 0;
+    }
+}
+
 /* ==================== Why Us Section ==================== */
 .why-us {
     background: #050810;
@@ -1712,10 +1745,14 @@ select {
 .footer-logo {
     display: flex;
     align-items: center;
+    justify-content: center;
     gap: 0.625rem;
     margin-bottom: var(--spacing-md);
+    margin-left: auto;
+    margin-right: auto;
     text-decoration: none;
     line-height: 1;
+    width: 100%;
 }
 
 .footer-logo img {
@@ -1723,6 +1760,7 @@ select {
     height: 60px;
     width: auto;
     max-width: 220px;
+    margin: 0 auto;
 }
 
 .footer-logo .logo-text {

css/ultimate-ui.css

@@ -107,10 +107,11 @@
 
 /* Enhanced Body Background */
 body {
-    background: #050810;
+    background: #0d2038;
     background-image: 
-        radial-gradient(ellipse at 0% 0%, rgba(0, 245, 255, 0.06) 0%, transparent 40%),
-        radial-gradient(ellipse at 100% 0%, rgba(181, 55, 242, 0.06) 0%, transparent 40%);
+        radial-gradient(ellipse at 0% 0%, rgba(0, 245, 255, 0.1) 0%, transparent 42%),
+        radial-gradient(ellipse at 100% 0%, rgba(181, 55, 242, 0.09) 0%, transparent 42%),
+        linear-gradient(180deg, #17335a 0%, #10223d 45%, #0d1d34 100%);
     /* background-attachment: fixed removed — causes full repaint on every scroll */
     position: relative;
     min-height: 100vh;