/* MentoroidX PECB Landing Skin (isolated, theme-resistant)
   Inspired by the working mxpecb-iso42001-foundation-elearning plugin.
   IMPORTANT: This file is scoped to .mxpecbLanding only to avoid any theme/plugin clashes.
*/

.mxpecbLanding{
  --mx-bg:#fff;
  --mx-card:#fff;
  --mx-card2:#fff;
  --mx-text:#0f172a;
  --mx-muted:#475569;
  --mx-accent:#C8102E;
  --mx-accent2:#111827;
  --mx-border:rgba(15,23,42,.12);
  --mx-shadow:0 18px 50px rgba(2,6,23,.08);
  --mx-radius:18px;
  --mx-max:1120px;
  --mx-gap:18px;
  font-family:Montserrat,"Open Sans",ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  color:var(--mx-text);
}
.mxpecbLanding *{box-sizing:border-box}
.mxpecbLanding-wrap{background:linear-gradient(180deg,#ffffff 0%, #f8fafc 55%, #ffffff 100%)}
.mxpecbLanding-container{max-width:var(--mx-max);margin:0 auto;padding:0 18px}

/* Hero */
.mxpecbLanding-hero{position:relative;padding:64px 0 34px;background:radial-gradient(1200px 420px at 15% 0%, rgba(200,16,46,.10), transparent 60%),radial-gradient(900px 380px at 85% 10%, rgba(17,24,39,.08), transparent 55%),linear-gradient(180deg, rgba(248,250,252,1), rgba(255,255,255,1));border-bottom:1px solid var(--mx-border)}
.mxpecbLanding-heroGrid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:stretch}
.mxpecbLanding-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--mx-border);border-radius:999px;background:rgba(255,255,255,.85);backdrop-filter:blur(10px);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mx-muted)}
.mxpecbLanding-hero h1{margin:14px 0 10px;font-size:46px;line-height:1.08;letter-spacing:-.02em}
.mxpecbLanding-lead{margin:0 0 18px;font-size:16px;line-height:1.55;color:var(--mx-muted);max-width:62ch}
.mxpecbLanding-ctaRow{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.mxpecbLanding-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:12px;border:1px solid var(--mx-border);text-decoration:none;color:var(--mx-text);font-weight:700;background:#fff}
.mxpecbLanding-btnPrimary{background:linear-gradient(135deg,var(--mx-accent) 0%, #ff3b5c 100%);border:0;box-shadow:0 14px 40px rgba(200,16,46,.18);color:#fff}
.mxpecbLanding-btnGhost{background:rgba(255,255,255,.92)}
.mxpecbLanding-btn:hover{transform:translateY(-1px)}
.mxpecbLanding-note{margin-top:14px;padding:12px 14px;border-radius:14px;border:1px solid rgba(200,16,46,.25);background:rgba(200,16,46,.05);color:rgba(15,23,42,.78);}

.mxpecbLanding-heroCard{border:1px solid var(--mx-border);border-radius:var(--mx-radius);overflow:hidden;background:#fff;box-shadow:var(--mx-shadow)}
.mxpecbLanding-heroImg{width:100%;height:210px;object-fit:contain;display:block;background:#fff}
.mxpecbLanding-heroPlaceholder{width:100%;height:210px;display:flex;align-items:center;justify-content:center;padding:18px;color:var(--mx-muted);background:linear-gradient(180deg,rgba(15,23,42,.02),rgba(15,23,42,.04))}
.mxpecbLanding-heroCardInner{padding:16px}
.mxpecbLanding-miniTitle{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mx-muted);margin-bottom:10px}
.mxpecbLanding-checklist{margin:0;padding:0 0 0 18px;color:var(--mx-muted)}
.mxpecbLanding-checklist li{margin:8px 0}

/* Sections */
.mxpecbLanding-section{padding:42px 0;border-top:1px solid rgba(15,23,42,.08)}
.mxpecbLanding-sectionHead h2{margin:0 0 10px;font-size:26px;letter-spacing:-.01em}
.mxpecbLanding-sectionHead p{margin:0;color:var(--mx-muted);max-width:78ch;line-height:1.6}

.mxpecbLanding-card{border:1px solid var(--mx-border);border-radius:var(--mx-radius);background:#fff;box-shadow:0 10px 34px rgba(2,6,23,.06);padding:18px}
.mxpecbLanding-card h3{margin:0 0 10px;font-size:18px}
.mxpecbLanding-bullets{margin:0;padding-left:18px;color:var(--mx-muted);line-height:1.75}
.mxpecbLanding-bullets li{margin:6px 0}

.mxpecbLanding-grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--mx-gap);margin-top:18px}
.mxpecbLanding-grid1{display:grid;grid-template-columns:1fr;gap:12px;margin-top:18px}

/* FAQ */
.mxpecbLanding-faq{border:1px solid var(--mx-border);border-radius:16px;padding:12px 14px;background:#fff;box-shadow:0 8px 22px rgba(2,6,23,.05)}
.mxpecbLanding-faq summary{font-weight:800;color:var(--mx-text);cursor:pointer}
.mxpecbLanding-faqA{margin-top:10px;color:var(--mx-muted);line-height:1.6}

/* Footer */
.mxpecbLanding-footer{padding:26px 0 44px;color:var(--mx-muted)}
.mxpecbLanding-footerText{border-top:1px solid rgba(15,23,42,.12);padding-top:18px;font-size:13px}

/* Responsive */
@media (max-width: 980px){
  .mxpecbLanding-hero h1{font-size:38px}
  .mxpecbLanding-heroGrid{grid-template-columns:1fr;}
  .mxpecbLanding-heroImg{height:240px}
  .mxpecbLanding-grid2{grid-template-columns:1fr}
}
@media (max-width: 520px){
  .mxpecbLanding-hero{padding:46px 0 24px}
  .mxpecbLanding-hero h1{font-size:32px}
  .mxpecbLanding-btn{width:100%}
}