/* ════════════════════════════════════════════════════════
   landing.css — strony docelowe funkcji (landing.php)
   Reużywa zmiennych i klas z style.css (.section, .sh, .btn-*).
   ════════════════════════════════════════════════════════ */

/* ── Hero ── */
.lp-hero{padding-top:3.5rem}
.lp-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:2.5rem;align-items:center}
.lp-hero-copy .sec-sub{max-width:640px}
.lp-hero-ico{display:flex;justify-content:center}
.lp-hero-ico .lr-ico{filter:drop-shadow(0 20px 45px rgba(15,23,42,.18))}
.lp-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.lp-note{margin-top:.9rem;font-size:.82rem;color:var(--mid)}

/* ── Blok korzyści ── */
.lp-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.lp-benefit{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--border);
  border-radius:16px;padding:1.4rem 1.5rem;transition:transform .2s,box-shadow .2s}
.lp-benefit:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(15,23,42,.07)}
.lp-benefit .lr-ico{flex-shrink:0}
.lp-benefit h3{font-family:"Playfair Display",serif;font-size:1.05rem;color:var(--ink);margin:0 0 .35rem}
.lp-benefit p{font-size:.87rem;color:var(--mid);line-height:1.65;margin:0}

/* ── Treść (sekcje H2) ── */
.lp-prose{max-width:760px}
.lp-prose h2{font-family:"Playfair Display",serif;font-size:1.5rem;color:var(--ink);
  margin:2.4rem 0 .8rem;line-height:1.3}
.lp-prose h2:first-child{margin-top:0}
.lp-prose p{font-size:1rem;color:var(--mid);line-height:1.85;margin:.7rem 0}
.lp-prose ul{margin:.7rem 0 .7rem 1.2rem;color:var(--mid);line-height:1.8}
.lp-prose li{margin:.35rem 0}
.lp-prose strong{color:var(--ink)}

/* ── Sekcja końcowa / CTA ── */
.lp-final{text-align:center;max-width:720px;margin:0 auto}
.lp-final .sh{margin-bottom:.6rem}

/* ── Powiązane ── */
.lp-related{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}
.lp-related-t{font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
  color:var(--accent);margin-bottom:1.1rem}
.lp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.lp-rel{display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;border:1px solid var(--border);
  border-radius:13px;text-decoration:none;color:var(--ink);font-weight:600;font-size:.9rem;
  background:#fff;transition:border-color .2s,transform .2s}
.lp-rel:hover{border-color:var(--accent);transform:translateY(-2px)}
.lp-rel .lr-ico{flex-shrink:0}

/* ── Responsywność ── */
@media(max-width:860px){
  .lp-hero-grid{grid-template-columns:1fr;gap:1.5rem}
  .lp-hero-ico{order:-1}
  .lp-benefits{grid-template-columns:1fr}
  .lp-related-grid{grid-template-columns:1fr}
}