/* Verge Systems Malaysia — site palette, layered over the shared styles.css.
   Navy #071B34 · Blue #0066FF · Cyan #00B8FF */
:root {
  --navy-900: #071b34;
  --navy-800: #0d2d57;
  --navy-700: #0b4aa8;
  --accent: #0066ff;
  --accent-dark: #0052cc;
  --accent-soft: #e6f0ff;
  --accent-on-dark: #00b8ff;
}

.nav.is-scrolled, .home .nav.is-scrolled { background: rgba(7, 27, 52, .92); }
.btn-primary { box-shadow: 0 8px 24px rgba(0, 102, 255, .3); }
.btn-white:hover { background: #e6f0ff; }
.hero-pulse { background: var(--accent-on-dark); }
.hero-proof i, .hero-metrics strong { color: #fff; }
.page-hero::before { background: radial-gradient(70% 120% at 100% 0%, rgba(0, 102, 255, .38) 0%, rgba(0, 184, 255, .08) 45%, transparent 65%); }
.stats-band::before { background: radial-gradient(60% 100% at 100% 0%, rgba(0, 102, 255, .35) 0%, transparent 60%); }
.announce { background: linear-gradient(90deg, #071b34 0%, #0a3b8f 60%, #0066ff 100%); }
.services-grid .service-icon { background: linear-gradient(135deg, var(--accent-soft), #cfe3ff); }

/* The Verge Sdn. Bhd. wordmark is wider than the old logo, so it sits a little
   shorter in the nav to leave room for the menu. */
.nav-logo img { height: 36px; width: auto; max-width: none; flex-shrink: 0; }
.nav.is-scrolled .nav-logo img { height: 32px; }
.footer-brand img { height: 40px; }
@media (max-width: 520px) { .nav-logo img { height: 30px; } }