:root {
  --brand-primary: #0a2342;
  --brand-secondary: #143d66;
  --brand-accent: #0dcaf0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: #1f2937;
}

.bg-brand {
  background: linear-gradient(90deg, var(--brand-primary), var(--brand-secondary));
}

.hero-section {
  min-height: 90vh;
  background: radial-gradient(circle at 20% 20%, rgba(13, 202, 240, 0.18), transparent 45%),
              linear-gradient(120deg, #081a33 0%, #0a2342 55%, #133b63 100%);
  color: #ffffff;
}

.hero-section .card {
  border-radius: 1rem;
}

.service-card {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 1rem 2rem rgba(10, 35, 66, 0.12) !important;
}

.metric-box {
  border: 1px solid #dbe3ef;
  background-color: #ffffff;
}

.contact-highlight {
  border: 1px solid #dbe3ef;
  background-color: #ffffff;
}

.navbar.scrolled {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

@media (max-width: 991.98px) {
  .hero-section {
    min-height: auto;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}