/* ===== MLM Consulting ===== */
:root{
  --mc-bg:#f6f9ff;
  --mc-surface:#ffffff;
  --mc-ink:#1f2328;
  --mc-muted:#667085;
  --mc-primary:#e83f3f;     /* tweak to your brand */
  --mc-border:#e6e8ef;
  --mc-radius:16px;
  --mc-shadow:0 10px 30px rgba(30,35,90,.08);
}

.mlmc-root{color:var(--mc-ink);background:#fff;}
.mlmc-container{max-width:1120px;margin:0 auto;padding:0 16px;}
.mlmc-head{text-align:left;margin-bottom:18px;}
.mlmc-head h2{margin:0 0 6px;font-size:28px;line-height:1.2}
.mlmc-sub{color:var(--mc-muted);margin:0}

/* HERO */
.mlmc-hero{position:relative;padding:110px 20px 90px;background:radial-gradient(circle at 14% 12%,rgba(232,244,255,0.88),transparent 62%),radial-gradient(circle at 82% 8%,rgba(255,221,235,0.55),transparent 68%),linear-gradient(180deg,#ffffff 0%,#f3f6ff 55%,#eef2ff 100%);overflow:hidden}
.mlmc-hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.mlmc-hero__orbit{position:absolute;border-radius:50%;mix-blend-mode:screen;opacity:.65;animation:mlmcFloat 18s ease-in-out infinite}
.mlmc-hero__orbit--one{width:360px;height:360px;background:radial-gradient(circle,rgba(114,138,255,0.55),transparent 70%);top:-160px;left:-120px;animation-delay:-4s}
.mlmc-hero__orbit--two{width:280px;height:280px;background:radial-gradient(circle,rgba(255,196,226,0.52),transparent 72%);right:-90px;top:38%;animation-duration:22s}
.mlmc-hero__orbit--three{width:220px;height:220px;background:radial-gradient(circle,rgba(142,226,255,0.48),transparent 70%);left:50%;bottom:-120px;transform:translateX(-50%);animation-duration:16s}
.mlmc-hero__glow{position:absolute;left:50%;top:60px;width:460px;height:460px;transform:translateX(-50%) rotate(16deg);background:linear-gradient(135deg,rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 68%);filter:blur(12px);opacity:.45;animation:mlmcDrift 12s ease-in-out infinite}
.mlmc-hero__in{position:relative;z-index:1;max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}
.mlmc-hero__copy{background:rgba(255,255,255,0.86);border:1px solid rgba(255,255,255,0.6);backdrop-filter:blur(14px);padding:28px;border-radius:28px;box-shadow:0 26px 78px rgba(92,110,255,0.18)}
.mlmc-breadcrumb{font-size:12px;color:rgba(46,52,82,0.68);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.mlmc-breadcrumb a{color:inherit;text-decoration:none}
.mlmc-hero__chips{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.mlmc-chip{display:inline-flex;align-items:center;padding:6px 16px;border-radius:999px;background:rgba(95,120,255,0.12);border:1px solid rgba(95,120,255,0.24);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1f2a56}
.mlmc-chip--soft{background:rgba(255,255,255,0.92);border-color:rgba(255,255,255,0.7);color:rgba(31,42,86,0.72);box-shadow:0 16px 30px rgba(32,46,96,0.12)}
.mlmc-chip--pulse{background:rgba(46,213,167,0.14);border-color:rgba(46,213,167,0.32);color:#0f5132;position:relative;padding-left:28px}
.mlmc-chip__dot{position:absolute;left:10px;width:8px;height:8px;border-radius:999px;background:#2ed5a7;box-shadow:0 0 0 6px rgba(46,213,167,0.15);animation:mlmcPulse 2.4s ease-in-out infinite}
.mlmc-hero h1{margin:0 0 18px;font-size:clamp(34px,4vw,48px);line-height:1.08;color:var(--mc-ink)}
.mlmc-highlight{background:linear-gradient(120deg,#312e81,#0ea5e9);-webkit-background-clip:text;color:transparent}
.mlmc-lead{margin:0 0 28px;color:rgba(45,53,82,0.82);font-size:1.06rem;max-width:620px}
.mlmc-hero__pillgrid{display:flex;flex-wrap:wrap;gap:12px 14px;margin-bottom:26px}
.mlmc-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:14px;background:rgba(255,255,255,0.86);border:1px solid rgba(148,163,184,0.3);box-shadow:0 14px 26px rgba(15,23,42,0.08);font-weight:600;color:#24345a}
.mlmc-pill__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:linear-gradient(120deg,#14b8a6,#22d3ee);color:#fff;font-size:10px}
.mlmc-hero__footer{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px}
.mlmc-trust-card{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;background:rgba(15,23,42,0.84);color:#e2e8f0;box-shadow:0 24px 44px rgba(15,23,42,0.28);min-width:260px;flex:1 1 260px}
.mlmc-trust-card__avatars{display:flex;align-items:center}
.mlmc-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.28);font-weight:700;margin-right:-10px}
.mlmc-avatar--b{background:rgba(99,102,241,0.35)}
.mlmc-avatar--c{background:rgba(14,165,233,0.35)}
.mlmc-trust-card__label{display:block;font-size:.9rem;font-weight:600}
.mlmc-trust-card__note{display:block;font-size:.78rem;color:rgba(226,232,240,0.75)}
.mlmc-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:22px}
.mlmc-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:16px;border:1px solid transparent;font-weight:600;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.mlmc-btn--primary{background:linear-gradient(130deg,#e83f3f 0%,#ff6e7d 52%,#ffb27f 100%);color:#fff;box-shadow:0 22px 44px rgba(232,63,63,0.28)}
.mlmc-btn--primary:hover{transform:translateY(-2px)}
.mlmc-btn--ghost{background:rgba(255,255,255,0.92);color:var(--mc-ink);border-color:rgba(95,120,255,0.22)}
.mlmc-btn--ghost:hover{background:#fff}
.mlmc-btn--link{background:transparent;color:#1f2a56;border-color:rgba(31,42,86,0.18);padding:12px 0}
.mlmc-btn--link:hover{color:#0f172a;text-decoration:underline}
.mlmc-hero__metrics{display:flex;gap:12px;flex-wrap:wrap;flex:1 1 320px;justify-content:space-between}
.mlmc-metric{flex:1 1 150px;min-width:140px;background:rgba(255,255,255,0.92);border:1px solid rgba(95,120,255,0.16);border-radius:18px;padding:16px 18px;box-shadow:0 22px 48px rgba(22,32,80,0.12)}
.mlmc-metric__value{display:block;font-size:1.4rem;font-weight:700;color:var(--mc-ink)}
.mlmc-metric__label{display:block;margin-top:4px;font-size:.82rem;color:rgba(45,53,82,0.68)}
.mlmc-hero__stage{position:relative;padding:38px 34px;border-radius:34px;background:rgba(18,22,52,0.9);border:1px solid rgba(126,148,255,0.3);box-shadow:0 44px 90px rgba(12,18,52,0.46);overflow:hidden;min-height:380px;display:flex;flex-direction:column;gap:22px;color:#e2e8f0}
.mlmc-stage__halo{position:absolute;inset:-20%;background:radial-gradient(circle,rgba(126,146,255,0.55),transparent 70%);filter:blur(42px);opacity:.55}
.mlmc-stage__panel{position:relative;z-index:1;background:rgba(12,17,46,0.82);border:1px solid rgba(148,163,255,0.32);border-radius:24px;padding:24px 26px;box-shadow:0 28px 60px rgba(9,14,34,0.5);backdrop-filter:blur(12px)}
.mlmc-stage__eyebrow{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:rgba(255,255,255,0.12);border:1px solid rgba(255,255,255,0.2);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#cbd5ff}
.mlmc-stage__panel h3{margin:16px 0 18px;font-size:1.28rem;color:#fff}
.mlmc-stage__timeline{margin:0;padding:0;display:grid;gap:14px;list-style:none}
.mlmc-stage__timeline li{display:flex;gap:12px;align-items:flex-start}
.mlmc-stage__bullet{flex:none;width:12px;height:12px;border-radius:50%;background:linear-gradient(120deg,#38bdf8,#6366f1);box-shadow:0 0 0 6px rgba(99,102,241,0.2);margin-top:6px}
.mlmc-stage__timeline strong{display:block;font-size:.92rem;color:#f8fafc;margin-bottom:4px}
.mlmc-stage__timeline p{margin:0;font-size:.85rem;color:rgba(226,232,240,0.75)}
.mlmc-stage__footer{display:flex;align-items:center;justify-content:space-between;margin-top:18px;padding-top:16px;border-top:1px solid rgba(148,163,255,0.2)}
.mlmc-stage__label{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(226,232,240,0.7)}
.mlmc-stage__avatars{display:flex;gap:10px}
.mlmc-stage__avatar{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:999px;background:rgba(99,102,241,0.16);border:1px solid rgba(148,163,255,0.3);font-size:.78rem;font-weight:600;color:#dbeafe}
.mlmc-stage__badgecard{position:relative;z-index:1;align-self:flex-start;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,0.14);border:1px solid rgba(255,255,255,0.26);backdrop-filter:blur(8px);box-shadow:0 18px 44px rgba(15,23,42,0.4);font-weight:600}
.mlmc-stage__badge{display:block;font-size:1.32rem;font-weight:700;color:#f8fafc;letter-spacing:.02em}
.mlmc-stage__badgecard .mlmc-stage__note{display:block;font-size:.78rem;font-weight:500;color:rgba(226,232,240,0.75);margin-top:4px}
.mlmc-stage__pill{position:absolute;padding:6px 14px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;box-shadow:0 22px 42px rgba(10,18,52,0.36)}
.mlmc-stage__pill--one{top:36px;right:34px;background:linear-gradient(120deg,rgba(123,208,255,0.95),rgba(255,255,255,0.9));color:#132047;animation:mlmcFloat 18s ease-in-out infinite}
.mlmc-stage__pill--two{left:36px;bottom:28px;background:linear-gradient(120deg,rgba(255,204,238,0.92),rgba(255,255,255,0.92));color:#2b2348;animation:mlmcFloat 22s ease-in-out infinite;animation-delay:-4s}

@keyframes mlmcPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.25);opacity:.6;}}
@keyframes mlmcFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
@keyframes mlmcDrift{0%,100%{transform:translate(-50%,0) rotate(16deg);}50%{transform:translate(-50%,18px) rotate(20deg);}}

/* TRUST BAR */
.mlmc-trust{padding:16px 0;background:#fff;border-top:1px solid var(--mc-border);border-bottom:1px solid var(--mc-border);text-align:center}
.mlmc-logos{display:flex;gap:36px;justify-content:center;align-items:center;margin:8px 0 0;padding:0}
.mlmc-logos li{list-style:none;opacity:.55}
.mlmc-logos li.ph{width:80px;height:24px;background:linear-gradient(90deg,#eee,#f6f6f6,#eee);border-radius:6px}

/* WHY */
.mlmc-why{padding:60px 0;background:linear-gradient(180deg,#f6f8ff 0%,#ffffff 100%)}
.mlmc-why__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.mlmc-card{position:relative;padding:28px;border-radius:26px;background:#fff;border:1px solid rgba(148,163,184,0.24);box-shadow:0 24px 48px rgba(15,23,42,0.08);transition:transform .2s ease,box-shadow .2s ease}
.mlmc-card:hover{transform:translateY(-6px);box-shadow:0 32px 70px rgba(15,23,42,0.12)}
.mlmc-card h3{margin:12px 0 10px;font-size:1.15rem;color:#111827}
.mlmc-card p{margin:0;color:#4b5563;font-size:.95rem;line-height:1.6}
.mlmc-num{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:16px;background:linear-gradient(135deg,#f8fafc,#eef2ff);border:1px solid rgba(148,163,184,0.45);font-weight:700;color:#1f2937;font-size:.95rem;box-shadow:0 12px 28px rgba(148,163,184,0.22)}
.mlmc-card::after{content:"";position:absolute;inset:0;border-radius:26px;background:linear-gradient(140deg,rgba(99,102,241,0.08),rgba(14,165,233,0.04),rgba(239,68,68,0.06));opacity:0;transition:opacity .2s ease;z-index:-1}
.mlmc-card:hover::after{opacity:1}

/* SERVICES / COMP / DISTR / CUST */
.mlmc-services,.mlmc-comp,.mlmc-distributor,.mlmc-customer{padding:60px 0;background:#ffffff;position:relative}
.mlmc-services::before,.mlmc-comp::before,.mlmc-distributor::before,.mlmc-customer::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(255,237,213,0.35),transparent 60%);pointer-events:none;z-index:0}
.mlmc-services .mlmc-container,
.mlmc-comp .mlmc-container,
.mlmc-distributor .mlmc-container,
.mlmc-customer .mlmc-container{position:relative;z-index:1}
.mlmc-featuregrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
.mlmc-featuregrid.three{grid-template-columns:repeat(3,1fr)}
.mlmc-feature{position:relative;border-radius:26px;padding:28px;background:#fff;border:1px solid rgba(209,213,219,0.5);box-shadow:0 24px 50px rgba(15,23,42,0.07);display:grid;gap:14px;transition:transform .2s ease,box-shadow .2s ease}
.mlmc-feature:hover{transform:translateY(-6px);box-shadow:0 36px 80px rgba(15,23,42,0.12)}
.mlmc-feature h3{margin:0;font-size:1.1rem;color:#111827}
.mlmc-feature p{margin:0;color:#4b5563}
.mlmc-link{font-weight:600;text-decoration:none;color:#ef4444}
.mlmc-link:hover{text-decoration:underline}
.mlmc-icon{width:32px;height:32px;border-radius:11px;border:1px solid rgba(148,163,184,0.35);background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(244,245,255,0.9));box-shadow:0 12px 26px rgba(148,163,184,0.18)}

.mlmc-cta-row{display:flex;justify-content:center;margin-top:16px}
.mlmc-cta-row .mlmc-btn--primary{padding:14px 30px;font-size:1rem;background:linear-gradient(135deg,#f97316 0%,#ef4444 48%,#f59e0b 100%);box-shadow:0 26px 46px rgba(249,115,22,0.35)}
.mlmc-cta-row .mlmc-btn--primary:hover{filter:brightness(.97)}

/* LIFECYCLE */
.mlmc-lifecycle{padding:60px 0;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)}
.mlmc-steps__wrap{position:relative}
.mlmc-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.mlmc-step-card{position:relative;display:flex;gap:18px;align-items:flex-start;padding:24px 26px;border-radius:24px;background:#ffffff;border:1px solid rgba(148,163,184,0.24);box-shadow:0 20px 40px rgba(15,23,42,0.08);transition:transform .2s ease,box-shadow .2s ease}
.mlmc-step-card::before{content:"";position:absolute;inset:0;border-radius:24px;background:linear-gradient(135deg,rgba(15,23,42,0.04),rgba(99,102,241,0.08));opacity:0;transition:opacity .2s ease}
.mlmc-step-card:hover{transform:translateY(-4px);box-shadow:0 28px 60px rgba(15,23,42,0.12)}
.mlmc-step-card:hover::before{opacity:1}
.mlmc-step-card__badge{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;background:var(--step-accent,#6366f1);color:#fff;font-weight:700;font-size:1rem;letter-spacing:.04em;box-shadow:0 14px 28px rgba(15,23,42,0.15)}
.mlmc-step-card__body{position:relative;z-index:1}
.mlmc-step-card__body h3{margin:0 0 6px;font-size:1.08rem;color:#0f172a}
.mlmc-step-card__body p{margin:0;color:#475569;font-size:.92rem}
.mlmc-step-card__arrow{position:absolute;top:50%;right:-36px;width:60px;height:2px;background:linear-gradient(90deg,var(--step-accent,#6366f1),transparent);transform:translateY(-50%);opacity:.55}
.mlmc-step-card__arrow::after{content:"";position:absolute;right:0;top:50%;width:10px;height:10px;border-right:2px solid var(--step-accent,#6366f1);border-top:2px solid var(--step-accent,#6366f1);transform:translateY(-50%) rotate(45deg)}
.mlmc-step-card:nth-child(3n) .mlmc-step-card__arrow{display:none}

/* REVIEWS */
.mlmc-reviews{padding:36px 0;background:#fef9f8}
.mlmc-score{background:#fff;border:1px solid var(--mc-border);border-radius:16px;padding:18px;text-align:center;box-shadow:var(--mc-shadow)}
.mlmc-stars{letter-spacing:4px;color:#f5a623;font-size:20px}
.mlmc-rating{margin-top:6px;color:var(--mc-muted)}

/* APP BAND */
.mlmc-appband{padding:28px 0;background:#fff}
.mlmc-appband__in{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;align-items:center}
.mlmc-storebadges a{display:inline-block;border:1px solid var(--mc-border);border-radius:10px;padding:8px 12px;margin-right:8px;text-decoration:none;color:var(--mc-ink)}
.mlmc-appband__art img{width:100%;height:auto;border-radius:16px;border:1px solid var(--mc-border);box-shadow:var(--mc-shadow)}

/* Buttons hover */
.mlmc-btn--primary:hover{transform:translateY(-2px);filter:brightness(.97)}
.mlmc-btn--ghost:hover{background:#fff;color:var(--mc-ink)}

/* Responsive */
@media (max-width:1024px){
  .mlmc-hero{padding:90px 18px 72px}
  .mlmc-hero__in,.mlmc-appband__in{grid-template-columns:1fr}
  .mlmc-hero__footer{flex-direction:column}
  .mlmc-trust-card{width:100%}
  .mlmc-hero__stage{margin-top:28px;min-height:auto}
  .mlmc-steps{grid-template-columns:1fr 1fr}
  .mlmc-why__grid,
  .mlmc-featuregrid,
  .mlmc-featuregrid.three{grid-template-columns:repeat(2,1fr)}
  .mlmc-step-card__arrow{display:none}
}
@media (max-width:720px){
  .mlmc-hero__copy{padding:24px}
  .mlmc-hero h1{font-size:32px}
  .mlmc-hero__chips{flex-direction:column;align-items:flex-start}
  .mlmc-hero__pillgrid{flex-direction:column}
  .mlmc-hero__stage{padding:28px 24px}
  .mlmc-hero__footer{flex-direction:column}
  .mlmc-trust-card{width:100%}
  .mlmc-hero__metrics{gap:10px;flex-direction:column;align-items:stretch}
  .mlmc-metric{flex:1 1 100%;min-width:auto}
  .mlmc-stage__pill--one{top:20px;right:20px}
  .mlmc-stage__pill--two{left:20px;bottom:20px}
  .mlmc-steps{grid-template-columns:1fr}
  .mlmc-why__grid,
  .mlmc-featuregrid,
  .mlmc-featuregrid.three{grid-template-columns:1fr}
  .mlmc-featuregrid{gap:14px}
  .mlmc-cta-row{flex-direction:column;gap:12px}
  .mlmc-steps{grid-template-columns:1fr}
  .mlmc-step-card{padding:22px 22px}
}
@media (max-width:540px){
  .mlmc-hero{padding:70px 16px 60px}
  .mlmc-hero__chips{gap:8px}
  .mlmc-pill{width:100%}
  .mlmc-hero__metrics{gap:8px}
  .mlmc-hero__stage{padding:26px 20px}
}