
/* ==========================================================
   MENAGER.CA BRAND SYSTEM v10 — Marketplace Operating System
   Objectif: unifier branding, acquisition, cards, CTA, SEO pages.
   ========================================================== */
:root{
  --mn-red:#e8001c;--mn-red-dark:#b50016;--mn-red-soft:#fff0f2;
  --mn-ink:#101116;--mn-text:#3c4350;--mn-muted:#777f91;
  --mn-line:#e7e9ef;--mn-soft:#f7f8fb;--mn-white:#fff;
  --mn-green:#08a660;--mn-blue:#0ea5e9;--mn-gold:#d4920a;
  --mn-radius-xs:10px;--mn-radius:18px;--mn-radius-lg:28px;--mn-radius-xl:36px;
  --mn-shadow-sm:0 6px 18px rgba(16,17,22,.06);
  --mn-shadow:0 16px 45px rgba(16,17,22,.10);
  --mn-shadow-red:0 14px 34px rgba(232,0,28,.28);
  --mn-container:min(1120px,calc(100% - 28px));
  --mn-font:'DM Sans',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
html{scroll-behavior:smooth} body{font-family:var(--mn-font)!important;background:#f6f6f2;color:var(--mn-ink)}
a{transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.mn-container{width:var(--mn-container);margin-inline:auto}.mn-red{color:var(--mn-red)}
.mn-btn,.btn-primary,.btn-submit,.navbtn,.qbtn,.mc-btn-primary,.become-btn,.btn-join-pro{
  border:0!important;border-radius:999px!important;background:linear-gradient(135deg,var(--mn-red),#ff385c)!important;color:#fff!important;
  font-weight:900!important;box-shadow:var(--mn-shadow-red)!important;text-decoration:none!important;letter-spacing:-.01em
}
.mn-btn:hover,.btn-primary:hover,.btn-submit:hover,.navbtn:hover,.qbtn:hover,.mc-btn-primary:hover,.become-btn:hover,.btn-join-pro:hover{transform:translateY(-2px);filter:saturate(1.05)}
.btn-secondary,.btn-join-client,.mc-btn-ghost,.round-btn{border-radius:999px!important;border:1px solid rgba(232,0,28,.18)!important;background:#fff!important;color:var(--mn-red)!important;font-weight:800!important;box-shadow:var(--mn-shadow-sm)!important}
.card,.qa-card,.step-card,.freelancer-card,.mc-pro,.media-card,.seo-block,.cities-block,.why-section,.form,.profile-card,.login-card{
  border:1px solid var(--mn-line)!important;border-radius:var(--mn-radius)!important;box-shadow:var(--mn-shadow-sm)!important;background:#fff!important
}
.card:hover,.qa-card:hover,.step-card:hover,.freelancer-card:hover,.mc-pro:hover,.media-card:hover{box-shadow:var(--mn-shadow)!important;border-color:rgba(232,0,28,.28)!important;transform:translateY(-2px)}
.section-label,.hero-eyebrow,.mc-pro-badge,.plan-ribbon{background:var(--mn-red-soft)!important;color:var(--mn-red)!important;border:1px solid rgba(232,0,28,.16)!important;border-radius:999px!important;font-weight:900!important;letter-spacing:.04em}
/* Live marketplace bar */
.mn-livebar{width:var(--mn-container);margin:12px auto 0;background:#111318;color:#fff;border-radius:22px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 18px 48px rgba(16,17,22,.18)}
.mn-livebar__left,.mn-livebar__items{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mn-livebar__dot{width:9px;height:9px;background:var(--mn-green);border-radius:999px;box-shadow:0 0 0 5px rgba(8,166,96,.18)}
.mn-livebar strong{font-size:13px}.mn-livebar span{font-size:12px;color:rgba(255,255,255,.72)}.mn-livebar__pill{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:7px 10px;font-size:12px;color:#fff!important}
@media(max-width:720px){.mn-livebar{border-radius:0;margin:0;width:100%;overflow-x:auto;justify-content:flex-start}.mn-livebar__left{min-width:max-content}.mn-livebar__items{min-width:max-content}.mn-livebar strong{font-size:12px}}
/* Acquisition / marketing pages */
.mn-hero-v10{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 0%,rgba(232,0,28,.28),transparent 38%),linear-gradient(135deg,#121318,#2a0c12);color:#fff;border-radius:0 0 34px 34px;padding:64px 0 42px}.mn-hero-v10 .mn-container{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}.mn-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:12px;font-weight:900;text-transform:uppercase;color:#ffb4c0}.mn-hero-v10 h1{font-size:clamp(34px,5vw,68px);line-height:.96;margin:18px 0 16px;letter-spacing:-.06em}.mn-hero-v10 p{font-size:clamp(15px,1.6vw,19px);line-height:1.6;color:rgba(255,255,255,.78);max-width:760px}.mn-hero-panel{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:22px;backdrop-filter:blur(14px);box-shadow:0 20px 60px rgba(0,0,0,.18)}
.mn-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.mn-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.mn-section-v10{padding:42px 0}.mn-feature{background:#fff;border:1px solid var(--mn-line);border-radius:22px;padding:22px;box-shadow:var(--mn-shadow-sm)}.mn-feature h3{font-size:19px;margin:0 0 8px;letter-spacing:-.03em}.mn-feature p{font-size:14px;color:var(--mn-text);line-height:1.65}.mn-mini-stat{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1)}.mn-mini-stat b{font-size:22px}.mn-mini-stat span{font-size:12px;color:rgba(255,255,255,.7)}
/* Card conversion signals */
.mn-signal-row{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}.mn-signal{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;background:#f7f8fb;border:1px solid #e7e9ef;font-size:11px;font-weight:800;color:#3c4350}.mn-signal--green{background:#eefaf4;border-color:#ccefdc;color:#057a47}.mn-signal--red{background:#fff0f2;border-color:#ffd3da;color:#c9001b}.mn-signal--gold{background:#fff8e6;border-color:#f5df9d;color:#946100}.mn-cta-strip{width:var(--mn-container);margin:18px auto;padding:18px;border-radius:24px;background:#fff;border:1px solid var(--mn-line);box-shadow:var(--mn-shadow-sm);display:flex;align-items:center;justify-content:space-between;gap:16px}.mn-cta-strip h2{font-size:22px;margin:0 0 3px}.mn-cta-strip p{margin:0;color:var(--mn-muted);font-size:14px}.mn-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
/* Forms */
input,select,textarea{accent-color:var(--mn-red)} input:focus,select:focus,textarea:focus{border-color:var(--mn-red)!important;box-shadow:0 0 0 4px rgba(232,0,28,.08)!important}
/* Responsive */
@media(max-width:880px){.mn-hero-v10 .mn-container,.mn-grid-2,.mn-grid-3{grid-template-columns:1fr}.mn-hero-v10{padding:42px 0 32px}.mn-hero-panel{order:-1}.mn-cta-strip{align-items:flex-start;flex-direction:column}.mn-cta-actions{width:100%}.mn-cta-actions a{width:100%;justify-content:center;text-align:center}}
