/* Logged-out marketing homepage (hero, how-it-works, trust, FAQ, final CTA).
 * The pricing block itself is styled by 30-pricing.css. */
.fmp-landing{margin-top:8px}
.fmp-landing-inner{display:flex;flex-direction:column;gap:34px}
.fmp-landing-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}

/* Hero -------------------------------------------------------------- */
.fmp-landing-hero{text-align:center;padding:20px 12px 4px}
.fmp-landing-hero h1{margin:0 auto 12px;max-width:720px;font-size:34px;line-height:1.15;font-weight:800;color:var(--fmp-navy);letter-spacing:-.5px}
.fmp-landing-sub{margin:0 auto;max-width:600px;font-size:16.5px;color:var(--fmp-muted)}

/* How it works ------------------------------------------------------ */
.fmp-landing-steps{text-align:center}
.fmp-landing-steps h2,.fmp-landing-faq h2{margin:0 0 18px;font-size:22px;color:var(--fmp-navy)}
.fmp-steps-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fmp-step-card{position:relative;background:var(--fmp-card);border:1px solid var(--fmp-border);border-radius:var(--fmp-radius);box-shadow:var(--fmp-shadow-sm);padding:22px 14px 18px;display:flex;flex-direction:column;align-items:center;gap:8px}
.fmp-step-card .num{position:absolute;top:10px;left:12px;width:20px;height:20px;border-radius:50%;background:var(--fmp-teal);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}
.fmp-step-card .ic{font-size:30px;line-height:1}
.fmp-step-card .lbl{font-size:14px;font-weight:700;color:var(--fmp-navy)}

/* Trust / coverage strip -------------------------------------------- */
.fmp-landing-trust{text-align:center;background:var(--fmp-navy);color:#fff;border-radius:var(--fmp-radius);padding:16px 18px;font-size:14.5px;font-weight:600;box-shadow:var(--fmp-shadow-sm)}

/* Pricing anchor (offset so the smooth scroll doesn't clip the badge) */
.fmp-landing-pricing{scroll-margin-top:18px}

/* FAQ --------------------------------------------------------------- */
.fmp-landing-faq{width:100%;max-width:760px;margin:0 auto}
.fmp-faq-item{background:var(--fmp-card);border:1px solid var(--fmp-border);border-radius:12px;box-shadow:var(--fmp-shadow-sm);padding:16px 18px;margin-bottom:12px}
.fmp-faq-item:last-child{margin-bottom:0}
.fmp-faq-item h3{margin:0 0 6px;font-size:15.5px;color:var(--fmp-navy)}
.fmp-faq-item p{margin:0;font-size:14.5px;color:var(--fmp-muted)}

/* Final CTA band ---------------------------------------------------- */
.fmp-landing-band{text-align:center;background:linear-gradient(180deg,#fbfdff,#eef5f6);border:1px solid var(--fmp-border);border-radius:var(--fmp-radius);box-shadow:var(--fmp-shadow-sm);padding:30px 18px}
.fmp-landing-band h2{margin:0 0 6px;font-size:22px;color:var(--fmp-navy)}
.fmp-landing-band p{margin:0 auto;max-width:460px;color:var(--fmp-muted)}
.fmp-landing-band .fmp-landing-cta{margin-top:18px}

/* Responsive -------------------------------------------------------- */
@media (max-width:720px){
  .fmp-landing-inner{gap:26px}
  .fmp-landing-hero h1{font-size:26px}
  .fmp-landing-sub{font-size:15px}
  .fmp-steps-row{grid-template-columns:repeat(2,1fr)}
}