/* ===============================
   WIDESH — Sales Pipeline Intro (Simplified) — SCOPED: .ms-pipe
   =============================== */

.ms-pipe, .ms-pipe * { box-sizing: border-box; }
.ms-pipe{
  --ink:#12162b;
  --muted:#5d6a93;
  --brand:#5b6cff;      /* آبی-بنفش */
  --pink:#ff7ab6;       /* صورتی */
  --ring:#e9edff;       /* خط محیط */
  --glass:#ffffffcc;    /* نیمه‌شفاف */

  position:relative; width:100%;
  background:#fff; isolation:isolate;
  padding: clamp(28px,4vw,48px) 0 clamp(56px,8vw,88px);
  color:var(--ink);
  font-family: IRANSans, Tahoma, Arial, sans-serif;
}

/* پس‌زمینه نرم */
.ms-pipe__bg{
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:
    linear-gradient(180deg,#ffffff 0%,#ffffff 30%,#fbfcff 55%,#ffffff 100%),
    radial-gradient(780px 340px at 78% 88%, rgba(91,108,255,.12), transparent 60%),
    radial-gradient(720px 300px at 18% 95%, rgba(255,122,182,.10), transparent 60%);
}

/* ظرف مرکزی */
.ms-pipe__container{ position:relative; z-index:1; max-width:1500px; margin-inline:auto; padding:0 clamp(16px,4vw,28px); }

/* هدر (باکس بالا) */
.ms-pipe__head{
  text-align:center; margin-bottom: clamp(18px,3vw,26px);
  padding: clamp(16px,2.6vw,20px);
  border-radius:20px;
  background: linear-gradient(180deg, #fff 0%, #fbfbff 100%);
  border: 1px solid var(--ring);
  box-shadow: 0 16px 40px rgba(18,22,43,.06);
}
.ms-pipe__eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  padding:6px 12px; border-radius:999px;
  background: rgba(91,108,255,.10);
  color:#334166; font-weight:900; font-size:.95rem;
}
.ms-pipe__eyebrow i{ color:#5b6cff; }
.ms-pipe__title{
  margin:10px 0 2px; font-family:'Lalezar',system-ui; line-height:1.2;
  font-size: clamp(26px,4.2vw,44px); color:#0f1430;
  text-wrap: balance;
}
.ms-pipe__subtitle{ margin:0; color:var(--muted); font-size: clamp(14px,1.2vw,17px) }

/* محتوای اصلی */
.ms-pipe__content{
  margin-top: clamp(16px,2.4vw,22px);
  background: linear-gradient(180deg,#ffffff,#fbfbff);
  border: 1px solid var(--ring);
  border-radius: 20px;
  box-shadow: 0 14px 36px rgba(18,22,43,.08);
  padding: clamp(16px,2.4vw,20px);
}

/* متن و چک‌لیست */
.ms-pipe__prose p{ margin:0 0 10px; line-height:2; color:#20274a; font-size: clamp(14px,1.1vw,16px) }

.ms-pipe__checklist{
  list-style:none; padding:0; margin:10px 0 12px;
  display:grid; gap:8px;
}
@media (min-width:720px){
  .ms-pipe__checklist{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
.ms-pipe__checklist li{
  display:flex; align-items:flex-start; gap:10px;
  background:#f6f8ff; border:1px solid #e9edff; border-radius:12px;
  padding:10px 12px; color:#1f274a; font-weight:800;
}
.ms-pipe__checklist i{ color:#10b981; margin-top:2px; }

/* هایلایت‌ها (۳ کارت) */
.ms-pipe__highlights{
  margin-top: 8px;
  display:grid; gap:12px;
  grid-template-columns: 1fr;
}
@media (min-width:900px){
  .ms-pipe__highlights{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
.ms-pipe__hl{
  position:relative;
  display:flex; align-items:center; gap:12px;
  padding:12px 14px;
  border-radius:16px;
  background: linear-gradient(180deg, #ffffffcc, #fbfbffcc);
  backdrop-filter: blur(4px);
  border:1px solid var(--ring);
  box-shadow: 0 12px 28px rgba(18,22,43,.08);
  transition: transform .16s ease, box-shadow .16s ease;
}
.ms-pipe__hl:hover{ transform: translateY(-2px); box-shadow: 0 16px 36px rgba(18,22,43,.12); }

/* آیکون دایره‌ای */
.ms-pipe__hl-ico{
  width:44px; height:44px; border-radius:14px; display:grid; place-items:center;
  font-size:18px; color:#fff; flex: 0 0 auto;
}
.ms-pipe__hl--blue   .ms-pipe__hl-ico{ background: linear-gradient(135deg,#60a5fa,#5b6cff); }
.ms-pipe__hl--green  .ms-pipe__hl-ico{ background: linear-gradient(135deg,#34d399,#10b981); }
.ms-pipe__hl--orange .ms-pipe__hl-ico{ background: linear-gradient(135deg,#f59e0b,#fb7185); }

.ms-pipe__hl-body h3{
  margin:0 0 4px; font-family:'Lalezar',system-ui; color:#0f1532; font-size: 20px;
}
.ms-pipe__hl-body p{ margin:0; color:#2a3356; font-size: .98rem; }