@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

/* DESIGN SYSTEM VARIABLES */
:root {
  /* Colors */
  --color-bg-deep: #071126; /* Enterprise Dark Background */
  --color-bg-main: #071126; 
  --color-bg-surface: rgba(15, 27, 56, 0.65); /* Glassmorphism Base */
  --color-bg-surface-hover: rgba(15, 27, 56, 0.85);
  --color-border-subtle: rgba(0, 198, 255, 0.15);
  --color-border-glow: rgba(0, 198, 255, 0.4);

  --color-gold: #00c6ff; /* Accent Blue (formerly Gold) */
  --color-gold-bright: #33d1ff;
  --color-gold-light: #b3eeff;
  --color-gold-dark: #008ab3;
  --color-gold-rgb: 0, 198, 255;

  --color-text-white: #f8fafc; /* White */
  --color-text-off: #e2e8f0;
  --color-text-muted: #94a3b8;
  --color-text-dim: #64748b;

  /* Fonts */
  --font-heading: 'Outfit', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;

  /* Layout sizes & spacers */
  --header-height: 80px;
  --max-width: 1280px;
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: all 0.2s ease-out;
  --border-radius-sm: 6px;
  --border-radius-md: 12px;
  --border-radius-lg: 24px;
}
/* ... rest of original styles.css ... */
.logo-img {
  height: 60px; /* Restrict height, let width scale automatically */
  width: auto;
  display: block;
}

.logo-icon {
  background: transparent;
  display: flex;
  align-items: center;
  width: auto !important; /* Override 44px width in styles.css */
  height: auto !important;
}



/* Glassmorphism for Cards */
.service-card, .industry-card, .contact-info-card, .mv-card, .value-card, .why-visual-card {
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}