/* Страница «Что мы делаем» (сайт, часть 2 из 2): поверх home-v4.css, только свои блоки. */
.chto main{padding-bottom:24px}
.chto .back{display:inline-block;color:#0863ff;font-size:14px;margin-bottom:28px}
.chto-hero{padding:48px 0 56px;max-width:1200px}
.chto-hero h1{max-width:760px}
.chto-hero .lead{font-size:19px;line-height:1.55;margin:22px 0 32px;max-width:680px;color:#4b5873}
.chto-steps{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px}
.chto-steps li{display:flex;align-items:center;gap:10px;border:1px solid #d9e4f5;border-radius:99px;padding:10px 18px 10px 12px;font-size:15px;color:#25303e}
.chto .work-icon{width:24px;height:24px;fill:none;stroke:#0863ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.note-example{font-size:13px;margin-top:22px}
.row{padding:72px 0}
.row.blue{background:#eff9ff}
.row-in{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.row-text{position:sticky;top:32px;max-width:500px}
.row-text .num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#10151b;color:#fff;font-weight:600;font-size:15px;margin-bottom:18px}
.row-text h2{margin-bottom:18px}
.row-text p{font-size:17px;line-height:1.6;margin-top:12px;color:#4b5873}
.row-text .fine-print{font-size:14px;line-height:1.55;color:#72809d;border-left:3px solid #d9e4f5;padding-left:14px;margin-top:20px}
.row-pic{margin:0;display:flex;flex-direction:column;align-items:center;gap:18px}
.row-pic figcaption{font-size:13px;color:#72809d;text-align:center}
.shot{display:block;width:100%;max-width:390px;height:auto;border-radius:18px;border:1px solid #e3e9f2;box-shadow:0 18px 40px rgba(30,48,80,.08);background:#fff}
.row-pic.pair{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start}
.row-pic.pair .shot{max-width:calc(50% - 9px)}
.row-pic.pair figcaption{flex-basis:100%}
.photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:520px;align-items:end}
.photo-pair>div{position:relative}
.photo-pair .shot{max-width:none;border-radius:14px}
.photo-pair .tag{position:absolute;left:10px;bottom:10px;background:rgba(16,21,27,.82);color:#fff;font-size:12px;padding:5px 10px;border-radius:99px}
.pos-compare{display:grid;grid-template-columns:1fr;gap:14px;width:100%;max-width:460px}
.pos{background:#fff;border:1px solid #e3e9f2;border-radius:16px;padding:18px 20px}
.pos h3{font-size:13px;font-weight:500;letter-spacing:0;color:#72809d;margin-bottom:10px;text-transform:uppercase}
.pos-card b{display:block;font-size:18px;font-weight:600;color:#111827}
.pos-card p{font-size:15px;line-height:1.5;color:#4b5873;margin:6px 0 10px}
.pos-price{display:inline-block;font-weight:600;font-size:17px;color:#111827;margin-top:4px}
.pos-price.muted{color:#a3adbf;font-weight:400;font-size:15px}
.pos.queries ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pos.queries li{background:#eff4fb;color:#34436a;border-radius:99px;padding:6px 12px;font-size:14px}
.pos.after{border-color:#9cc2ff;box-shadow:0 12px 30px rgba(8,99,255,.08)}
.once{padding:64px 0;max-width:760px}
.once h2{margin-bottom:16px}
.once p{font-size:17px;line-height:1.6;color:#4b5873}
.final .cta{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}
.final .cta .back{margin:0}
.final .button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2}
@media(max-width:850px){
  .row{padding:52px 0}
  .row-in{grid-template-columns:1fr;gap:32px}
  .row-text{position:static;max-width:none}
}
@media(max-width:650px){
  .chto-hero{padding:28px 0 40px}
  .chto-hero .lead{font-size:17px}
  .chto-steps li{font-size:14px;padding:8px 14px 8px 10px}
  .row-text p{font-size:16px}
  .row-pic.pair .shot{max-width:100%}
  .final .cta .button{width:100%}
}
/* Круг 2 проверки: экран фото не тянет столбец, фото до/после крупнее, на телефоне друг под другом. */
.wide-shot{max-height:620px;object-fit:cover;object-position:top}
.pos-compare{max-width:390px}
.photo-pair{grid-template-columns:1fr;max-width:390px;align-items:start}
.photo-pair .shot{width:100%}
@media(max-width:850px){.final .row-pic{order:-1}}
/* Круг 4: подписи фото сверху (снизу закрывали плашку акции); в финале кнопка под картинкой на телефоне. */
.photo-pair .tag{top:10px;bottom:auto}
.final .row-in{grid-template-areas:"text pic" "cta pic";grid-template-rows:auto 1fr}
.final .row-text{grid-area:text;position:static}.final .row-pic{grid-area:pic}.final .cta{grid-area:cta;margin-top:0;align-self:start}
@media(max-width:850px){.final .row-pic{order:0}.final .row-in{grid-template-areas:"text" "pic" "cta";grid-template-rows:none}}
/* Чипы ведут к разделам. */
html{scroll-behavior:smooth}
.row[id]{scroll-margin-top:16px}
.chto-steps a{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.chto-steps li:has(a:hover){border-color:#9cc2ff}
.chto-steps li{padding:0}.chto-steps a{padding:10px 18px 10px 12px}
@media(max-width:650px){.chto-steps li{padding:0}.chto-steps a{padding:8px 14px 8px 10px}}