/* QRBatch unified page banner / hero
   One flat green block on every page: #29B474 ground, white type.
   Three text rows only: kicker / h1 / lead (.qb-k / h1 / .qb-lead).
   No border, no radius, no gradient, no shadow, no decorative motion.
   Loaded last in <head>; overrides page-level inline styles.
   v3 | 2026-11-08 */
:root{
  --qb-h-bg:#29B474;
  --qb-h-ink:#FFFFFF;
  --qb-h-sub:rgba(255,255,255,.90);
  --qb-h-soft:rgba(255,255,255,.80);
  --qb-h-btnbg:#0B5C3F;
  --qb-h-onwhite:#06281C;
}
/* ===== 1. container: one flat green block ===== */
.banner,.synthesis-banner,.vcard-banner,.pricing-banner,.suggestions-banner,
.article-banner,.dynamic-hero,.rq-hero,.file-qr-hero,.aq-hero,.hero-section,
.doc-hero,.menu-hero,.industry-hero{
  background-color:var(--qb-h-bg)!important;
  background-image:none!important;
  color:var(--qb-h-ink)!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  padding:40px 0 42px!important;
  margin:0!important;
  overflow:hidden!important;
  animation:none!important;
  text-align:center!important;
}
/* decorative layers off: background grids, glows, scan lines, dividers */
.banner::before,.banner::after,.banner-qr-grid,.banner .bj-qrcode,.banner .bj-barcode,
.synthesis-banner::before,.synthesis-banner::after,.pricing-banner::before,.pricing-banner::after,
.vcard-banner::before,.vcard-banner::after,.article-banner::before,.article-banner::after,
.suggestions-banner::before,.suggestions-banner::after,.banner-highlight::after,
.dynamic-hero::before,.dynamic-hero::after,.rq-hero::before,.rq-hero::after,
.file-qr-hero::before,.file-qr-hero::after,.hero-section::before,.hero-section::after,
.aq-hero::before,.aq-hero::after,.doc-hero::before,.doc-hero::after,
.menu-hero::before,.menu-hero::after,.industry-hero::before,.industry-hero::after{
  display:none!important;content:none!important;animation:none!important;
}
/* inner containers: one centred column */
.banner .container,.synthesis-banner .container,.vcard-banner .container,
.pricing-banner .container,.suggestions-banner .container,.article-banner .container,
.dynamic-container,.rq-container,.aq-container,.hero-section .container,
.doc-hero__in,.banner-content,.dynamic-hero__content,.menu-hero .container,
.industry-hero .container{
  position:static!important;
  width:100%!important;
  max-width:1200px!important;
  margin:0 auto!important;
  padding:0 20px!important;
  box-sizing:border-box;
  text-align:center!important;
  transform:none!important;
  display:block!important;
}
/* ===== 2. h1 ===== */
.banner h1,.banner h2,.synthesis-banner h1,.vcard-banner h1,.pricing-banner h1,
.suggestions-banner h1,.article-banner h1,.dynamic-hero h1,.rq-hero h1,
.file-qr-hero h1,.aq-hero h1,.hero-section h1,.doc-hero h1,.menu-hero h1,.industry-hero h1{
  position:static!important;top:auto!important;left:auto!important;
  height:auto!important;line-height:1.28!important;
  color:var(--qb-h-ink)!important;
  font-size:32px!important;font-weight:700!important;letter-spacing:-.4px!important;
  text-transform:none!important;
  font-family:inherit!important;
  margin:0 auto 12px!important;padding:0!important;
  text-indent:0!important;text-align:center!important;
  text-shadow:none!important;background:none!important;
  -webkit-text-fill-color:currentColor!important;
  border:0!important;animation:none!important;transform:none!important;
  width:auto!important;max-width:960px!important;display:block!important;
}
/* ===== 3. lead paragraph ===== */
.banner p,.banner .banner-sub,.banner-copy,.synthesis-banner p,.synthesis-banner-meta,
.vcard-banner p,.pricing-banner p,.hero-sub,.suggestions-banner .subtitle,
.suggestions-banner p,
.article-banner p,.article-banner-extra,.dynamic-hero__lead,.rq-lead,
.file-qr-hero p,.aq-hero p,.hero-section p,.hero-description,.hero-subtitle,
.doc-hero p,.doc-lead,.aq-lead,.menu-hero p,.industry-hero p,
.qb-lead{
  position:static!important;top:auto!important;left:auto!important;
  height:auto!important;
  color:var(--qb-h-sub)!important;
  font-size:15px!important;font-weight:400!important;line-height:1.65!important;
  margin:0 auto!important;padding:0!important;
  text-indent:0!important;text-align:center!important;
  text-shadow:none!important;background:none!important;
  -webkit-text-fill-color:currentColor!important;
  border:0!important;animation:none!important;
  max-width:820px!important;
}
/* ===== 4. kicker / eyebrow: letter-spaced caps, no pill ===== */
.synthesis-kicker,.dynamic-eyebrow,.rq-eyebrow,.hero-kicker,.aq-eyebrow,
.pricing-eyebrow,.article-eyebrow,.doc-eyebrow,.menu-eyebrow,.qb-k{
  color:var(--qb-h-soft)!important;
  background:none!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  display:block!important;
  padding:0!important;margin:0 0 12px!important;
  font-size:11px!important;font-weight:700!important;line-height:1.5!important;
  letter-spacing:.18em!important;text-transform:uppercase!important;
  text-shadow:none!important;text-align:center!important;
  -webkit-text-fill-color:currentColor!important;
}
.synthesis-kicker i,.hero-kicker i,.doc-eyebrow i{display:none!important;}
.doc-eyebrow__dot{display:none!important;}
/* ===== 5. chips / highlights: bare white text, no pill ===== */
.hero-chip,.hero-highlight,.aq-chip,.chip,.hero-highlights > *,
.synthesis-banner-meta,.banner-highlight,.dynamic-hero__stats > *{
  color:var(--qb-h-soft)!important;
  background:none!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  backdrop-filter:none!important;
  display:inline-block!important;max-width:100%!important;
  margin:0!important;padding:0!important;
  font-size:12px!important;font-weight:600!important;line-height:1.5!important;
  text-shadow:none!important;-webkit-text-fill-color:currentColor!important;
}
.hero-chip i,.hero-highlight i,.aq-chip i,.chip i,.doc-meta .chip b,
.hero-chip b,.hero-highlight b,.aq-chip b,.chip b,.rq-stat strong{
  color:var(--qb-h-ink)!important;-webkit-text-fill-color:currentColor!important;
}
.hero-chip i,.hero-highlight i,.aq-chip i,.chip i{opacity:.85;}
.aq-chip i{margin-right:4px!important;}
/* chip rows keep even spacing */
.hero-chips,.hero-buttons,.hero-highlights,.vcard-cta,.dynamic-hero__stats,
.rq-hero__actions,.file-qr-hero .hero-chips,.aq-chips,.doc-meta{
  display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
  align-items:center!important;gap:8px 18px!important;
  margin:18px 0 0!important;width:100%!important;
}
/* stats block inside dynamic hero: bare text */
.dynamic-page .dynamic-stat{
  background:none!important;border:0!important;border-radius:0!important;
  backdrop-filter:none!important;box-shadow:none!important;
  padding:0!important;min-width:0!important;
}
.dynamic-page .dynamic-stat strong{color:var(--qb-h-ink)!important;font-size:15px!important;}
.dynamic-page .dynamic-stat span{color:var(--qb-h-soft)!important;font-size:12px!important;}
/* ===== 6. stat pairs (rq-hero) ===== */
.rq-stats{
  display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
  gap:26px!important;margin:22px 0 0!important;width:100%!important;
}
.rq-stat{
  background:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;text-align:center!important;
}
.rq-hero .rq-stat strong{
  display:block!important;color:var(--qb-h-ink)!important;
  font-size:15px!important;font-weight:800!important;line-height:1.4!important;
  margin:0 0 3px!important;background:none!important;
}
.rq-hero .rq-stat span{
  display:block!important;color:var(--qb-h-soft)!important;
  font-size:12px!important;font-weight:500!important;background:none!important;
}
/* ===== 7. feature grid (hero-section) ===== */
.hero-section .feature-highlights{
  display:flex!important;flex-wrap:wrap!important;justify-content:center!important;
  gap:24px 30px!important;margin:26px 0 0!important;width:100%!important;
}
.hero-section .feature-item{
  background:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding:0!important;
  flex:1 1 200px!important;max-width:250px!important;text-align:center!important;
}
.hero-section .feature-item h3{
  color:var(--qb-h-ink)!important;
  font-size:13px!important;font-weight:800!important;letter-spacing:.02em!important;
  line-height:1.4!important;margin:0 0 6px!important;padding:0!important;
  background:none!important;text-shadow:none!important;
  -webkit-text-fill-color:currentColor!important;border:0!important;
}
.hero-section .feature-item p{
  font-size:11.5px!important;line-height:1.55!important;
  color:var(--qb-h-soft)!important;margin:0!important;max-width:none!important;
}
/* ===== 8. buttons: primary = white block, secondary = deep green block ===== */
.vcard-banner .el-button,.pricing-banner .el-button,.banner .el-button,
.synthesis-banner .el-button,.suggestions-banner .el-button,.article-banner .el-button,
.dynamic-hero .el-button,.rq-hero .el-button,.file-qr-hero .el-button,
.aq-hero .el-button,.hero-section .el-button,
.rq-hero a,.dynamic-hero a,.hero-buttons a,.vcard-cta a,.hero-section .btn{
  background:var(--qb-h-btnbg)!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#FFFFFF!important;text-shadow:none!important;
  font-weight:700!important;
}
.vcard-cta .el-button:first-child,.hero-buttons a:first-child,
.banner .el-button--primary,.pricing-banner .el-button--primary,
.rq-hero .el-button--primary,.dynamic-hero .el-button--primary,
.file-qr-hero .el-button--primary,.aq-hero .el-button--primary,
.hero-section .el-button--primary,.suggestions-banner .el-button--primary,
.vcard-banner .el-button--primary:not(.is-plain),
.hero-section .btn:first-of-type{
  background:#FFFFFF!important;color:var(--qb-h-onwhite)!important;
}
.vcard-banner .el-button:hover,.vcard-banner .el-button:focus,
.pricing-banner .el-button:hover,.pricing-banner .el-button:focus,
.banner .el-button:hover,.banner .el-button:focus,
.rq-hero .el-button:hover,.rq-hero .el-button:focus,
.file-qr-hero .el-button:hover,.file-qr-hero .el-button:focus,
.aq-hero .el-button:hover,.aq-hero .el-button:focus,
.hero-section .el-button:hover,.hero-section .el-button:focus,
.vcard-cta a:hover,.hero-buttons a:hover,.hero-section .btn:hover{
  background:#08492F!important;color:#FFFFFF!important;
  border-color:transparent!important;
}
.vcard-cta .el-button:first-child:hover,.hero-buttons a:first-child:hover,
.banner .el-button--primary:hover,.pricing-banner .el-button--primary:hover,
.rq-hero .el-button--primary:hover,.dynamic-hero .el-button--primary:hover,
.file-qr-hero .el-button--primary:hover,.aq-hero .el-button--primary:hover,
.hero-section .el-button--primary:hover,.vcard-banner .el-button--primary:not(.is-plain):hover,
.hero-section .btn:first-of-type:hover{
  background:#E8F7F0!important;color:var(--qb-h-onwhite)!important;
}
/* API doc tab switch: no wrapper chrome; selected = white block */
.doc-switch{
  background:none!important;background-image:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:0!important;gap:8px!important;
}
.doc-switch__btn{
  background:var(--qb-h-btnbg)!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  color:#FFFFFF!important;text-shadow:none!important;
  font-weight:700!important;
}
.doc-switch__btn.is-on{background:#FFFFFF!important;color:var(--qb-h-onwhite)!important;}
.doc-switch__btn small{color:inherit!important;opacity:.8!important;}
.doc-switch__btn:hover{background:#08492F!important;color:#FFFFFF!important;}
.doc-switch__btn.is-on:hover{background:#E8F7F0!important;color:var(--qb-h-onwhite)!important;}

/* ===== 9. Mobile: <=768px ===== */
@media screen and (max-width:768px){
  html,body{overflow-x:hidden!important;}
  #app,.index-box,.rq-page,.aq-page,.dynamic-page,.loaded,
  .main-content,.qrstyle-container{
    min-width:0!important;width:100%!important;max-width:100%!important;
  }
  header{min-width:0!important;width:100%!important;box-sizing:border-box;height:56px;padding:0 12px;overflow:hidden;}
  header .logo{width:auto;margin-left:0;height:36px;margin-top:10px;}
  header .logo img{height:32px;width:auto;}
  .menu,.changeLan{display:none!important;}
  .head-tools{position:static!important;float:right;margin:0!important;line-height:56px;}
  .sub-menu-container{padding:0 12px;height:46px;}
  .banner,.synthesis-banner,.vcard-banner,.pricing-banner,.suggestions-banner,
  .article-banner,.dynamic-hero,.rq-hero,.file-qr-hero,.aq-hero,.hero-section,
  .doc-hero,.menu-hero,.industry-hero{
    width:100%!important;max-width:100%!important;
    padding:28px 14px 30px!important;min-height:0!important;
    box-sizing:border-box;
  }
  .banner .container,.synthesis-banner .container,.vcard-banner .container,
  .pricing-banner .container,.suggestions-banner .container,.article-banner .container,
  .dynamic-container,.rq-container,.aq-container,.hero-section .container,
  .doc-hero__in,.banner-content,.dynamic-hero__content{
    width:100%!important;max-width:100%!important;padding:0!important;
  }
  .banner h1,.banner h2,.synthesis-banner h1,.vcard-banner h1,.pricing-banner h1,
  .suggestions-banner h1,.article-banner h1,.dynamic-hero h1,.rq-hero h1,
  .file-qr-hero h1,.aq-hero h1,.hero-section h1,.doc-hero h1,.menu-hero h1,.industry-hero h1{
    font-size:22px!important;line-height:1.32!important;word-break:break-word!important;
    margin-bottom:10px!important;
  }
  .banner p,.synthesis-banner p,.vcard-banner p,.pricing-banner p,.hero-sub,
  .article-banner p,.suggestions-banner p,.dynamic-hero__lead,.rq-lead,.file-qr-hero p,.aq-hero p,
  .hero-section p,.hero-description,.hero-subtitle,.doc-lead,.aq-lead,.qb-lead{
    font-size:13px!important;line-height:1.6!important;word-break:break-word!important;
  }
  .synthesis-kicker,.dynamic-eyebrow,.rq-eyebrow,.hero-kicker,.aq-eyebrow,
  .pricing-eyebrow,.article-eyebrow,.doc-eyebrow,.menu-eyebrow,.qb-k{
    font-size:10px!important;letter-spacing:.15em!important;margin-bottom:10px!important;
  }
  .hero-chips,.hero-buttons,.vcard-cta,.dynamic-hero__stats,.hero-highlights,
  .aq-chips,.doc-meta{gap:6px 12px!important;margin-top:14px!important;}
  .hero-chip,.hero-chips > *, .dynamic-hero__stats > *, .aq-chip,
  .hero-highlight,.chip,.synthesis-banner-meta{font-size:11px!important;}
  .rq-stats{gap:14px!important;margin-top:16px!important;}
  .hero-section .feature-highlights{gap:16px 18px!important;margin-top:18px!important;}
  .hero-section .feature-item{flex:1 1 45%!important;max-width:none!important;}
  .hero-section .feature-item p{font-size:11px!important;}
  .vcard-banner .el-button,.pricing-banner .el-button,.banner .el-button{
    padding:10px 16px!important;font-size:12.5px!important;
  }
}