/* homepage-rabbi.css - Rabbi-style visuals for the LinkParagon homepage (index.php only).
   Linked from index.php with a cache-busting version query. v=20261101 */

/* ---- 4 white stats cards with live DB numbers (overrides the dark metrics section) ---- */
.lp-metrics{background:#f5f7fc;padding:88px 0}
.lp-metrics .section-title{color:#0f172a}
.lp-metrics .section-desc{color:#5b6478}
.lp-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px}
.lp-metric-card{background:#ffffff;border:1px solid #e8edf5;border-radius:18px;padding:38px 24px;text-align:center;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.lp-metric-number{font-family:var(--font-display);font-size:2.6rem;font-weight:800;color:#0f172a;margin-bottom:8px;line-height:1.1}
.lp-metric-label{color:#5b6478;font-weight:600}

/* ---- Dark navy band: filter checklist + Live Marketplace Overview ---- */
.lp-navy-band{background:linear-gradient(135deg,#0a1230 0%,#101d52 55%,#0a1230 100%);padding:92px 0;color:#fff}
.lp-navy-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.lp-navy-badge{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#cdd7ff}
.lp-navy-title{font-size:2.5rem;line-height:1.15;color:#fff;margin:20px 0 16px;font-weight:800}
.lp-navy-desc{color:#aeb9d8;font-size:1.05rem;line-height:1.7;margin:0}
.lp-navy-checklist{list-style:none;padding:0;margin:28px 0 32px;display:grid;gap:15px}
.lp-navy-checklist li{display:flex;gap:13px;align-items:flex-start;color:#e9edff;font-weight:500;font-size:1.02rem}
.lp-navy-checklist li i{color:#6ee7a0;margin-top:4px}
.lp-navy-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:34px 30px;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.lp-navy-panel-title{font-weight:700;font-size:1.2rem;color:#fff;margin-bottom:22px}
.lp-navy-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lp-navy-stat{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:14px;padding:20px 18px}
.lp-navy-num{font-size:1.85rem;font-weight:800;color:#fff;line-height:1.1}
.lp-navy-label{color:#aeb9d8;font-size:.88rem;margin-top:6px}
.lp-navy-note{color:#8b96bd;font-size:.85rem;margin:18px 0 0}

/* ---- Hero sample listings: real approved sites (niche pill replaces the price pill) ---- */
.mockup-card .card-niche{background:#eef2ff;color:#4f46e5;font-weight:700;font-size:.78rem;padding:9px 15px;border-radius:999px;white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}

/* ---- Responsive ---- */
@media (max-width:960px){
  .lp-navy-grid{grid-template-columns:1fr;gap:40px}
  .lp-navy-title{font-size:2rem}
  .lp-metrics-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:560px){
  .lp-navy-stats{grid-template-columns:1fr 1fr;gap:12px}
  .lp-navy-panel{padding:26px 20px}
}