/* ActiveZone cases gallery v3. The black audience strip stays separate from the white cases section. */
@property --c5-draw{syntax:"<number>";inherits:true;initial-value:1}
.az-audience{--az-orange:#ff6200;background:#0a0a0a;color:#f4f1e9;overflow:hidden;font-family:"Commissioner",sans-serif;border-block:1px solid #252525}
.az-audience *,.az-audience *::before,.az-audience *::after{box-sizing:border-box}
.az-audience__inner{width:min(1200px,calc(100% - 64px));margin-inline:auto;padding:16px 0 19px}
.az-audience__copy{display:block;width:100%;max-width:none;margin:0;color:var(--az-orange);font:600 17px/1.5 "Geologica",sans-serif;text-align:left}
.az-audience__window{width:100%;overflow:hidden;border-top:1px solid #ff62007d;padding:16px 0 19px}
.az-audience__track{display:flex;width:max-content;animation:az-audience-flow 60s linear infinite}
.az-audience__set{display:flex;align-items:center;flex:none;padding-right:54px}
.az-audience__item{font:300 clamp(27px,3vw,42px)/1.05 "Geologica",sans-serif;letter-spacing:-.04em;white-space:nowrap}
.az-audience__dot{width:9px;height:9px;border-radius:50%;background:var(--az-orange);margin:0 28px;flex:none}
.az-audience[data-paused] .az-audience__track{animation-play-state:paused}
@keyframes az-audience-flow{to{transform:translateX(-50%)}}
@media(min-width:1025px){.az-audience__copy{font-size:clamp(14px,1.15vw,17px);white-space:nowrap}}

#cases.c5{--c5-orange:#ff6200;--c5-ink:#0a0a0a;--c5-muted:#5a6063;--c5-paper:#f4f3ef;position:relative;isolation:isolate;background:#fff;color:var(--c5-ink);padding:82px 0 68px;font-family:"Commissioner",sans-serif;scroll-margin-top:84px;overflow:hidden}
.c5 *,.c5 *::before,.c5 *::after{box-sizing:border-box}
.c5 ::selection{background:var(--c5-orange);color:#0a0a0a;text-shadow:none}
.c5__wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.c5__header{padding-bottom:28px}
.c5 h2{font:300 clamp(34px,3.7vw,54px)/1.12 "Geologica",sans-serif;letter-spacing:-.045em;margin:0;color:var(--c5-ink)}
.c5__brush{position:relative;display:inline-block;isolation:isolate;white-space:nowrap;padding:0 .045em .045em;color:var(--c5-ink)}
.c5__brush::before{content:"";position:absolute;z-index:-1;left:-.13em;right:-.13em;bottom:-.015em;height:1.06em;background:url("../assets/prototype/accent-brush-orange.svg") center/100% 100% no-repeat}
.c5__lead{margin:24px 0 0;font-size:18px;line-height:1.58;color:var(--c5-muted);max-width:940px}
.c5__gallery{position:relative}
.c5__gallery-controls{position:absolute;z-index:6;top:0;right:0;display:flex;gap:8px}
.c5__gallery-button{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--c5-orange);cursor:pointer}
.c5__gallery-button:hover:not(:disabled){background:transparent;color:#0a0a0a}
.c5__gallery-button:focus-visible{outline:2px solid var(--c5-orange);outline-offset:3px}
.c5__gallery-button:disabled,.c5__gallery-button.is-current{opacity:.4;background:transparent;color:var(--c5-orange)}
.c5__gallery-button:disabled{cursor:default}
.c5__gallery-button:disabled:hover,.c5__gallery-button.is-current:hover,.c5__gallery-button:disabled:focus-visible,.c5__gallery-button.is-current:focus-visible{background:transparent;color:var(--c5-orange)}
.c5__gallery-window{position:relative;width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-inline:contain;cursor:grab;user-select:none;outline:none;padding:2px 0 18px;background:transparent;touch-action:pan-x pan-y pinch-zoom}
.c5__gallery-window::-webkit-scrollbar{display:none}
.c5__gallery-window:focus-visible{outline:2px solid var(--c5-orange);outline-offset:5px}
.c5__gallery-window.is-dragging,.c5__gallery-window.is-dragging *{cursor:grabbing;user-select:none}
.c5__gallery-window.is-dragging{scroll-snap-type:none;scroll-behavior:auto}
.c5__card-link,.c5__card-media img{-webkit-user-drag:none}
.c5__projects{display:flex;align-items:stretch;gap:22px;width:max-content;background:transparent}
.c5__card{flex:0 0 calc((min(1200px,100vw - 64px) - 22px)/2);scroll-snap-align:start;scroll-snap-stop:always;min-width:0;opacity:1;transform:none;background:transparent}
.c5__gallery.is-visible .c5__card{animation:c5-card-in .55s cubic-bezier(.2,.72,.2,1) both}
.c5__gallery.is-visible .c5__card:nth-child(2){animation-delay:.08s}
.c5__gallery.is-visible .c5__card:nth-child(3){animation-delay:.16s}
.c5__gallery.is-visible .c5__card:nth-child(4){animation-delay:.24s}
.c5__gallery.is-visible .c5__card:nth-child(5){animation-delay:.32s}
.c5__gallery.is-visible .c5__card:nth-child(6){animation-delay:.40s}
.c5__number-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;margin-bottom:16px}
.c5__number{color:var(--c5-orange)}
.c5__track{--c5-draw:1;position:relative;justify-self:start;width:33.333333%;height:2px;overflow:visible}
.c5__track::before{content:"";position:absolute;inset:0;background:var(--c5-orange);transform:scaleX(var(--c5-draw));transform-origin:left center}
.c5__track::after{content:"";position:absolute;left:calc(var(--c5-draw)*100%);top:50%;width:9px;height:9px;border-radius:50%;background:var(--c5-orange);transform:translate(-50%,-50%)}
.c5[data-motion="ready"] .c5__track{--c5-draw:0;opacity:0}
.c5__gallery.is-visible .c5__card:nth-child(1) .c5__track{animation:c5-rule-cycle 24s 0s infinite}
.c5__gallery.is-visible .c5__card:nth-child(2) .c5__track{animation:c5-rule-cycle 24s -18s infinite}
.c5__gallery.is-visible .c5__card:nth-child(3) .c5__track{animation:c5-rule-cycle 24s -12s infinite}
.c5__gallery.is-visible .c5__card:nth-child(4) .c5__track{animation:c5-rule-cycle 24s -6s infinite}
.c5__gallery.is-visible .c5__card:nth-child(5) .c5__track{animation:c5-rule-cycle 24s -24s infinite}
.c5__gallery.is-visible .c5__card:nth-child(6) .c5__track{animation:c5-rule-cycle 24s -18s infinite}
.c5__card-link{position:relative;display:block;overflow:hidden;border:1px solid #d8d7d1;border-radius:18px;background:#fff;color:var(--c5-ink);text-decoration:none;box-shadow:none;transition:transform .42s cubic-bezier(.2,.72,.2,1),border-color .3s ease}
.c5__card-link:focus-visible{outline:3px solid var(--c5-orange);outline-offset:4px}
.c5__card-media{position:relative;z-index:1;aspect-ratio:12/7;overflow:hidden;background:#fff}
.c5__card-media::after{display:none}
.c5__card-media img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:top center;filter:none;transition:transform .55s cubic-bezier(.2,.72,.2,1)}
.c5__card-glance{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;height:52px;padding:0 18px;background:#fff;color:var(--c5-ink);font:500 15px/1.3 "Commissioner",sans-serif;border-top:3px solid var(--c5-orange);transition:opacity .24s ease}
.c5__card-glance>span:last-child{display:grid;place-items:center;width:40px;height:40px;flex:none;border:0;background:transparent;padding:0}
.c5__site{display:inline-flex;align-items:center;gap:8px;min-width:0}
.c5__favicon{display:block;width:18px;height:18px;flex:none;border-radius:4px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px rgba(10,10,10,.08)}
.c5__card-copy{position:absolute;z-index:3;inset:auto 0 0;min-height:52%;padding:20px 68px 20px 22px;background:#fff;border-top:4px solid var(--c5-orange);opacity:0;transform:translateY(102%);transition:opacity .3s ease,transform .5s cubic-bezier(.2,.72,.2,1)}
.c5__card-meta{display:flex;align-items:center;gap:6px;margin-bottom:11px;color:#747978;font:500 10px/1.25 "Geologica",sans-serif;letter-spacing:.08em;text-transform:uppercase}
.c5__card-meta .c5__favicon{width:14px;height:14px;border-radius:3px}
.c5 h3{max-width:100%;margin:0;color:var(--c5-ink);letter-spacing:-.035em}
.c5__card-summary{margin:11px 0 0;color:var(--c5-muted);font-size:13px;line-height:1.45}
.c5__card-arrow{position:absolute;right:18px;bottom:17px;display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;padding:0}
.c5__sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(hover:hover) and (pointer:fine){
  .c5__card-link:hover,.c5__card-link:focus-visible{transform:translateY(-5px);border-color:var(--c5-orange)}
  .c5__card-link:hover .c5__card-media img,.c5__card-link:focus-visible .c5__card-media img{transform:scale(1.012)}
  .c5__card-link:hover .c5__card-glance,.c5__card-link:focus-visible .c5__card-glance{opacity:0}
  .c5__card-link:hover .c5__card-copy,.c5__card-link:focus-visible .c5__card-copy{opacity:1;transform:translateY(0)}
  .c5__card-link:hover .c5__header-circle,.c5__card-link:focus-visible .c5__header-circle{color:#0a0a0a}
}
.c5__outro{display:grid;grid-template-columns:34px minmax(0,1fr);gap:24px;align-items:start;margin-top:44px;padding-top:30px;border-top:1px solid var(--c5-orange)}
.c5__exclaim{display:block;justify-self:center;width:25px;height:70px;margin-top:5px;fill:var(--c5-orange);overflow:hidden}
.c5__exclaim circle{fill:var(--c5-orange)}
.c5__header-circle{display:block;width:40px;height:40px;color:var(--c5-orange)}
.c5__header-circle .btn-exclaim__arrow--line,.c5__header-circle .btn-exclaim__arrow--line path{stroke:#0a0a0a}
.c5__gallery-button:hover:not(:disabled) .c5__header-circle,.c5__card-link:hover .c5__header-circle,.c5__card-link:focus-visible .c5__header-circle{color:#0a0a0a}
.c5__gallery-button:hover:not(:disabled) .btn-exclaim__arrow--line,.c5__gallery-button:hover:not(:disabled) .btn-exclaim__arrow--line path,.c5__card-link:hover .btn-exclaim__arrow--line,.c5__card-link:hover .btn-exclaim__arrow--line path,.c5__card-link:focus-visible .btn-exclaim__arrow--line,.c5__card-link:focus-visible .btn-exclaim__arrow--line path{stroke:#fff}
.c5__outro::after,.c5__exclaim::after,.c5__exclaim::before{content:none!important;display:none!important;background:none!important;width:0!important;height:0!important}
.c5__stem{transform-box:fill-box;transform-origin:50% 100%}
.c5__outro p{font:300 27px/1.38 "Geologica",sans-serif;letter-spacing:-.035em;margin:0;max-width:1040px;color:var(--c5-ink)}
.c5[data-motion] .c5__stem{animation:c5-exclaim 3.6s linear infinite;animation-play-state:paused}
.c5[data-motion] .c5__outro.is-visible .c5__stem{animation-play-state:running}
.c5[data-paused] *{animation-play-state:paused!important}
@keyframes c5-card-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes c5-rule-cycle{0%{opacity:1;--c5-draw:0;animation-timing-function:cubic-bezier(.2,.75,.3,1)}8%,24.9%{opacity:1;--c5-draw:1}25%,100%{opacity:0;--c5-draw:0}}
@keyframes c5-exclaim{0%,14%{transform:scaleY(0)}32%,78%{transform:scaleY(1)}88%,100%{transform:scaleY(0)}}
@media(max-width:1024px){
  .az-audience__inner{padding:16px 0 19px}
  #cases.c5{padding:68px 0 58px}.c5__header{padding-bottom:26px}.c5__lead{max-width:820px}.c5__outro{margin-top:36px}.c5__outro p{font-size:25px}
}
@media(max-width:900px){
  .c5__card{flex-basis:calc(100vw - 64px)}
}
@media(hover:none){
  .c5__card-glance{display:none}
  .c5__card-copy{position:relative;inset:auto;min-height:0;opacity:1;transform:none}
}
@media(max-width:600px){
  .az-audience__inner{width:calc(100% - 40px);padding:13px 0 18px}.az-audience__copy{font-size:15px;line-height:1.5;white-space:normal}.az-audience__window{padding:13px 0 18px}.az-audience__item{font-size:25px}.az-audience__dot{margin-inline:20px}
  #cases.c5{padding:48px 0 46px;scroll-margin-top:76px}.c5__wrap{width:calc(100% - 40px)}.c5__header{padding-bottom:24px}.c5 h2{font-size:clamp(30px,8vw,42px);line-height:1.14}.c5__lead{font-size:16px;line-height:1.55;margin-top:22px}.c5__gallery-controls{top:-4px}.c5__gallery-button{width:40px;height:40px}.c5__gallery-window{width:calc(100vw - 20px);padding-bottom:16px}.c5__projects{gap:14px}.c5__card{flex-basis:calc(100vw - 40px)}.c5__number-row{gap:16px;margin-bottom:13px}.c5__card-glance{display:none}.c5__card-copy{position:relative;inset:auto;min-height:0;padding:17px 58px 18px 18px;opacity:1;transform:none}.c5__card-meta{margin-bottom:10px}.c5 h3{max-width:none}.c5__card-summary{font-size:13px;line-height:1.46;margin-top:9px}.c5__card-arrow{right:15px;bottom:14px;width:40px;height:40px}.c5__outro{grid-template-columns:22px minmax(0,1fr);gap:16px;margin-top:30px;padding-top:25px}.c5__exclaim{width:22px;height:61px;margin-top:0}.c5__outro p{font-size:23px;line-height:1.38}.c5__outro .c5__brush{display:inline;white-space:normal;padding:0 .12em .05em;color:var(--c5-ink);background:url("../assets/prototype/accent-brush-orange.svg") center bottom / 100% 1.06em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}.c5__outro .c5__brush::before{content:none;display:none}
}
@media(prefers-reduced-motion:reduce){
  .az-audience__track{width:auto;animation:none;flex-wrap:wrap}.az-audience__set{flex-wrap:wrap;padding:0;row-gap:12px}.az-audience__set[aria-hidden="true"]{display:none}
  .az-audience *,.c5 *,.c5 *::before,.c5 *::after{animation:none!important;transition:none!important}
  .c5__card{opacity:1;transform:none}.c5__gallery-window{scroll-behavior:auto}.c5 .c5__stem{transform:none}.c5 .c5__track{--c5-draw:1;opacity:1}
}
/* Блок бесплатного аудита. Только #audit, чужие секции не трогает. */

#audit {
  --audit-ink: #0a0a0a;
  --audit-muted: #4a5560;
  --audit-orange: #ff6200;
  position: relative;
  z-index: 3;
  margin: 0;
  padding: 80px 0 72px;
  color: var(--audit-ink);
  background: #f4f1e9;
  font-family: "Commissioner", sans-serif;
  scroll-margin-top: 88px;
  overflow-x: clip;
}

#audit *,
#audit *::before,
#audit *::after {
  box-sizing: border-box;
}

.audit__wrap {
  width: min(1200px, calc(100% - 64px));
  margin-inline: auto;
}

.audit__eyebrow {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--audit-orange);
}

.audit__title {
  margin: 0;
  font: 300 clamp(34px, 3.7vw, 54px) / 1.12 "Geologica", sans-serif;
  letter-spacing: -0.045em;
  color: var(--audit-ink);
}

.audit__brush {
  position: relative;
  display: inline-block;
  isolation: isolate;
  padding: 0 0.045em 0.045em;
  color: var(--audit-ink);
  background: transparent;
  white-space: nowrap;
}

.audit__brush::before {
  position: absolute;
  z-index: -1;
  right: -0.13em;
  bottom: -0.015em;
  left: -0.13em;
  height: 1.06em;
  content: "";
  background: url("../assets/prototype/accent-brush-orange.svg") center / 100% 100% no-repeat;
}

.audit__lead {
  max-width: 40em;
  margin: 20px 0 0;
  font-size: 18px;
  line-height: 1.55;
  color: var(--audit-muted);
}

.audit__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 36px;
  margin-top: 40px;
  align-items: start;
}

.audit__copy,
.audit-form {
  min-width: 0;
}

.audit__points {
  margin: 0;
  padding: 0;
  list-style: none;
}

.audit__points li {
  display: grid;
  grid-template-columns: 84px minmax(0, 1fr);
  gap: 16px;
  align-items: start;
  padding: 18px 0;
  border-top: 1px solid rgb(255 98 0 / 0.45);
}

.audit__points li:last-child {
  border-bottom: 1px solid rgb(255 98 0 / 0.45);
}

.audit__n {
  font: 300 54px/0.9 "Geologica", sans-serif;
  letter-spacing: -0.055em;
  color: var(--audit-orange);
}

.audit__points p {
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
  color: var(--audit-ink);
}

.audit__close {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 30px;
  align-items: start;
  width: 100%;
  margin-top: 48px;
  padding-top: 40px;
  border-top: 1px solid rgb(255 98 0 / 0.45);
}

.audit__exclaim {
  display: block;
  width: 25px;
  height: 70px;
  margin-top: 5px;
  justify-self: center;
  fill: var(--audit-orange);
  overflow: hidden;
}

.audit__exclaim-stem {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  animation: audit-exclaim-loop 3.6s linear infinite;
}

.audit__close p {
  margin: 0;
  max-width: none;
  font-family: "Commissioner", sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.55;
  letter-spacing: 0;
  color: var(--audit-muted);
}

@keyframes audit-exclaim-loop {
  0%, 14% { transform: scaleY(0); }
  32%, 78% { transform: scaleY(1); }
  88%, 100% { transform: scaleY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .audit__exclaim-stem {
    animation: none;
    transform: none;
  }
}

.audit-form {
  padding: 24px;
  border: 1px solid rgb(10 10 10 / 0.08);
  border-radius: 16px;
  background: #fff;
}

.audit-form__field {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 0 16px;
}

.audit-form__field label,
.audit-form__consent {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: var(--audit-ink);
}

.audit-form__optional {
  font-weight: 500;
  color: var(--audit-muted);
}

.audit-form__field input,
.audit-form__field textarea {
  width: 100%;
  min-height: 48px;
  margin: 0;
  padding: 12px 14px;
  border: 1px solid rgb(10 10 10 / 0.12);
  border-radius: 16px;
  background: #fff;
  color: var(--audit-ink);
  font: 400 16px/1.4 "Commissioner", sans-serif;
}

.audit-form__field textarea {
  min-height: 96px;
  resize: vertical;
}

.audit-form__field input:hover,
.audit-form__field textarea:hover,
.audit-form__field input:focus,
.audit-form__field textarea:focus {
  border-color: var(--audit-orange);
  outline: none;
}

.audit-form__field input:focus-visible,
.audit-form__field textarea:focus-visible,
.audit-form__consent a:focus-visible,
.audit__faq summary:focus-visible {
  outline: 2px solid var(--audit-orange);
  outline-offset: 3px;
}

.audit-form__field input[aria-invalid="true"],
.audit-form__consent:has(input[aria-invalid="true"]) {
  border-color: #dc2626;
}

.audit-form__honey {
  position: absolute;
  left: -9999px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.audit-form__error {
  display: none;
  color: #dc2626;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
}

.audit-form__error.is-visible {
  display: block;
}

.audit-form__consent {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  min-height: 44px;
  margin: 4px 0 16px;
  font-weight: 500;
  cursor: pointer;
}

.audit-form__consent input {
  width: 22px;
  height: 22px;
  min-width: 22px;
  margin-top: 1px;
  accent-color: var(--audit-orange);
}

.audit-form__consent a {
  color: var(--audit-ink);
  text-underline-offset: 0.15em;
}

.audit-form__consent a:hover {
  color: var(--audit-orange);
}

#audit-form .btn-exclaim--block {
  margin: 0;
  max-width: 100%;
}

.audit-form__note {
  margin: 12px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.45;
  color: var(--audit-muted);
}

.audit-form__status {
  display: none;
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.45;
}

.audit-form__status.is-visible {
  display: block;
}

.audit-form__status--success {
  background: rgb(22 163 74 / 0.12);
  color: #166534;
}

.audit-form__status--error {
  background: rgb(220 38 38 / 0.1);
  color: #991b1b;
}

@media (min-width: 1024px) {
  .audit__body {
    grid-template-columns: minmax(0, 1fr) minmax(440px, 480px);
    gap: 48px 40px;
    align-items: stretch;
  }

  .audit__copy {
    display: flex;
    flex-direction: column;
  }

  .audit__points {
    display: flex;
    flex: 1;
    flex-direction: column;
  }

  .audit__points li {
    flex: 1 1 0;
    align-items: center;
    padding: 22px 0;
  }

  .audit-form {
    position: sticky;
    top: 88px;
  }
}

@media (max-width: 1100px) {
  #audit {
    padding: 64px 0 56px;
  }

  .audit__wrap {
    width: calc(100% - 48px);
  }

  .audit__n {
    font-size: 42px;
  }

  .audit__points li {
    grid-template-columns: 68px minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  #audit {
    padding: 48px 0 40px;
    scroll-margin-top: 72px;
  }

  .audit__wrap {
    width: calc(100% - 40px);
  }

  .audit__title {
    font-size: clamp(30px, 8vw, 42px);
    line-height: 1.14;
  }

  .audit__lead {
    font-size: 16px;
  }

  .audit__close {
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 16px;
    margin-top: 28px;
    padding-top: 28px;
  }

  .audit__exclaim {
    width: 22px;
    height: 61px;
    margin-top: 0;
  }

  .audit__close p {
    font-size: 16px;
    line-height: 1.55;
  }

  .audit-form {
    padding: 16px;
  }

  .audit__points li {
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 12px;
  }

  .audit__n {
    font-size: 30px;
  }
}

@media (max-width: 359px) {
  .audit__wrap {
    width: calc(100% - 32px);
  }
}

@media (prefers-reduced-motion: reduce) {
  .audit-form {
    position: static;
  }
}