/* QuickZap brand overrides — loaded last on the public site */

:root {
  --qz-green: #10b981;
  --qz-green-2: #34d399;
  --qz-yellow: #ffd700;
  --qz-ink: #06140d;
}

/* Distinctive display type on all headings */
h1, h2, h3, .hero-heading, .title-style-three .main-title, .fancy-feature-eight .title-style-three {
  font-family: 'Bricolage Grotesque', 'Sora', sans-serif !important;
  letter-spacing: -0.02em;
}

/* ---- Homepage header: solid dark bar that reads over the dark hero ---- */
.qz-home-header {
  background: rgba(6, 20, 13, 0.85) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
.qz-home-header.fixed,
.qz-home-header.sticky-menu.fixed {
  background: rgba(6, 20, 13, 0.95) !important;
}
.qz-home-header a,
.qz-home-header .nav-link,
.qz-home-header .fw-500 {
  color: #e8f0ec !important;
}
.qz-home-header .nav-link:hover,
.qz-home-header a:hover {
  color: var(--qz-green-2) !important;
}
.qz-home-header .qz-header-logo {
  height: 38px;
  width: auto;
}
.qz-home-header .info-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* Brand buttons across the site */
.signup-btn-three,
.signup-btn-one,
.btn-one,
.tp-btn-one {
  background: linear-gradient(180deg, var(--qz-green-2), var(--qz-green)) !important;
  color: var(--qz-ink) !important;
  border: 0 !important;
  border-radius: 12px !important;
  box-shadow: 0 12px 26px -10px rgba(46, 229, 133, 0.55) !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}
.signup-btn-three:hover,
.signup-btn-one:hover {
  transform: translateY(-2px);
}

/* Section rhythm: rounder cards & soft shadows for a custom feel */
.card, .pricing-card, .block-style-thirteen, .feedback-block-five, .accordion-style-two .accordion-item {
  border-radius: 18px !important;
}

/* ============================================================
   QuickZap landing — full section restyle (cohesive custom look)
   ============================================================ */
body { background: #ffffff; }

/* Section eyebrows / small titles */
.upper-title {
  display: inline-block;
  color: var(--qz-green) !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.16em !important;
  font-size: 13px !important;
  padding: 6px 14px;
  border-radius: 999px;
  background: #e9faf1;
  margin-bottom: 18px;
}

/* Headings get the display face + tight tracking */
.main-title, .title-two .main-title, .title-style-three .main-title,
.fs-24, .feature-block .fs-24 {
  font-family: 'Bricolage Grotesque', 'Sora', sans-serif !important;
  letter-spacing: -0.02em !important;
  color: #0f172a;
}

/* Feature blocks — green icon chips + airy layout */
.feature-block .img-box,
.block-feature-nine .img-box,
.block-feature-eight .img-box {
  background: linear-gradient(160deg, #e9faf1, #ffffff) !important;
  border: 1px solid rgba(21, 179, 100, 0.18);
  border-radius: 24px !important;
  padding: 24px !important;
  box-shadow: 0 30px 60px -34px rgba(21, 179, 100, 0.45);
}

/* App integration / partners — muted, premium */
.partner-logo { border-color: #eef2f7 !important; }
.partner-logo img { filter: grayscale(1); opacity: 0.55; transition: 0.25s; }
.partner-logo img:hover { filter: none; opacity: 1; }

/* ---- Pricing cards ---- */
.pr-column {
  background: #ffffff;
  border: 1px solid #e9edf3 !important;
  border-radius: 22px !important;
  padding: 34px 30px !important;
  box-shadow: 0 26px 60px -34px rgba(16, 24, 40, 0.22);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.pr-column:hover {
  transform: translateY(-6px);
  border-color: rgba(21, 179, 100, 0.4) !important;
  box-shadow: 0 36px 70px -30px rgba(21, 179, 100, 0.35);
}
.pr-column.active, .pr-column.popular, .pr-column.recommended {
  background: linear-gradient(180deg, #06140d, #0c2c1c) !important;
  border-color: transparent !important;
  color: #e8f0ec;
}
.pr-column.active .plan-name, .pr-column.active .price, .pr-column.active .main-title { color: #fff !important; }
.pr-column .price { font-family: 'Bricolage Grotesque', sans-serif !important; font-weight: 800 !important; color: #0f172a; }
.pr-column.active .price { color: #34d399 !important; }
.pr-column .icon {
  background: #e9faf1 !important;
  color: var(--qz-green) !important;
  border-radius: 10px !important;
}
.pr-column.active .icon { background: rgba(46, 229, 133, 0.15) !important; color: #34d399 !important; }
.package-feature li { margin-bottom: 12px; }
.trial-btn, .pr-column .trial-btn a, .pr-column a.trial-btn {
  border-radius: 12px !important;
}

/* ---- CTA banner: dark green gradient panel ---- */
.fancy-banner-three {
  background: linear-gradient(120deg, #06140d 0%, #0c5132 60%, #10b981 140%) !important;
  border-radius: 28px;
  margin: 90px auto;
  max-width: 1200px;
  color: #eafff2;
  box-shadow: 0 50px 120px -50px rgba(21, 179, 100, 0.6);
}
.fancy-banner-three .main-title, .fancy-banner-three .fs-24, .fancy-banner-three h2 { color: #ffffff !important; }
.btn-seven {
  background: linear-gradient(180deg, #ffe14d, #ffd700) !important;
  color: #06140d !important;
  border: 0 !important;
  border-radius: 12px !important;
  font-weight: 700 !important;
  box-shadow: 0 12px 26px -10px rgba(245, 180, 0, 0.6) !important;
}

/* ---- FAQ accordion ---- */
.faq-section-one .accordion-item, .accordion-style-one .accordion-item {
  border: 1px solid #eef2f7 !important;
  border-radius: 16px !important;
  margin-bottom: 14px;
  overflow: hidden;
  background: #fff;
}
.accordion-button:not(.collapsed) { color: var(--qz-green) !important; background: #f4fbf7 !important; }

/* ---- Footer: deep dark ---- */
.footer-one {
  background: #06140d !important;
  color: #9fb4ab;
  padding-top: 80px;
}
.footer-one a, .footer-one p, .footer-one li, .footer-one .title { color: #9fb4ab !important; }
.footer-one a:hover { color: var(--qz-green-2) !important; }
.footer-one .title, .footer-one h3, .footer-one h4 { color: #ffffff !important; }