/* ===== Addon: quick summary / counters / benefit CTA / FAQ ===== */
:root{--c-primary:#0A57FF;--c-line:#e6e9ef;--c-card:#ffffff;--c-bg:#f7f9ff}
.addon-container{max-width:1200px;margin:0 auto;padding:0 12px}
.addon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.addon-card{background:var(--c-card);border:1px solid var(--c-line);border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}

/* quick summary */
.quick-summary{margin:24px auto}
.quick-summary .item{padding:14px;display:flex;gap:10px;align-items:center}
.quick-summary .ico{width:26px;height:26px;border-radius:8px;background:#eef3ff;border:1px solid #dbe7ff;display:flex;align-items:center;justify-content:center;color:var(--c-primary);font-weight:700}

/* counters */
.live-stats{margin:18px auto}
.live-stats .stat{padding:16px;text-align:center}
.live-stats .label{color:#475467;font-size:13px}
.live-stats .num{font-size:28px;font-weight:800}

/* benefit cta */
.benefit-cta{margin:22px auto}
.benefit-cta .wrap{background:var(--c-primary);color:#fff;border-radius:14px;padding:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}
.benefit-cta ul{margin:0;padding-left:18px}
.benefit-cta .btn{background:#fff;color:var(--c-primary);border:1px solid #dbe7ff;border-radius:10px;padding:10px 14px;text-decoration:none}

/* faq */
.home-faq{max-width:1000px;margin:24px auto}
.home-faq details{background:var(--c-card);border:1px solid var(--c-line);border-radius:10px;padding:12px}
.home-faq details+details{margin-top:10px}
.home-faq summary{font-weight:700;cursor:pointer}

.badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid #dbe7ff;background:#e9f0ff;color:var(--c-primary)}

/* nav/footer helpers */
.addon-container{max-width:1200px;margin:0 auto;padding:0 12px}
.addon-topnav a{color:#111827;text-decoration:none;font-size:14px;padding:6px 10px;border-radius:8px;border:1px solid #e6e9ef;background:#fff}
.addon-topnav.push-right{margin-left:auto}