/* فقط برای صفحهٔ لندینگ؛ بدون تغییر کل سایت */
.front{max-width:1180px;margin:24px auto;padding:0 16px;display:grid;gap:16px}
.front :where(h1,h2,h3,h4){font-family:'Lalezar',system-ui;letter-spacing:.2px}
.front :where(p,li,div,span){font-family:'IRANSans','Lalezar',system-ui}

/* HERO */
.hero{
  display:grid;gap:16px;align-items:center;overflow:hidden;
  background:
    radial-gradient(1200px 600px at 90% -10%, rgba(6,182,212,.12), transparent 60%),
    radial-gradient(800px 400px at -20% 40%, rgba(124,58,237,.10), transparent 50%),
    #ffffff;
}
.hero__text{position:relative;z-index:1;padding:10px}
.hero h1{font-size:2.2rem;margin:.2rem 0}
.lead{color:#334155;line-height:1.9;margin:.4rem 0 1rem}
.hero__cta{display:flex;gap:10px;flex-wrap:wrap}
.hero__highlights{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 0;padding:0;list-style:none}
.hero__highlights li{background:#f1f5f9;color:#0f172a;padding:.4rem .7rem;border-radius:999px;font-size:.92rem}

.hero__art{position:relative;min-height:190px}
.blob{position:absolute;border-radius:50%;filter:blur(12px);opacity:.75}
.blob.b1{width:240px;height:240px;right:-40px;top:-40px;background:linear-gradient(45deg,#7c3aed,#06b6d4)}
.blob.b2{width:180px;height:180px;right:130px;top:50px;background:linear-gradient(45deg,#06b6d4,#22c55e)}
.mock{position:absolute;inset:auto 16px 16px auto;width:260px;background:#0b1020;border-radius:14px;padding:10px;box-shadow:0 18px 40px rgba(2,6,23,.22)}
.mock__bar{height:10px;background:#1f2a4a;border-radius:8px;margin-bottom:10px}
.mock__row{height:28px;background:#121a34;border-radius:10px;margin:8px 0}

/* نقش‌ها */
.roles{display:grid;grid-template-columns:1fr;gap:12px}
.role__head{display:flex;align-items:center;gap:10px;margin-bottom:.4rem}
.role__icon{font-size:1.8rem}
.role__list{margin:0;padding-inline-start:1.1rem;line-height:2}

/* منوها */
.menus h2{margin:.2rem 0 1rem}
.menus__grid{display:grid;grid-template-columns:1fr;gap:12px}
.menu h4{margin:.2rem 0 .6rem}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{background:#eef2ff;color:#3730a3;padding:.35rem .6rem;border-radius:999px;font-size:.9rem}

/* امکانات کلیدی */
.features h2{margin:.2rem 0 1rem}
.features .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.fea{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start}
.fea .ico{width:42px;height:42px;border-radius:12px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.fea h4{margin:0}
.fea p{margin:.25rem 0 0;line-height:1.9;color:#334155}

/* مراحل */
.steps h2{margin:.2rem 0 .8rem}
.steps ol{margin:0;padding-inline-start:1.2rem;color:#334155;line-height:2}
.steps__cta{display:flex;gap:10px;margin-top:10px}

/* کارت عمومی (کمی نرم‌تر از base.css) */
.card{background:#fff;border-radius:16px;box-shadow:0 8px 24px rgba(2,6,23,.08);padding:1rem}

/* ریسپانسیو */
@media (min-width:760px){
  .hero{grid-template-columns:1.2fr .8fr}
  .roles{grid-template-columns:repeat(3,1fr)}
  .menus__grid{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:1024px){
  .hero h1{font-size:2.6rem}
}