/* Общие блоки посадочных */
.topic{display:inline-flex;gap:4px;padding:4px;border-radius:9999px;background:var(--s1);border:1px solid var(--line)}
.topic button{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;border-radius:9999px;padding:8px 16px;font-size:14px;line-height:20px;font-weight:600;cursor:pointer;color:var(--mut);transition:background-color .3s var(--ease),color .3s var(--ease)}
.topic button .ic{width:16px;height:16px}
.topic button:hover{color:var(--tx)}
.topic button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.tag{display:flex;justify-content:center;padding:96px 24px}
.tag p{max-width:680px;font-size:48px;line-height:1;font-weight:600;letter-spacing:-.02em;text-wrap:balance}
.tag .w{opacity:.3;transition:opacity .6s var(--ease)}
.tag .w.on{opacity:1}
.pain{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.pain .card{display:flex;flex-direction:column;gap:16px;padding:40px}
.pain .yes{border-color:var(--accent)}
.bens{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:32px}
.ben{display:flex;flex-direction:column;gap:12px}
.ben .ic{width:24px;height:24px;color:var(--accent)}
.ben b{font-weight:600}
.stp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px}
.stp .card{display:flex;flex-direction:column;gap:8px}
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:48px 0}
.nums div{display:flex;flex-direction:column;gap:8px}
.nums b{font-size:48px;line-height:1;font-weight:700;letter-spacing:-.02em}
.risk{display:flex;gap:24px;align-items:flex-start;padding:40px}
.risk>.ic{width:40px;height:40px;color:var(--accent)}
.risk p{margin-top:8px;max-width:640px}
.final{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}
.final .h1{margin:0 auto}
.final .cta{justify-content:center}
@media (max-width:1023px){.bens{grid-template-columns:repeat(2,1fr)}.nums{grid-template-columns:repeat(2,1fr)}}
@media (max-width:767px){
 .tag p{font-size:30px;line-height:36px}
 .pain,.stp{grid-template-columns:1fr}
 .pain .card,.risk{padding:24px}
 .risk{flex-direction:column;gap:16px}
 .bens{grid-template-columns:1fr}
 .nums b{font-size:36px}
}

/* круг 2: первый экран как у главной: запрос, рабочее место; SEO текст с оглавлением; оплата месяц/год */
.lh{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:120px 16px 40px}
.lh .h1{margin:0 auto;max-width:860px}
.lh .lead{max-width:640px}
.lh .proof{justify-content:center}
.lbench{max-width:1180px;margin:0 auto}
.seo{display:grid;grid-template-columns:260px 1fr;gap:48px;align-items:start}
.seo .toc{position:sticky;top:96px;display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;background:var(--s1);border:1px solid var(--line);font-size:14px;line-height:20px}
.seo .toc b{margin-bottom:8px}
.seo .toc a{color:var(--mut);text-decoration:none;padding:4px 0;transition:color .3s var(--ease)}
.seo .toc a:hover{color:var(--tx)}
.seo .body{display:flex;flex-direction:column;gap:48px;max-width:720px}
.seo .body section{display:flex;flex-direction:column;gap:16px;scroll-margin-top:96px}
.seo .body p{color:#CFCFCF;font-size:17px;line-height:28px}
.seo .body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.seo .body li{display:flex;gap:12px;font-size:16px;line-height:24px}
.seo .body li .ic{width:18px;height:18px;color:var(--accent);margin-top:3px}
.bill{display:inline-flex;gap:4px;padding:4px;margin-top:16px;border-radius:9999px;background:var(--s1);border:1px solid var(--line)}
.bill button{border:0;cursor:pointer;border-radius:9999px;padding:8px 16px;font-size:14px;line-height:20px;font-weight:600;color:var(--mut);background:none;transition:background-color .3s var(--ease),color .3s var(--ease)}
.bill button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.bill .save{margin-inline-start:4px;font-size:12px;opacity:.85}
[data-y]{display:inline-block;transition:opacity .3s var(--ease),transform .3s var(--ease)}
[data-y].swap{opacity:0;transform:translateY(8px)}
button.drop2{font:inherit;color:inherit;cursor:pointer;width:auto;height:auto}
@media (max-width:1023px){.seo{grid-template-columns:1fr}.seo .toc{position:static}}
@media (max-width:767px){.lh{padding-top:96px;gap:16px}.seo .body p{font-size:16px;line-height:26px}}
