/* Лендинг: использует токены из app.css */
body.landing{height:auto;min-height:100%;display:block}
.lp-wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.lp-wrap.narrow{max-width:760px}
.lp-top{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lp-bar{display:flex;align-items:center;gap:10px;height:60px}
.lp-nav{display:flex;gap:18px;margin-left:24px}
.lp-nav a{color:var(--muted);font-weight:500}
.lp-nav a:hover{color:var(--text)}
.lp .btn.lg{padding:11px 22px;font-size:15px}
.lp h1{font-size:44px;line-height:1.1;letter-spacing:-.03em;margin:0 0 18px;max-width:780px}
.lp h2{font-size:28px;letter-spacing:-.02em;margin:0 0 24px}
.lp h3{font-size:16px;margin:0 0 8px}
.lp-hero{padding:64px 0 56px;overflow:hidden;
  background:radial-gradient(900px 480px at 85% 30%,#e3e9ff 0,transparent 70%),radial-gradient(600px 400px at 0% 100%,#fff1de 0,transparent 70%),linear-gradient(180deg,#f3f5ff,var(--bg))}
.lp-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center}
.lp-mascot{position:relative;display:flex;justify-content:center}
.lp-mascot::before{content:"";position:absolute;inset:6% 4% 2%;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff 0,#e8edff 55%,transparent 72%)}
.lp-mascot img{position:relative;width:100%;max-width:440px;height:auto;filter:drop-shadow(0 14px 18px rgba(40,60,140,.18))}
.lp .lead{font-size:18px;line-height:1.55;color:var(--muted);max-width:660px;margin:0 0 28px}
.lp .cta{display:flex;gap:12px;flex-wrap:wrap}
.lp-proof{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:36px 0 0;color:var(--muted);font-weight:500}
.lp-proof li::before{content:"✓ ";color:var(--up)}
.lp-sec{padding:64px 0}
.lp-sec.alt{background:var(--panel);border-block:1px solid var(--line)}
.lp .sub{color:var(--muted);margin:-12px 0 24px}
.lp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lp-grid article,.plan{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:20px;box-shadow:var(--sh-1)}
.lp-grid p{margin:0;color:var(--muted);line-height:1.55}
.lp-grid .date{font-size:12px;color:var(--muted)}
.lp-steps{counter-reset:s;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lp-steps li{counter-increment:s;display:flex;flex-direction:column;gap:6px;color:var(--muted);line-height:1.5}
.lp-steps li::before{content:counter(s);width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;display:grid;place-items:center}
.lp-steps b{color:var(--text);font-size:16px}
.lp-note{color:var(--muted);margin:24px 0 0}
.lp-plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.plan ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}
.lp details{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px;margin-bottom:10px}
.lp summary{font-weight:600;cursor:pointer}
.lp details p{margin:10px 0 0;color:var(--muted);line-height:1.55}
.lp-final{padding:64px 0;text-align:center;background:var(--accent-soft)}
.lp-final h2{margin-bottom:20px}
.lp-foot{padding:24px 0;color:var(--muted)}
.lp-foot .lp-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.lp-foot p{margin:0}
@media(max-width:860px){
  .lp-nav{display:none}
  .lp h1{font-size:32px}
  .lp-hero{padding:40px 0 36px}
  .lp-hero-grid{grid-template-columns:1fr}
  .lp-mascot{order:-1}
  .lp-mascot img{max-width:260px}
  .lp-grid,.lp-steps,.lp-plans{grid-template-columns:1fr}
}
@media(min-width:861px) and (max-width:1000px){.lp-plans{grid-template-columns:repeat(2,1fr)}}