/* ===== Conversion Enhancements v23 ===== */

/* Floating CTA (mobile only) */
@media (max-width: 900px) {
  .float-cta {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    padding: 12px 14px;
    background: rgba(255,255,255,0.96);
    border-top: 1px solid #eaeaea;
    display: flex; gap: 10px; align-items: center; justify-content: space-between;
    z-index: 9999;
    backdrop-filter: blur(6px);
  }
  .float-cta .cta-btn {
    flex: 1;
    display: inline-block;
    text-align: center;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid #0d6efd;
    background: #0d6efd;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
  }
  body { padding-bottom: 84px; } /* Ensure content isn't hidden behind CTA */
}

/* Trust bar */
.trust-bar {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 8px;
  align-items: center;
  border: 1px solid #eef0f3;
  border-radius: 14px;
  padding: 10px 14px;
  background: #ffffff;
  margin: 10px 0 0 0;
}
.trust-item {
  display: flex; align-items: center; gap: 8px;
  font-size: 14px;
}
.trust-item svg { width: 18px; height: 18px; }

@media (max-width: 900px) {
  .trust-bar { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .trust-item { font-size: 13px; }
}

/* FAQ accordion using details/summary */
.faq { margin-top: 24px; }
.faq h2 { font-size: 1.5rem; margin-bottom: 12px; }
.faq details {
  border: 1px solid #eef0f3;
  border-radius: 12px;
  padding: 10px 14px;
  margin-bottom: 10px;
  background: #fff;
}
.faq summary {
  cursor: pointer;
  font-weight: 600;
  outline: none;
}
.faq p { margin: 8px 0 0 0; line-height: 1.6; }


/* v29: tighten spacing for resources/tutorials section */
.resources-tight { padding-top: 14px !important; padding-bottom: 14px !important; margin-top: 8px !important; margin-bottom: 8px !important; }
.resources-tight h2, .resources-tight h3 { margin-top: 6px !important; margin-bottom: 10px !important; }


/* ===== v30 conversion polish ===== */
.eyebrow {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase;
  color: #6b7280; background: #f5f7fb; border: 1px solid #eef0f3;
  padding: 6px 10px; border-radius: 999px;
}
.trust-under-pricing {
  display: grid; grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px; margin-top: 14px;
}
.trust-under-pricing .trust-item {
  display: flex; align-items: center; gap: 8px; padding: 10px 12px;
  border: 1px solid #eef0f3; background: #fff; border-radius: 12px; font-size: 14px;
}
.trust-under-pricing svg { width: 18px; height: 18px; color: #0d6efd; }
@media (max-width: 900px) {
  .trust-under-pricing { grid-template-columns: 1fr; }
}
.cta-note {
  margin-top: 6px; font-size: 12px; color: #6b7280; text-align: center;
}
/* subtle spacing harmony */
.section, section { scroll-margin-top: 72px; }