/* Responsive adaptation scoped to Pokrovsky. Full HD layout remains the reference. */
.pokrovsky-page,
.pokrovsky-page *{box-sizing:border-box}

.pokrovsky-page img,
.pokrovsky-page svg{max-width:100%}

.pokrovsky-page :where(a,button,input,select,textarea,label,[tabindex],[role="button"]){
  -webkit-tap-highlight-color:transparent!important;
}

.pokrovsky-page :where(a,button,input,select,textarea,[tabindex],[role="button"]):focus,
.pokrovsky-page :where(a,button,input,select,textarea,[tabindex],[role="button"]):focus-visible{
  outline:0!important;
}

.pokrovsky-page input[type="checkbox"],
.pokrovsky-page input[type="radio"]{accent-color:#a8764f}

.pokrovsky-page .capture-form>label:not(.capture-consent) input:focus,
.pokrovsky-page .capture-form>label:not(.capture-consent) input:focus-visible,
.pokrovsky-page .modal-card input:focus,
.pokrovsky-page .modal-card input:focus-visible{
  border-color:#d6a35d!important;
  box-shadow:0 0 0 3px rgba(214,163,93,.16)!important;
}

.pokrovsky-page .related-case-card:focus-visible{
  outline:2px solid #a8764f!important;
  outline-offset:3px!important;
}

.pokrovsky-page .header .callback-btn{
  flex:0 0 auto;
  white-space:nowrap;
}

.pokrovsky-page .header .nav-links>a,
.pokrovsky-page .header .nav-industry-trigger,
.pokrovsky-page .header .nav-industry-dropdown a{
  -webkit-tap-highlight-color:transparent!important;
}

.pokrovsky-page .header .nav-links>a:focus,
.pokrovsky-page .header .nav-links>a:focus-visible,
.pokrovsky-page .header .nav-links>a:active,
.pokrovsky-page .header .nav-industry-trigger:focus,
.pokrovsky-page .header .nav-industry-trigger:focus-visible,
.pokrovsky-page .header .nav-industry-trigger:active,
.pokrovsky-page .header .nav-industry-dropdown a:focus,
.pokrovsky-page .header .nav-industry-dropdown a:focus-visible,
.pokrovsky-page .header .nav-industry-dropdown a:active{
  outline:0!important;
  background-color:transparent!important;
  box-shadow:none!important;
}

.pokrovsky-page .header .callback-btn:focus,
.pokrovsky-page .header .callback-btn:focus-visible,
.pokrovsky-page .header .callback-btn:active{
  outline:0!important;
  color:#fff!important;
  border-color:#294669!important;
  background:#294669!important;
  box-shadow:none!important;
  transform:none!important;
}

.pokrovsky-page .header.is-light .callback-btn:focus,
.pokrovsky-page .header.is-light .callback-btn:focus-visible,
.pokrovsky-page .header.is-light .callback-btn:active{
  color:#fff!important;
}

.pokrovsky-page .header:not(.is-light) .messenger:hover{
  border-color:rgba(20,38,63,.2)!important;
  transform:translateY(-2px);
}

.pokrovsky-page .header.is-light .messenger:hover{
  border-color:rgba(20,38,63,.2)!important;
  transform:translateY(-2px);
}

.pokrovsky-page .stage-screen,
.pokrovsky-page .stage-screen:hover,
.pokrovsky-page .blueprint-figure,
.pokrovsky-page .blueprint-figure:hover{
  transform:none!important;
}

.pokrovsky-page .client-grid>*,
.pokrovsky-page .context-grid>*,
.pokrovsky-page .stage-zero-grid>*,
.pokrovsky-page .pokrovsky-stage>.container>*,
.pokrovsky-page .integration-grid>*,
.pokrovsky-page .internal-space-story>*,
.pokrovsky-page .adoption-grid>*,
.pokrovsky-page .result-final-head>*,
.pokrovsky-page .result-metric-stories>*,
.pokrovsky-page .result-analytics-story>*,
.pokrovsky-page .capture-grid>*,
.pokrovsky-page .footer-main>*{min-width:0}

.pokrovsky-page .project-stage,
.pokrovsky-page #result,
.pokrovsky-page #contact{scroll-margin-top:96px}

@media (min-width:1101px) and (max-width:1536px){
  .pokrovsky-page .case-hero .hero-image{background-position:56% center!important}
}

@media (min-width:1051px) and (max-width:1279px){
  body.pokrovsky-page #stage-1>.container,
  body.pokrovsky-page #stage-2>.container,
  body.pokrovsky-page #stage-3>.container{
    width:calc(100% - 56px);
    max-width:1420px;
    grid-template-columns:minmax(0,1fr);
  }

  body.pokrovsky-page #stage-1>.container{grid-template-areas:"copy" "screen" "detail"}
  body.pokrovsky-page #stage-1 .production-bitrix-frame{width:100%;max-width:none}
  body.pokrovsky-page #stage-1 .production-solutions{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

  body.pokrovsky-page #stage-2>.container{grid-template-areas:"copy" "screen" "flow"}
  body.pokrovsky-page #stage-2 .stage-heading{max-width:760px}
  body.pokrovsky-page #stage-2 .stage-screen{width:100%;max-width:880px;justify-self:start}
  body.pokrovsky-page #stage-2 .sales-flow,
  body.pokrovsky-page #stage-2 .sales-flow-canvas{width:100%;max-width:100%;min-width:0}

  body.pokrovsky-page #stage-3>.container{grid-template-areas:"copy" "detail" "screen"}
  body.pokrovsky-page #stage-3 .stage-screen{width:100%;max-width:880px;justify-self:start}
}

@media (max-width:1100px){
  html,
  body.pokrovsky-page{max-width:100%;overflow-x:clip}

  .pokrovsky-page .context-section{overflow:hidden}
  .pokrovsky-page .context-grid{grid-template-columns:1fr;gap:50px}
  .pokrovsky-page .context-decoration{
    right:-54px;
    width:min(420px,52vw);
    -webkit-mask-image:radial-gradient(ellipse 95% 78% at 100% 50%,#000 0 55%,rgba(0,0,0,.7) 72%,transparent 100%);
    mask-image:radial-gradient(ellipse 95% 78% at 100% 50%,#000 0 55%,rgba(0,0,0,.7) 72%,transparent 100%);
  }

  .pokrovsky-page .stage-nav{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    overflow:hidden;
  }

  .pokrovsky-page .stage-nav a{min-width:0;padding-right:12px;padding-left:12px}
  .pokrovsky-page .stage-nav a::before,
  .pokrovsky-page .stage-nav a::after{left:72px}
  .pokrovsky-page .stage-nav a>span{max-width:100%;overflow-wrap:normal}
  .pokrovsky-page .stage-nav a:nth-of-type(3)::before,
  .pokrovsky-page .stage-nav a:nth-of-type(3)::after,
  .pokrovsky-page .stage-nav a:nth-of-type(6)::before,
  .pokrovsky-page .stage-nav a:nth-of-type(6)::after{right:0}

  .pokrovsky-page .stage-blueprint .blueprint-figure{
    width:96%;
    max-width:960px;
    margin-right:auto;
    margin-left:auto;
  }

  .pokrovsky-page .pokrovsky-stage>.container,
  .pokrovsky-page #stage-3>.container{width:min(100% - 56px,1420px)}
  .pokrovsky-page .pokrovsky-stage .stage-heading,
  .pokrovsky-page .pokrovsky-stage .stage-screen,
  .pokrovsky-page .production-solutions,
  .pokrovsky-page .production-solutions>section,
  .pokrovsky-page .sales-flow,
  .pokrovsky-page .approval-benefits,
  .pokrovsky-page .management-report-grid{width:100%;max-width:100%;min-width:0}

  .pokrovsky-page #stage-1 .production-solutions{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}

  .pokrovsky-page #stage-2 .sales-flow{overflow:visible;padding-bottom:0}
  .pokrovsky-page #stage-2 .sales-flow-canvas{
    min-width:0;
    height:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .pokrovsky-page #stage-2 .sales-flow-lines{display:none}
  .pokrovsky-page #stage-2 .sales-flow-node,
  .pokrovsky-page #stage-2 .flow-source,
  .pokrovsky-page #stage-2 .flow-lead,
  .pokrovsky-page #stage-2 .flow-mid,
  .pokrovsky-page #stage-2 .flow-output{
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .pokrovsky-page #stage-2 .flow-lead{grid-column:1/-1}
  .pokrovsky-page #stage-2 .flow-output{min-height:72px;display:block;text-align:left}

  .pokrovsky-page .capture-section{padding:88px 0}
  .pokrovsky-page .capture-grid{
    width:min(calc(100% - 72px),900px);
    margin-right:auto;
    margin-left:auto;
    gap:44px;
  }
  .pokrovsky-page .capture-grid>div{width:min(100%,800px);justify-self:center}
  .pokrovsky-page .capture-form{width:min(100%,760px);justify-self:center}

  .pokrovsky-page .footer-main{
    grid-template-columns:minmax(0,1fr) minmax(0,.75fr) minmax(0,1.15fr);
    gap:34px 36px;
    padding-top:50px;
    padding-bottom:42px;
  }
  .pokrovsky-page .footer-brand{grid-column:1;grid-row:1}
  .pokrovsky-page .footer-signature{margin-top:64px;gap:16px;transform:none;font-size:13px}
  .pokrovsky-page .footer-documents{
    grid-column:1/span 2;
    grid-row:2;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-content:start;
    gap:13px 18px;
  }
  .pokrovsky-page .footer-documents>strong{grid-column:1/-1}
  .pokrovsky-page .footer-contact{grid-column:3;grid-row:2}
}

@media (min-width:981px) and (max-width:1100px){
  .pokrovsky-page .client-grid{grid-template-columns:1.08fr .92fr;gap:34px}
  .pokrovsky-page .pokrovsky-about-composition{
    width:100%;
    min-height:0;
    aspect-ratio:632/610;
  }
  .pokrovsky-page .pokrovsky-about-composition .collection-main{height:82%;}
  .pokrovsky-page .pokrovsky-about-composition .collection-small{bottom:0}
  .pokrovsky-page .footer-main{transform:translateX(12px)}
}

@media (min-width:821px) and (max-width:1100px){
  .pokrovsky-page #stage-0 .stage-copy h3{max-width:100%}

  body.pokrovsky-page #stage-4 .base-crm-story{
    height:330px;
    min-height:330px;
    grid-template-columns:minmax(220px,.72fr) minmax(300px,1fr) 220px!important;
    gap:22px;
    padding:28px 0 28px 36px;
  }
  .pokrovsky-page #stage-4 .base-crm-copy{align-self:start;margin-top:8px;padding:0}
  body.pokrovsky-page #stage-4 .base-crm-person{display:block!important;position:absolute;inset:0 0 0 auto;width:220px;height:100%!important;max-height:none!important}
  .pokrovsky-page #stage-4 .base-crm-person figcaption{right:0;bottom:13px;width:205px}

  .pokrovsky-page #stage-6 .adoption-grid{grid-template-columns:minmax(280px,.4fr) minmax(0,.6fr);gap:44px}
  .pokrovsky-page #stage-6 .adoption-photo{min-height:620px}
}

@media (min-width:701px) and (max-width:820px){
  .pokrovsky-page .client-grid{gap:32px}
  .pokrovsky-page .pokrovsky-about-composition{width:min(100%,650px);margin:18px auto 0}

  .pokrovsky-page #stage-0 .stage-copy h3{max-width:100%;font-size:39px}

  body.pokrovsky-page #stage-4 .base-crm-story{
    height:300px;
    min-height:300px;
    grid-template-columns:210px minmax(235px,1fr) 170px!important;
    gap:12px;
    padding:20px 0 20px 24px;
  }
  .pokrovsky-page #stage-4 .base-crm-copy{align-self:start;margin-top:0;padding:0}
  body.pokrovsky-page #stage-4 .base-crm-copy h4{font-size:24px;line-height:1.12}
  .pokrovsky-page #stage-4 .base-settings-grid article{padding:6px 0 6px 27px;background-size:88% 1px;font-size:12.5px;line-height:1.3}
  .pokrovsky-page #stage-4 .base-settings-grid article::before,
  .pokrovsky-page #stage-4 .base-settings-grid article::after{left:3px;width:13px;height:13px}
  body.pokrovsky-page #stage-4 .base-crm-person{display:block!important;position:absolute;inset:0 0 0 auto;width:170px;height:100%!important;max-height:none!important}
  body.pokrovsky-page #stage-4 .base-crm-person{-webkit-mask-image:none;mask-image:none}
  body.pokrovsky-page #stage-4 .base-crm-person img{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%);
  }
  body.pokrovsky-page #stage-4 .base-crm-person figcaption{right:0;bottom:12px;width:158px;padding-left:8px;padding-right:6px;box-sizing:border-box}
  body.pokrovsky-page #stage-4 .base-crm-person figcaption strong{white-space:nowrap}

  .pokrovsky-page #stage-6 .adoption-grid{grid-template-columns:1fr;gap:44px}
  .pokrovsky-page #stage-6 .adoption-photo{width:min(100%,620px);min-height:460px;margin:auto}

  body.pokrovsky-page #stage-2 .sales-flow{overflow:visible!important;padding-bottom:0!important}
  body.pokrovsky-page #stage-2 .sales-flow-canvas{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
  }
  body.pokrovsky-page #stage-2 .sales-flow-lines{display:none!important}
  body.pokrovsky-page #stage-2 .sales-flow-node,
  body.pokrovsky-page #stage-2 .flow-source,
  body.pokrovsky-page #stage-2 .flow-lead,
  body.pokrovsky-page #stage-2 .flow-mid,
  body.pokrovsky-page #stage-2 .flow-output{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-height:58px!important;
  }
  body.pokrovsky-page #stage-2 .flow-lead{grid-column:1/-1}
  body.pokrovsky-page #stage-2 .flow-output{min-height:76px!important}

  body.pokrovsky-page .related-case-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.pokrovsky-page .related-case-stats>span,
  body.pokrovsky-page .related-case-stats b{width:auto!important;min-width:0!important}

  .pokrovsky-page .result-final-head{gap:28px}
  .pokrovsky-page .result-final-copy{padding-bottom:30px}
  body.pokrovsky-page .result-final-person{
    display:block;
    width:min(390px,100%);
    height:520px!important;
    margin:0 auto -56px!important;
    overflow:hidden!important;
    transform:none!important;
    background:url("assets/sergey-portrait-master-2350-soft-edge-v20.png") center bottom/108% auto no-repeat!important;
  }
  .pokrovsky-page .result-final-person img{opacity:0!important}
  .pokrovsky-page .result-final-signature{position:absolute;right:0;bottom:-90px;width:auto;margin:0;white-space:nowrap;text-align:right}


  .pokrovsky-page .capture-section{padding:82px 0}
  .pokrovsky-page .capture-grid{width:calc(100% - 48px);padding:52px 42px}
  .pokrovsky-page .footer-main{
    width:calc(100% - 54px);
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:32px 34px;
    transform:translateX(10px);
    padding-top:48px;
    padding-bottom:40px;
  }
  .pokrovsky-page .footer-brand{grid-column:1/-1;display:block}
  .pokrovsky-page .footer-signature{margin-top:34px;gap:14px;transform:none;font-size:13px}
  .pokrovsky-page .footer-documents,
  .pokrovsky-page .footer-contact{grid-column:auto;grid-row:auto}
}

@media (max-width:980px){
  .pokrovsky-page .header.menu-open{color:#132440;background:rgba(255,255,255,.98)}
  .pokrovsky-page .header.menu-open .nav-links a{color:#132440}
  .pokrovsky-page .header.menu-open .nav-industry-dropdown{
    max-height:0;
    padding:0;
    visibility:hidden;
    opacity:0;
    overflow:hidden;
    pointer-events:none;
    transition:max-height .22s ease,opacity .18s ease,padding .22s ease,visibility .18s ease;
  }
  .pokrovsky-page .header.menu-open .nav-industry-menu.is-open .nav-industry-dropdown{
    max-height:58px;
    padding:0 0 7px;
    visibility:visible;
    opacity:1;
    pointer-events:auto;
  }
  .pokrovsky-page .header.menu-open .nav-industry-dropdown a{padding:10px 0;border-left:0;color:#132440}
  .pokrovsky-page .header.menu-open .nav-industry-dropdown a:hover,
  .pokrovsky-page .header.menu-open .nav-industry-dropdown a:focus-visible{color:#132440;background:transparent}
}

@media (max-width:820px){
  body.pokrovsky-page .context-decoration{display:none!important}
  body.pokrovsky-page .project-stage .stage-screen img{width:100%!important;min-width:0!important;max-width:100%!important;height:auto}
  .pokrovsky-page .stage-nav a{padding-right:8px;padding-left:8px}
  .pokrovsky-page .stage-nav a::before,
  .pokrovsky-page .stage-nav a::after{left:68px}
  .pokrovsky-page .stage-nav a>span{font-size:17px}
}

@media (min-width:701px) and (max-width:820px){
  body.pokrovsky-page .stage-nav{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:0!important;
    overflow:visible!important;
  }
  body.pokrovsky-page .stage-nav a{
    display:block!important;
    min-width:0!important;
    min-height:150px!important;
    padding:0 4px!important;
    text-align:center!important;
  }
  body.pokrovsky-page .stage-nav a b,
  body.pokrovsky-page .stage-nav a.is-active b,
  body.pokrovsky-page .stage-nav a:hover b,
  body.pokrovsky-page .stage-nav a:focus-visible b{
    width:48px!important;
    height:48px!important;
    margin:0 auto 24px!important;
  }
  body.pokrovsky-page .stage-nav a>span{
    display:block!important;
    max-width:100%!important;
    font-size:12px!important;
    line-height:1.25!important;
    white-space:normal!important;
    overflow-wrap:normal!important;
  }
  body.pokrovsky-page .stage-nav a::before,
  body.pokrovsky-page .stage-nav a::after{
    display:block!important;
    content:""!important;
    top:24px!important;
    left:calc(50% + 24px)!important;
    right:calc(-50% + 24px)!important;
  }
  body.pokrovsky-page .stage-nav a:nth-of-type(3)::before,
  body.pokrovsky-page .stage-nav a:nth-of-type(3)::after{
    right:calc(-50% + 24px)!important;
  }
  body.pokrovsky-page .stage-nav a:last-child::before,
  body.pokrovsky-page .stage-nav a:last-child::after{right:0!important}

  body.pokrovsky-page #stage-1 .production-solutions{
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
  }
  body.pokrovsky-page #stage-1 .production-solutions section{
    width:100%!important;
    margin:0!important;
  }
  body.pokrovsky-page #stage-1 .production-solutions section:not(:last-child) article:last-child{
    border-bottom:1px solid rgba(214,163,93,.48)!important;
  }
}

@media (min-width:821px) and (max-width:1007px){
  body.pokrovsky-page #stage-2 .sales-flow{overflow:visible!important;padding-bottom:0!important}
  body.pokrovsky-page #stage-2 .sales-flow-canvas{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    height:auto!important;
  }
  body.pokrovsky-page #stage-2 .sales-flow-lines{display:none!important}
  body.pokrovsky-page #stage-2 .sales-flow-node,
  body.pokrovsky-page #stage-2 .flow-source,
  body.pokrovsky-page #stage-2 .flow-lead,
  body.pokrovsky-page #stage-2 .flow-mid,
  body.pokrovsky-page #stage-2 .flow-output{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-height:58px!important;
  }
  body.pokrovsky-page #stage-2 .flow-lead{grid-column:1/-1}
  body.pokrovsky-page #stage-2 .flow-output{min-height:76px!important}
}

@media (min-width:431px) and (max-width:700px){
  body.pokrovsky-page #stage-4 .base-crm-story{
    height:auto;
    min-height:340px;
    grid-template-columns:minmax(0,1fr) 170px!important;
    grid-template-areas:"copy person" "settings person";
    gap:18px;
    padding:28px 0 28px 28px;
  }
  .pokrovsky-page #stage-4 .base-crm-copy{grid-area:copy}
  .pokrovsky-page #stage-4 .base-settings-grid{grid-area:settings}
  body.pokrovsky-page #stage-4 .base-crm-person{grid-area:person;display:block!important;position:absolute;inset:0 0 0 auto;width:170px;height:100%!important;max-height:none!important}
}

@media (max-width:700px){
  html,
  body.pokrovsky-page{max-width:100%;overflow-x:clip}

  .pokrovsky-page .header .container,
  .pokrovsky-page main>section>.container,
  .pokrovsky-page .project-stage>.container,
  .pokrovsky-page .footer>.container{
    width:calc(100% - 24px)!important;
    max-width:none;
    margin-right:auto;
    margin-left:auto;
  }

  .pokrovsky-page .case-hero,
  .pokrovsky-page .case-hero .hero-content{min-height:max(680px,100svh)!important}
  .pokrovsky-page .case-hero .hero-image{
    background-image:linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.91) 38%,rgba(255,255,255,.62) 57%,rgba(255,255,255,.08) 82%),url("assets/pokrovsky-hero-light-v2.png")!important;
    background-position:center,68% center!important;
    background-size:cover,auto 100%!important;
    background-repeat:no-repeat!important;
  }
  .pokrovsky-page .hero-panel{width:100%;max-width:100%}
  .pokrovsky-page .hero-copy-main h1{max-width:100%;font-size:clamp(36px,10.2vw,43px)!important;line-height:1.03!important;letter-spacing:-.035em!important}
  .pokrovsky-page .hero-copy-main p{max-width:34em;font-size:15px;line-height:1.5}
  .pokrovsky-page .hero-client:after{
    width:230px!important;
    height:42px!important;
    -webkit-mask-size:370px 39px!important;
    mask-size:370px 39px!important;
  }

  .pokrovsky-page .client-grid,
  .pokrovsky-page .context-grid,
  .pokrovsky-page .stage-zero-grid,
  .pokrovsky-page .pokrovsky-stage>.container,
  .pokrovsky-page .integration-grid,
  .pokrovsky-page .internal-space-story,
  .pokrovsky-page .adoption-grid,
  .pokrovsky-page .result-final-head,
  .pokrovsky-page .result-analytics-story,
  .pokrovsky-page .capture-grid,
  .pokrovsky-page .footer-main{grid-template-columns:minmax(0,1fr)}

  .pokrovsky-page .client-copy,
  .pokrovsky-page .client-facts,
  .pokrovsky-page .pokrovsky-about-composition,
  .pokrovsky-page .stage-copy,
  .pokrovsky-page .stage-heading,
  .pokrovsky-page .specialist-copy,
  .pokrovsky-page .blueprint-figure,
  .pokrovsky-page .stage-screen,
  .pokrovsky-page .production-solutions,
  .pokrovsky-page .management-report-grid,
  .pokrovsky-page .result-final-copy,
  .pokrovsky-page .result-final-signature,
  .pokrovsky-page .capture-form{width:100%;max-width:100%;min-width:0}

  .pokrovsky-page .client-copy h2,
  .pokrovsky-page .context-section h2,
  .pokrovsky-page .implementation-intro h2,
  .pokrovsky-page .project-stage h3,
  .pokrovsky-page .result-final-copy h2,
  .pokrovsky-page .capture-grid h2{
    max-width:100%;
    font-size:clamp(31px,8.7vw,38px)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
    overflow-wrap:normal;
  }
  .pokrovsky-page .implementation-intro h2>span,
  .pokrovsky-page .stage-adoption .stage-copy h3>span,
  .pokrovsky-page .result-analytics-story h3>span{display:inline!important;white-space:normal!important}
  .pokrovsky-page .implementation-intro h2>span+span::before,
  .pokrovsky-page .stage-adoption .stage-copy h3>span+span::before,
  .pokrovsky-page .result-analytics-story h3>span+span::before{content:" "}

  body.pokrovsky-page #stage-1 .stage-heading h3,
  body.pokrovsky-page #stage-2 .stage-heading h3{font-size:0!important}
  body.pokrovsky-page #stage-1 .stage-heading h3::after,
  body.pokrovsky-page #stage-2 .stage-heading h3::after{
    font-size:clamp(31px,8.7vw,38px)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }

  .pokrovsky-page .client-facts{grid-template-columns:1fr!important}
  .pokrovsky-page .client-facts article,
  .pokrovsky-page .client-facts article+article{padding:22px 0;border-left:0;border-bottom:1px solid var(--line)}
  .pokrovsky-page .client-facts article:last-child{border-bottom:0}

  .pokrovsky-page .client-grid{gap:44px!important}
  .pokrovsky-page .pokrovsky-about-composition{
    min-height:410px!important;
    height:410px!important;
    aspect-ratio:auto!important;
    margin-top:12px;
  }
  body.pokrovsky-page .pokrovsky-about-composition::before{
    top:0!important;
    right:0!important;
    width:88%!important;
    height:350px!important;
    border-radius:24px!important;
    background-position:center!important;
    background-size:cover!important;
  }
  body.pokrovsky-page .pokrovsky-about-composition .collection-main{top:0;right:0!important;width:88%!important;height:350px;border-radius:24px}
  .pokrovsky-page .pokrovsky-about-composition .collection-small{left:0;bottom:0!important;width:48%;height:auto;border-width:8px;border-radius:20px}

  .pokrovsky-page .task-map article{grid-template-columns:44px minmax(0,1fr);gap:14px}

  body.pokrovsky-page .stage-nav{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:4px 14px;
    width:100%;
    padding:0;
    overflow:visible;
  }
  .pokrovsky-page .stage-nav a{
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:10px;
    align-items:center;
    min-height:76px;
    padding:8px 0;
    text-align:left;
  }
  .pokrovsky-page .stage-nav a b,
  .pokrovsky-page .stage-nav a.is-active b,
  .pokrovsky-page .stage-nav a:hover b,
  .pokrovsky-page .stage-nav a:focus-visible b{width:44px;height:44px;margin:0}
  .pokrovsky-page .stage-nav a>span{max-width:none;font-size:14px;line-height:1.2;overflow-wrap:normal}
  .pokrovsky-page .stage-nav a::before,
  .pokrovsky-page .stage-nav a::after,
  .pokrovsky-page .stage-nav-rail{content:none!important;display:none!important}

  .pokrovsky-page .stage-blueprint .stage-zero-grid{gap:44px}
  .pokrovsky-page .stage-blueprint .blueprint-figure{width:100%;margin:0;padding:8px;border-radius:20px}
  .pokrovsky-page .blueprint-figure figcaption{font-size:12px!important;text-align:left!important}

  .pokrovsky-page #stage-1 .production-bitrix-frame{width:100%;max-width:100%;overflow:visible!important;padding:0!important}
  .pokrovsky-page #stage-1 .production-bitrix-frame::before{border-radius:13px;box-shadow:0 0 0 3px #d9e1e7}
  body.pokrovsky-page #stage-1 .production-solutions{grid-template-columns:1fr;gap:0!important}
  .pokrovsky-page #stage-1 .production-solutions section{margin:0}
  .pokrovsky-page #stage-1 .production-solutions section:not(:last-child) article:last-child::after{
    content:"";
    position:absolute;
    right:0;
    bottom:8px;
    left:0;
    height:1px;
    background:rgba(214,163,93,.48);
  }
  .pokrovsky-page .production-solutions article{min-height:0}

  body.pokrovsky-page #stage-2 .stage-screen,
  body.pokrovsky-page #stage-3 .stage-screen{
    display:flex!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    flex-direction:column;
    align-items:center;
    gap:18px;
    margin:0!important;
  }
  body.pokrovsky-page #stage-2 .stage-screen::before,
  body.pokrovsky-page #stage-2 .stage-screen::after,
  body.pokrovsky-page #stage-3 .stage-screen::before,
  body.pokrovsky-page #stage-3 .stage-screen::after{
    position:relative!important;
    inset:auto!important;
    width:92%!important;
    flex:0 0 auto;
  }
  body.pokrovsky-page #stage-2 .stage-screen::before,
  body.pokrovsky-page #stage-3 .stage-screen::before{order:1}
  body.pokrovsky-page #stage-2 .stage-screen::after,
  body.pokrovsky-page #stage-3 .stage-screen::after{order:2}
  body.pokrovsky-page #stage-2 .stage-screen figcaption,
  body.pokrovsky-page #stage-3 .stage-screen figcaption{
    position:static!important;
    order:3;
    width:92%!important;
    margin:-10px auto 0!important;
    padding:0 4px!important;
  }

  body.pokrovsky-page #stage-2 .sales-flow{overflow:visible!important;padding-bottom:0!important}
  body.pokrovsky-page #stage-2 .sales-flow-canvas{
    min-width:0!important;
    width:100%!important;
    height:auto!important;
    grid-template-columns:1fr!important;
  }
  body.pokrovsky-page #stage-2 .sales-flow-node,
  body.pokrovsky-page #stage-2 .flow-source,
  body.pokrovsky-page #stage-2 .flow-lead,
  body.pokrovsky-page #stage-2 .flow-mid,
  body.pokrovsky-page #stage-2 .flow-output{
    position:static!important;
    inset:auto!important;
    width:100%!important;
    min-height:56px!important;
  }
  body.pokrovsky-page #stage-2 .flow-lead{grid-column:auto}
  body.pokrovsky-page #stage-2 .flow-output{min-height:72px!important}
  body.pokrovsky-page .project-stage .stage-screen img{width:100%!important;min-width:0!important;height:auto;max-width:100%!important}

  .pokrovsky-page #stage-3 .approval-benefits{max-width:100%}
  .pokrovsky-page #stage-3 .approval-benefits article{min-height:0;padding:24px 0 24px 94px}
  .pokrovsky-page #stage-3 .approval-benefits article::after{top:22px;bottom:22px}

  .pokrovsky-page #stage-4 .management-report-grid{grid-template-columns:1fr;gap:34px}
  body.pokrovsky-page #stage-4 .base-crm-copy h4{
    font-size:clamp(29px,7.7vw,34px)!important;
    line-height:1.12!important;
  }
  .pokrovsky-page #stage-5 .integration-notes{grid-template-columns:1fr}
  .pokrovsky-page #stage-5 .integration-notes article,
  .pokrovsky-page #stage-5 .integration-notes article:nth-child(2n),
  .pokrovsky-page #stage-5 .integration-notes article:nth-child(n+3){min-height:0;border-right:0;border-bottom:1px solid rgba(255,255,255,.14)}
  .pokrovsky-page #stage-5 .integration-notes article:last-child{border-bottom:0}
  .pokrovsky-page #stage-5 .internal-space-story{gap:38px}
  .pokrovsky-page #stage-5 .internal-space-story .stage-screen{width:100%;max-width:100%;justify-self:start}

  .pokrovsky-page #stage-6 .adoption-grid{gap:38px}
  .pokrovsky-page #stage-6 .adoption-photo{width:min(100%,430px);min-height:390px;margin:auto}
  .pokrovsky-page #stage-6 .adoption-steps article,
  .pokrovsky-page #stage-6 .adoption-steps article:last-child{padding-right:0;padding-left:0}

  .pokrovsky-page .result-final-head{gap:16px}
  body.pokrovsky-page .result-final-person{
    display:block;
    width:min(300px,100%);
    height:420px!important;
    margin:0 auto -56px!important;
    overflow:hidden!important;
    transform:none!important;
    background:url("assets/sergey-portrait-master-2350-soft-edge-v20.png") center -10px/108% auto no-repeat!important;
  }
  .pokrovsky-page .result-final-person img{opacity:0!important}
  .pokrovsky-page .result-final-signature{position:absolute;right:12px;bottom:-90px;width:auto;max-width:calc(100% - 24px);margin:0;white-space:nowrap;text-align:right}

  .pokrovsky-page .result-metric-stories article{grid-template-columns:118px minmax(0,1fr)!important;gap:28px!important;padding:22px 14px}
  .pokrovsky-page .result-metric-stories .concept-ring{width:118px!important;height:118px!important}
  .pokrovsky-page .result-metric-stories .concept-ring strong{font-size:30px!important;line-height:1!important}
  .pokrovsky-page .result-metric-stories .concept-ring span{font-size:10.5px!important;line-height:1.2!important}

  .pokrovsky-page #result .result-achievements article,
  .pokrovsky-page #result .result-achievements article:nth-child(odd),
  .pokrovsky-page #result .result-achievements article:nth-child(even){padding:30px 76px 30px 14px}
  .pokrovsky-page #result .result-achievements>div{grid-template-columns:minmax(0,1fr)}
  .pokrovsky-page #result .result-achievements article,
  .pokrovsky-page #result .result-achievements h4,
  .pokrovsky-page #result .result-achievements p{width:100%;min-width:0;overflow-wrap:break-word}
  .pokrovsky-page #result .result-achievements .outcome-icon,
  .pokrovsky-page #result .result-achievements article:nth-child(even) .outcome-icon{right:0!important;top:30px!important;width:64px!important}
  body.pokrovsky-page #result .result-achievements article:nth-child(2) .outcome-icon-team{
    right:-9px!important;
    top:30px!important;
    width:82px!important;
    height:48px!important;
    transform:scale(.78)!important;
    transform-origin:center!important;
  }

  .pokrovsky-page .capture-grid{width:100%;gap:42px;padding:40px 22px}
  .pokrovsky-page .capture-form{padding:24px 18px}
  .pokrovsky-page .capture-form input,
  .pokrovsky-page .capture-form input[type="datetime-local"]{width:100%;min-width:0;max-width:100%}

  .pokrovsky-page .related-cases-section{padding:68px 0}
  .pokrovsky-page .related-cases-list{grid-template-columns:1fr;gap:16px}
  .pokrovsky-page .related-case-card,
  .pokrovsky-page .related-case-content{min-height:340px}

  .pokrovsky-page .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding-top:48px;padding-bottom:42px}
  body.pokrovsky-page .footer-brand{grid-column:1/-1!important;grid-row:1!important}
  body.pokrovsky-page .footer-main>.footer-column:not(.footer-documents){grid-row:2!important}
  body.pokrovsky-page .footer-documents{grid-column:1/-1!important;grid-row:3!important}
  body.pokrovsky-page .footer-contact{grid-column:1/-1!important;grid-row:4!important}
  .pokrovsky-page .footer-brand>.brand{margin-left:0}
  .pokrovsky-page .footer-signature{margin-top:38px;transform:none}
  .pokrovsky-page .footer-column,
  .pokrovsky-page .footer-contact,
  .pokrovsky-page .footer-documents{min-width:0}
  .pokrovsky-page .footer a,
  .pokrovsky-page .footer button,
  .pokrovsky-page .footer address{overflow-wrap:anywhere}

  .pokrovsky-page .modal-card{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:28px 20px;overflow-y:auto}
  .pokrovsky-page .cookie-panel{right:12px;bottom:12px;left:12px;width:auto;max-width:none;max-height:calc(100dvh - 24px);overflow-y:auto}
}

@media (max-width:430px){
  body.pokrovsky-page #stage-4 .base-crm-story{
    position:relative;
    height:auto!important;
    min-height:0!important;
    grid-template-columns:1fr!important;
    grid-template-areas:"copy" "settings"!important;
    gap:24px!important;
    padding:28px!important;
    overflow:visible!important;
  }
  body.pokrovsky-page #stage-4 .base-crm-copy{grid-area:copy}
  body.pokrovsky-page #stage-4 .base-settings-grid{grid-area:settings;position:relative;width:100%;display:grid;grid-template-columns:1fr}
  body.pokrovsky-page #stage-4 .base-crm-person{display:none!important}
  .pokrovsky-page #stage-6 .adoption-photo{display:none}
}

@media (max-width:360px){
  .pokrovsky-page .hero-copy-main h1{font-size:35px!important}
  .pokrovsky-page .client-copy h2,
  .pokrovsky-page .context-section h2,
  .pokrovsky-page .implementation-intro h2,
  .pokrovsky-page .project-stage h3,
  .pokrovsky-page .result-final-copy h2,
  .pokrovsky-page .capture-grid h2{font-size:29px!important}
  .pokrovsky-page .result-metric-stories article{grid-template-columns:110px minmax(0,1fr)!important;gap:20px!important;padding-right:8px;padding-left:8px}
  .pokrovsky-page .result-metric-stories .concept-ring{width:110px!important;height:110px!important}
}

@media (max-height:680px) and (max-width:700px){
  .pokrovsky-page .case-hero,
  .pokrovsky-page .case-hero .hero-content{min-height:680px!important}
  .pokrovsky-page .hero-panel{padding-top:18px!important}
  .pokrovsky-page .hero-client{bottom:28px!important}
}

@media (max-height:680px) and (min-width:701px){
  body.pokrovsky-page .case-hero{height:680px!important;min-height:680px!important;max-height:680px!important}
  body.pokrovsky-page .case-hero .hero-content{height:592px!important;min-height:592px!important;max-height:592px!important}
}

/* One captured Full HD drawing; responsive rules scale the complete image. */
body.pokrovsky-page #result .result-achievements article:nth-child(1) .outcome-icon-route{
  width:82px!important;
  height:49px!important;
  right:24px!important;
  top:39px!important;
  opacity:1;
  background:url("data:image/png;base64,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") center/contain no-repeat!important;
  transform:none!important;
  transform-origin:center!important;
}
@media (max-width:1050px){
  body.pokrovsky-page #result .result-achievements article:nth-child(1) .outcome-icon-route{
    transform:scale(.86)!important;
  }
}
@media (max-width:700px){
  body.pokrovsky-page #result .result-achievements article:nth-child(1) .outcome-icon-route{
    right:-9px!important;
    top:30px!important;
    transform:scale(.7804878)!important;
  }
}
@media (min-width:821px) and (max-width:1050px){
  body.pokrovsky-page .result-final-person{
    background-position:center bottom!important;
  }
  body.pokrovsky-page #result .result-analytics-story figure{
    justify-self:center;
    margin-left:auto;
    margin-right:auto;
  }
}

@media (min-width:821px) and (max-width:1050px){
  body.pokrovsky-page #stage-0 .stage-copy,
  body.pokrovsky-page #stage-0 .stage-copy h3,
  body.pokrovsky-page #stage-2 .stage-heading,
  body.pokrovsky-page #stage-2 .stage-heading h3{width:100%;max-width:none}
  body.pokrovsky-page #stage-0 .stage-copy h3{font-size:0!important}
  body.pokrovsky-page #stage-0 .stage-copy h3 br{display:none}
  body.pokrovsky-page #stage-0 .stage-copy h3::after{
    content:"Провели анализ и описали\A логику всех процессов";
    display:block;
    white-space:pre-line;
    font-size:39px;
    line-height:1.08;
  }
  body.pokrovsky-page #stage-2 .stage-heading h3::after{
    content:"Настроили отдельные воронки\A под разные модели продаж";
  }
  body.pokrovsky-page #stage-1 .production-solutions{grid-template-columns:minmax(0,1fr)!important;gap:0!important}
  body.pokrovsky-page #stage-1 .production-solutions section{width:100%!important;margin:0!important}
  body.pokrovsky-page #stage-1 .production-solutions section:not(:last-child) article:last-child::after{
    content:"";position:absolute;right:0;bottom:8px;left:0;height:1px;background:rgba(214,163,93,.48);
  }
  body.pokrovsky-page #stage-2 .stage-screen{
    display:grid!important;grid-template-columns:minmax(0,1fr);row-gap:16px;
    min-height:0!important;height:auto!important;
  }
  body.pokrovsky-page #stage-2 .stage-screen::before,
  body.pokrovsky-page #stage-2 .stage-screen::after{
    position:relative!important;inset:auto!important;grid-area:1/1;align-self:start;
  }
  body.pokrovsky-page #stage-2 .stage-screen::before{justify-self:start}
  body.pokrovsky-page #stage-2 .stage-screen::after{justify-self:end;margin-top:184px}
  body.pokrovsky-page #stage-2 .stage-screen figcaption{
    position:static!important;grid-area:2/1;justify-self:end;margin:0!important;
  }
  body.pokrovsky-page #stage-2 .sales-flow{overflow:visible!important;padding-bottom:0!important}
  body.pokrovsky-page #stage-2 .sales-flow-canvas{
    display:block!important;position:relative;width:100%!important;min-width:0!important;height:312px!important;
  }
  body.pokrovsky-page #stage-2 .sales-flow-lines{display:block!important}
  body.pokrovsky-page #stage-2 .sales-flow-node{
    position:absolute!important;inset:auto!important;min-height:0!important;display:flex;
  }
  body.pokrovsky-page #stage-2 .flow-source{left:2%!important;width:12.5%!important;height:48px}
  body.pokrovsky-page #stage-2 .source-1{top:7px!important}
  body.pokrovsky-page #stage-2 .source-2{top:90px!important}
  body.pokrovsky-page #stage-2 .source-3{top:174px!important}
  body.pokrovsky-page #stage-2 .source-4{top:257px!important}
  body.pokrovsky-page #stage-2 .flow-lead{left:23%!important;top:130px!important;width:11%!important;height:52px}
  body.pokrovsky-page #stage-2 .flow-mid{left:48%!important;width:12%!important;height:52px}
  body.pokrovsky-page #stage-2 .flow-contact{top:83px!important}
  body.pokrovsky-page #stage-2 .flow-deal{top:185px!important}
  body.pokrovsky-page #stage-2 .flow-output{right:1%!important;width:19%!important;height:72px;display:block}
  body.pokrovsky-page #stage-2 .flow-output small,
  body.pokrovsky-page #stage-2 .flow-output strong{display:block;white-space:normal}
  body.pokrovsky-page #stage-2 .flow-output small{font-size:9px;line-height:1.15;margin:0 0 4px}
  body.pokrovsky-page #stage-2 .flow-output strong{font-size:14px;line-height:1.2}
  body.pokrovsky-page #stage-2 .output-retail{top:73px!important}
  body.pokrovsky-page #stage-2 .output-wholesale{top:175px!important}
}

@media (min-width:821px) and (max-width:1050px){
  body.pokrovsky-page .pokrovsky-about-composition::before{
    border-radius:32px!important;
    top:252px;
    height:auto;
    aspect-ratio:16/15;
    transform:translateY(-50%);
    background-size:125% auto!important;
  }
  body.pokrovsky-page #stage-4 .base-crm-person{-webkit-mask-image:none;mask-image:none}
  body.pokrovsky-page #stage-4 .base-crm-person img{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 25%,#000 100%);
  }
  body.pokrovsky-page #stage-4 .base-crm-person figcaption{
    right:0;bottom:13px;width:174px;box-sizing:border-box;padding-left:8px;padding-right:6px;
  }
  body.pokrovsky-page #stage-5 .stage-copy,
  body.pokrovsky-page #stage-5 .stage-copy h3{width:100%;max-width:none}
  body.pokrovsky-page #stage-5 .stage-copy h3{font-size:0}
  body.pokrovsky-page #stage-5 .stage-copy h3 br{display:none}
  body.pokrovsky-page #stage-5 .stage-copy h3::after{
    content:"Подключили каналы связи\A и настроили сквозную аналитику";
    display:block;white-space:pre-line;font-size:43px;line-height:1.08;
  }
}

@media (min-width:821px) and (max-width:1050px){
  body.pokrovsky-page #result .result-analytics-story>div,
  body.pokrovsky-page #result .result-analytics-story h3{width:100%;max-width:none}
  body.pokrovsky-page #result .result-analytics-story h3>span{display:inline}
  body.pokrovsky-page #result .result-analytics-story h3>span:nth-child(2)::before{content:" "}
  body.pokrovsky-page #result .result-analytics-story h3>span:last-child{display:block}
}

@media (prefers-reduced-motion:reduce){
  .pokrovsky-page *,
  .pokrovsky-page *::before,
  .pokrovsky-page *::after{scroll-behavior:auto!important}

  body.pokrovsky-page .production-solutions.is-reveal-ready article,
  body.pokrovsky-page .production-solutions.is-reveal-ready.is-revealed article{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }

  body.pokrovsky-page #stage-2 .sales-flow-node{
    opacity:1!important;
    transform:none!important;
    animation:none!important;
  }
}