:root {
  --navy: #083e6b;
  --deep: #07538c;
  --blue: #0878c9;
  --cyan: #19bde6;
  --ink: #103a5d;
  --muted: #5e7890;
  --line: #d8eaf4;
  --pale: #f2f9fd;
}

body { background: #fff; color: var(--ink); }

.site-header {
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid #d8eaf4;
  box-shadow: 0 4px 18px rgba(19, 89, 133, .08);
}

.brand-wordmark strong { color: #0878c9 !important; text-shadow: none; }
.site-header .nav-links { color: #476881; }
.site-header .nav-links a:hover,
.site-header .nav-links .active { color: #0878c9; border-color: #19bde6; }
.site-header .lang, .site-header .menu-toggle { color: #476881; }

.hero {
  color: #0b426e;
  background:
    radial-gradient(circle at 79% 42%, rgba(38, 186, 227, .22), transparent 27%),
    linear-gradient(115deg, #fff 0%, #edf8fd 48%, #dceff9 100%);
}

.hero:after {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .94), rgba(255, 255, 255, .68) 58%, rgba(226, 245, 252, .23)),
    repeating-linear-gradient(120deg, transparent 0, transparent 70px, rgba(8, 120, 201, .07) 71px, transparent 72px);
}

.hero-grid { opacity: .42; }
.hero h1 { color: #0a426e; }
.hero h1 em { color: #0878c9; }
.hero-desc { color: #52728b; }
.hero-meta { color: #5e7890; }
.hero-meta i { background: #19bde6; }
.button-primary { background: #0878c9; }
.button-primary:hover { background: #0567af; }
.button-ghost { color: #0878c9; border-color: #8ec6e2; background: rgba(255,255,255,.65); }
.button-ghost:hover { border-color: #0878c9; }
.scroll-cue { color: #59819d; }

.stats-section { background: #f3faff; border-color: #d8eaf4; box-shadow: none; }
.stat { border-color: #cfe4ef; }
.stat strong { color: #0878c9; }

.about-section, .capability-section, .partners-section { background: #fff; }
.services-section { background: #f2f9fd; }
.service-card { background: #fff; border-color: #dbeaf2; }
.service-card.featured { background: linear-gradient(145deg, #0b75b9, #075083); }

.global-section { background: linear-gradient(118deg, #0878c9, #075083); }
.contact-section { background: linear-gradient(105deg, #0d85d0, #0870b6); }
footer { background: #f2f9fd; }

@media (max-width: 850px) {
  .site-header { background: rgba(255, 255, 255, .98); }
  .site-header .nav-links.open { background: #fff; box-shadow: 0 10px 20px rgba(19, 89, 133, .12); }
}