/* botdev · landing-v2 · внутренние страницы: компактный hero, узлы-карточки, цена на шаге, FAQ, юридические тексты.
   Язык тот же: пузырь / ребро / узел, поверхности ступенями, hairlines, без теней и glow. */

/* — компактный hero страницы — */
.page-hero{position:relative;overflow:hidden;isolation:isolate;background:transparent;border-bottom:1px solid var(--line)}
.page-hero .dots,.page-hero .hero-glow{z-index:0}
.page-hero .container{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:center;padding:clamp(40px,6vw,80px) 0 clamp(44px,6vw,84px)}
.crumbs{font:400 var(--fs-xs) var(--f-mono);letter-spacing:var(--ls-mono);color:var(--text-45);margin:0 0 22px}
.crumbs a{color:var(--text-70);border-bottom:1px solid var(--line-2)}
@media(hover:hover){.crumbs a:hover{border-bottom-color:var(--accent-line);color:var(--text)}}
.page-hero h1{font-size:clamp(2rem,4.6vw,3.4rem);max-width:15ch}
.page-hero .lead{margin-top:22px;max-width:46ch}
.page-hero .hero-cta{margin-top:30px}
.page-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.page-side .svc-ill{aspect-ratio:5/4}
.facts{margin:0;padding:14px 16px;list-style:none;border:1px solid var(--line);border-radius:10px;background:var(--s1);font:400 var(--fs-xs)/1.9 var(--f-mono);letter-spacing:.02em;color:var(--text-45)}
.facts li::before{content:"› ";color:var(--accent-ink)}
.facts b{color:var(--text-70);font-weight:400}
.facts .a{color:var(--accent-2)}
@media(max-width:920px){
  .page-hero .container{grid-template-columns:1fr}
  .page-hero h1{max-width:none}
  .page-side .svc-ill{aspect-ratio:16/9}
}

/* — узлы-карточки: агенты, варианты работ — */
.nodes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);list-style:none;margin:0;padding:0}
.ncard{display:flex;flex-direction:column;padding:clamp(18px,2.2vw,24px);border:1px solid var(--line);border-radius:var(--r-panel);background:var(--panel);transition:border-color var(--t-base)}
.ncard .cmd{font-size:.95rem;margin:0 0 8px}
.ncard h3{font:400 1.1rem/1.25 var(--f-head);letter-spacing:-.02em}
.ncard p{margin:10px 0 0;font-size:var(--fs-copy);color:var(--text-70)}
.ncard .meta{margin-top:auto;padding-top:12px;font:400 var(--fs-xs)/1.6 var(--f-mono);letter-spacing:.02em;color:var(--text-45)}
.ncard .meta::before{content:"";display:block;height:1px;background:var(--line);margin:14px 0 12px}
.ncard .meta b{color:var(--text-70);font-weight:400}
@media(hover:hover) and (pointer:fine){.ncard:hover{border-color:var(--accent-line)}}
/* в ряду карточек заголовки, тексты и линии «выход:» стоят на общих горизонталях (раньше линия прыгала, если подпись в две строки) */
@supports(grid-template-rows:subgrid){@media(min-width:561px){
  .ncard{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
  .ncard .meta{margin-top:0;align-self:start}
}}
@media(max-width:920px){.nodes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.nodes{grid-template-columns:1fr}}

/* — цена на шаге лестницы (граф этапов из sections2.css) — */
.step .price{display:block;margin:16px 0 -8px;font:400 var(--fs-xs) var(--f-mono);letter-spacing:.02em;color:var(--accent-2)}
@media(max-width:920px){.step{gap:4px 16px}.step>*:not(.n){grid-column:2}.step .n{grid-row:1/span 3}.step .price{margin:12px 0 0}.step .price+h3{margin:2px 0 4px}}

/* — секция на полосе s1 (чередование ритма без теней) — */
.sec-band{background:var(--band)}

/* — FAQ — */
.faq{border-top:1px solid var(--line);max-width:860px}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:18px 0;font:400 1.02rem/1.35 var(--f-head);letter-spacing:-.02em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";flex-shrink:0;font:400 1.15rem var(--f-mono);color:var(--accent-ink)}
.faq details[open] summary::after{content:"–"}
.faq details p{margin:0 0 20px;color:var(--text-70);max-width:70ch}
@media(hover:hover){.faq summary:hover{color:var(--accent-2)}}

/* — список «что получите» рядом с формой — */
.gets{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column}
.gets li{display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--text-70)}
.gets li:first-child{border-top:0;padding-top:0}
.gets .k{font:300 1.15rem/1.2 var(--f-head);letter-spacing:-.04em;color:var(--text-28)}
.gets b{display:block;color:var(--text);font-weight:600;margin-bottom:2px}

/* — юридические страницы — */
.legal{max-width:780px}
.legal h1{font-size:clamp(1.35rem,3.4vw,2.4rem);line-height:var(--lh-head)}
@media(max-width:360px){.legal h1{font-size:1.02rem}} /* «Согласие на обработку персональных данных» на 320px держится в трёх строках */
.legal .upd{margin:14px 0 0;font:400 var(--fs-xs) var(--f-mono);letter-spacing:var(--ls-mono);color:var(--text-45)}
.legal h2{margin:38px 0 10px;font:400 1.15rem/1.3 var(--f-head);letter-spacing:-.02em}
.legal p,.legal li{font-size:.95rem;color:var(--text-70)}
.legal ul{padding-left:20px;margin:8px 0}
.legal b{color:var(--text);font-weight:600}
.legal a{color:var(--accent-2);border-bottom:1px solid var(--accent-line)}
.legal .fill{color:var(--accent-2);font-family:var(--f-mono);font-size:.9em}

/* 2026-10-01: юридический текст — на белой панели, а не на живой подложке */
.legal{max-width:860px;background:var(--s2);border:1px solid var(--line);border-radius:var(--r-panel);padding:clamp(20px,4vw,48px)}