/* صفحه‌ی اصلی ERP (پیشوند .erp) — بدون دست‌زدن به هدر، فوتر و منو */
.erp { color: var(--v-ink); line-height: 1.95; }
.erp-wrap { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }
.erp-hero { padding: 24px 0 8px; background: linear-gradient(180deg, var(--v-tint), #fff 70%); }
.erp-hero__img { margin: 18px 0 0; border-radius: 28px; overflow: hidden; background: #fff; box-shadow: 0 34px 60px -40px rgba(11,59,58,.55); }
.erp-hero__img img { display: block; width: 100%; height: auto; }
.erp-hero__copy { max-width: 860px; margin: 28px auto 0; text-align: center; padding-bottom: 30px; }
.erp-eyebrow { display: inline-block; font-size: 13px; font-weight: 900; letter-spacing: .6px; color: var(--v-brand); background: linear-gradient(transparent 58%, rgba(255,194,26,.55) 58%); padding: 0 6px; }
.erp-hero__copy h1 { margin: 12px 0 10px; font-size: clamp(28px, 4.4vw, 46px); line-height: 1.45; font-weight: 900; color: var(--v-deep); }
.erp-hero__copy p { margin: 0 auto; color: var(--v-ink-2); font-size: 16px; }
.erp-actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; margin-top: 22px; }
.erp-sec { padding: 64px 0; }
.erp-head { max-width: 720px; margin: 0 auto 34px; text-align: center; }
.erp-kicker { font-size: 12px; font-weight: 900; letter-spacing: .5px; color: var(--v-brand); }
.erp-head h2 { margin: 6px 0 8px; font-size: clamp(24px, 3.2vw, 34px); line-height: 1.5; font-weight: 900; color: var(--v-deep); }
.erp-head h2::after { content: ""; display: block; width: 54px; height: 4px; border-radius: 4px; background: #FFC21A; margin: 10px auto 0; }
.erp-head p { margin: 10px 0 0; color: var(--v-ink-3); font-size: 15px; }
/* اینفوگرافی: قاب با نسبت ثابت؛ فایل خودش ۱۲۸۰ پیکسل است و ۱۰۰٪ عرض را می‌گیرد */
.erp-map__box { border-radius: 24px; overflow: hidden; background: #0b1030; box-shadow: 0 30px 60px -36px rgba(11,16,48,.7); overflow-x: auto; -webkit-overflow-scrolling: touch; }
.erp-map__box iframe { display: block; width: 100%; min-width: 900px; aspect-ratio: 1280 / 1550; border: 0; }
.erp-mods { background: var(--v-bg-soft); }
.erp-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 16px; }
.erp-mod { position: relative; display: grid; gap: 6px; align-content: start; height: 100%; padding: 22px 20px 20px; border-radius: 22px; background: #fff; color: var(--v-ink); text-decoration: none; border: 1px solid var(--v-line); border-top: 3px solid transparent; transition: transform .2s, box-shadow .2s, border-color .2s; }
.erp-mod:hover { transform: translateY(-5px); border-top-color: #FFC21A; box-shadow: 0 26px 40px -30px rgba(11,59,58,.6); }
.erp-mod__ic { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 15px; background: var(--c, var(--v-brand)); color: #fff; box-shadow: 0 12px 22px -12px var(--c, var(--v-brand)); }
.erp-mod__ic svg { width: 24px; height: 24px; }
.erp-mod b { font-size: 17px; font-weight: 900; margin-top: 8px; }
.erp-mod small { color: var(--v-ink-3); font-size: 13px; line-height: 1.9; }
.erp-mod em { display: inline-flex; align-items: center; gap: 6px; margin-top: 6px; font-style: normal; font-weight: 800; font-size: 13px; color: var(--v-brand); }
.erp-mod em svg { width: 14px; height: 14px; }
html[dir="rtl"] .erp-mod em svg { transform: scaleX(-1); }
.erp-capgrid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.erp-capgrid li { padding: 22px; border-radius: 22px; background: var(--v-tint); display: grid; gap: 4px; align-content: start; }
.erp-cap__ic { display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: #FFC21A; color: #14302F; margin-bottom: 6px; }
.erp-cap__ic svg { width: 22px; height: 22px; }
.erp-capgrid b { font-weight: 900; font-size: 16px; }
.erp-capgrid p { margin: 0; color: var(--v-ink-2); font-size: 14px; }
.erp-ints { background: var(--v-bg-soft); }
.erp-intgrid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
.erp-int { display: grid; justify-items: center; gap: 4px; padding: 20px 14px; border-radius: 20px; background: #fff; border: 1px solid var(--v-line); text-align: center; transition: transform .2s, border-color .2s; }
.erp-int:hover { transform: translateY(-4px); border-color: #FFC21A; }
.erp-int__ic { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 16px; background: var(--v-tint); color: var(--v-brand); margin-bottom: 4px; }
.erp-int__ic svg { width: 26px; height: 26px; }
.erp-int b { font-weight: 900; font-size: 15px; }
.erp-int small { color: var(--v-ink-3); font-size: 12px; }
.erp-int--telegram .erp-int__ic { background: #E3F2FB; color: #1B8DD1; }
.erp-int--whatsapp .erp-int__ic { background: #E3F7EA; color: #1FA855; }
.erp-int--bale .erp-int__ic { background: #E1F5F0; color: #12A37F; }
.erp-cta { padding: 56px 0; background: var(--v-deep); color: #fff; }
.erp-cta__in { display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.erp-cta h2 { margin: 0 0 6px; font-size: clamp(22px, 3vw, 30px); font-weight: 900; color: #fff; }
.erp-cta p { margin: 0; color: rgba(255,255,255,.82); max-width: 640px; }
@media (max-width: 640px) { .erp-sec { padding: 44px 0; } }

/* ماژول‌ها: کاشی‌هایی مثل ردیف آیکون‌های تصویر بالای صفحه */
.erp-tiles { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
.erp-tile { position: relative; display: grid; justify-items: center; gap: 12px; padding: 28px 12px 24px; height: 100%; border-radius: 22px; background: #fff; color: #14395B; text-align: center; text-decoration: none; box-shadow: 0 14px 34px -22px rgba(11,59,58,.45); transition: transform .2s, box-shadow .2s; }
.erp-tile:hover { transform: translateY(-5px); box-shadow: 0 24px 40px -20px rgba(11,59,58,.55); }
.erp-tile__ic { display: grid; place-items: center; width: 64px; height: 64px; color: #14395B; }
.erp-tile__ic svg { width: 52px; height: 52px; stroke-width: 1.4; }
.erp-tile b { font-size: 15px; font-weight: 700; line-height: 1.7; color: #14395B; }
.erp-tile__bar { display: block; width: 34px; height: 3px; border-radius: 3px; background: var(--v-brand); margin-top: 4px; transition: width .2s, background .2s; }
.erp-tile:hover .erp-tile__bar { width: 54px; background: #FFC21A; }
/* یکپارچگی: نشان‌واره‌های متنی مثل ردیف لوگوها */
.erp-brands { list-style: none; margin: 8px auto 0; padding: 0; max-width: 980px; display: flex; flex-wrap: wrap; justify-content: center; gap: 22px 38px; }
.erp-brand { display: inline-flex; align-items: center; gap: 8px; color: var(--bc, #14395B); font-weight: 900; font-size: 22px; line-height: 1; letter-spacing: -.3px; }
.erp-brand svg { width: 26px; height: 26px; flex: none; }
.erp-brand img { height: 34px; width: auto; display: block; }
.erp-ints { background: #fff; }
.erp-ints .erp-head h2 { font-size: clamp(22px, 2.6vw, 30px); }
.erp-ints .erp-head h2::after { display: none; }

.erp-hero__img { margin-inline: auto; }

.erp-cta h2 { color: #FFC21A; text-shadow: 0 2px 8px rgba(0,0,0,.35); }