:root {
  --brand-primary: #007FD5;
  --brand-secondary: #006DC4;
  --brand-accent: #0069BE;
  --brand-muted: #006EC6;
  --radius: 14px;
  --shadow: 0 4px 12px rgba(0,0,0,.08);
}
body {
  font-family: 'Segoe UI', Roboto, Arial, sans-serif;
  background: #f9fafb;
  color: #1e293b;
}
.top-bar {
  background: var(--brand-secondary);
  color: white;
  font-size: .9rem;
  padding: .3rem 0;
}
.navbar {
  box-shadow: var(--shadow);
}
.navbar .nav-link {
  font-weight: 500;
  margin: 0 .3rem;
}
.navbar .nav-link:hover {
  color: var(--brand-primary) !important;
}
.hero {
  background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary));
  color: white;
  padding: 4rem 2rem;
  border-radius: var(--radius);
  margin-bottom: 2rem;
}
.hero h1 { font-weight: 700; }
.btn-brand {
  background: var(--brand-primary);
  color: white;
  border-radius: var(--radius);
  padding: .6rem 1.2rem;
}
.btn-brand:hover {
  opacity: .9;
}
.services .card {
  border: none;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  transition: transform .2s;
}
.services .card:hover {
  transform: translateY(-5px);
}
.footer {
  background: var(--brand-secondary);
  color: #e2e8f0;
  padding: 2rem 0;
}
.footer a { color: #f1f5f9; text-decoration:none; }
.footer a:hover { text-decoration: underline; }