body {
  font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  color: #1a1a2e;
  background-color: #ffffff;
  line-height: 1.8;
}

header, .top-bar, nav.nav, .nav {
  background-color: #1a1a2e !important;
  border-bottom: 3px solid #c9a96e;
}

header a, .nav a, nav a {
  color: #ffffff !important;
  font-weight: 500;
}

header a:hover, .nav a:hover, nav a:hover {
  color: #c9a96e !important;
}

.company-name a, header h1 a {
  color: #ffffff !important;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 2px;
}

h1, h2, h3 {
  color: #1a1a2e;
  font-weight: 700;
}

h2 { border-bottom: 2px solid #c9a96e; padding-bottom: 8px; display: inline-block; }

a { color: #16213e; text-decoration: none; }
a:hover { color: #c9a96e; }

.button, a.button, button, input[type="submit"] {
  background-color: #1a1a2e !important;
  color: #ffffff !important;
  border: none;
  padding: 12px 28px;
  border-radius: 4px;
  font-weight: 600;
}

.button:hover, a.button:hover {
  background-color: #c9a96e !important;
}

footer, .site-footer {
  background-color: #1a1a2e !important;
  color: #999 !important;
  padding: 40px 20px;
}

footer a { color: #c9a96e !important; }
footer h2, footer h3 { color: #ffffff !important; }

blockquote {
  border-left: 4px solid #c9a96e;
  background: #f8f8fa;
  padding: 16px 20px;
  margin: 20px 0;
}

.testimonial, .testimonials { display: none !important; }

@media (max-width: 768px) {
  h1 { font-size: 1.5rem; }
  h2 { font-size: 1.25rem; }
}