/* Keyword landing pages (/mandi-billing-software/ etc.): only what style.css doesn't already cover */
.lp-hero { padding-top: 190px; padding-bottom: 40px; }
.lp-hero .section-header { margin-bottom: 2rem; }
.lp-hero h1.section-title { font-size: clamp(2rem, 4.2vw, 3.2rem); }
.lp-crumbs { font-size: .85rem; color: var(--text-dim); margin-bottom: 1.2rem; }
.lp-crumbs a { color: var(--primary-light); text-decoration: none; }
.lp-crumbs span { margin: 0 .4rem; }
.lp-actions { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; margin-top: 2rem; }
.lp-text { max-width: 820px; margin: 0 auto; }
.lp-text p, .lp-text li { color: var(--text-muted); font-size: 1.05rem; line-height: 1.75; margin-bottom: 1rem; }
.lp-text h2 { font-size: 1.5rem; margin: 2rem 0 1rem; }
.lp-text ul { padding-left: 1.3rem; }
.lp-text b { color: var(--text); }
.lp-section { padding-top: 60px; padding-bottom: 60px; }
.lp-related { display: flex; flex-wrap: wrap; gap: .7rem; justify-content: center; }
.lp-related a {
    padding: .6rem 1.1rem; border-radius: 50px; border: 1px solid var(--glass-border); background: var(--glass);
    color: var(--text); text-decoration: none; font-weight: 600; font-size: .92rem; transition: border-color .3s ease, color .3s ease;
}
.lp-related a:hover { border-color: var(--primary); color: var(--primary-light); }
@media (max-width: 768px) {
    .lp-hero { padding-top: 150px; }
    .lp-actions .cta-btn { width: 100%; justify-content: center; }
}