/* ZOIBIT Custom Styles */
:root {
  --zoibit-primary: #7c3aed;
  --zoibit-accent: #ede9fe;
  --zoibit-dark: #4c1d95;
  --zoibit-bg: #fff;
  --zoibit-font: 'Poppins', 'Inter', sans-serif;
}

body {
  font-family: var(--zoibit-font);
  background: var(--zoibit-bg);
  color: #222;
}

.zoibit-logo {


width: 150px;
  max-width: 150px;
height: auto;
  object-fit: contain;
}

.zoibit-logo-footer {
  height: 40px;
  max-height: 40px;
  width: auto;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.navbar {
  box-shadow: 0 2px 8px rgba(124, 58, 237, 0.04);
}

.navbar-nav .nav-link {
  color: #4c1d95;
  font-weight: 500;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  transition: color 0.2s;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link:hover {
  color: var(--zoibit-primary);
}

.btn-primary {
  background: var(--zoibit-primary);
  border-color: var(--zoibit-primary);
  font-weight: 600;
  transition: background 0.2s, border 0.2s;
}

.btn-primary:hover, .btn-primary:focus {
  background: var(--zoibit-dark);
  border-color: var(--zoibit-dark);
}

.btn-outline-primary {
  color: var(--zoibit-primary);
  border-color: var(--zoibit-primary);
  font-weight: 600;
}

.btn-outline-primary:hover, .btn-outline-primary:focus {
  background: var(--zoibit-primary);
  color: #fff;
  border-color: var(--zoibit-primary);
}

.card {
  border-radius: 1rem;
  box-shadow: 0 2px 12px rgba(124, 58, 237, 0.06);
}

.card-title {
  font-weight: 600;
}

.bg-primary {
  background: var(--zoibit-primary) !important;
}

.text-primary {
  color: var(--zoibit-primary) !important;
}

.footer-section {
  background: var(--zoibit-primary);
  color: #fff;
}

.hero-section {
  background: var(--zoibit-accent);
}

.features-section .card {
  background: #fff;
  border: none;
}

@media (max-width: 991.98px) {
  .navbar-nav .nav-link {
    margin-left: 0;
    margin-right: 0;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media (max-width: 575.98px) {
  .zoibit-logo, .zoibit-logo-footer {
    height: 32px;
    max-height: 32px;
  }
  .footer-section {
    font-size: 0.95rem;
  }
}