.lg-single-hero{position:relative;overflow:hidden;padding:60px 0;background:linear-gradient(160deg,#243a4a,#161f28);color:#fff}
.lg-single-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 120% at 85% 0%,rgba(153,206,255,.22),transparent 55%)}
.lg-single-hero .in{position:relative;z-index:2;max-width:820px}
.lg-single-hero .lg-crumb{color:rgba(255,255,255,.6)}
.lg-single-hero .lg-crumb a{color:rgba(255,255,255,.85)}
.lg-single-hero .lg-crumb .cur{color:#fff}
.lg-single-hero .tag{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:7px 14px;border-radius:100px;font-size:13px;font-weight:600;color:var(--sky);margin-top:18px}
.lg-single-hero h1{font-size:40px;font-weight:800;line-height:1.25;letter-spacing:-.02em;margin-top:18px}
.lg-single-hero p{font-size:16.5px;color:rgba(255,255,255,.8);margin-top:16px;line-height:1.85;max-width:660px}
.lg-single-hero .acts{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.lg-dep-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;max-width:600px}
.lg-dep-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:20px}
.lg-dep-stat b{font-family:Vazirmatn;font-size:28px;font-weight:700;color:#fff;display:block}
.lg-dep-stat b em{font-style:normal;color:var(--sky)}
.lg-dep-stat span{font-size:12.5px;color:rgba(255,255,255,.65);margin-top:6px;display:block}
.lg-focus{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lg-focus-c{background:var(--card);border:1px solid var(--card-line);border-radius:18px;padding:26px}
.lg-focus-c .ic{width:50px;height:50px;border-radius:14px;background:var(--sky-2);color:var(--sky-deep);display:grid;place-items:center;margin-bottom:18px}
.lg-focus-c .ic svg{width:24px;height:24px}
.lg-focus-c h3{font-size:16.5px;font-weight:700;color:var(--ink)}
.lg-focus-c p{font-size:13.5px;color:var(--ink-2);margin-top:10px;line-height:1.7}
@media (max-width:860px){.lg-focus{grid-template-columns:1fr}.lg-dep-stats{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.lg-single-hero h1{font-size:27px}.lg-single-hero{padding:40px 0}.lg-dep-stats{grid-template-columns:1fr}}
.lg-single-hero .tag svg{width:16px;height:16px;flex:none}

/* ---- تصویر شاخص در هیرو (فاز ۳ / مورد ۸) ----
   تصویر به‌عنوان پس‌زمینه پشتِ محتوا؛ یک روکشِ گرادینتِ ملایم برای خواناییِ متنِ
   سفید، اما به‌قدری کم که تصویر همچنان واضح دیده شود. */
.lg-single-hero.has-img{background:#12151d}
.lg-single-hero .lg-hero-bg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}
.lg-single-hero.has-img::after{z-index:1;background:linear-gradient(180deg,rgba(15,18,26,.42) 0%,rgba(15,18,26,.30) 45%,rgba(15,18,26,.72) 100%)}
.lg-single-hero.has-img .in{position:relative;z-index:2}
.lg-single-hero.has-img .lg-hero-grid-lines{opacity:.35}