/* Страницы под поисковые запросы */
.ld-hero { padding-top: 120px; }
.ld-hero h1 { font-size: clamp(32px, 4.6vw, 54px); }
.ld-crumbs { font-size: 13px; color: var(--muted); margin-bottom: 14px; }
.ld-crumbs a { color: var(--muted); text-decoration: none; }
.ld-crumbs a:hover { color: var(--text); }
.ld-visual { display: flex; justify-content: center; }
.ld-visual .role-card { width: 100%; max-width: 420px; }
.ld-two { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.sec-head.ld-left { text-align: left; margin-left: 0; }
.ld-steps { margin: 0; padding: 0; list-style: none; counter-reset: s; display: grid; gap: 14px; }
.ld-steps li { counter-increment: s; position: relative; padding: 16px 18px 16px 62px; background: var(--card); border: 1px solid var(--card-b); border-radius: var(--radius); color: #cbd5e1; line-height: 1.5; }
.ld-steps li::before { content: counter(s); position: absolute; left: 16px; top: 14px; width: 32px; height: 32px; border-radius: 10px; background: var(--grad); color: #fff; font-weight: 800; display: grid; place-items: center; }
.ld-cta { text-align: center; max-width: 720px; margin: 0 auto 30px; }
.ld-cta p { color: var(--muted); }
.ld-cta .hero-cta { justify-content: center; }
.ld-more { text-align: center; color: var(--muted); line-height: 2; }
.ld-more a { color: #a5b4fc; margin: 0 6px; white-space: nowrap; }
@media (max-width: 900px) { .ld-two { grid-template-columns: 1fr; gap: 30px; } .ld-hero { padding-top: 100px; } }