Update team visibility and refresh premium UI styling

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 {