/* Экраны: S1 hero, S2 intro, S3 story, S4 modules, S5 why, S6 faq, S7 final */

/* S1. Первый экран */
.hero {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 100svh;
  padding: calc(var(--header-h) + clamp(24px, 4vw, 56px)) 0 clamp(72px, 8vw, 104px);
}
.hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(32px, 4vw, 56px);
  align-items: center;
}
.hero__text { display: grid; gap: 28px; justify-items: start; }
.hero h1 { max-width: 9.2em; }
.hero .lead { max-width: 28em; }
.btn-row { display: flex; flex-wrap: wrap; gap: 12px; }
.hero__trust {
  max-width: 26em;
  margin-top: 4px;
  padding-top: 20px;
  border-top: 1px solid var(--color-mist);
  font-size: .875rem;
  color: var(--color-slate);
}
.hero__mock { min-width: 0; margin-right: calc(-1 * clamp(0px, calc(var(--gutter) - 24px + max(0px, (100vw - 1336px) / 2)), 72px)); }
@media (max-width: 1023.98px) {
  .hero__inner { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .hero__text { display: contents; }
  .hero__text > * { order: 1; }
  .hero__text > .label { margin-bottom: 20px; }
  .hero__text > h1 { margin-bottom: 24px; }
  .hero__text > .lead { margin-bottom: 28px; }
  .hero__text > .btn-row { margin-bottom: 44px; }
  .hero__mock { order: 2; margin-right: 0; }
  .hero__text > .hero__trust { order: 3; margin-top: 40px; width: 100%; max-width: none; }
  .hero { min-height: 0; padding-top: calc(var(--header-h) + 32px); }
  .hero h1 { max-width: 11em; }
}
@media (max-width: 479.98px) {
  .btn-row { width: 100%; }
  .btn-row .btn { flex: 1 1 100%; }
}

/* S2. Высказывание */
.intro { padding: var(--pad-y) 0; background: var(--color-white); }
.statement {
  max-width: 20em;
  font-size: var(--h2);
  line-height: 1.1;
  font-weight: 500;
  color: var(--color-slate);
}
.statement span { display: inline; }
.statement__em { color: var(--color-navy); font-weight: 600; }
.audience {
  display: grid;
  gap: 12px;
  margin-top: clamp(48px, 6vw, 88px);
  padding-top: 24px;
  border-top: 1px solid var(--color-mist);
}
.audience__list { display: flex; flex-wrap: wrap; row-gap: 4px; }
.audience__list li {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  font-size: .9375rem;
  font-weight: 500;
}
.audience__list li:not(:last-child)::after {
  content: "";
  width: 1px;
  height: 14px;
  margin-inline: 20px;
  background: var(--color-slate);
  opacity: .45;
}

/* S3. Как это работает */
.story { background: var(--color-white); padding-top: var(--pad-y); }
@media (min-width: 1024px) {
  .fx .story { padding-top: 0; }
}
.story__inner {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: clamp(32px, 5vw, 72px);
  align-items: center;
}
.story__text { display: grid; gap: 16px; justify-items: start; min-width: 0; }
.story__text .h2 { max-width: 9em; }
.steps { width: 100%; margin-top: 16px; }
.steps__item {
  position: relative;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  padding: 20px 0;
  border-top: 1px solid var(--color-mist);
}
.steps__item::before {
  content: "";
  position: absolute;
  left: 0; right: 0; top: -1px;
  height: 1px;
  background: var(--color-navy);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .9s var(--ease);
}
.steps__n { padding-top: 5px; font-family: var(--font-heading); font-size: 1.25rem; font-weight: 600; color: var(--color-slate); transition: color .5s; }
.steps__text h3 { font-size: 1.75rem; }
.steps__text p { margin-top: 6px; font-size: 1rem; line-height: 1.55; color: var(--color-slate); }
.step__mock { display: none; }

.story__mock { min-width: 0; }
@media (max-width: 1023.98px) {
  .story__inner { grid-template-columns: minmax(0, 1fr); }
  .story__mock { display: none; }
  .steps__item { grid-template-columns: 40px minmax(0, 1fr); padding: 28px 0 32px; }
  .step__mock { display: block; grid-column: 1 / -1; margin-top: 24px; }
  .story__text .h2 { max-width: none; }
}
@media (min-width: 1024px) {
  .fx .story__track { height: calc(100svh * 3.3); }
  .fx .story__stick {
    position: sticky;
    top: 0;
    display: flex;
    align-items: center;
    height: 100svh;
    padding-top: var(--header-h);
  }
  .fx .story__stick > .container { align-self: center; }
  .fx .steps__item { opacity: .36; transition: opacity .6s var(--ease); }
  .fx .steps__item.is-active { opacity: 1; }
  .fx .steps__item.is-active::before { transform: scaleX(1); }
  .fx .steps__item.is-active .steps__n { color: var(--color-electric); }
  .fx .steps__text p {
    max-height: 0;
    margin-top: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height .8s var(--ease), opacity .6s var(--ease), margin .6s var(--ease);
  }
  .fx .steps__item.is-active .steps__text p { max-height: 7em; margin-top: 6px; opacity: 1; }
  .fx .steps__item { padding-block: 16px; }
}

.compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding-top: var(--pad-y);
  padding-bottom: var(--pad-y);
}
.compare__col { padding: 0 clamp(0px, 4vw, 64px) 0 0; }
.compare__col + .compare__col { padding: 0 0 0 clamp(24px, 4vw, 64px); border-left: 1px solid var(--color-mist); }
.compare h3 { margin-bottom: 20px; }
.compare__col--manual h3 { color: var(--color-slate); }
.compare li {
  display: flex;
  gap: 14px;
  padding: 15px 0;
  border-top: 1px solid var(--color-mist);
  font-size: 1.0625rem;
}
.compare__col--manual li { color: var(--color-slate); }
.compare__col--es li::before {
  content: "";
  flex: none;
  width: 18px; height: 18px;
  margin-top: 3px;
  border-radius: 50%;
  background: var(--color-electric) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.3l2 2 4-4.4' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 12px no-repeat;
}
.compare__col--manual li::before {
  content: "";
  flex: none;
  width: 18px; height: 18px;
  margin-top: 3px;
  border-radius: 50%;
  border: 1.5px solid var(--color-mist);
}
.compare__cta { grid-column: 1 / -1; display: flex; justify-content: center; margin-top: clamp(40px, 5vw, 64px); }
@media (max-width: 767.98px) {
  .compare { grid-template-columns: minmax(0, 1fr); row-gap: 40px; }
  .compare__col, .compare__col + .compare__col { padding: 0; border-left: 0; }
  .compare__cta .btn { width: 100%; white-space: normal; }
}

/* S4. Модули */
.modules { padding: var(--pad-y) 0 calc(var(--pad-y) + 24px); overflow: hidden; background: linear-gradient(var(--color-ivory) 0, var(--color-white) 82%); }
.modules__head {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(0, 4fr);
  grid-template-areas: "label label" "title lead";
  column-gap: clamp(32px, 6vw, 96px);
  row-gap: 16px;
  align-items: end;
}
.modules__head .label { grid-area: label; }
.modules__head .h2 { grid-area: title; max-width: 12em; }
.modules__head .lead { grid-area: lead; padding-bottom: 6px; }
@media (max-width: 899.98px) {
  .modules__head { grid-template-columns: minmax(0, 1fr); grid-template-areas: "label" "title" "lead"; }
}
.stage { position: relative; margin-top: clamp(24px, 4vw, 56px); --pw: clamp(340px, 30vw, 430px); --r: calc(var(--pw) * .87); }
.stage__view { position: relative; perspective: 1700px; perspective-origin: 50% 36%; outline-offset: -6px; touch-action: pan-y; }
.stage__ring { position: absolute; inset: 0; transform-style: preserve-3d; transform: translateZ(calc(var(--r) * -1)); will-change: transform; }
.mod {
  position: absolute;
  left: 50%;
  top: 0;
  width: var(--pw);
  margin-left: calc(var(--pw) / -2);
  display: flex;
  flex-direction: column;
  padding: 20px 20px 28px;
  border: 1px solid var(--color-mist);
  border-radius: var(--radius-card);
  background: var(--color-white);
  box-shadow: 0 36px 60px -44px rgba(15, 42, 107, .4);
  transform: rotateY(calc(var(--i) * 60deg)) translateZ(var(--r));
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.mod:not(.is-active) { cursor: pointer; }
.stage__floor {
  position: absolute;
  left: 50%;
  bottom: -34px;
  width: min(88%, 1040px);
  height: 84px;
  transform: translateX(-50%);
  background:
    radial-gradient(ellipse 50% 38% at 50% 28%, rgba(15, 42, 107, .24), rgba(15, 42, 107, 0) 100%),
    radial-gradient(ellipse 46% 40% at 50% 74%, rgba(35, 71, 245, .08), rgba(35, 71, 245, 0) 100%);
  pointer-events: none;
}
.stage__floor::after { content: ""; position: absolute; left: 14%; right: 14%; top: 22px; height: 1px; background: linear-gradient(90deg, transparent, rgba(15, 42, 107, .22), transparent); }
.stage__arrow {
  position: absolute;
  top: 42%;
  z-index: 4;
  display: grid;
  place-items: center;
  width: 52px; height: 52px;
  border: 1px solid var(--color-mist);
  border-radius: 50%;
  background: var(--color-white);
  color: var(--color-navy);
  box-shadow: 0 12px 26px -14px rgba(15, 42, 107, .45);
  transition: border-color .3s, opacity .3s;
}
.stage__arrow:hover { border-color: var(--color-navy); }
.stage__arrow[disabled] { opacity: .35; cursor: default; }
.stage__arrow--prev { left: max(12px, calc((100% - var(--container)) / 2 - 26px)); }
.stage__arrow--next { right: max(12px, calc((100% - var(--container)) / 2 - 26px)); }

/* Горячие точки */
.mod__fragwrap { position: relative; }
.hotwrap { position: absolute; left: var(--x); top: var(--y); width: 0; height: 0; z-index: 2; }
.hot { position: absolute; left: -22px; top: -22px; display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border: 0; background: none; cursor: pointer; }
.hot::before { content: ""; width: 14px; height: 14px; border-radius: 50%; background: var(--color-electric); border: 2px solid var(--color-white); box-shadow: 0 0 0 1px var(--color-electric); }
.hot::after { content: ""; position: absolute; width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid var(--color-electric); opacity: 0; pointer-events: none; }
.fx .mod.is-active .hot::after { animation: hot-pulse 2.4s var(--ease) infinite; }
@keyframes hot-pulse { 0% { transform: scale(1); opacity: .9; } 100% { transform: scale(3.2); opacity: 0; } }
.hot__label {
  position: absolute;
  right: 32px;
  top: 50%;
  padding: 5px 11px;
  border: 1px solid var(--color-mist);
  border-radius: 999px;
  background: var(--color-white);
  font-size: .6875rem;
  font-weight: 600;
  white-space: nowrap;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity .4s var(--ease);
}
.hot:hover .hot__label, .hot:focus-visible .hot__label { opacity: 1; }
.hot[aria-expanded="true"] .hot__label { opacity: 0 !important; }
.tip {
  position: absolute;
  left: 0;
  bottom: 24px;
  width: max-content;
  max-width: 200px;
  padding: 10px 12px;
  border-radius: 10px;
  background: var(--color-navy);
  color: var(--color-white);
  font-size: .8125rem;
  line-height: 1.4;
  transform: translate(-70%, 6px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s var(--ease), transform .5s var(--ease);
}
.hot[aria-expanded="true"] ~ .tip { opacity: 1; transform: translate(-70%, 0); }

/* Плоский режим: узкие экраны, reduced-motion, EFFECTS=false */
.stage--flat .stage__view { height: auto !important; perspective: none; }
.stage--flat .stage__ring {
  position: static;
  display: flex;
  gap: 16px;
  padding: 8px max(var(--gutter), calc((100% - var(--container)) / 2)) 28px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: max(var(--gutter), calc((100% - var(--container)) / 2));
  scrollbar-width: none;
  transform: none !important;
  will-change: auto;
}
.stage--flat .stage__ring::-webkit-scrollbar { display: none; }
.stage--flat .mod {
  position: relative;
  left: auto; top: auto;
  flex: none;
  width: min(84vw, 380px);
  margin: 0;
  transform: none;
  scroll-snap-align: start;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: auto;
}
.stage--flat .stage__floor { display: none; }
.stage--flat .stage__arrow { top: auto; bottom: -76px; }
@media (max-width: 767.98px) {
  .stage--flat .stage__arrow { display: none; }
}
.mod__n { margin-top: 28px; font-size: .75rem; font-weight: 600; letter-spacing: .16em; color: var(--color-slate); }
.mod h3 { margin: 6px 0 18px; font-size: clamp(1.875rem, 1vw + 1.5rem, 2.25rem); }
.mod__list li { padding: 10px 0; border-top: 1px solid var(--color-mist); font-size: .9375rem; line-height: 1.45; }

.frag { min-height: 236px; padding: 16px; border: 1px solid var(--color-mist); border-radius: 10px; background: #FCFAF6; font-variant-numeric: tabular-nums; }
.frag__h { margin-bottom: 12px; font-size: .6875rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: var(--color-slate); }
.frag__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 10px;
  margin-bottom: 8px;
  padding: 10px 12px;
  border: 1px solid var(--color-mist);
  border-radius: 8px;
  background: var(--color-white);
}
.frag__name { grid-row: 1 / 3; min-width: 0; }
.frag__name b, .frag__name small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.frag__name b { font-size: .8125rem; font-weight: 600; }
.frag__name small { font-size: .6875rem; color: var(--color-slate); }
.frag__amt { grid-column: 2; grid-row: 1; justify-self: end; font-size: .8125rem; font-weight: 600; white-space: nowrap; }
.frag__amt--in { color: #137650; }
.frag__row .chip { grid-column: 2; grid-row: 1 / 3; justify-self: end; }
.frag__amt + .chip { grid-row: 2; margin-top: 4px; }
.frag__row--tight { margin-top: 4px; }
.frag__flow li { position: relative; display: flex; gap: 12px; padding-bottom: 18px; }
.frag__flow li:not(.is-last)::after { content: ""; position: absolute; left: 9.5px; top: 22px; bottom: 2px; width: 1px; background: var(--color-mist); }
.frag__flow i { flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: var(--color-success); color: var(--color-white); }
.frag__flow .is-last i { background: var(--color-white); border: 1.5px solid var(--color-electric); color: var(--color-electric); }
.frag__flow b { display: block; font-size: .8125rem; font-weight: 600; line-height: 1.3; }
.frag__flow small { display: block; font-size: .6875rem; color: var(--color-slate); }
.frag__kv { display: flex; justify-content: space-between; padding: 9px 2px; border-bottom: 1px solid var(--color-mist); font-size: .8125rem; }
.frag__kv:first-of-type { padding-top: 2px; }
.frag__kv:first-of-type b { font-size: 1rem; }
.frag__kv:last-child { border-bottom: 0; }
.frag__kv span { color: var(--color-slate); font-weight: 500; }
.frag__bars { display: flex; align-items: flex-end; gap: 10px; height: 96px; margin-bottom: 14px; padding: 0 4px; border-bottom: 1px solid var(--color-mist); }
.frag__bars i { flex: 1; height: var(--h); border-radius: 4px 4px 0 0; background: var(--color-mist); }
.frag__bars i.is-on { background: var(--color-electric); }

.stage__foot { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 56px; }
.stage__ctl { display: flex; align-items: center; gap: 20px; }
.stage__dots { display: flex; }
.stage__dots button { position: relative; width: 28px; height: 44px; padding: 0; border: 0; background: none; }
.stage__dots button::before { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 99px; background: var(--color-mist); transition: width .5s var(--ease), margin .5s var(--ease), background-color .4s; }
.stage__dots button[aria-current="true"]::before { width: 22px; margin-left: -11px; background: var(--color-electric); }
.stage__count { font-size: .875rem; color: var(--color-slate); font-variant-numeric: tabular-nums; }
.stage__count b { color: var(--color-navy); font-family: var(--font-heading); font-size: 1.5rem; font-weight: 600; vertical-align: -2px; }
@media (max-width: 767.98px) {
  .stage__foot { margin-top: 16px; flex-direction: column; align-items: flex-start; gap: 4px; }
}

/* S5. Почему EsepUp (navy) */
.why { background: var(--color-navy); color: var(--color-white); padding: var(--pad-y) 0; }
.why .label { color: var(--color-sky); }
.why .lead { color: rgba(255, 255, 255, .72); }
.why__head { display: grid; gap: 16px; justify-items: start; }
.theses { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: clamp(48px, 6vw, 88px); border-top: 1px solid var(--navy-line); }
.thesis { display: flex; flex-direction: column; gap: 20px; padding: clamp(32px, 4vw, 56px) clamp(20px, 3vw, 48px); border-left: 1px solid var(--navy-line); }
.thesis:first-child { padding-left: 0; border-left: 0; }
.thesis:last-child { padding-right: 0; }
.thesis__n { font-family: var(--font-heading); font-size: clamp(3.5rem, 6vw, 5.5rem); line-height: .85; font-weight: 500; color: var(--color-sky); font-variant-numeric: lining-nums; }
.thesis h3 { font-size: clamp(1.875rem, 1.6vw + 1.3rem, 2.5rem); line-height: 1.08; color: var(--color-white); }
.thesis p { max-width: 30em; color: rgba(255, 255, 255, .78); }
@media (max-width: 1023.98px) {
  .theses { grid-template-columns: minmax(0, 1fr); }
  .thesis, .thesis:first-child, .thesis:last-child { padding: 36px 0; border-left: 0; border-bottom: 1px solid var(--navy-line); }
}
.chips { display: flex; flex-wrap: wrap; gap: 10px 12px; margin-top: clamp(32px, 4vw, 48px); }
.chips li { display: inline-flex; align-items: center; min-height: 44px; padding: 0 20px; border: 1px solid var(--navy-line); border-radius: 999px; font-size: .9375rem; font-weight: 500; color: rgba(255, 255, 255, .88); }

.custom {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 5fr) max-content;
  align-items: center;
  margin-top: clamp(48px, 6vw, 88px);
  padding: clamp(28px, 4vw, 48px) 0 0;
  border-top: 1px solid var(--navy-line);
}
.custom > * { padding-inline: clamp(20px, 3vw, 48px); }
.custom > :first-child { padding-left: 0; }
.custom > :not(:first-child) { border-left: 1px solid var(--navy-line); }
.custom > :last-child { padding-right: 0; }
.custom .label { margin-bottom: 8px; }
.custom__title { font-size: clamp(2rem, 1.6vw + 1.5rem, 2.75rem); color: var(--color-white); }
.custom__text { max-width: 30em; color: rgba(255, 255, 255, .78); }
@media (max-width: 1023.98px) {
  .custom { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
  .custom > *, .custom > :first-child, .custom > :last-child { padding-inline: 0; border-left: 0; }
}
@media (max-width: 599.98px) {
  .custom .btn { width: 100%; }
}

/* S6. Вопросы */
.faq { background: var(--color-white); padding: var(--pad-y) 0; }
.faq__inner { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 96px); align-items: start; }
.faq__head { display: grid; gap: 16px; justify-items: start; }
@media (min-width: 1024px) {
  .faq__head { position: sticky; top: calc(var(--header-h) + 32px); }
}
@media (max-width: 1023.98px) {
  .faq__inner { grid-template-columns: minmax(0, 1fr); }
}
.faq__list { border-bottom: 1px solid var(--color-mist); }
.faq details { border-top: 1px solid var(--color-mist); }
.faq summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  min-height: 76px;
  padding-block: 18px;
  font-family: var(--font-heading);
  font-size: clamp(1.375rem, .8vw + 1.2rem, 1.75rem);
  font-weight: 600;
  line-height: 1.15;
  list-style: none;
  cursor: pointer;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "";
  flex: none;
  width: 18px; height: 18px;
  background:
    linear-gradient(var(--color-navy), var(--color-navy)) center / 100% 1.5px no-repeat,
    linear-gradient(var(--color-navy), var(--color-navy)) center / 1.5px 100% no-repeat;
  transition: transform .5s var(--ease);
}
.faq details[open] summary::after { transform: rotate(45deg); }
.faq details p { max-width: 36em; padding: 0 44px 28px 0; color: var(--color-slate); }
.fx .faq details[open] p { animation: faq-in .6s var(--ease); }
@keyframes faq-in { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

/* S7. Финал (navy) */
.final {
  display: flex;
  align-items: center;
  min-height: 100svh;
  padding: calc(var(--header-h) + 24px) 0 var(--pad-y);
  background: var(--color-navy);
  color: var(--color-white);
}
.final__inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(40px, 7vw, 112px); align-items: center; }
.final__text { display: grid; gap: 24px; justify-items: start; }
.final .lead { color: rgba(255, 255, 255, .74); }
.final .h2 { max-width: 13em; }
.contacts { width: 100%; max-width: 26em; margin-top: 16px; border-top: 1px solid var(--navy-line); }
.contacts li { border-bottom: 1px solid var(--navy-line); }
.contacts a { display: flex; align-items: center; justify-content: space-between; min-height: 52px; font-size: 1.0625rem; font-weight: 500; color: var(--color-white); text-decoration: none; }
.contacts a::after { content: ""; width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 3.5L13.5 8 9 12.5' fill='none' stroke='%237C93FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform .4s var(--ease); }
.contacts a:hover::after { transform: translateX(4px); }
.final .form {
  --f-fg: var(--color-white);
  --f-muted: rgba(255, 255, 255, .64);
  --f-line: rgba(255, 255, 255, .3);
  --f-focus: var(--color-sky);
  --f-err: #FF9D9D;
}
.final .check input { border-color: rgba(255, 255, 255, .6); }
.final .check a { color: var(--color-white); }
@media (max-width: 1023.98px) {
  .final { min-height: 0; }
  .final__inner { grid-template-columns: minmax(0, 1fr); gap: 48px; }
}

@media (max-width: 767.98px) {
  .audience__list { flex-direction: column; }
  .audience__list li { min-height: 48px; border-top: 1px solid var(--color-mist); }
  .audience__list li:not(:last-child)::after { display: none; }
  .audience__list li:last-child { border-bottom: 1px solid var(--color-mist); }
}