:root {
  --busy-bg: #f3f5f9;
  --busy-card: #ffffff;
  --busy-line: #e6ebf2;
  --busy-text-soft: #6c768a;
}

body {
  background: var(--busy-bg);
  color: #1b2433;
  font-size: 14px;
}

.navbar {
  background: #fff !important;
  border-bottom: 1px solid #e7ebf2 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

.navbar .navbar-brand img {
  height: 30px;
  width: auto;
}

.navbar .nav-link {
  text-transform: none !important;
  letter-spacing: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #4b5567 !important;
}

.navbar .nav-link.active {
  color: #1f4e8c !important;
  border-bottom: 2px solid #2d6fba;
}

.hero-section,
.busy-hero {
  background: #fff !important;
  border: 1px solid var(--busy-line);
  border-radius: 14px;
  margin: 14px auto 10px;
  max-width: 1320px;
}

.busy-pill,
.busy-badge {
  background: #eef3fb !important;
  color: #2b4e82 !important;
  border: 1px solid #dbe6f7 !important;
}

.busy-topbar {
  height: 3px !important;
  background: #2d6fba !important;
}

.container .card,
.container .busy-card,
.container .zangia-pane,
.container .zangia-tabs,
.container .zangia-brand,
.container .zangia-cover {
  border: 1px solid var(--busy-line) !important;
  border-radius: 12px !important;
  box-shadow: 0 3px 12px rgba(17, 24, 39, 0.04) !important;
  background: #fff;
}

.container .busy-card:hover,
.container .card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(17, 24, 39, 0.08) !important;
}

.btn {
  border-radius: 8px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.btn-primary-custom,
.btn-primary {
  background: #2d6fba !important;
  border-color: #2d6fba !important;
}

.btn-outline-primary-custom,
.btn-outline-primary {
  color: #2d6fba !important;
  border-color: #2d6fba !important;
  background: #fff !important;
}

.zangia-wrap,
section.py-5,
section.py-4,
section.py-3 {
  background: transparent !important;
}

.page-busy_ai .busy-ai-shell {
  max-width: 1280px;
}

.busy-ai-card {
  border: 1px solid var(--busy-line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 12px rgba(17, 24, 39, 0.05);
}

.busy-ai-title {
  font-weight: 700;
  color: #1f2f4d;
  font-size: 34px;
}

.busy-ai-muted {
  color: #637089;
}

.busy-ai-grid-note {
  font-size: 12px;
  color: #748099;
}

footer {
  margin-top: 18px !important;
  border-top: 1px solid #e7ebf2;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1280px;
  }
}