/* Призыв «Готовы автоматизировать магазин?» с главной (.h3-cta + иллюстрация «магазин») для страниц без home.css: v3/site/_cta.html.
   Вырезано из home.css скриптом 21.10.2026 — при правке стилей призыва на главной поправить и здесь */
.h3-cta{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:center;padding:28px 28px 28px 56px;border-radius:var(--v3-r-lg);background:radial-gradient(80% 140% at 80% 40%,#2E2D80 0%,var(--v3-navy) 62%);overflow:hidden}
.h3-cta h2{font-size:clamp(28px,3vw,42px);line-height:1.08;font-weight:800;letter-spacing:-.025em;color:#fff}
.h3-cta h2 span{display:block;color:var(--v3-accent-2)}
.h3-cta-copy>p{margin-top:10px;font-size:18px;color:#C9CBEA}
.h3-cta-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:24px}
.h3-cta-art{min-width:0}
.ill{container-type:inline-size;width:100%;pointer-events:none;user-select:none}
.ill-in{position:relative;width:100%;aspect-ratio:var(--w)/var(--h);font-size:calc(100cqw / var(--w) * 10);line-height:1}
.ill-in>*{position:absolute}
.ill-t{font-family:var(--v3-font);font-weight:600;color:var(--v3-ink);line-height:1.25;white-space:nowrap}
.ill-win,.ill-card{background:#fff;border:1px solid #ECEAFA;border-radius:.9em;box-shadow:0 1.2em 2.6em -1.2em rgba(39,34,120,.28)}
.ill-bar{display:flex;align-items:center;gap:.45em;height:1.6em;padding:0 .9em;border-bottom:1px solid #F0EFF8}
.ill-bar i{width:.6em;height:.6em;border-radius:50%;background:#FF6B6B}
.ill-bar i:nth-child(2){background:#FFC13B}
.ill-bar i:nth-child(3){background:#2BD07B}
.ill-bar em{margin-left:auto;width:1.8em;height:.35em;border-radius:1em;background:#E4E2F6}
.ill-sk{display:block;height:.55em;margin-top:.45em;border-radius:1em;background:#E7E5F7}
.ill-sk--s{width:60%}
.ill-p{display:block;aspect-ratio:1;border-radius:.6em;overflow:hidden;background:#F3F2F8}
.ill-p img{display:block;width:100%;height:100%;object-fit:cover}
.ill-ck{display:flex;align-items:center;gap:.6em}
.ill-ck i{flex:none;width:1.3em;height:1.3em;border-radius:.35em;background:var(--v3-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/78% no-repeat}
.ill-badge{display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;box-shadow:0 .8em 1.8em -.6em rgba(39,34,120,.45)}
.ill-badge img{width:62%;height:62%;object-fit:contain}
.ill-ring{border:1px solid rgba(143,123,255,.45);border-radius:50%}
.ill svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.ill-line{stroke-width:2.4;fill:none}
.ill-line--accent{stroke:var(--v3-accent)}
.ill-line--mint{stroke:var(--v3-mint)}
.ill-area{fill:rgba(31,199,154,.14);stroke:none}
.ill-ring--a{left:2em;top:3.4em;width:52em;height:30em;transform:rotate(-12deg)}
.ill-ring--b{left:14em;top:17em;width:16em;height:9em;transform:rotate(-12deg);border-color:rgba(143,123,255,.35)}
.s-win{left:9em;top:3em;width:36em;padding-bottom:1.6em;transform:rotate(-2deg)}
.s-cap{display:block;margin:1.2em 1.4em .9em;font-size:1.25em}
.s-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1em;padding:0 1.4em}
.s-tile .ill-p{border-radius:.7em}
.s-check{left:42em;top:5em;width:14.6em;padding:1.3em 1.3em;display:flex;flex-direction:column;gap:.95em;transform:rotate(-2deg)}
.s-check .ill-t{font-size:1.2em;font-weight:500}
.s-chart{left:33em;top:18.8em;width:24.5em;padding:1.2em 1.3em 1em;transform:rotate(-2deg)}
.s-chart-t{display:block;font-size:1.2em;font-weight:700;margin-bottom:.6em}
.s-chart svg{display:block;width:100%;height:6.4em}
.s-leg{display:flex;align-items:center;gap:.5em;margin-top:.6em}
.s-leg i{width:.75em;height:.75em;border-radius:50%;background:var(--v3-accent)}
.s-leg i.is-mint{margin-left:1em;background:var(--v3-mint)}
.s-leg .ill-t{font-size:.95em;font-weight:500;color:var(--v3-text)}
.s-badge{left:27em;top:25em;width:6em;height:6em}
@media (max-width:1020px){
  .h3-cta{grid-template-columns:1fr;padding:32px}
}
@media (max-width:640px){
  .h3-cta{padding:26px 18px}
  .h3-cta-actions .v3-btn{width:100%}
}
.cvp-catalog-sec.cvp-cta{padding-bottom:0}
/* 24.10.2026: на страницах инструментов блок стоит между белыми секциями с тенью — отступ как у секций (56px), а не 24px как на главной */
.cvp-catalog-sec.cvp-cta>.v3-sec{padding:56px 0}