/* Figma 257:110501 — lower sections. The working version stays untouched. */
body.ui-study .price-explanation.revenue-explanation {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  margin-top: 0;
  padding: 128px 32px;
  border: 0;
  border-radius: 22.4px;
  background: #fff;
  text-align: center;
}
body.ui-study .price-explanation.revenue-explanation h3 {
  margin: 0;
  font-size: var(--heading-size);
  line-height: var(--heading-line);
  font-weight: 450;
  letter-spacing: -1.5px;
}
body.ui-study .price-explanation.revenue-explanation > div { max-width: 958px; }
body.ui-study .price-explanation.revenue-explanation p {
  display: inline;
  margin: 0;
  font-size: var(--copy-size);
  line-height: var(--copy-line);
  font-weight: 400;
  letter-spacing: 0;
  color: #707070;
}
body.ui-study .price-explanation.revenue-explanation p + p::before { content: " "; }

body.ui-study .comparison-wrap { margin-top: 64px; }
body.ui-study .comparison {
  border: 1px solid #fec5ae;
  border-radius: 11.2px;
  background: #fff;
}
body.ui-study .comparison caption {
  max-width: none;
  margin-bottom: 96px;
  padding-inline: 0;
  text-align: center;
}
body.ui-study .comparison-title,
body.ui-study .comparison-subtitle { max-width: 958px; margin-inline: auto; }
body.ui-study .comparison-subtitle { margin-top: 16px; color: #707070; letter-spacing: 0; }
body.ui-study .comparison th,
body.ui-study .comparison td {
  height: 64px;
  padding: 20px 16px;
  border-bottom-color: #fec5ae99;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #000;
}
body.ui-study .comparison th:first-child { width: 52%; }
body.ui-study .comparison thead th,
body.ui-study .comparison tbody tr:first-child > * { height: 80px; }
body.ui-study .comparison th:nth-child(2),
body.ui-study .comparison td:nth-child(2) {
  width: 24%;
  background: #fec5ae;
  border-bottom-color: #de9f84;
  color: #000;
  font-weight: 400;
}
body.ui-study .comparison thead th { font-weight: 500; }
body.ui-study .comparison thead th:not(:first-child),
body.ui-study .comparison td:last-child { color: #707070; }
body.ui-study .comparison thead th:nth-child(2) { color: #514f4d; }
body.ui-study .comparison-included { font-weight: 500; }
body.ui-study .comparison-check { color: #f58b60; }

/* Reuse the live map and all original brand assets inside the new panel. */
body.ui-study #how { padding: 16px; background: #fff; }
body.ui-study #how > .container {
  width: 100%;
  max-width: none;
  padding: 96px 60px;
  border: 2px solid #e9e9e4;
  border-radius: 24px;
  background: var(--figma-panel-surface);
}
body.ui-study #how .section-heading {
  width: 100%;
  max-width: 958px;
  margin: 0 auto 96px;
  padding: 0;
  text-align: center;
}
body.ui-study #how h2 .muted { color: inherit; }
body.ui-study #how .section-description {
  max-width: 958px;
  margin-top: 16px;
  color: #707070;
  letter-spacing: 0;
}
body.ui-study #how .integration-map {
  width: 100%;
  max-width: 1248px;
  margin-inline: auto;
  border: 0;
  background: none;
}
body.ui-study #how .integration-tile { border: 0; background: #fff; box-shadow: none; }
body.ui-study #how .integration-group h3 { color: #64748b; }
body.ui-study #how .integration-more { background: #ebeae6; color: #514f4d; }
body.ui-study #how .integration-core {
  container-type: inline-size;
  padding: 14px;
  border: 0;
  background: #fff;
  box-shadow: 0 8px 11px #00000012;
}
body.ui-study #how .integration-core::before,
body.ui-study #how .integration-core::after { content: none; display: none; }
body.ui-study #how .integration-core > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
  min-width: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.ui-study #how .integration-core .brand-wordmark {
  display: block;
  margin: 0;
  font-size: clamp(18px, 18cqw, 24px);
  line-height: 1.05;
  text-align: center;
  white-space: nowrap;
}
/* Share the header's orange gradient, inset stroke and uppercase pill type. */
body.ui-study #how .integration-core .brand-tag { margin: 0; }
body.ui-study #how .integration-lines { color: #c6d6e8; }
body.ui-study #how .integration-pulse { fill: #f58b60; stroke: #f8f7f2; }

body.ui-study #clients { background: #fff; }
body.ui-study #clients .clients-board { background: #fff; }
body.ui-study #clients .client-card { border: 1px solid #e9e9e4; background: #fff; box-shadow: none; }
body.ui-study #clients .clients-window { mask-image: none; -webkit-mask-image: none; }
body.ui-study #clients .client-quote blockquote { color: #0b1220; letter-spacing: 0; }
body.ui-study #clients .client-case strong { color: #0b1220; font-weight: 600; }
body.ui-study #clients :is(.client-case p, .client-metric p, .client-case-link) { color: #64748b; }
body.ui-study #clients .client-arrow-motion { color: #f58b60; }
body.ui-study #clients .clients-motion { color: #64748b; }

body.ui-study #faq { border: 0; background: #fff; }
body.ui-study #faq .faq-grid { grid-template-columns: minmax(0, 17fr) minmax(0, 23fr); gap: 48px; }
body.ui-study #faq h2 + p { max-width: 370px; margin-top: 16px; color: #64748b; letter-spacing: 0; }
body.ui-study #faq .text-link {
  gap: 8px;
  width: fit-content;
  justify-content: flex-start;
  max-width: 100%;
  margin-top: 27px;
  padding: 0;
  border: 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #0b1220;
}
body.ui-study #faq .text-link .icon { width: 18px; height: 18px; margin-left: 0; color: #f58b60; }
body.ui-study #faq details { border-color: #e8eef5; }
body.ui-study #faq summary { padding-block: 24px; color: #0b1220; letter-spacing: 0; }
body.ui-study #faq summary .icon { color: #f58b60; }
body.ui-study #faq details > p { padding: 0 33px 24px 0; color: #64748b; letter-spacing: 0; }

body.ui-study #lead { border: 0; background: #fff; }
body.ui-study #lead .lead-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 24px; }
body.ui-study #lead .lead-copy h2 { color: #000; text-wrap: initial; }
body.ui-study #lead .lead-copy h2 br { display: none; }
body.ui-study #lead .lead-copy h2 > span { color: inherit; background: none; box-shadow: none; }
body.ui-study #lead .lead-copy > p { max-width: none; margin-top: 16px; color: #707070; letter-spacing: 0; }
body.ui-study #lead .lead-perks { margin-top: 29px; gap: 16px; }
body.ui-study #lead .lead-perks li { color: #000; letter-spacing: 0; }
body.ui-study #lead .lead-perks .icon { color: #f58b60; }
body.ui-study #lead .lead-phone { gap: 8px; margin-top: 43px; font-size: 23px; line-height: 30px; letter-spacing: 0; color: #000; }
body.ui-study #lead .lead-phone .icon { display: inline-block; width: 18px; height: 18px; color: #f58b60; }
body.ui-study #lead .lead-form {
  padding: 32px;
  border: 0;
  border-radius: 22.4px;
  background: #fff;
  box-shadow: 0 8px 11px #00000012;
}
body.ui-study #lead .lead-form h3 { color: #000; font-weight: 500; letter-spacing: 0; }
body.ui-study #lead .lead-form h3 + p { margin: 12px 0 24px; color: #707070; }
body.ui-study #lead .field { margin-top: 16px; gap: 8px; font-size: 14px; line-height: 20px; letter-spacing: 0; color: #000; }
body.ui-study #lead .field input,
body.ui-study #lead .field select {
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid transparent;
  border-radius: 11.2px;
  background: #eee;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}
body.ui-study #lead .field input::placeholder { color: #707070; }
body.ui-study #lead .field input:focus,
body.ui-study #lead .field select:focus { background: #fff; border-color: #f58b60; box-shadow: 0 0 0 3px #fec5ae66; }
body.ui-study #lead .field input[aria-invalid=true] { border-color: #b43c16; }
body.ui-study #lead .field-row { gap: 16px; }
body.ui-study #lead .consent-field { gap: 8px; margin-top: 24px; font-size: 12px; line-height: 16px; color: #707070; letter-spacing: 0; }
body.ui-study #lead .consent-field input { width: 16px; height: 16px; margin: 0; accent-color: #f58b60; }
body.ui-study #lead .lead-form .button { min-height: 44px; margin-top: 24px; padding: 8px 14px; }
body.ui-study #lead .lead-form button[type=submit] .icon { display: none; }
body.ui-study #lead .form-note { margin-top: 12px; font-size: 12px; line-height: 16px; letter-spacing: 0; color: #707070; }

/* Official footer layout, with the landing page's warm palette. */
body.ui-study #footer {
  --footer-line: rgb(241 230 216 / .18);
  padding: 0;
  overflow: hidden;
  background: #302d2a;
  color: #faf7f0;
}
body.ui-study #footer > .container {
  width: min(100% - 80px, 1440px);
  padding: 0;
  border: 0;
}
body.ui-study #footer .official-footer-top {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 24px 48px;
  padding: 24px 12px;
  border: 1px solid var(--footer-line);
}
body.ui-study #footer .official-footer-brands {
  display: flex;
  align-items: center;
  gap: 20px;
}
body.ui-study #footer .official-logo {
  min-height: 40px;
  color: #faf7f0;
  font-size: 15px;
  line-height: 1.15;
}
body.ui-study #footer .official-logo svg { width: 32px; height: 32px; }
body.ui-study #footer .skolkovo-link { display: flex; align-items: center; min-height: 40px; }
body.ui-study #footer .skolkovo-link img { width: auto; height: 32px; }
body.ui-study #footer .official-footer-nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  max-width: none;
  gap: 20px 28px;
  color: #faf7f0;
  font-size: 14px;
  line-height: 20px;
}
body.ui-study #footer .official-footer-nav a,
body.ui-study #footer .official-footer-legal a { position: relative; }
body.ui-study #footer .official-footer-nav a::after,
body.ui-study #footer .official-footer-legal a::after {
  content: "";
  position: absolute;
  inset: -10px 0;
}
body.ui-study #footer .official-footer-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 32px;
  margin-bottom: 12px;
  padding: 12px;
  border: 1px solid var(--footer-line);
  border-top: 0;
}
body.ui-study #footer .official-footer-legal {
  display: flex;
  flex-flow: row wrap;
  max-width: none;
  gap: 20px 28px;
  color: #c9bfb6;
  font-size: 14px;
  line-height: 20px;
}
body.ui-study #footer .official-socials { display: flex; align-items: center; gap: 12px; margin: 0; }
body.ui-study #footer .official-social {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  background: rgb(255 198 174 / .1);
  color: #ffc6ae;
  transform: none;
}
body.ui-study #footer .official-wordmark {
  display: flex;
  justify-content: center;
  height: .8em;
  margin: 0;
  padding-inline: 40px;
  overflow: hidden;
  background: none;
  font-size: clamp(48px, 15vw, 260px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.04em;
}
body.ui-study #footer .official-wordmark span {
  display: block;
  background: linear-gradient(180deg, #ffd8c6 12%, #ffb18e 52%, rgb(255 122 68 / .08) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
body.ui-study #footer a:focus-visible { outline: 2px solid #ffc6ae; outline-offset: 5px; }
@media (hover: hover) and (pointer: fine) {
  body.ui-study #footer a:hover { color: #ffc6ae; }
  body.ui-study #footer .official-social:hover { background: #ffc6ae; color: #302d2a; }
}
@media (max-width: 1023px) {
  body.ui-study #footer .official-footer-top { gap: 28px; }
}
@media (max-width: 767px) {
  body.ui-study #footer { padding-top: 32px; }
  body.ui-study #footer > .container { width: 100%; }
  body.ui-study #footer .official-footer-top {
    flex-wrap: nowrap;
    gap: 20px;
    padding: 0 16px 32px;
    border-width: 0 0 1px;
  }
  body.ui-study #footer .official-footer-nav {
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    font-size: 12px;
    line-height: 18px;
  }
  body.ui-study #footer .official-footer-nav a,
  body.ui-study #footer .official-footer-legal a { display: flex; align-items: center; min-height: 44px; }
  body.ui-study #footer .official-footer-nav a::after,
  body.ui-study #footer .official-footer-legal a::after { content: none; }
  body.ui-study #footer .official-footer-bottom {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 0;
    padding: 32px 0;
    border: 0;
  }
  body.ui-study #footer .official-socials {
    width: 100%;
    padding: 0 16px 32px;
    border-bottom: 1px solid var(--footer-line);
  }
  body.ui-study #footer .official-footer-legal {
    flex-direction: column;
    gap: 0;
    padding: 20px 16px 0;
    font-size: 12px;
    line-height: 18px;
  }
      body.ui-study #footer .official-wordmark { padding-inline: 16px; }
}
@media (max-width: 359px) {
  body.ui-study #footer .official-footer-brands { flex-direction: column; align-items: flex-start; gap: 16px; }
}

@media (max-width: 1279px) {
  body.ui-study #how > .container { padding: 72px 24px; }
  body.ui-study #how .section-heading { margin-bottom: 64px; }
  body.ui-study .price-explanation.revenue-explanation { padding-block: 96px; }
}
@media (max-width: 767px) {
  body.ui-study .price-explanation.revenue-explanation { padding: 64px 16px; }
  body.ui-study .price-explanation.revenue-explanation h3 { letter-spacing: -.035em; }
  body.ui-study .comparison-wrap { margin-top: 32px; }
  body.ui-study .comparison caption { margin-bottom: 48px; }
  body.ui-study .comparison th,
  body.ui-study .comparison td { padding: 16px 8px; height: auto; font-size: 12px; line-height: 16px; }
  body.ui-study .comparison th:first-child { width: 44%; }
  body.ui-study .comparison th:nth-child(2),
  body.ui-study .comparison td:nth-child(2) { width: 28%; }
  body.ui-study #how { padding: 8px; }
  body.ui-study #how > .container { padding: 48px 14px; border-radius: 20px; }
  body.ui-study #how .section-heading { margin-bottom: 40px; }
  body.ui-study #how .integration-map { padding-inline: 0; }
  body.ui-study #faq .faq-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  body.ui-study #faq details > p { padding-right: 24px; }
  body.ui-study #lead .lead-grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  body.ui-study #lead .lead-form { padding: 24px; }
  body.ui-study #lead .field input,
  body.ui-study #lead .field select { min-height: 48px; font-size: 16px; line-height: 24px; padding-block: 11px; }
  body.ui-study #lead .field-row { grid-template-columns: 1fr; gap: 0; }
}