/* ZA Technologies theme overrides for Bootstrap */
:root{
  --bs-primary: #0db1ff;      /* cyan from logo */
  --bs-secondary: #0a1f4b;    /* deep navy from logo */
  --bs-dark: #0b1120;
  --brand-gradient: linear-gradient(90deg, #0a1f4b, #0db1ff);
}

html { scroll-behavior: smooth; }
body { font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif; }

.navbar-brand img { height: 42px; }
.navbar-brand span { color: var(--bs-secondary); letter-spacing: .2px; }

.btn-primary { background-image: var(--brand-gradient); border: none; }
.btn-outline-primary { border-color: var(--bs-primary); color: var(--bs-primary); }
.btn-outline-primary:hover { background-color: var(--bs-primary); color: #fff; }

.section-title { margin-bottom: 1rem; color: var(--bs-secondary); }
.lead { color: #334155; }

.hero {
  background: radial-gradient(1200px 600px at 80% -20%, rgba(13,177,255,.18), transparent 60%),
              radial-gradient(1000px 500px at -10% 10%, rgba(10,31,75,.18), transparent 60%),
              #f8fafc;
}

.card { border: 1px solid #eef2f7; }
.card .bi { font-size: 1.5rem; color: var(--bs-primary); }

.badge-pill { border-radius: 999px; padding: .5rem .75rem; }

footer a { text-decoration: none; }
footer .logo { height: 36px; }

/* Sticky shadow on scroll */
.nav-shadow { box-shadow: 0 6px 24px rgba(0,0,0,.06); transition: box-shadow .2s ease; }

/* Utilities */
.text-gradient { background: var(--brand-gradient); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Contact form */
.form-control:focus { border-color: #0db1ff; box-shadow: 0 0 0 .2rem rgba(13,177,255,.15); }

/* Pricing/Engagement */
.pricing-card .price { font-size: 2rem; }
.pricing-card .feature { display: flex; gap: .5rem; align-items: start; }

/* Responsive tweaks */
@media (min-width: 992px){
  .hero .display-5 { font-size: 3rem; }
}