/* ===== Landing pages (SEO) — дополнение к site.css ===== */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.82rem;color:var(--text-muted);margin-bottom:22px}
.breadcrumbs a{color:var(--text-secondary)}
.breadcrumbs a:hover{color:var(--sand)}
.breadcrumbs span[aria-current]{color:var(--text-muted)}

.lp-hero{padding:150px 0 70px;background:linear-gradient(180deg,var(--green-dark),var(--deep-green));border-bottom:1px solid var(--border)}
.lp-label{display:inline-block;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--sand);border:1px solid rgba(200,173,127,.35);padding:7px 14px;border-radius:999px;margin-bottom:22px}
.lp-title{font-family:var(--font-heading);font-weight:500;font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.08;margin:0 0 22px;color:var(--text-light)}
.lp-title em{font-style:italic;color:var(--sand)}
.lp-lead{max-width:760px;font-size:1.12rem;line-height:1.65;color:var(--text-secondary);margin:0 0 32px}
.lp-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}

.lp-section{padding:44px 0;border-top:1px solid var(--border)}
.lp-section:first-child{border-top:none}
.lp-section .section-title{margin:0 0 22px;font-size:clamp(1.5rem,2.6vw,2.1rem)}
.lp-prose{max-width:860px;display:flex;flex-direction:column;gap:16px}
.lp-prose p{margin:0;color:var(--text-secondary);line-height:1.75;font-size:1.02rem}

.cross-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.cross-link-card{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--green-card);border:1px solid var(--border);border-radius:var(--radius-md);transition:var(--transition)}
.cross-link-card:hover{transform:translateY(-3px);border-color:rgba(200,173,127,.4)}
.cross-link-title{font-family:var(--font-heading);font-size:1.28rem;color:var(--text-light)}
.cross-link-desc{font-size:.9rem;color:var(--text-muted);line-height:1.55}

.lp-cta{margin:56px 0 10px;padding:44px 40px;background:var(--green-secondary);border:1px solid rgba(200,173,127,.28);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.lp-cta h2{margin:0;font-family:var(--font-heading);font-size:clamp(1.6rem,2.6vw,2.1rem);color:var(--text-light)}
.lp-cta p{margin:0;max-width:640px;color:var(--text-secondary);line-height:1.65}
@media(max-width:700px){
  .lp-hero{padding:120px 0 52px}
  .lp-actions .btn{width:100%;text-align:center;justify-content:center}
  .lp-cta{padding:32px 24px}
}
