/* ============================================================
   MENTIONHALO — LP "AI Visibility Bisnis" (benefit-first)
   lp-bisnis.css — komponen di atas design language Audit V3
   (memakai variabel + kelas .sf-* dari assets/audit-v3/audit-ai-v3.css)
   Self-contained, mobile-first. Namespace .lb-*
   ============================================================ */
body.lb{background:var(--bg)}
.lb .sf-sec{scroll-margin-top:74px}

/* extra button variant (Audit CTA on light card) */
.sf-btn-navy{background:var(--navy);color:#fff;box-shadow:0 12px 26px rgba(7,26,51,.22)}
.sf-btn-navy:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(7,26,51,.28)}

/* ---------- 4 capabilities ---------- */
.lb-caps{display:grid;grid-template-columns:1fr;gap:16px}
.lb-cap{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:24px 22px;box-shadow:var(--shadow-sm);border-top:3px solid var(--blue)}
.lb-cap-num{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;margin-bottom:14px;
  background:linear-gradient(180deg,var(--blue-2),var(--blue));color:#fff;font-weight:800;font-size:16px}
.lb-cap h3{font-size:18px;color:var(--navy);margin-bottom:8px;font-weight:800;line-height:1.28;letter-spacing:-.01em}
.lb-cap p{color:var(--slate);font-size:15px;line-height:1.62}
.lb-takeaway{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line-2);color:var(--blue-3)!important;
  font-weight:700;font-size:14.5px!important}
.lb-takeaway::before{content:"→ ";font-weight:800}

.lb-lock{margin-top:30px;background:linear-gradient(180deg,#f0f6ff,#e9f1ff);border:1px solid #d4e3ff;
  border-radius:var(--r-md);padding:22px 24px;color:var(--navy);font-weight:700;font-size:17px;line-height:1.55;
  text-align:center;max-width:820px;margin-inline:auto}
.lb-midcta{text-align:center;margin-top:30px}

/* ---------- Benefits ---------- */
.lb-bens{display:grid;grid-template-columns:1fr;gap:16px}
.lb-ben{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);padding:22px 20px;box-shadow:var(--shadow-sm)}
.lb-ben h3{font-size:16.5px;color:var(--navy);margin-bottom:6px;font-weight:700;display:flex;gap:10px;align-items:flex-start}
.lb-ben h3::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--blue);margin-top:8px;flex:none}
.lb-ben p{color:var(--slate);font-size:14.5px;line-height:1.62;padding-left:19px}
.lb-disclaimer{margin-top:22px;text-align:center;color:var(--muted);font-size:13.5px}

/* ---------- Product reveal ---------- */
.lb-prods{display:grid;gap:14px}
.lb-prod{display:grid;grid-template-columns:1fr;gap:8px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);padding:20px 22px;box-shadow:var(--shadow-sm)}
.lb-prod-side{display:flex;align-items:center}
.lb-prod-k{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;font-weight:800;
  font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:7px 14px;border-radius:999px;white-space:nowrap}
.lb-prod-body h3{font-size:17px;color:var(--navy);margin-bottom:5px;font-weight:700}
.lb-prod-body p{color:var(--slate);font-size:14.5px;line-height:1.62}

/* ---------- Proof grid note ---------- */
.lb-shot-grid .sf-shot figcaption{font-size:13.5px}
.lb-shot-note{margin-top:20px;text-align:center;color:var(--muted);font-size:13.5px}

/* ---------- Flow ---------- */
.lb-flow{display:grid;grid-template-columns:1fr;gap:14px}
.lb-flow-step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  padding:22px 20px;box-shadow:var(--shadow-sm);text-align:center}
.lb-flow-num{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;margin:0 auto 12px;
  background:var(--blue-soft);color:var(--blue-3);font-weight:800;font-size:17px}
.lb-flow-step h3{font-size:16.5px;color:var(--navy);margin-bottom:5px;font-weight:700}
.lb-flow-step p{color:var(--slate);font-size:14px;line-height:1.55}
.lb-flow-step::after{content:"↓";position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);
  color:var(--blue);font-weight:800;font-size:16px}
.lb-flow-step:last-child::after{display:none}

/* ---------- Pricing / plans (on navy offer section) ---------- */
.lb-plans{display:grid;grid-template-columns:1fr;gap:18px;align-items:start;margin-top:6px}
.lb-plan{background:#fff;border-radius:var(--r-lg);padding:26px 22px;box-shadow:var(--shadow-md);text-align:left;
  display:flex;flex-direction:column;gap:12px}
.lb-plan-feature{outline:3px solid var(--blue);outline-offset:0;box-shadow:var(--shadow-lg);position:relative}
.lb-plan-badge{position:absolute;top:-13px;left:22px;background:var(--blue);color:#fff;font-weight:800;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;border-radius:999px}
.lb-plan-name{font-size:19px;color:var(--navy);font-weight:800}
.lb-plan-price{display:flex;align-items:baseline;gap:8px;color:var(--navy)}
.lb-plan-price b{font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1}
.lb-plan-price span{font-size:13.5px;color:var(--muted);font-weight:600}
.lb-plan-for{color:var(--slate);font-size:14px;line-height:1.55;min-height:40px}
.lb-plan-list{display:grid;gap:9px;margin:4px 0 6px}
.lb-plan-list li{position:relative;padding-left:26px;color:var(--slate);font-size:14.5px;font-weight:500}
.lb-plan-list li::before{content:"✓";position:absolute;left:0;top:-1px;color:var(--blue);font-weight:800}
.lb-plan .sf-btn{margin-top:auto}
.lb-pay-note{margin-top:22px;text-align:center;color:#aebdd6;font-size:13px;max-width:720px;margin-inline:auto}

/* ---------- Promo (display hook; OFF by default) ---------- */
.lb-promo{max-width:520px;margin:0 auto 26px;text-align:center;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--shadow-md)}
.lb-promo-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#FF8A5B,#F2542D);
  color:#fff;font-weight:800;font-size:11px;letter-spacing:.09em;text-transform:uppercase;padding:7px 14px;
  border-radius:999px;box-shadow:0 8px 20px rgba(242,84,45,.26)}
.lb-promo-old{margin-left:10px;font-size:15px;font-weight:600;color:#9aa3ad;text-decoration:line-through;
  text-decoration-color:#c46a58;text-decoration-thickness:2px}
.lb-promo-save{display:block;margin-top:8px;color:#E8590C;font-weight:800;font-size:14px}
.lb-count{margin-top:14px}
.lb-promo-fallback{margin-top:10px;font-size:13px;font-weight:700;color:#B4482A}
.lb-promo.is-expired .lb-promo-badge,.lb-promo.is-expired .lb-promo-old,.lb-promo.is-expired .lb-promo-save,
.lb-promo.is-expired .lb-count{display:none}

/* ---------- Responsive ---------- */
@media(min-width:620px){
  .lb-caps{grid-template-columns:1fr 1fr}
  .lb-bens{grid-template-columns:1fr 1fr}
  .lb-flow{grid-template-columns:repeat(4,1fr)}
  .lb-flow-step::after{content:"→";left:auto;right:-11px;bottom:auto;top:50%;transform:translateY(-50%)}
}
@media(min-width:860px){
  .lb-prod{grid-template-columns:230px 1fr;gap:26px;align-items:center}
  .lb-flow{gap:16px}
}
@media(min-width:980px){
  .lb-caps{grid-template-columns:repeat(4,1fr)}
  .lb-bens{grid-template-columns:repeat(3,1fr)}
  .lb-plans{grid-template-columns:repeat(3,1fr)}
}