/* استایل عمومی برای فرانت‌اند و ادیتور */
.landing-hero {
    position: relative;
    color: #fff;
}

/* لایهٔ پوشش نیمه شفاف (اختیاری) */
.landing-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.35); /* رنگ پوشش برای خوانایی متن */
    pointer-events: none;
}

/* محتوا روی پوشش */
.landing-hero__content {
    position: relative; /* تا بالای پوشش قرار بگیرد */
    z-index: 2;
    max-width: 1100px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

/* عنوان و زیرعنوان */
.landing-hero__title {
    margin: 0 0 8px;
    font-size: 34px;
    line-height: 1.1;
    font-weight: 700;
}

.landing-hero__subtitle {
    margin: 0;
    font-size: 18px;
    opacity: 0.95;
}

/* ریسپانسیو */
@media (max-width: 768px) {
    .landing-hero__title { font-size: 26px; }
    .landing-hero__subtitle { font-size: 16px; }
}

p.landing-hero__subtitle {
    margin: 30px 0;
}