:root {
  --blue: #007bff;
  --gray: #888;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-in-out;
}

body {
  font-family: 'Montserrat', sans-serif;
  background-color: #f8f9fa;
  color: #333;
}

a {
  text-decoration: none;
  color: inherit;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

.highlight {
  font-weight: 600;
  color: var(--accent-color);
  margin-bottom: 8px;
}


.hidden {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease-out;
  pointer-events: none;
}

.visible {
  opacity: 1;
  transform: translateY(0);
}/* World-class UI Enhancements */

/* Enhanced typography */
:root {
  --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Improved button styles */
.nav-cta, .btn, .btn-primary {
  transition: var(--transition-smooth);
  position: relative;
  overflow: hidden;
}

.nav-cta:hover, .btn:hover, .btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(11, 116, 227, 0.25);
}

/* Enhanced chat widget */
.chat-widget {
  font-family: var(--font-primary);
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  backdrop-filter: blur(10px);
}

.chat-header {
  background: linear-gradient(135deg, #0b74e3 0%, #1a89f5 100%);
  border-radius: 16px 16px 0 0;
}

.chat-toggle {
  background: linear-gradient(135deg, #0b74e3 0%, #1a89f5 100%);
  box-shadow: 0 4px 20px rgba(11, 116, 227, 0.4);
  transition: var(--transition-smooth);
}

.chat-toggle:hover {
  transform: scale(1.1);
}

.chat-toggle.open {
  transform: rotate(90deg);
}

/* Enhanced cards */
.card, .solution-card, .service-card {
  transition: var(--transition-smooth);
}

.card:hover, .solution-card:hover, .service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

/* Enhanced sections */
.section {
  padding: 80px 0;
}

/* Better responsive adjustments */
@media (max-width: 768px) {
  .section {
    padding: 60px 0;
  }
  
  .navbar .container {
    padding: 0 16px;
  }
}

/* Loading animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

.animate-fade-in {
  animation: fadeInUp 0.6s ease-out forwards;
}

/* Enhanced language switcher */
.lang-btn {
  transition: var(--transition-smooth);
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 6px;
}

.lang-btn:hover {
  background: rgba(11, 116, 227, 0.1);
}

.lang-btn.active {
  background: rgba(11, 116, 227, 0.15);
  color: #0b74e3;
}