/* Локальные копии Lato (OFL) и Montserrat (OFL). Лицензии: /fonts/lato/OFL.txt, /fonts/montserrat/OFL.txt */

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/fonts/lato/lato-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('/fonts/lato/lato-medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-vietnamese.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
    U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-vietnamese.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
    U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-vietnamese.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
    U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-vietnamese.woff2') format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301,
    U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: block;
  src: url('/fonts/montserrat/montserrat-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;
  --font-body: 'Lato', system-ui, sans-serif;
  --font-heading: 'Montserrat', system-ui, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
}

.font-display {
  font-family: var(--font-heading);
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

/* Safari/iOS auto-links numbers — meta format-detection is primary; this resets styling if detection still runs */
a[x-apple-data-detectors] {
  color: inherit;
  text-decoration: inherit;
  font: inherit;
  pointer-events: none;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  background-image: linear-gradient(51deg, #966deb 0%, #c3a5ff 100%);
}
main {
  flex-grow: 1;
}
[data-marked] {
  position: relative;
  font-weight: 700;
  &::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: calc(100% + 40px);
    height: calc(100% + 10px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='425' height='88' fill='none'%3E%3Cpath stroke='%23591bd9' stroke-width='44' d='m.496 31.499 422-9.507-411.258 33.43 403.887 10.57'/%3E%3C/svg%3E%0A");
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: translate(-50%, -50%);
  }
}

/* Responsive <br>: desktop >=768px, mobile <=767px */
.mobile-only {
  display: none;
}

@media (max-width: 767px) {
  body {
    overflow-x: hidden;
    background-image: none;
    background-color: #a985f3;
  }

  .desktop-only {
    display: none;
  }

  br.mobile-only {
    display: inline;
  }
  .mobile-only {
    display: block;
  }
}

.site-header {
  color: #fff;
}

.site-header__inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  box-sizing: border-box;
  min-height: 80px;
  padding: 0 80px;
  max-width: 1440px;
  margin: 0 auto;
}

.site-header__logo {
  justify-self: start;
  font-family: var(--font-heading);
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.03em;
  text-transform: uppercase;
  color: inherit;
  text-decoration: none;
}

.site-header__nav {
  display: contents;
}

.site-header__nav-strip {
  display: contents;
}

.site-header__nav-links {
  display: flex;
  align-items: center;
  gap: 32px;
  justify-content: center;
  justify-self: center;
}

.site-header__dropdown {
  position: relative;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.site-header__dropdown-details {
  margin: 0;
  position: relative;
}

@media (min-width: 768px) and (hover: hover) and (pointer: fine) {
  .site-header__dropdown:has(.site-header__dropdown-details[open])::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    height: 12px;
    z-index: 99;
  }
}

.site-header__dropdown-summary {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  list-style: none;
  cursor: pointer;
}

.site-header__dropdown-summary::-webkit-details-marker {
  display: none;
}

.site-header__dropdown-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: -10px;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 12px;
  box-sizing: border-box;
  min-width: 150px;
  padding: 16px 0;
  border-radius: 16px;
  background-color: #fff;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  color: #222;
}

.site-header__dropdown-link {
  display: block;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.015em;
  color: #222;
  text-align: left;
  text-decoration: none;
  padding: 0 16px;
}

.site-header__dropdown-link:hover,
.site-header__dropdown-link:focus-visible {
  color: #591bd9;
  text-decoration: none;
}

.site-header__dropdown-link:focus-visible {
  outline: 2px solid #591bd9;
  outline-offset: 2px;
}

.site-header__dropdown-link--active {
  color: #591bd9;
}

.site-header__dropdown-details[open] .site-header__nav-link--with-chevron::after {
  transform: translateY(2px) rotate(180deg);
}

.site-header__dropdown-summary--chevron-only {
  gap: 0;
  min-width: 12px;
  min-height: 16px;
  padding: 0 2px;
  box-sizing: border-box;
  justify-content: center;
}

.site-header__nav-link--active {
  color: #c9a8ff;
}

.site-header__nav-link--with-chevron {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.site-header__nav-link--with-chevron::after {
  content: '';
  display: block;
  flex-shrink: 0;
  width: 7px;
  height: 5px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='5' fill='none'%3E%3Cpath stroke='%23fff' stroke-width='1.3' d='m.459.46 3 3 3-3'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(1px);
  transition: transform 0.15s ease;
}

.site-header__nav-link--blocked {
  opacity: 0.8;
  pointer-events: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.site-header__nav-link,
.site-header__account {
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  letter-spacing: -0.015em;
  color: inherit;
  text-decoration: none;
}

.site-header a,
.site-header .site-header__dropdown-summary {
  text-decoration: none;
}

.site-header a:hover,
.site-header a:focus,
.site-header a:focus-visible,
.site-header a:active,
.site-header a:visited,
.site-header .site-header__logo:hover,
.site-header .site-header__logo:focus-visible,
.site-header .site-header__dropdown-summary:hover,
.site-header .site-header__dropdown-summary:focus-visible {
  text-decoration: none;
}

.site-header__account {
  justify-self: end;
  text-align: right;
}

@media (max-width: 767px) {
  .site-header--inventory-open .site-header__nav-strip {
    overflow: visible;
  }

  .site-header {
    position: relative;
    z-index: 20;
  }

  .site-header__inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding: 0;
    max-width: none;
  }

  .site-header__logo {
    justify-self: unset;
    align-self: center;
    box-sizing: border-box;
    width: 100%;
    padding: 14px 16px 14px;
    font-size: 24px;
    line-height: 1;
    letter-spacing: -0.03em;
    text-align: center;
  }

  .site-header__nav {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }

  .site-header__nav-strip {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    gap: 32px;
    box-sizing: border-box;
    width: 100%;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 17px 16px;
  }

  .site-header__nav-strip::-webkit-scrollbar {
    display: none;
  }

  .site-header__nav-links {
    flex-direction: row;
    flex-wrap: nowrap;
    flex-shrink: 0;
    gap: 32px;
    justify-content: flex-start;
    justify-self: unset;
  }

  .site-header__nav-link,
  .site-header__account {
    flex-shrink: 0;
    font-size: 14px;
    line-height: 1.1;
    letter-spacing: -0.015em;
    white-space: nowrap;
    text-align: left;
  }

  .site-header__nav-link--with-chevron::after {
    transform: translateY(-1px);
  }

  .site-header__dropdown-details[open] .site-header__nav-link--with-chevron::after {
    transform: translateY(-1px) rotate(180deg);
  }

  .site-header__dropdown-panel {
    top: calc(100% + 18px);
    left: -77px;
    right: auto;
    display: flex;
    flex-direction: column;
    gap: 0;
    width: min(380px, calc(100vw - 32px));
    min-width: 0;
    padding: 16px 0;
    text-align: left;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
  }

  .site-header__dropdown-link {
    padding: 12px 16px;
    text-align: left;
  }

  .site-header__dropdown-link--active {
    padding: 12px 16px;
    border-radius: 0;
    background-color: rgba(89, 27, 217, 0.1);
  }

  .site-header__dropdown-link:hover,
  .site-header__dropdown-link:focus-visible {
    background-color: rgba(89, 27, 217, 0.06);
    color: #591bd9;
  }

  .site-header__dropdown-link--active:hover,
  .site-header__dropdown-link--active:focus-visible {
    background-color: rgba(89, 27, 217, 0.14);
  }

  .site-header__account {
    justify-self: unset;
    text-align: left;
  }
}

/* Иконки solar:phone-linear / solar:letter-linear — inline SVG в data URI */
.site-footer__icon--phone {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-inside-1_37879_715' fill='white'%3E%3Cpath d='M16.6292 13.8905L17.0852 13.4375L16.0262 12.3735L15.5722 12.8265L16.6292 13.8905ZM18.6142 13.2475L20.5252 14.2865L21.2402 12.9685L19.3302 11.9305L18.6142 13.2475ZM20.8922 16.3505L19.4722 17.7635L20.5292 18.8265L21.9492 17.4145L20.8922 16.3505ZM18.6062 18.2175C17.1562 18.3535 13.4062 18.2325 9.34417 14.1945L8.28617 15.2575C12.7182 19.6645 16.9372 19.8805 18.7462 19.7115L18.6062 18.2175ZM9.34417 14.1945C5.47317 10.3445 4.83117 7.10747 4.75117 5.70247L3.25317 5.78747C3.35317 7.55547 4.14817 11.1435 8.28617 15.2575L9.34417 14.1945ZM10.7192 8.01447L11.0062 7.72847L9.95017 6.66547L9.66317 6.95047L10.7192 8.01447ZM11.2342 4.09347L9.97417 2.40947L8.77317 3.30947L10.0332 4.99247L11.2342 4.09347ZM5.73317 2.04247L4.16317 3.60247L5.22117 4.66647L6.79017 3.10647L5.73317 2.04247ZM10.1912 7.48247C9.66117 6.95047 9.66117 6.95047 9.66117 6.95247H9.65917L9.65617 6.95647C9.60865 7.00439 9.5661 7.05699 9.52917 7.11347C9.47517 7.19347 9.41617 7.29847 9.36617 7.43147C9.24445 7.7748 9.21412 8.14388 9.27817 8.50247C9.41217 9.36747 10.0082 10.5105 11.5342 12.0285L12.5922 10.9645C11.1632 9.54447 10.8232 8.68047 10.7602 8.27247C10.7302 8.07847 10.7612 7.98247 10.7702 7.96047C10.7762 7.94714 10.7762 7.94514 10.7702 7.95447C10.7613 7.96827 10.7512 7.98132 10.7402 7.99347L10.7302 8.00347L10.7202 8.01247L10.1912 7.48247ZM11.5342 12.0285C13.0612 13.5465 14.2102 14.1385 15.0762 14.2705C15.5192 14.3385 15.8762 14.2845 16.1472 14.1835C16.299 14.1279 16.4408 14.0483 16.5672 13.9475L16.6172 13.9025L16.6242 13.8965L16.6272 13.8935L16.6282 13.8915C16.6282 13.8915 16.6292 13.8905 16.1002 13.3585C15.5702 12.8265 15.5732 12.8255 15.5732 12.8255L15.5752 12.8235L15.5772 12.8215L15.5832 12.8165L15.5932 12.8065L15.6312 12.7765C15.6405 12.7705 15.6382 12.7711 15.6242 12.7785C15.5992 12.7875 15.5012 12.8185 15.3042 12.7885C14.8902 12.7245 14.0202 12.3845 12.5922 10.9645L11.5342 12.0285ZM9.97417 2.40847C8.95417 1.04847 6.95017 0.832472 5.73317 2.04247L6.79017 3.10647C7.32217 2.57747 8.26617 2.63247 8.77317 3.30947L9.97417 2.40847ZM4.75217 5.70347C4.73217 5.35747 4.89117 4.99547 5.22117 4.66747L4.16217 3.60347C3.62517 4.13747 3.20217 4.89347 3.25317 5.78747L4.75217 5.70347ZM19.4722 17.7635C19.1982 18.0375 18.9022 18.1915 18.6072 18.2185L18.7462 19.7115C19.4812 19.6425 20.0822 19.2725 20.5302 18.8275L19.4722 17.7635ZM11.0062 7.72847C11.9912 6.74947 12.0642 5.20247 11.2352 4.09447L10.0342 4.99347C10.4372 5.53247 10.3772 6.23947 9.94917 6.66647L11.0062 7.72847ZM20.5262 14.2875C21.3432 14.7315 21.4702 15.7775 20.8932 16.3515L21.9512 17.4145C23.2912 16.0815 22.8782 13.8585 21.2412 12.9695L20.5262 14.2875ZM17.0852 13.4385C17.4692 13.0565 18.0872 12.9625 18.6152 13.2485L19.3312 11.9315C18.2472 11.3415 16.9032 11.5045 16.0272 12.3745L17.0852 13.4385Z'/%3E%3C/mask%3E%3Cpath d='M16.6292 13.8905L17.0852 13.4375L16.0262 12.3735L15.5722 12.8265L16.6292 13.8905ZM18.6142 13.2475L20.5252 14.2865L21.2402 12.9685L19.3302 11.9305L18.6142 13.2475ZM20.8922 16.3505L19.4722 17.7635L20.5292 18.8265L21.9492 17.4145L20.8922 16.3505ZM18.6062 18.2175C17.1562 18.3535 13.4062 18.2325 9.34417 14.1945L8.28617 15.2575C12.7182 19.6645 16.9372 19.8805 18.7462 19.7115L18.6062 18.2175ZM9.34417 14.1945C5.47317 10.3445 4.83117 7.10747 4.75117 5.70247L3.25317 5.78747C3.35317 7.55547 4.14817 11.1435 8.28617 15.2575L9.34417 14.1945ZM10.7192 8.01447L11.0062 7.72847L9.95017 6.66547L9.66317 6.95047L10.7192 8.01447ZM11.2342 4.09347L9.97417 2.40947L8.77317 3.30947L10.0332 4.99247L11.2342 4.09347ZM5.73317 2.04247L4.16317 3.60247L5.22117 4.66647L6.79017 3.10647L5.73317 2.04247ZM10.1912 7.48247C9.66117 6.95047 9.66117 6.95047 9.66117 6.95247H9.65917L9.65617 6.95647C9.60865 7.00439 9.5661 7.05699 9.52917 7.11347C9.47517 7.19347 9.41617 7.29847 9.36617 7.43147C9.24445 7.7748 9.21412 8.14388 9.27817 8.50247C9.41217 9.36747 10.0082 10.5105 11.5342 12.0285L12.5922 10.9645C11.1632 9.54447 10.8232 8.68047 10.7602 8.27247C10.7302 8.07847 10.7612 7.98247 10.7702 7.96047C10.7762 7.94714 10.7762 7.94514 10.7702 7.95447C10.7613 7.96827 10.7512 7.98132 10.7402 7.99347L10.7302 8.00347L10.7202 8.01247L10.1912 7.48247ZM11.5342 12.0285C13.0612 13.5465 14.2102 14.1385 15.0762 14.2705C15.5192 14.3385 15.8762 14.2845 16.1472 14.1835C16.299 14.1279 16.4408 14.0483 16.5672 13.9475L16.6172 13.9025L16.6242 13.8965L16.6272 13.8935L16.6282 13.8915C16.6282 13.8915 16.6292 13.8905 16.1002 13.3585C15.5702 12.8265 15.5732 12.8255 15.5732 12.8255L15.5752 12.8235L15.5772 12.8215L15.5832 12.8165L15.5932 12.8065L15.6312 12.7765C15.6405 12.7705 15.6382 12.7711 15.6242 12.7785C15.5992 12.7875 15.5012 12.8185 15.3042 12.7885C14.8902 12.7245 14.0202 12.3845 12.5922 10.9645L11.5342 12.0285ZM9.97417 2.40847C8.95417 1.04847 6.95017 0.832472 5.73317 2.04247L6.79017 3.10647C7.32217 2.57747 8.26617 2.63247 8.77317 3.30947L9.97417 2.40847ZM4.75217 5.70347C4.73217 5.35747 4.89117 4.99547 5.22117 4.66747L4.16217 3.60347C3.62517 4.13747 3.20217 4.89347 3.25317 5.78747L4.75217 5.70347ZM19.4722 17.7635C19.1982 18.0375 18.9022 18.1915 18.6072 18.2185L18.7462 19.7115C19.4812 19.6425 20.0822 19.2725 20.5302 18.8275L19.4722 17.7635ZM11.0062 7.72847C11.9912 6.74947 12.0642 5.20247 11.2352 4.09447L10.0342 4.99347C10.4372 5.53247 10.3772 6.23947 9.94917 6.66647L11.0062 7.72847ZM20.5262 14.2875C21.3432 14.7315 21.4702 15.7775 20.8932 16.3515L21.9512 17.4145C23.2912 16.0815 22.8782 13.8585 21.2412 12.9695L20.5262 14.2875ZM17.0852 13.4385C17.4692 13.0565 18.0872 12.9625 18.6152 13.2485L19.3312 11.9315C18.2472 11.3415 16.9032 11.5045 16.0272 12.3745L17.0852 13.4385Z' fill='%23222222'/%3E%3Cpath d='M9.34417 14.1945L9.69906 14.5467L8.98979 13.8418L9.34417 14.1945ZM6.79017 3.10647L6.43595 3.45936L7.14489 2.75409L6.79017 3.10647ZM16.1002 13.3585L16.4551 13.0063L15.9271 12.4743L15.5722 12.8265L15.2173 13.1787L15.7453 13.7107L16.1002 13.3585ZM16.5562 12.9055L16.2016 13.258L16.7306 13.79L17.0852 13.4375L17.4397 13.0849L16.9107 12.5529L16.5562 12.9055ZM18.9732 12.5885L18.5337 12.3501L18.1757 13.0101L18.6152 13.2485L19.0547 13.4869L19.4127 12.8269L18.9732 12.5885ZM20.8832 13.6275L20.4438 13.3888L20.0858 14.0478L20.5252 14.2865L20.9645 14.5251L21.3225 13.8661L20.8832 13.6275ZM21.4222 16.8825L21.0676 17.235L21.5966 17.767L21.9512 17.4145L22.3057 17.0619L21.7767 16.5299L21.4222 16.8825ZM20.0022 18.2945L20.3561 17.9413L19.8261 17.4103L19.4722 17.7635L19.1183 18.1167L19.6483 18.6477L20.0022 18.2945ZM18.6762 18.9645L18.1784 19.0111L18.2484 19.7581L18.7462 19.7115L19.244 19.6648L19.174 18.9178L18.6762 18.9645ZM8.81617 14.7265L9.17106 15.0787L9.69906 14.5467L9.34417 14.1945L8.98929 13.8423L8.46129 14.3743L8.81617 14.7265ZM4.00217 5.74547L3.97418 5.24626L3.22518 5.28826L3.25317 5.78747L3.28117 6.28669L4.03017 6.24469L4.00217 5.74547ZM10.4762 7.19647L10.122 7.54936L10.652 8.08136L11.0062 7.72847L11.3604 7.37559L10.8304 6.84359L10.4762 7.19647ZM10.6332 4.54247L10.9327 4.94279L11.5327 4.49379L11.2332 4.09347L10.9336 3.69315L10.3336 4.14215L10.6332 4.54247ZM9.37417 2.85947L9.07449 2.45923L8.47349 2.90923L8.77317 3.30947L9.07285 3.70971L9.67385 3.25971L9.37417 2.85947ZM6.26017 2.57447L5.90595 2.92736L6.43595 3.45936L6.79017 3.10647L7.14439 2.75358L6.61439 2.22158L6.26017 2.57447ZM4.69017 4.13447L5.04473 3.78192L4.51673 3.25092L4.16217 3.60347L3.80762 3.95602L4.33562 4.48702L4.69017 4.13447ZM12.0622 11.4965L12.4167 11.849L12.9457 11.317L12.5912 10.9645L12.2366 10.6119L11.7076 11.1439L12.0622 11.4965ZM9.34417 14.1945L8.98979 13.8418L7.93179 14.9048L8.28617 15.2575L8.64056 15.6102L9.69856 14.5472L9.34417 14.1945ZM6.79017 3.10647L7.14489 2.75409L6.08789 1.69009L5.73317 2.04247L5.37845 2.39486L6.43546 3.45886L6.79017 3.10647ZM11.5342 12.0285L11.8887 12.381L12.9467 11.317L12.5922 10.9645L12.2376 10.6119L11.1796 11.6759L11.5342 12.0285ZM16.1002 13.3585L16.8093 12.6534L16.8086 12.6527L16.1002 13.3585ZM15.5722 12.8265L14.8658 12.1186L14.1595 12.8234L14.8627 13.5312L15.5722 12.8265ZM17.0852 13.4375L17.7899 14.1469L18.5 13.4415L17.7939 12.732L17.0852 13.4375ZM18.6152 13.2485L18.1389 14.1278L19.0168 14.6033L19.4937 13.7261L18.6152 13.2485ZM20.5252 14.2865L20.0475 15.165L20.9269 15.6431L21.4042 14.7633L20.5252 14.2865ZM21.9512 17.4145L21.2424 18.1199L21.9477 18.8285L22.6564 18.1234L21.9512 17.4145ZM19.4722 17.7635L18.7668 17.0546L18.7651 17.0564L19.4722 17.7635ZM18.7462 19.7115L18.8392 20.7071L18.8396 20.7071L18.7462 19.7115ZM9.34417 14.1945L8.63899 14.9035L8.63916 14.9037L9.34417 14.1945ZM6.79017 3.10647L7.49524 3.81561L7.49528 3.81558L6.79017 3.10647ZM4.16217 3.60347L4.87094 2.89803L4.16582 2.18958L3.45705 2.89439L4.16217 3.60347ZM16.6292 13.8905L15.9197 14.5952L16.6245 15.3047L17.3339 14.5999L16.6292 13.8905ZM16.0262 12.3735L16.7349 11.668L16.0286 10.9584L15.3198 11.6656L16.0262 12.3735ZM18.6142 13.2475L17.7356 12.7698L17.258 13.6484L18.1365 14.126L18.6142 13.2475ZM21.2402 12.9685L22.1192 13.4453L22.5956 12.567L21.7177 12.0898L21.2402 12.9685ZM19.3302 11.9305L19.8077 11.0518L18.9292 10.5744L18.4516 11.4528L19.3302 11.9305ZM20.8922 16.3505L21.6016 15.6457L20.8963 14.9357L20.1868 15.6416L20.8922 16.3505ZM20.5292 18.8265L19.8201 19.5316L20.5252 20.2407L21.2343 19.5356L20.5292 18.8265ZM21.9492 17.4145L22.6543 18.1236L23.363 17.4188L22.6586 16.7097L21.9492 17.4145ZM18.6062 18.2175L19.6018 18.1242L19.5085 17.1285L18.5128 17.2218L18.6062 18.2175ZM8.28617 15.2575L8.99128 14.5484L8.99122 14.5483L8.28617 15.2575ZM4.75117 5.70247L5.74956 5.64562L5.69272 4.64744L4.69452 4.70408L4.75117 5.70247ZM10.7192 8.01447L10.0094 8.71891L10.7153 9.43012L11.425 8.72281L10.7192 8.01447ZM9.95017 6.66547L10.6596 5.9607L9.95498 5.2514L9.24554 5.9559L9.95017 6.66547ZM9.66317 6.95047L8.95854 6.2409L8.24917 6.94533L8.9534 7.65491L9.66317 6.95047ZM11.2342 4.09347L11.8334 4.89403L12.6338 4.2949L12.0349 3.49438L11.2342 4.09347ZM9.97417 2.40947L10.7749 1.81038L10.1753 1.00911L9.37449 1.60923L9.97417 2.40947ZM10.0332 4.99247L9.23266 5.59179L9.83193 6.39224L10.6324 5.79303L10.0332 4.99247ZM5.73317 2.04247L6.43802 2.75183L6.43824 2.75161L5.73317 2.04247ZM4.16317 3.60247L3.45833 2.89311L2.74871 3.59821L3.45407 4.30758L4.16317 3.60247ZM5.22117 4.66647L4.51207 5.37158L5.21714 6.08064L5.92624 5.37561L5.22117 4.66647ZM10.1912 7.48247L9.48274 8.18825L9.4834 8.18891L10.1912 7.48247ZM9.66117 6.95247V7.95247H10.6612V6.95247H9.66117ZM9.65917 6.95247V5.95247H9.15922L8.85922 6.35241L9.65917 6.95247ZM9.65617 6.95647L10.3662 7.66067L10.4147 7.6117L10.4561 7.55653L9.65617 6.95647ZM9.52917 7.11347L10.358 7.67294L10.3621 7.66684L10.3662 7.66067L9.52917 7.11347ZM9.36617 7.43147L8.43013 7.07958L8.42681 7.08841L8.42366 7.09731L9.36617 7.43147ZM9.27817 8.50247L10.2664 8.34938L10.2646 8.33799L10.2626 8.32664L9.27817 8.50247ZM11.5342 12.0285L10.8289 12.7374L10.8292 12.7377L11.5342 12.0285ZM12.5922 10.9645L13.2973 10.2554L13.297 10.2551L12.5922 10.9645ZM10.7602 8.27247L11.7485 8.11987L11.7484 8.11965L10.7602 8.27247ZM10.7702 7.96047L9.85825 7.55011L9.85117 7.56586L9.84463 7.58184L10.7702 7.96047ZM10.7702 7.95447L11.6101 8.49713L11.6114 8.49523L10.7702 7.95447ZM10.7402 7.99347L11.4473 8.7006L11.4641 8.68375L11.4801 8.66613L10.7402 7.99347ZM10.7302 8.00347L11.3992 8.74675L11.4187 8.72917L11.4373 8.7106L10.7302 8.00347ZM10.7202 8.01247L10.0124 8.71891L10.6833 9.39107L11.3892 8.75575L10.7202 8.01247ZM15.0762 14.2705L15.2279 13.282L15.2269 13.2819L15.0762 14.2705ZM16.1472 14.1835L15.8037 13.2443L15.7979 13.2464L16.1472 14.1835ZM16.5672 13.9475L17.1907 14.7293L17.214 14.7107L17.2361 14.6908L16.5672 13.9475ZM16.6172 13.9025L15.9664 13.1432L15.9572 13.1511L15.9482 13.1592L16.6172 13.9025ZM16.6242 13.8965L17.2749 14.6558L17.3041 14.6307L17.3313 14.6036L16.6242 13.8965ZM16.6272 13.8935L17.3343 14.6006L17.4491 14.4858L17.5217 14.3405L16.6272 13.8935ZM16.6282 13.8915L15.9211 13.1843L15.8063 13.2992L15.7337 13.4444L16.6282 13.8915ZM15.5732 12.8255L15.8894 13.7741L16.1134 13.6995L16.2803 13.5326L15.5732 12.8255ZM15.5752 12.8235L16.2823 13.5306L16.2824 13.5304L15.5752 12.8235ZM15.5772 12.8215L14.9371 12.0532L14.9021 12.0823L14.8699 12.1145L15.5772 12.8215ZM15.5832 12.8165L16.2233 13.5848L16.2582 13.5557L16.2903 13.5236L15.5832 12.8165ZM15.5932 12.8065L14.9735 12.0216L14.9275 12.0579L14.8861 12.0994L15.5932 12.8065ZM15.6312 12.7765L15.0904 11.9353L15.0496 11.9615L15.0115 11.9916L15.6312 12.7765ZM15.6242 12.7785L15.9629 13.7194L16.0274 13.6961L16.0882 13.6643L15.6242 12.7785ZM15.3042 12.7885L15.1514 13.7767L15.1536 13.7771L15.3042 12.7885ZM9.97417 2.40847L10.5743 3.20839L11.3741 2.60837L10.7742 1.80847L9.97417 2.40847ZM4.75217 5.70347L4.80812 6.70191L5.80832 6.64586L5.75051 5.64576L4.75217 5.70347ZM5.22117 4.66747L5.92613 5.37672L6.63587 4.67129L5.92994 3.96203L5.22117 4.66747ZM18.6072 18.2185L18.516 17.2226L17.5186 17.3139L17.6115 18.3112L18.6072 18.2185ZM20.5302 18.8275L21.2349 19.5369L21.9448 18.8318L21.2393 18.1224L20.5302 18.8275ZM11.2352 4.09447L12.0359 3.4954L11.4367 2.69452L10.6359 3.29391L11.2352 4.09447ZM10.0342 4.99347L9.43492 4.19291L8.6348 4.79183L9.23328 5.59228L10.0342 4.99347ZM9.94917 6.66647L9.24289 5.95854L8.5358 6.66398L9.2404 7.37191L9.94917 6.66647ZM20.5262 14.2875L19.6472 13.8106L19.1707 14.689L20.0487 15.1661L20.5262 14.2875ZM20.8932 16.3515L20.1879 15.6425L19.4788 16.348L20.1844 17.0569L20.8932 16.3515ZM21.2412 12.9695L21.7184 12.0907L20.8392 11.6132L20.3622 12.4926L21.2412 12.9695ZM17.0852 13.4385L16.3761 14.1436L17.0813 14.8528L17.7904 14.1474L17.0852 13.4385ZM19.3312 11.9315L20.2097 12.4091L20.6871 11.531L19.8092 11.0531L19.3312 11.9315ZM16.0272 12.3745L15.3225 11.6649L14.6125 12.37L15.3181 13.0796L16.0272 12.3745ZM16.6292 13.8905L17.3339 14.5999L17.7899 14.1469L17.0852 13.4375L16.3804 12.728L15.9244 13.181L16.6292 13.8905ZM17.0852 13.4375L17.7939 12.732L16.7349 11.668L16.0262 12.3735L15.3174 13.0789L16.3764 14.1429L17.0852 13.4375ZM16.0262 12.3735L15.3198 11.6656L14.8658 12.1186L15.5722 12.8265L16.2785 13.5344L16.7325 13.0814L16.0262 12.3735ZM15.5722 12.8265L14.8627 13.5312L15.9197 14.5952L16.6292 13.8905L17.3386 13.1857L16.2816 12.1217L15.5722 12.8265ZM18.6142 13.2475L18.1365 14.126L20.0475 15.165L20.5252 14.2865L21.0028 13.4079L19.0918 12.3689L18.6142 13.2475ZM20.5252 14.2865L21.4042 14.7633L22.1192 13.4453L21.2402 12.9685L20.3612 12.4916L19.6462 13.8096L20.5252 14.2865ZM21.2402 12.9685L21.7177 12.0898L19.8077 11.0518L19.3302 11.9305L18.8527 12.8091L20.7627 13.8471L21.2402 12.9685ZM19.3302 11.9305L18.4516 11.4528L17.7356 12.7698L18.6142 13.2475L19.4927 13.7251L20.2087 12.4081L19.3302 11.9305ZM20.8922 16.3505L20.1868 15.6416L18.7668 17.0546L19.4722 17.7635L20.1775 18.4723L21.5975 17.0593L20.8922 16.3505ZM19.4722 17.7635L18.7631 18.4686L19.8201 19.5316L20.5292 18.8265L21.2383 18.1214L20.1813 17.0584L19.4722 17.7635ZM20.5292 18.8265L21.2343 19.5356L22.6543 18.1236L21.9492 17.4145L21.2441 16.7054L19.8241 18.1174L20.5292 18.8265ZM21.9492 17.4145L22.6586 16.7097L21.6016 15.6457L20.8922 16.3505L20.1827 17.0552L21.2397 18.1192L21.9492 17.4145ZM18.6062 18.2175L18.5128 17.2218C17.3032 17.3353 13.8645 17.278 10.0492 13.4853L9.34417 14.1945L8.63916 14.9037C12.9479 19.1869 17.0091 19.3717 18.6996 19.2131L18.6062 18.2175ZM8.28617 15.2575L7.58107 15.9666C12.2602 20.6193 16.7907 20.8985 18.8392 20.7071L18.7462 19.7115L18.6532 18.7158C17.0837 18.8624 13.1761 18.7096 8.99128 14.5484L8.28617 15.2575ZM18.7462 19.7115L19.7418 19.6182L19.6018 18.1242L18.6062 18.2175L17.6105 18.3108L17.7505 19.8048L18.7462 19.7115ZM9.34417 14.1945L10.0494 13.4854C6.35585 9.81198 5.81576 6.80839 5.74956 5.64562L4.75117 5.70247L3.75279 5.75932C3.84658 7.40656 4.59049 10.877 8.63899 14.9035L9.34417 14.1945ZM4.75117 5.70247L4.69452 4.70408L3.19652 4.78908L3.25317 5.78747L3.30982 6.78587L4.80782 6.70087L4.75117 5.70247ZM3.25317 5.78747L2.25477 5.84394C2.36849 7.8545 3.26554 11.6761 7.58113 15.9666L8.28617 15.2575L8.99122 14.5483C5.03081 10.6109 4.33786 7.25644 4.25158 5.731L3.25317 5.78747ZM10.7192 8.01447L11.425 8.72281L11.712 8.43681L11.0062 7.72847L10.3003 7.02013L10.0133 7.30613L10.7192 8.01447ZM11.0062 7.72847L11.7156 7.02371L10.6596 5.9607L9.95017 6.66547L9.24073 7.37024L10.2967 8.43324L11.0062 7.72847ZM9.95017 6.66547L9.24554 5.9559L8.95854 6.2409L9.66317 6.95047L10.3678 7.66005L10.6548 7.37505L9.95017 6.66547ZM9.66317 6.95047L8.9534 7.65491L10.0094 8.71891L10.7192 8.01447L11.4289 7.31004L10.3729 6.24604L9.66317 6.95047ZM11.2342 4.09347L12.0349 3.49438L10.7749 1.81038L9.97417 2.40947L9.17349 3.00856L10.4335 4.69256L11.2342 4.09347ZM9.97417 2.40947L9.37449 1.60923L8.17349 2.50923L8.77317 3.30947L9.37285 4.10971L10.5739 3.20971L9.97417 2.40947ZM8.77317 3.30947L7.97266 3.90879L9.23266 5.59179L10.0332 4.99247L10.8337 4.39316L9.57369 2.71016L8.77317 3.30947ZM10.0332 4.99247L10.6324 5.79303L11.8334 4.89403L11.2342 4.09347L10.6349 3.29291L9.43392 4.19191L10.0332 4.99247ZM5.73317 2.04247L5.02833 1.33311L3.45833 2.89311L4.16317 3.60247L4.86802 4.31183L6.43802 2.75183L5.73317 2.04247ZM4.16317 3.60247L3.45407 4.30758L4.51207 5.37158L5.22117 4.66647L5.93028 3.96137L4.87228 2.89737L4.16317 3.60247ZM5.22117 4.66647L5.92624 5.37561L7.49524 3.81561L6.79017 3.10647L6.0851 2.39733L4.5161 3.95733L5.22117 4.66647ZM10.1912 7.48247L10.8996 6.7767C10.6351 6.51121 10.5016 6.37723 10.4345 6.31011C10.403 6.27856 10.3806 6.25623 10.3656 6.24177C10.3614 6.23769 10.3547 6.2312 10.3468 6.22384C10.3424 6.21969 10.3223 6.20088 10.2958 6.17915C10.2839 6.16941 10.2516 6.14327 10.2073 6.1144C10.198 6.10833 10.0427 5.99936 9.81419 5.96401C9.67541 5.94254 9.43065 5.93618 9.175 6.07842C8.9112 6.22521 8.78341 6.44758 8.7268 6.59604C8.67553 6.73052 8.6664 6.84367 8.66373 6.881C8.66196 6.90568 8.66149 6.92535 8.66131 6.93572C8.66122 6.94128 8.66119 6.94575 8.66118 6.94836C8.66118 6.94939 8.66117 6.95093 8.66117 6.95144C8.66117 6.95196 8.66117 6.95247 8.66117 6.95247H9.66117H10.6612C10.6612 6.94413 10.6617 6.98146 10.6586 7.02376C10.656 7.06104 10.6468 7.17414 10.5956 7.30857C10.539 7.45699 10.4112 7.67932 10.1475 7.82609C9.89185 7.96832 9.64713 7.96195 9.50842 7.94049C9.28002 7.90516 9.12497 7.79628 9.11595 7.7904C9.0719 7.76172 9.04003 7.73587 9.02865 7.72655C9.00315 7.70567 8.98463 7.68824 8.98251 7.68626C8.97696 7.68108 8.97333 7.67755 8.97327 7.67749C8.97292 7.67715 8.97564 7.6798 8.9844 7.6885C8.99255 7.69659 9.00407 7.70808 9.02032 7.72433C9.0857 7.78971 9.21722 7.92173 9.48274 8.18825L10.1912 7.48247ZM9.66117 6.95247V5.95247H9.65917V6.95247V7.95247H9.66117V6.95247ZM9.65917 6.95247L8.85922 6.35241L8.85622 6.35641L9.65617 6.95647L10.4561 7.55653L10.4591 7.55253L9.65917 6.95247ZM9.65617 6.95647L8.94617 6.25227C8.85113 6.3481 8.76603 6.4533 8.69217 6.56627L9.52917 7.11347L10.3662 7.66067V7.66067L9.65617 6.95647ZM9.52917 7.11347L8.70033 6.554C8.60773 6.69117 8.51068 6.86533 8.43013 7.07958L9.36617 7.43147L10.3022 7.78337C10.3217 7.73161 10.3426 7.69577 10.358 7.67294L9.52917 7.11347ZM9.36617 7.43147L8.42366 7.09731C8.24397 7.60412 8.1992 8.14896 8.29375 8.67831L9.27817 8.50247L10.2626 8.32664C10.229 8.1388 10.2449 7.94547 10.3087 7.76564L9.36617 7.43147ZM9.27817 8.50247L8.28996 8.65556C8.47127 9.82596 9.23787 11.1547 10.8289 12.7374L11.5342 12.0285L12.2394 11.3195C10.7785 9.86623 10.3531 8.90898 10.2664 8.34938L9.27817 8.50247ZM12.5922 10.9645L13.297 10.2551C11.9334 8.90013 11.7642 8.22211 11.7485 8.11987L10.7602 8.27247L9.77189 8.42507C9.8821 9.13883 10.3929 10.1888 11.8873 11.6738L12.5922 10.9645ZM10.7602 8.27247L11.7484 8.11965C11.7424 8.08082 11.7643 8.17148 11.6957 8.3391L10.7702 7.96047L9.84463 7.58184C9.75805 7.79346 9.71792 8.07612 9.77192 8.42529L10.7602 8.27247ZM10.7702 7.96047L11.6821 8.37084C11.6861 8.36201 11.6951 8.34184 11.7048 8.317C11.7092 8.30563 11.7192 8.27985 11.7295 8.24665C11.7346 8.23012 11.7432 8.2009 11.7513 8.16389C11.7572 8.13722 11.7747 8.05542 11.7747 7.94897C11.7747 7.89573 11.7707 7.79313 11.735 7.67001C11.6999 7.54897 11.6113 7.33264 11.3886 7.15939C10.8703 6.75627 10.3416 7.04526 10.2888 7.07459C10.1655 7.14306 10.0869 7.22193 10.0669 7.24193C10.035 7.27391 10.0117 7.30153 9.99959 7.31636C9.95915 7.36578 9.93119 7.41031 9.929 7.41371L10.7702 7.95447L11.6114 8.49523C11.6082 8.50016 11.6023 8.50927 11.5943 8.52071C11.5883 8.52947 11.5715 8.55352 11.5475 8.58284C11.5357 8.59721 11.5128 8.62446 11.4811 8.65615C11.4614 8.67587 11.3831 8.75455 11.26 8.82292C11.2074 8.85214 10.6788 9.14112 10.1606 8.73807C9.93795 8.56486 9.84943 8.34859 9.81431 8.22762C9.77859 8.10458 9.77467 8.00209 9.77467 7.94897C9.77467 7.84278 9.7921 7.76131 9.79786 7.73507C9.80589 7.69848 9.81438 7.66979 9.81933 7.65385C9.82926 7.62186 9.83861 7.59765 9.84231 7.5882C9.85053 7.56719 9.85728 7.55227 9.85825 7.55011L10.7702 7.96047ZM10.7702 7.95447L9.93022 7.41181C9.95103 7.3796 9.97445 7.34916 10.0002 7.32081L10.7402 7.99347L11.4801 8.66613C11.528 8.61347 11.5715 8.55694 11.6101 8.49713L10.7702 7.95447ZM10.7402 7.99347L10.0331 7.28635L10.0231 7.29635L10.7302 8.00347L11.4373 8.7106L11.4473 8.7006L10.7402 7.99347ZM10.7302 8.00347L10.0612 7.26019L10.0512 7.26919L10.7202 8.01247L11.3892 8.75575L11.3992 8.74675L10.7302 8.00347ZM10.7202 8.01247L11.4279 7.30603L10.8989 6.77603L10.1912 7.48247L9.4834 8.18891L10.0124 8.71891L10.7202 8.01247ZM11.5342 12.0285L10.8292 12.7377C12.4216 14.3207 13.7561 15.0808 14.9255 15.2591L15.0762 14.2705L15.2269 13.2819C14.6643 13.1961 13.7008 12.7723 12.2392 11.3193L11.5342 12.0285ZM15.0762 14.2705L14.9245 15.2589C15.5309 15.352 16.0607 15.2829 16.4964 15.1205L16.1472 14.1835L15.7979 13.2464C15.6917 13.286 15.5075 13.325 15.2279 13.282L15.0762 14.2705ZM16.1472 14.1835L16.4907 15.1226C16.7437 15.0301 16.9801 14.8973 17.1907 14.7293L16.5672 13.9475L15.9437 13.1657C15.9015 13.1992 15.8543 13.2258 15.8037 13.2443L16.1472 14.1835ZM16.5672 13.9475L17.2361 14.6908L17.2861 14.6458L16.6172 13.9025L15.9482 13.1592L15.8982 13.2042L16.5672 13.9475ZM16.6172 13.9025L17.2679 14.6617L17.2749 14.6558L16.6242 13.8965L15.9734 13.1372L15.9664 13.1432L16.6172 13.9025ZM16.6242 13.8965L17.3313 14.6036L17.3343 14.6006L16.6272 13.8935L15.9201 13.1864L15.9171 13.1894L16.6242 13.8965ZM16.6272 13.8935L17.5217 14.3405L17.5227 14.3385L16.6282 13.8915L15.7337 13.4444L15.7327 13.4464L16.6272 13.8935ZM16.6282 13.8915C17.3352 14.5986 17.4826 14.4111 17.5813 14.1939C17.5986 14.133 17.6249 13.9726 17.628 13.8733C17.6253 13.7228 17.5888 13.6091 17.5721 13.5613C17.5366 13.4598 17.4923 13.3878 17.4809 13.3692C17.4496 13.3179 17.4202 13.2809 17.4143 13.2734C17.3951 13.249 17.3789 13.2309 17.3758 13.2274C17.3654 13.2156 17.3567 13.2064 17.3546 13.2042C17.3483 13.1975 17.342 13.191 17.3371 13.186C17.3262 13.1748 17.3076 13.1558 17.2743 13.122C17.2071 13.0539 17.074 12.9196 16.8093 12.6534L16.1002 13.3585L15.3911 14.0636C15.6554 14.3294 15.7863 14.4615 15.8508 14.5269C15.8833 14.5599 15.8976 14.5744 15.903 14.58C15.9063 14.5834 15.9041 14.5812 15.8997 14.5765C15.8987 14.5754 15.8905 14.5668 15.8803 14.5553C15.8773 14.5519 15.8611 14.5338 15.842 14.5095C15.8361 14.502 15.8068 14.465 15.7754 14.4137C15.764 14.3951 15.7198 14.3232 15.6843 14.2217C15.6675 14.1738 15.6311 14.0601 15.6283 13.9097C15.6315 13.8103 15.6578 13.6499 15.675 13.589C15.7738 13.3719 15.9211 13.1843 16.6282 13.8915ZM16.1002 13.3585L16.8086 12.6527C16.544 12.3871 16.4144 12.256 16.3517 12.1921C16.3197 12.1595 16.3079 12.1472 16.3054 12.1446C16.3029 12.1419 16.3098 12.1491 16.3197 12.1602C16.322 12.1627 16.3397 12.1824 16.3606 12.2091C16.3656 12.2154 16.4017 12.2608 16.4385 12.3243C16.448 12.3407 16.5122 12.4478 16.5475 12.6003C16.5639 12.6714 16.603 12.8687 16.5323 13.1084C16.4932 13.241 16.4197 13.3876 16.2947 13.5178C16.2324 13.5775 16.1309 13.6555 16.0957 13.6781C15.9953 13.732 15.8894 13.7741 15.5732 12.8255C15.2569 11.8768 15.151 11.9189 15.0506 11.9729C15.0155 11.9954 14.914 12.0735 14.8516 12.1331C14.7266 12.2634 14.6532 12.4099 14.614 12.5425C14.5433 12.7823 14.5824 12.9795 14.5989 13.0506C14.6341 13.2032 14.6983 13.3103 14.7078 13.3267C14.7446 13.3902 14.7809 13.4357 14.7859 13.4421C14.807 13.4691 14.8252 13.4893 14.8285 13.493C14.8403 13.5062 14.8511 13.5176 14.8566 13.5233C14.8701 13.5375 14.8907 13.5587 14.9242 13.5929C14.9924 13.6624 15.1263 13.7979 15.3917 14.0642L16.1002 13.3585ZM15.5732 12.8255L16.2803 13.5326L16.2823 13.5306L15.5752 12.8235L14.8681 12.1164L14.8661 12.1184L15.5732 12.8255ZM15.5752 12.8235L16.2824 13.5304L16.2844 13.5284L15.5772 12.8215L14.8699 12.1145L14.8679 12.1165L15.5752 12.8235ZM15.5772 12.8215L16.2173 13.5898L16.2233 13.5848L15.5832 12.8165L14.9431 12.0482L14.9371 12.0532L15.5772 12.8215ZM15.5832 12.8165L16.2903 13.5236L16.3003 13.5136L15.5932 12.8065L14.8861 12.0994L14.8761 12.1094L15.5832 12.8165ZM15.5932 12.8065L16.2128 13.5914L16.2508 13.5614L15.6312 12.7765L15.0115 11.9916L14.9735 12.0216L15.5932 12.8065ZM15.6312 12.7765L16.1719 13.6177C16.1731 13.6169 16.2057 13.5964 16.242 13.5686C16.2526 13.5606 16.2763 13.5423 16.3046 13.5168C16.3052 13.5163 16.4137 13.4253 16.5005 13.2764C16.5248 13.2347 16.7077 12.9333 16.6069 12.53C16.4698 11.9812 15.9971 11.8231 15.8239 11.7901C15.6541 11.7577 15.5187 11.7787 15.4827 11.7843C15.4273 11.793 15.3841 11.8045 15.3617 11.8109C15.2874 11.8322 15.2304 11.8586 15.2289 11.8592C15.2123 11.8666 15.1992 11.8729 15.1926 11.8762C15.1787 11.883 15.1668 11.8892 15.1602 11.8926L15.6242 12.7785L16.0882 13.6643C16.0877 13.6645 16.0863 13.6653 16.0841 13.6664C16.0821 13.6674 16.0779 13.6695 16.0723 13.6723C16.0678 13.6745 16.0564 13.6801 16.0411 13.6868C16.0409 13.6869 15.9848 13.7129 15.9111 13.734C15.8889 13.7404 15.8459 13.7519 15.7906 13.7605C15.7546 13.7661 15.6193 13.7871 15.4495 13.7547C15.2764 13.7218 14.8038 13.5637 14.6666 13.0149C14.5658 12.6116 14.7487 12.3103 14.773 12.2687C14.8597 12.1199 14.968 12.029 14.9684 12.0288C14.9964 12.0035 15.0198 11.9855 15.0299 11.9778C15.0518 11.9611 15.0694 11.9492 15.0745 11.9458C15.0819 11.9408 15.0877 11.937 15.0904 11.9353L15.6312 12.7765ZM15.6242 12.7785L15.2855 11.8376C15.3078 11.8295 15.3343 11.8212 15.3629 11.8145C15.39 11.8081 15.4129 11.8047 15.4311 11.8029C15.4677 11.7993 15.4775 11.8033 15.4547 11.7999L15.3042 12.7885L15.1536 13.7771C15.5159 13.8322 15.782 13.7845 15.9629 13.7194L15.6242 12.7785ZM15.3042 12.7885L15.4569 11.8002C15.3443 11.7828 14.659 11.6095 13.2973 10.2554L12.5922 10.9645L11.8871 11.6736C13.3814 13.1595 14.436 13.6661 15.1514 13.7767L15.3042 12.7885ZM9.97417 2.40847L10.7742 1.80847C9.41499 -0.00376689 6.70515 -0.33407 5.02811 1.33333L5.73317 2.04247L6.43824 2.75161C7.19519 1.99901 8.49335 2.10071 9.17417 3.00847L9.97417 2.40847ZM6.79017 3.10647L7.49528 3.81558C7.5746 3.7367 7.81138 3.69343 7.97275 3.9089L8.77317 3.30947L9.5736 2.71004C8.72097 1.57152 7.06975 1.41824 6.08507 2.39737L6.79017 3.10647ZM8.77317 3.30947L9.37328 4.10939L10.5743 3.20839L9.97417 2.40847L9.37407 1.60855L8.17307 2.50955L8.77317 3.30947ZM4.75217 5.70347L5.75051 5.64576C5.7505 5.64571 5.75046 5.64499 5.75057 5.64341C5.75068 5.64182 5.75098 5.63896 5.75182 5.63471C5.75346 5.62635 5.75752 5.61096 5.76761 5.58849C5.78818 5.5427 5.83341 5.46888 5.92613 5.37672L5.22117 4.66747L4.51622 3.95822C4.04578 4.42581 3.71282 5.0516 3.75384 5.76118L4.75217 5.70347ZM5.22117 4.66747L5.92994 3.96203L4.87094 2.89803L4.16217 3.60347L3.4534 4.30891L4.5124 5.37291L5.22117 4.66747ZM4.16217 3.60347L3.45705 2.89439C2.78332 3.56436 2.18286 4.58348 2.2548 5.84443L3.25317 5.78747L4.25155 5.73052C4.22148 5.20347 4.46703 4.71059 4.8673 4.31256L4.16217 3.60347ZM3.25317 5.78747L3.30912 6.78591L4.80812 6.70191L4.75217 5.70347L4.69622 4.70504L3.19722 4.78904L3.25317 5.78747ZM19.4722 17.7635L18.7651 17.0564C18.6087 17.2127 18.519 17.2224 18.516 17.2226L18.6072 18.2185L18.6983 19.2143C19.2853 19.1606 19.7876 18.8622 20.1793 18.4706L19.4722 17.7635ZM18.6072 18.2185L17.6115 18.3112L17.7505 19.8042L18.7462 19.7115L19.7419 19.6188L19.6029 18.1258L18.6072 18.2185ZM18.7462 19.7115L18.8396 20.7071C19.8664 20.6107 20.6719 20.0962 21.2349 19.5369L20.5302 18.8275L19.8254 18.118C19.4924 18.4488 19.096 18.6742 18.6527 18.7158L18.7462 19.7115ZM20.5302 18.8275L21.2393 18.1224L20.1813 17.0584L19.4722 17.7635L18.7631 18.4686L19.8211 19.5326L20.5302 18.8275ZM11.0062 7.72847L11.7111 8.43774C13.068 7.0891 13.1476 4.98129 12.0359 3.4954L11.2352 4.09447L10.4345 4.69355C10.9807 5.42366 10.9143 6.40984 10.3012 7.01921L11.0062 7.72847ZM11.2352 4.09447L10.6359 3.29391L9.43492 4.19291L10.0342 4.99347L10.6334 5.79403L11.8344 4.89503L11.2352 4.09447ZM10.0342 4.99347L9.23328 5.59228C9.35051 5.74907 9.30449 5.89708 9.24289 5.95854L9.94917 6.66647L10.6555 7.3744C11.4499 6.58186 11.5238 5.31587 10.8351 4.39466L10.0342 4.99347ZM9.94917 6.66647L9.2404 7.37191L10.2974 8.43391L11.0062 7.72847L11.7149 7.02304L10.6579 5.96104L9.94917 6.66647ZM20.5262 14.2875L20.0487 15.1661C20.3072 15.3066 20.2667 15.5641 20.1879 15.6425L20.8932 16.3515L21.5984 17.0604C22.6736 15.9908 22.3791 14.1563 21.0037 13.4088L20.5262 14.2875ZM20.8932 16.3515L20.1844 17.0569L21.2424 18.1199L21.9512 17.4145L22.6599 16.709L21.6019 15.646L20.8932 16.3515ZM21.9512 17.4145L22.6564 18.1234C24.509 16.2805 23.8958 13.2732 21.7184 12.0907L21.2412 12.9695L20.7639 13.8482C21.8605 14.4438 22.0733 15.8824 21.2459 16.7055L21.9512 17.4145ZM21.2412 12.9695L20.3622 12.4926L19.6472 13.8106L20.5262 14.2875L21.4052 14.7643L22.1202 13.4463L21.2412 12.9695ZM17.0852 13.4385L17.7904 14.1474C17.8477 14.0905 17.9819 14.0427 18.1389 14.1278L18.6152 13.2485L19.0915 12.3692C18.1925 11.8822 17.0907 12.0225 16.3799 12.7295L17.0852 13.4385ZM18.6152 13.2485L19.4937 13.7261L20.2097 12.4091L19.3312 11.9315L18.4526 11.4538L17.7366 12.7708L18.6152 13.2485ZM19.3312 11.9315L19.8092 11.0531C18.3548 10.2615 16.5263 10.4694 15.3225 11.6649L16.0272 12.3745L16.7318 13.084C17.2801 12.5395 18.1395 12.4214 18.8531 12.8098L19.3312 11.9315ZM16.0272 12.3745L15.3181 13.0796L16.3761 14.1436L17.0852 13.4385L17.7943 12.7334L16.7363 11.6694L16.0272 12.3745Z' fill='%23222222' mask='url(%23path-1-inside-1_37879_715)'/%3E%3C/svg%3E");
}

.site-footer__icon--letter {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23222' stroke-width='1.5' d='M2 12c0-3.771 0-5.657 1.172-6.828S6.229 4 10 4h4c3.771 0 5.657 0 6.828 1.172S22 8.229 22 12s0 5.657-1.172 6.828S17.771 20 14 20h-4c-3.771 0-5.657 0-6.828-1.172S2 15.771 2 12Z'/%3E%3Cpath stroke='%23222' stroke-linecap='round' stroke-width='1.5' d='m6 8 2.159 1.8c1.837 1.53 2.755 2.295 3.841 2.295s2.005-.765 3.841-2.296L18 8'/%3E%3C/svg%3E%0A");
}

.site-footer {
  flex-shrink: 0;
  background-color: #ffffff;
  color: #a7a7a7;
}

.site-footer__inner {
  display: grid;
  grid-template-columns: auto auto 1fr;
  grid-template-rows: auto auto;
  align-items: center;
  box-sizing: border-box;
  column-gap: 63px;
  row-gap: 12px;
  padding: 20px 80px;
  max-width: 1440px;
  margin: 0 auto;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: -0.015em;
}

.site-footer__contact {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  color: inherit;
  line-height: 24px;
  text-decoration: none;
}

.site-footer__contact:hover {
  color: #591bd9;
}

.site-footer__contact:active {
  color: #4e1fcc;
}

.site-footer__contact:focus-visible {
  color: #591bd9;
  outline: 2px solid currentColor;
  outline-offset: 4px;
  border-radius: 4px;
}

.site-footer__contact:hover .site-footer__icon,
.site-footer__contact:focus-visible .site-footer__icon {
  filter: brightness(0) saturate(100%) invert(17%) sepia(93%) saturate(5024%) hue-rotate(258deg) brightness(91%)
    contrast(100%);
}

.site-footer__contact:active .site-footer__icon {
  filter: brightness(0) saturate(100%) invert(16%) sepia(90%) saturate(4277%) hue-rotate(251deg) brightness(89%)
    contrast(99%);
}

.site-footer__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 24px 24px;
  transition: filter 0.2s ease;
  transform: translateY(3px);
}

.site-footer__legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 6px 20px;
  grid-column: 1 / -1;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.01em;
  text-align: right;
}

.site-footer__legal-link {
  color: inherit;
  text-decoration: none;
}

.site-footer__legal-link:hover {
  color: #591bd9;
}

.site-footer__legal-link:active {
  color: #4e1fcc;
}

.site-footer__legal-link:focus-visible {
  color: #591bd9;
  outline: 2px solid currentColor;
  outline-offset: 4px;
  border-radius: 4px;
}

.site-footer__copyright {
  margin: 0;
  justify-self: end;
  text-align: right;
}

.site-footer__totem {
  display: none;
}

@media (max-width: 767px) {
  .site-footer {
    background-color: #222222;
  }

  .site-footer__inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    min-height: 0;
    padding: 53px 13px 45px;
    font-size: 14px;
    line-height: 1;
  }

  .site-footer__contact {
    min-height: 60px;
    gap: 14px;
    color: #f4f4f4;
    border-top: 1px solid #333333;
    line-height: 1;
  }

  .site-footer__legal {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
    padding: 16px 0;
    font-size: 12px;
    line-height: 1.35;
    color: #747474;
    text-align: left;
    border-top: 1px solid #333333;
  }

  .site-footer__legal-link {
    color: inherit;
  }

  .site-footer__icon {
    width: 16px;
    height: 16px;
    background-size: 16px 16px;
    filter: brightness(0) invert(1);
    transform: none;
  }

  .site-footer__copyright {
    width: 100%;
    padding-top: 24px;
    color: #747474;
    border-top: 1px solid #333333;
    text-align: left;
  }

  .site-footer__totem {
    display: flex;
    color: #fff;

    font-family: Montserrat;
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 110px; /* 100% */
    opacity: 0.03;
    height: 135px;
    text-transform: uppercase;
    align-items: center;
    overflow: hidden;
    justify-content: center;
  }
}

/* Figma desktop: Group 39822-964 — 593×72, фон #222, радиус 8px, текст 14/20 Lato #fff, кнопка 30px radius, fill rgba(255,255,255,0.08) */
/* Figma mobile: блок у нижнего края 376×112, те же типографика и кнопка, текст 16px отступ слева */

.cookie-banner {
  box-sizing: border-box;
  position: fixed;
  z-index: 50;
  bottom: 16px;
  right: 16px;
  width: min(593px, calc(100vw - 32px));
  max-width: 593px;
  min-height: 72px;
  padding: 16px 20px;
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.015em;
  color: #ffffff;
  background: #222222;
  border-radius: 8px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.24);
}

.cookie-banner--hidden {
  display: none;
}

.cookie-banner__inner {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.cookie-banner__text {
  margin: 0;
  flex: 1;
  min-width: 0;
  max-width: 439px;
  font: inherit;
  color: inherit;
}

.cookie-banner__accept {
  flex-shrink: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 10px 20px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.015em;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.08);
  border: none;
  border-radius: 30px;
  cursor: pointer;
}

.cookie-banner__accept:hover {
  background: rgba(255, 255, 255, 0.14);
}

.cookie-banner__accept:active {
  background: rgba(255, 255, 255, 0.2);
}

.cookie-banner__accept:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .cookie-banner {
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    width: 100%;
    max-width: none;
    min-height: 112px;
    padding: 16px;
    padding-bottom: max(16px, env(safe-area-inset-bottom, 0px));
    border-radius: 0;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.18);
  }

  .cookie-banner__inner {
    gap: 16px;
    align-items: center;
  }

  .cookie-banner__text {
    max-width: none;
    flex: 1;
    min-width: 0;
  }

  .cookie-banner__accept {
    align-self: center;
  }
}

.main-hero {
  position: relative;
  color: #ffffff;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='1057' fill='none'%3E%3Cg stroke='%23fff' stroke-width='4' clip-path='url(%23a)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M-346.948 1031.2C-5.965 1286.8 13.906 770.573 231.333 775.739c233.708 5.553 344.174-431.045 628.578-281.053C1387.47 772.917 1259.81 17.757 1613.72 102.788' opacity='.5'/%3E%3Cpath fill='%23aa8aec' d='M956.502 528.687a8.001 8.001 0 0 1 .012 16h-.008a7.997 7.997 0 0 1-8-7.998 8 8 0 0 1 2.341-5.656 8 8 0 0 1 5.655-2.346Zm-345-27a8.001 8.001 0 0 1 .012 16h-.008a7.997 7.997 0 0 1-8-7.998 8 8 0 0 1 2.341-5.656 8 8 0 0 1 5.655-2.346ZM1410 173a8 8 0 0 1 5.65 2.34 8 8 0 0 1 2.35 5.654 8.003 8.003 0 0 1-7.99 8.006h-.01a7.995 7.995 0 0 1-8-7.998 7.997 7.997 0 0 1 8-8.002Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M-340 0h1920v1057H-340z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: 50px;
  background-size: 100% auto;
  padding: 0 calc((100vw - 1440px) / 2);
}
.main-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.main-hero__inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  height: 1135px;
  padding-top: 80px;
  padding-left: 70px;
  padding-right: 70px;
}

.main-hero__lead {
  box-sizing: border-box;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #ffffff;
}

.main-hero__title {
  box-sizing: border-box;
  font-family: var(--font-heading);
  font-size: 72px;
  font-weight: 500;
  line-height: 72px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #ffffff;
  margin: 0;
}

.main-hero__cta {
  display: flex;
  justify-content: center;
}

.main-hero__cards_content {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  background-repeat: no-repeat;
  background-position-y: bottom;
  background-position-x: left;
  background-image: url('/css/blocks/main-hero/hero-photo.png');
  width: 100%;
  background-size: auto 688px;
  padding-bottom: 100px;
  box-sizing: border-box;
  flex-grow: 1;
}
.main-hero__cards {
  display: flex;
  gap: 20px;
  height: 372px;
  width: 630px;
}

.main-hero__cards-left {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: inherit;
  width: calc(50% - 10px);
}
.main-hero__card {
  box-sizing: border-box;
  padding: 20px;
  pointer-events: auto;
  background-color: rgba(255, 255, 255, 0.48);
  border: 1px solid rgba(255, 255, 255, 0.36);
  border-radius: 16px;
  box-shadow: 0 4px 32px rgba(63, 15, 136, 0.06);
  backdrop-filter: blur(32px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.main-hero__card--impressions {
  height: calc(50% - 10px);
}

.main-hero__card--reach {
  height: calc(50% - 10px);
}

.main-hero__card--clicks {
  height: 100%;
  width: calc(50% - 10px);
  justify-content: flex-start;
  gap: 27px;
}

.main-hero__card-label {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.3px;
  color: #222222;
}

.main-hero__card-value {
  padding: 0;
  font-family: var(--font-heading);
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: -0.3px;
  color: #222222;
  margin: 0;
}

/* Анимированные счётчики (counter-roulette.js): колонки цифр */
.main-hero__card-value.main-hero__card-value--roulette {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  gap: 0;
  max-width: 100%;
}

.counter-roulette__sr {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.counter-roulette__visual {
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: nowrap;
}

.counter-roulette__sep {
  flex-shrink: 0;
  display: inline-block;
  pointer-events: none;
}

.counter-roulette__window {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  line-height: 1em;
  vertical-align: top;
}

.counter-roulette__track {
  display: flex;
  flex-direction: column;
  will-change: transform;
}

.counter-roulette__digit-line {
  flex-shrink: 0;
  height: 1em;
  line-height: 1em;
  text-align: center;
}

.main-hero__chart {
  position: absolute;
  bottom: 24px;
  left: 20px;
  display: flex;
  align-items: flex-end;
  gap: 7px;
  box-sizing: border-box;
  height: 198px;
}

.main-hero__chart-bar {
  flex-shrink: 0;
  width: 20px;
  height: var(--bar-h);
  border-radius: 6px;
  background-color: rgba(89, 27, 217, 0.5);
}
.main-hero__photo {
  position: absolute;
  bottom: 0;
  left: 50px;
  pointer-events: none;
  z-index: 0;
}
.main-hero [data-marked]::before {
  width: calc(100% + 20px);
  top: 60%;
}

@media (max-width: 767px) {
  .main-hero [data-marked]::before {
    width: calc(100% + 20px);
    top: 60%;
  }
  .main-hero {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='376' height='231' fill='none'%3E%3Cg stroke='%23fff' clip-path='url(%23a)'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M-1.424 250.242c80.589 46.792 71.765-65.765 119.135-70.184 50.917-4.749 63.802-102.33 129.411-77.02 121.701 46.949 74.741-113.71 153.797-104.271' opacity='.5'/%3E%3Cpath fill='%23aa8aec' d='M358.252 18.047a3.502 3.502 0 0 1 .821 6.952h-.004a3.5 3.5 0 0 1-.817-6.952Zm-66.223 89.914a3.499 3.499 0 1 1 .821 6.951l-.004.001a3.5 3.5 0 0 1-2.577-.729 3.502 3.502 0 0 1 1.76-6.223Zm-99 1a3.499 3.499 0 1 1 .821 6.951l-.004.001a3.5 3.5 0 0 1-2.577-.729 3.502 3.502 0 0 1 1.76-6.223Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M-12 0h420v231H-12z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: 0px 155px;
    background-size: 100% auto;
    padding: 0;
  }

  .main-hero__inner {
    gap: 0;
    height: 510px;
    padding: 40px 16px 0 0;
  }

  .main-hero__content {
    gap: 18px;
  }

  .main-hero__title {
    max-width: 260px;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.008em;
  }

  .main-hero__lead {
    max-width: 261px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.015em;
  }

  .main-hero__cta .request-platform-access-button {
    margin: 0 auto;
    position: fixed;
    bottom: 20px;
    z-index: 10;
    transform: translateX(8px);
    max-width: 254px;
    transition:
      opacity 0.25s ease,
      visibility 0.25s ease;
  }

  .main-hero__cta .request-platform-access-button.request-platform-access-button--hidden-at-target {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .main-hero__cards_content {
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 40px;
    background-position: -70px 8px;
    background-size: auto 345px;
  }

  .main-hero__cards {
    gap: 6px;
    width: 256px;
    height: 151px;
  }

  .main-hero__cards-left {
    gap: 6px;
    width: calc(100% - 3px);
  }

  .main-hero__card {
    padding: 10px;
    border-radius: 8px;
    backdrop-filter: blur(24px);
  }
  .main-hero__card--impressions {
    height: calc(50% - 3px);
  }
  .main-hero__card--reach {
    height: calc(50% - 3px);
  }

  .main-hero__card--clicks {
    position: relative;
    height: 100%;
    width: calc(100% - 3px);
  }

  .main-hero__card-label {
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.015em;
  }

  .main-hero__card-value {
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.02em;
  }

  .main-hero__chart {
    bottom: 10px;
    left: 4px;
    gap: 3px;
    height: 59px;
  }

  .main-hero__chart-bar {
    width: 8px;
    border-radius: 3px;
    height: calc(var(--bar-h) * 0.3);
  }

  .main-hero__content {
    transform: translateX(10px);
  }
}

/* Три полосы под текстом: 1→2 (низ справа налево), 2→3 (диагональ), 3→4 (верх справа налево). */

[data-text-highlight-steps] {
  position: relative;
  display: inline-block;
  font-weight: 700;
  color: inherit;
}

[data-text-highlight-steps] .text-highlight-steps__text {
  position: relative;
  z-index: 1;
}

[data-text-highlight-steps] .text-highlight-steps__strip {
  position: absolute;
  z-index: 0;
  background-color: #591bd9;
  border-radius: 1px;
}

[data-text-highlight-steps] .text-highlight-steps__strip--1 {
  bottom: 0;
  right: 0;
  width: 98%;
  height: 46%;
  transform-origin: right bottom;
  transform: scaleX(0);
  animation: text-highlight-strip1 0.38s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation-delay: 0.3s;
}

[data-text-highlight-steps] .text-highlight-steps__strip--2 {
  display: none;
  left: 0;
  bottom: 0;
  width: 135%;
  height: 46%;
  transform-origin: left bottom;
  transform: rotate(-38deg) scaleX(0);
  animation: text-highlight-strip2 0.38s cubic-bezier(0.33, 1, 0.68, 1) 0.38s forwards;
}

[data-text-highlight-steps] .text-highlight-steps__strip--3 {
  display: none;
  top: 0;
  right: 0;
  width: 98%;
  height: 46%;
  transform-origin: right top;
  transform: scaleX(0);
  animation: text-highlight-strip3 0.38s cubic-bezier(0.33, 1, 0.68, 1) 0.76s forwards;
}

/**
 * Герой страницы In-App — Views/InApp/Partials/_InAppHero.cshtml.
 * Декоративная линия: тот же asset, что у блока героя на главной (путь к файлу, не класс).
 */

.in-app-hero {
  position: relative;
  color: #ffffff;
  overflow: hidden;
}

.in-app-hero__inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 80px 70px 180px;
}

.in-app-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.in-app-hero__lead {
  box-sizing: border-box;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #ffffff;
}

.in-app-hero__title {
  box-sizing: border-box;
  font-family: var(--font-heading);
  font-size: 72px;
  font-weight: 500;
  line-height: 72px;
  letter-spacing: -0.3px;
  text-align: center;
  color: #ffffff;
  margin: 0;
}

.in-app-hero__cta {
  display: flex;
  justify-content: center;
}
.in-app-hero [data-marked] {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='252' height='80' fill='none'%3E%3Cpath stroke='%23591bd9' stroke-width='40' d='m.652 28.094 248-8.102L6.995 50.878l238.486 9.114'/%3E%3C/svg%3E%0A");
  }
}

@media (max-width: 767px) {
  .in-app-hero {
    padding: 0;
  }

  .in-app-hero__inner {
    gap: 0;
    padding: 40px 10px 50px;
  }

  .in-app-hero__content {
    gap: 16px;
    max-width: 100%;
  }

  .in-app-hero__title {
    max-width: 363px;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.003em;
  }

  .in-app-hero__title [data-marked] {
    font-weight: 700;
  }

  .in-app-hero__lead {
    max-width: 230px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.015em;
  }

  .in-app-hero [data-marked]::before {
    background-size: 144px 42px;
    background-position: center;
    width: 144px;
    height: 42px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='42' fill='none'%3E%3Cpath stroke='%23591bd9' stroke-width='24' d='m.328 15.881 142-3.889L3.943 25.668l135.905 4.324'/%3E%3C/svg%3E%0A");
  }

  .in-app-hero__cta {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
    margin-top: 24px;
    pointer-events: none;
  }

  .in-app-hero__cta--stuck {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 16px;
    z-index: 50;
    margin-top: 0;
  }

  .in-app-hero__cta .request-platform-access-button {
    pointer-events: auto;
  }
}

/**
 * Герой страницы «Инвентарь» — Views/Inventory/Partials/_InventoryHero.cshtml.
 * Figma: Инвентарь → first (40154:748). Фон градиента — body (page.css).
 * Слой Vector 12 в макете игнорируем.
 */

.inventory-hero {
  position: relative;
  color: #ffffff;
  overflow: hidden;
}

.inventory-hero__inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 120px 24px 180px;
}

.inventory-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 1064px;
}

.inventory-hero__title {
  box-sizing: border-box;
  margin: 0;
  max-width: 805px;
  font-family: var(--font-heading);
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-align: center;
  color: #ffffff;
}

.inventory-hero__title-em {
  font-weight: 700;
}

.inventory-hero__lead {
  box-sizing: border-box;
  margin: 0;
  max-width: 1064px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3333333333333333;
  letter-spacing: -0.0125em;
  text-align: center;
  color: #ffffff;
}

.inventory-hero__cta {
  display: flex;
  justify-content: center;
}

.inventory-hero [data-marked] {
  &::before {
    width: calc(100% + 29px);
    background-position: center 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='432' height='76' fill='none'%3E%3Cpath stroke='%23591bd9' stroke-width='40' d='M0 20h420.629L14.626 56 431 49.51'/%3E%3C/svg%3E%0A");
  }
}
@media (max-width: 767px) {
  .inventory-hero {
    padding: 0;
  }
  .inventory-hero [data-marked] {
    &::before {
      width: calc(100% + 25px);
      background-position: center 15px;
      height: calc(100% + 8px);
      background-position: center 9px;
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='243' height='42' fill='none'%3E%3Cpath stroke='%23591bd9' stroke-width='24' d='m.193 15.889 242-3.889L6.353 25.676 237.966 30'/%3E%3C/svg%3E%0A");
    }
  }

  .inventory-hero__inner {
    gap: 0;
    padding: 36px 16px 30px;
  }

  .inventory-hero__content {
    gap: 18px;
    max-width: 100%;
  }

  .inventory-hero__title {
    max-width: 328px;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.008em;
  }

  .inventory-hero__lead {
    max-width: 328px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.015em;
  }

  .inventory-hero__cta {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
    margin-top: 32px;
    pointer-events: none;
  }

  .inventory-hero__cta--stuck {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 16px;
    z-index: 50;
    margin-top: 0;
  }

  .inventory-hero__cta .request-platform-access-button {
    pointer-events: auto;
  }
}

/**
 * Герой страницы «Технологии» — Views/Technologies/Partials/_TechnologiesHero.cshtml.
 * Figma: Технологии → first (40277:503110). Фон градиента — body (page.css).
 * Слой Bg в макете игнорируем.
 */

.technologies-hero {
  position: relative;
  color: #ffffff;
  overflow: hidden;
}

.technologies-hero__inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 56px;
  max-width: 1071px;
  margin: 0 auto;
  padding: 80px 24px 128px;
}

.technologies-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  max-width: 802px;
}

.technologies-hero__title {
  box-sizing: border-box;
  margin: 0;
  max-width: 794px;
  font-family: var(--font-heading);
  font-size: 64px;
  font-weight: 500;
  line-height: 1.0625;
  letter-spacing: -0.0047em;
  text-align: center;
  color: #ffffff;
}

.technologies-hero__lead {
  box-sizing: border-box;
  margin: 0;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.4166666666666667;
  letter-spacing: -0.0125em;
  text-align: center;
  color: #ffffff;
}

.technologies-hero__cta {
  display: flex;
  justify-content: center;
}

.technologies-hero__tags-mount {
  position: relative;
  width: 100%;
}

.technologies-hero__tags-spacer {
  display: block;
  width: 100%;
}

.technologies-hero__tags-spacer[hidden] {
  display: none;
}

.technologies-hero__tags-bar {
  width: 100%;
}

.technologies-hero__tags-bar--stuck {
  position: fixed;
  top: 30px;
  right: 0;
  left: 0;
  z-index: 40;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  padding: 0 24px;
  pointer-events: none;
}

.technologies-hero__tags-bar--stuck .technologies-hero__tags {
  pointer-events: auto;
}

.technologies-hero__tags {
  display: flex;
  justify-content: center;
  gap: 16px;
  width: 100%;
  max-width: 1071px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.technologies-hero__tag {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  height: 60px;
  padding: 13px 22px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.16);
  backdrop-filter: blur(32px);
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #ffffff;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.technologies-hero__tag:hover {
  border-color: rgba(255, 255, 255, 0.4);
  background-color: rgba(255, 255, 255, 0.22);
}

.technologies-hero__tag:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}

/* Figma: Group 1597879684 (40274:1344) — липкая панель при скролле */
.technologies-hero__tags-bar--stuck .technologies-hero__tag {
  min-height: 50px;
  height: 50px;
  padding: 10px 22px;
  border-width: 0.5px;
  border-color: #ebebeb;
  color: #444444;
}

.technologies-hero__tags-bar--stuck .technologies-hero__tag:hover {
  border-color: #d4d4d4;
  background-color: rgba(255, 255, 255, 0.22);
}

.technologies-hero__tags-bar--stuck .technologies-hero__tag--active,
.technologies-hero__tags-bar--stuck .technologies-hero__tag[aria-current='true'] {
  border-color: rgba(89, 27, 217, 0.12);
  color: #591bd9;
}

.technologies-hero__tags-bar--stuck .technologies-hero__tag--active:hover,
.technologies-hero__tags-bar--stuck .technologies-hero__tag[aria-current='true']:hover {
  border-color: rgba(89, 27, 217, 0.2);
  background-color: rgba(255, 255, 255, 0.22);
}

.technologies-hero__tags-bar--stuck .technologies-hero__tag:focus-visible {
  outline-color: #591bd9;
}

.technologies-hero [data-marked] {
  &::before {
    width: calc(100% + 33px);
    height: calc(100% + 15px);
  }
}

@media (max-width: 767px) {
  .technologies-hero [data-marked] {
    &::before {
      width: calc(100% + 20px);
      height: calc(100% + 10px);
    }
  }
  .technologies-hero {
    overflow: visible;
  }

  .technologies-hero__inner {
    gap: 32px;
    align-items: stretch;
    padding: 36px 16px 30px;
  }

  .technologies-hero__content {
    gap: 18px;
    max-width: 100%;
    align-self: center;
  }

  .technologies-hero__title {
    max-width: 328px;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.008em;
  }

  .technologies-hero__lead {
    max-width: 328px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.015em;
  }

  .technologies-hero__cta {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
  }

  .technologies-hero__tags-mount {
    box-sizing: border-box;
    width: auto;
    max-width: none;
    margin-inline: -16px;
    padding-inline: 16px;
  }

  .technologies-hero__tags-bar--stuck {
    top: 30px;
    padding: 0 16px;
  }

  .technologies-hero__tags {
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 10px;
    max-width: none;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    scroll-padding-inline: 16px;
  }

  .technologies-hero__tags::-webkit-scrollbar {
    display: none;
  }

  .technologies-hero__tags > li {
    flex-shrink: 0;
  }

  .technologies-hero__tag {
    height: 54px;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    text-align: center;
  }
}

/**
 * Общая зона контента страницы «Технологии» под героем.
 * Figma: Block 2 (40277:503119) — белая панель со скруглением сверху.
 */

.technologies-page__content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 auto;
  border-radius: 32px 32px 0 0;
}

.technologies-page__content > section[id] {
  scroll-margin-top: 100px;
}

.technologies-page__demo-cabinet .demo-cabinet {
  background: transparent;
  padding-bottom: 120px;
  margin-top: 120px;
}
.technologies-page__demo-cabinet .demo-cabinet__title {
  color: #fff;
}

@media (max-width: 767px) {
  .technologies-page__content {
    border-radius: 0;
    padding: 0;
  }

  .technologies-page__demo-cabinet .demo-cabinet {
    background: #222222;
    margin-top: -20px;
    padding-bottom: 0;
  }
}

/**
 * «Анализ и таргетинг» — Views/Technologies/Partials/_TechnologiesAnalysisTargeting.cshtml.
 * Figma: Технологии → Block 2 (40277:503119); mobile rows (39746:1358).
 * Десктоп — базовые стили; мобилка — max-width: 767px.
 */

.technologies-analysis-targeting {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 72px 0px 80px;
  color: #222222;
  background-color: #ffffff;
  border-radius: 32px;
  max-width: 1440px;
  width: 100%;
}

.technologies-analysis-targeting__inner {
  box-sizing: border-box;
  max-width: 1300px;
  margin: 0 auto;
}

.technologies-analysis-targeting__title {
  margin: 0 0 64px;
  font-family: var(--font-heading);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1666667;
  letter-spacing: -0.0063em;
  color: #222222;
}

.technologies-analysis-targeting__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(340px, auto));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.technologies-analysis-targeting__item--semantic {
  grid-column: 1;
  grid-row: 1 / 3;
}

.technologies-analysis-targeting__item--behavioral {
  grid-column: 2;
  grid-row: 1;
}

.technologies-analysis-targeting__item--device {
  grid-column: 2;
  grid-row: 2;
}

.technologies-analysis-targeting__item--affinity {
  grid-column: 1;
  grid-row: 3;
}

.technologies-analysis-targeting__item--context {
  grid-column: 2;
  grid-row: 3;
}

.technologies-analysis-targeting__item--os {
  grid-column: 1;
  grid-row: 4;
}

.technologies-analysis-targeting__item--geo {
  grid-column: 2;
  grid-row: 4;
}

.technologies-analysis-targeting__item {
  margin: 0;
  min-width: 0;
}

.technologies-analysis-targeting__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 32px 40px 40px;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  background-color: #ffffff;
}

.technologies-analysis-targeting__card--featured {
  min-height: 0;
  border: none;
  background-color: #f5f1ff;
}

.technologies-analysis-targeting__icon {
  display: block;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}

.technologies-analysis-targeting__card-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
}

.technologies-analysis-targeting__card-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3333333;
  letter-spacing: -0.0125em;
  color: #222222;
}

.technologies-analysis-targeting__card-text {
  margin: 0;
  max-width: 550px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #6c6767;
}

@media (max-width: 767px) {
  .technologies-analysis-targeting {
    padding: 32px 16px;
    border-radius: 16px;
  }

  .technologies-analysis-targeting__title {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.03em;
  }

  .technologies-analysis-targeting__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .technologies-analysis-targeting__item {
    position: relative;
    width: 100%;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.16);
  }

  .technologies-analysis-targeting__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .technologies-analysis-targeting__item--semantic,
  .technologies-analysis-targeting__item--behavioral,
  .technologies-analysis-targeting__item--device,
  .technologies-analysis-targeting__item--affinity,
  .technologies-analysis-targeting__item--context,
  .technologies-analysis-targeting__item--os,
  .technologies-analysis-targeting__item--geo {
    grid-column: auto;
    grid-row: auto;
  }

  .technologies-analysis-targeting__card {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    column-gap: 32px;
    align-items: start;
    height: auto;
    min-height: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #ffffff;
  }

  .technologies-analysis-targeting__card--featured {
    background-color: #ffffff;
  }

  .technologies-analysis-targeting__icon {
    grid-row: 1 / span 2;
    width: 50px;
    height: 50px;
    margin: 0;
    object-fit: contain;
  }

  .technologies-analysis-targeting__card-body {
    margin-top: 0;
    gap: 8px;
  }

  .technologies-analysis-targeting__card-title {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .technologies-analysis-targeting__card-text {
    max-width: none;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .technologies-analysis-targeting__item--behavioral .technologies-analysis-targeting__card-text {
    max-width: 265px;
  }

  .technologies-analysis-targeting__item--affinity .technologies-analysis-targeting__card-text,
  .technologies-analysis-targeting__item--context .technologies-analysis-targeting__card-text {
    max-width: 270px;
  }

  .technologies-analysis-targeting__item--os .technologies-analysis-targeting__card-text {
    max-width: 255px;
  }
}

/**
 * «Качество и контекст» — Views/Technologies/Partials/_TechnologiesQualityContext.cshtml.
 * Figma: Технологии → Block 3 (40277:503123).
 * Десктоп — базовые стили; мобилка — max-width: 767px.
 */

.technologies-quality-context {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 72px 0px 80px;
  color: #222222;
  background-color: #ffffff;
  border-radius: 32px;
  max-width: 1440px;
  width: 100%;
}

.technologies-quality-context__inner {
  box-sizing: border-box;
  max-width: 1300px;
  margin: 0 auto;
}

.technologies-quality-context__title {
  margin: 0 0 64px;
  font-family: var(--font-heading);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1666667;
  letter-spacing: -0.0063em;
  color: #222222;
}

.technologies-quality-context__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(340px, auto));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.technologies-quality-context__item--content-filter {
  grid-column: 1;
  grid-row: 1;
}

.technologies-quality-context__item--antifraud {
  grid-column: 1;
  grid-row: 2;
}

.technologies-quality-context__item--publishers {
  grid-column: 2;
  grid-row: 1 / 3;
}

.technologies-quality-context__item {
  margin: 0;
  min-width: 0;
}

.technologies-quality-context__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 32px 40px 40px;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  background-color: #ffffff;
}

.technologies-quality-context__card--featured {
  min-height: 0;
  border: none;
  background-color: #f5f1ff;
}

.technologies-quality-context__icon {
  display: block;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}

.technologies-quality-context__card-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
}

.technologies-quality-context__card-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3333333;
  letter-spacing: -0.0125em;
  color: #222222;
}

.technologies-quality-context__card-text {
  margin: 0;
  max-width: 550px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.03em;
  color: #6c6767;
}

@media (max-width: 767px) {
  .technologies-quality-context {
    padding: 32px 16px;
    border-radius: 16px;
  }

  .technologies-quality-context__title {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.03em;
  }

  .technologies-quality-context__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .technologies-quality-context__item {
    position: relative;
    width: 100%;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.16);
  }

  .technologies-quality-context__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .technologies-quality-context__item--content-filter,
  .technologies-quality-context__item--antifraud,
  .technologies-quality-context__item--publishers {
    grid-column: auto;
    grid-row: auto;
  }

  .technologies-quality-context__card {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    column-gap: 32px;
    align-items: start;
    min-height: 0;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #ffffff;
  }

  .technologies-quality-context__card--featured {
    background-color: #ffffff;
  }

  .technologies-quality-context__icon {
    grid-row: 1 / -1;
    width: 50px;
    height: 50px;
    margin: 0;
    object-fit: contain;
  }

  .technologies-quality-context__card-body {
    margin-top: 0;
    gap: 8px;
    grid-column: 2;
  }

  .technologies-quality-context__card-title {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .technologies-quality-context__card-text {
    max-width: none;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }
}

/**
 * «Персонализация» — Views/Technologies/Partials/_TechnologiesPersonalization.cshtml.
 * Figma: Технологии → Block 4 (40277:503129).
 * Десктоп — базовые стили; мобилка — max-width: 767px.
 */

.technologies-personalization {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 72px 0px 80px;
  color: #222222;
  background-color: #ffffff;
  border-radius: 32px;
  max-width: 1440px;
  width: 100%;
}

.technologies-personalization__inner {
  box-sizing: border-box;
  max-width: 1300px;
  margin: 0 auto;
}

.technologies-personalization__title {
  margin: 0 0 64px;
  font-family: var(--font-heading);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1666667;
  letter-spacing: -0.0063em;
  color: #222222;
}

.technologies-personalization__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.technologies-personalization__item {
  margin: 0;
  min-width: 0;
}

.technologies-personalization__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 340px;
  padding: 32px 40px 40px;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  background-color: #ffffff;
}

.technologies-personalization__card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 40px;
}

.technologies-personalization__card-head .technologies-personalization__icon {
  margin-bottom: 0;
}

.technologies-personalization__icon {
  display: block;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}

.technologies-personalization__badge {
  flex-shrink: 0;
  margin-left: auto;
  padding: 10px 16px;
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #591bd9;
  background-color: #ded0ff;
}

.technologies-personalization__card-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
}

.technologies-personalization__card-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3333333;
  letter-spacing: -0.0125em;
  color: #222222;
}

.technologies-personalization__card-text {
  margin: 0;
  max-width: 550px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #6c6767;
}

@media (max-width: 767px) {
  .technologies-personalization {
    padding: 32px 16px;
    border-radius: 16px;
  }

  .technologies-personalization__title {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.03em;
  }

  .technologies-personalization__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .technologies-personalization__item {
    position: relative;
    width: 100%;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.16);
  }

  .technologies-personalization__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .technologies-personalization__card {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    column-gap: 32px;
    align-items: start;
    min-height: 0;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #ffffff;
  }

  .technologies-personalization__card-head {
    display: contents;
  }

  .technologies-personalization__icon {
    grid-column: 1;
    grid-row: 1 / -1;
    width: 50px;
    height: 50px;
    margin: 0;
    object-fit: contain;
    align-self: start;
  }

  .technologies-personalization__card-head .technologies-personalization__icon {
    margin-bottom: 0;
  }

  .technologies-personalization__badge {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    width: fit-content;
    max-width: none;
    margin: 8px 0 0;
    margin-left: 0;
    padding: 6px 8px 7px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.025em;
    text-align: left;
    color: #591bd9;
    background-color: #ded0ff;
  }

  .technologies-personalization__card-body {
    margin-top: 0;
    gap: 8px;
    grid-column: 2;
    grid-row: 1;
  }

  .technologies-personalization__card-title {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .technologies-personalization__card-text {
    max-width: none;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }
}

/**
 * «Управление кампаниями» — Views/Technologies/Partials/_TechnologiesCampaignManagement.cshtml.
 * Figma: Технологии → Block 5 (40277:503136).
 * Десктоп — базовые стили; мобилка — max-width: 767px.
 */

.technologies-campaign-management {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 72px 0px 80px;
  color: #222222;
  background-color: #ffffff;
  border-radius: 32px;
  max-width: 1440px;
  width: 100%;
}

.technologies-campaign-management__inner {
  box-sizing: border-box;
  max-width: 1300px;
  margin: 0 auto;
}

.technologies-campaign-management__title {
  margin: 0 0 64px;
  font-family: var(--font-heading);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1666667;
  letter-spacing: -0.0063em;
  color: #222222;
}

.technologies-campaign-management__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(340px, auto) minmax(340px, auto) minmax(700px, auto);
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.technologies-campaign-management__item--lists {
  grid-column: 1;
  grid-row: 1;
}

.technologies-campaign-management__item--retargeting {
  grid-column: 2;
  grid-row: 1;
}

.technologies-campaign-management__item--budget {
  grid-column: 1;
  grid-row: 2;
}

.technologies-campaign-management__item--direct-deals {
  grid-column: 2;
  grid-row: 2;
}

.technologies-campaign-management__item--ml {
  grid-column: 1;
  grid-row: 3;
}

.technologies-campaign-management__item--stack {
  grid-column: 2;
  grid-row: 3;
}

.technologies-campaign-management__item {
  margin: 0;
  min-width: 0;
}

.technologies-campaign-management__stack {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
  min-height: 700px;
}

.technologies-campaign-management__stack .technologies-campaign-management__card {
  flex: 1 1 0;
  min-height: 0;
}

.technologies-campaign-management__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 32px 40px 40px;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  background-color: #ffffff;
}

.technologies-campaign-management__card--featured {
  min-height: 0;
  border: none;
  background-color: #f5f1ff;
}

.technologies-campaign-management__card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 40px;
}

.technologies-campaign-management__card-head .technologies-campaign-management__icon {
  margin-bottom: 0;
}

.technologies-campaign-management__icon {
  display: block;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}

.technologies-campaign-management__badge {
  flex-shrink: 0;
  margin-left: auto;
  padding: 10px 16px;
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  text-align: right;
  color: #591bd9;
  background-color: #ded0ff;
}

.technologies-campaign-management__card-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
}

.technologies-campaign-management__card-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3333333;
  letter-spacing: -0.0125em;
  color: #222222;
}

.technologies-campaign-management__card-text {
  margin: 0;
  max-width: 550px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.03em;
  color: #6c6767;
}

@media (max-width: 767px) {
  .technologies-campaign-management {
    padding: 32px 16px;
    border-radius: 16px;
  }

  .technologies-campaign-management__title {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.03em;
  }

  .technologies-campaign-management__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .technologies-campaign-management__item {
    position: relative;
    width: 100%;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.16);
  }

  .technologies-campaign-management__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .technologies-campaign-management__item--lists,
  .technologies-campaign-management__item--retargeting,
  .technologies-campaign-management__item--budget,
  .technologies-campaign-management__item--direct-deals,
  .technologies-campaign-management__item--ml,
  .technologies-campaign-management__item--stack {
    grid-column: auto;
    grid-row: auto;
  }

  .technologies-campaign-management__item--stack {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .technologies-campaign-management__stack {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
  }

  .technologies-campaign-management__stack .technologies-campaign-management__card {
    flex: none;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.16);
  }

  .technologies-campaign-management__stack .technologies-campaign-management__card:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .technologies-campaign-management__card {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    column-gap: 32px;
    align-items: start;
    height: auto;
    min-height: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #ffffff;
  }

  .technologies-campaign-management__card--featured {
    background-color: #ffffff;
  }

  .technologies-campaign-management__card-head {
    display: contents;
  }

  .technologies-campaign-management__icon {
    grid-column: 1;
    grid-row: 1 / -1;
    width: 50px;
    height: 50px;
    margin: 0;
    object-fit: contain;
    align-self: start;
  }

  .technologies-campaign-management__card-head .technologies-campaign-management__icon {
    margin-bottom: 0;
  }

  .technologies-campaign-management__badge {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    width: fit-content;
    max-width: none;
    margin: 8px 0 0;
    margin-left: 0;
    padding: 6px 8px 7px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.025em;
    text-align: left;
    color: #591bd9;
    background-color: #ded0ff;
  }

  .technologies-campaign-management__card-body {
    margin-top: 0;
    gap: 8px;
    grid-column: 2;
    grid-row: 1;
  }

  .technologies-campaign-management__card-title {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .technologies-campaign-management__card-text {
    max-width: none;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }
}

/**
 * «Экстра» — Views/Technologies/Partials/_TechnologiesExtra.cshtml.
 * Figma: Технологии → Block 6 (40277:503158).
 * Десктоп — базовые стили; мобилка — max-width: 767px.
 */

.technologies-extra {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 72px 0px 80px;
  color: #222222;
  background-color: #ffffff;
  border-radius: 32px;
  position: relative;
  max-width: 1440px;
  width: 100%;
}

.technologies-extra__inner {
  box-sizing: border-box;
  max-width: 1300px;
  margin: 0 auto;
}

.technologies-extra__title {
  margin: 0 0 64px;
  font-family: var(--font-heading);
  font-size: 48px;
  font-weight: 500;
  line-height: 1.1666667;
  letter-spacing: -0.0063em;
  color: #222222;
}

.technologies-extra__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: minmax(340px, auto) minmax(340px, auto) minmax(340px, auto);
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.technologies-extra__item--creative-gallery {
  grid-column: 1;
  grid-row: 1;
}

.technologies-extra__item--brand-lift {
  grid-column: 2;
  grid-row: 1;
}

.technologies-extra__item--retargeting {
  grid-column: 1;
  grid-row: 2;
}

.technologies-extra__item--data-enrichment {
  grid-column: 2;
  grid-row: 2 / span 2;
}

.technologies-extra__item--cross-platform {
  grid-column: 1;
  grid-row: 3;
}

.technologies-extra__item {
  margin: 0;
  min-width: 0;
}

.technologies-extra__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  padding: 32px 40px 40px;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  background-color: #ffffff;
}

.technologies-extra__card--featured {
  min-height: 0;
  border: none;
  background-color: #f5f1ff;
}

.technologies-extra__card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 40px;
}

.technologies-extra__card-head .technologies-extra__icon {
  margin-bottom: 0;
}

.technologies-extra__icon {
  display: block;
  flex-shrink: 0;
  width: 100px;
  height: 100px;
  margin-bottom: 40px;
}

.technologies-extra__badge {
  flex-shrink: 0;
  margin-left: auto;
  padding: 10px 16px;
  border-radius: 8px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #591bd9;
  background-color: #ded0ff;
}

.technologies-extra__card-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: auto;
}

.technologies-extra__card-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3333333;
  letter-spacing: -0.0125em;
  color: #222222;
}

.technologies-extra__card-text {
  margin: 0;
  max-width: 550px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #6c6767;
}

@media (max-width: 767px) {
  .technologies-extra {
    padding: 32px 16px;
    border-radius: 16px;
  }

  .technologies-extra__title {
    margin-bottom: 32px;
    font-size: 32px;
    line-height: 1.1;
    letter-spacing: -0.03em;
  }

  .technologies-extra__grid {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .technologies-extra__item {
    position: relative;
    width: 100%;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.16);
  }

  .technologies-extra__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .technologies-extra__item--creative-gallery,
  .technologies-extra__item--brand-lift,
  .technologies-extra__item--retargeting,
  .technologies-extra__item--data-enrichment,
  .technologies-extra__item--cross-platform {
    grid-column: auto;
    grid-row: auto;
  }

  .technologies-extra__card {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    column-gap: 32px;
    align-items: start;
    height: auto;
    min-height: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    background-color: #ffffff;
  }

  .technologies-extra__card--featured {
    background-color: #ffffff;
  }

  .technologies-extra__card-head {
    display: contents;
  }

  .technologies-extra__icon {
    grid-column: 1;
    grid-row: 1 / -1;
    width: 50px;
    height: 50px;
    margin: 0;
    object-fit: contain;
    align-self: start;
  }

  .technologies-extra__card-head .technologies-extra__icon {
    margin-bottom: 0;
  }

  .technologies-extra__badge {
    grid-column: 2;
    grid-row: 2;
    align-self: start;
    width: fit-content;
    max-width: none;
    margin: 8px 0 0;
    margin-left: 0;
    padding: 6px 8px 7px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: -0.025em;
    text-align: left;
    color: #591bd9;
    background-color: #ded0ff;
  }

  .technologies-extra__card-body {
    margin-top: 0;
    gap: 8px;
    grid-column: 2;
    grid-row: 1;
  }

  .technologies-extra__card-title {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .technologies-extra__card-text {
    max-width: none;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }
}

/**
 * Общая зона контента страницы «Инвентарь» под героем.
 * Figma: frame second (40154:761) — белая панель со скруглением сверху.
 */

.inventory-page__content {
  box-sizing: border-box;
  padding-top: 27px;
  margin: 0 auto;
  background-color: #ffffff;
  border-radius: 32px 32px 0 0;
  position: relative;
}

.inventory-page__content + .demo-cabinet {
  padding-bottom: 120px;
}

.inventory-page__surface-inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 56px 80px 80px;
}

.inventory-page__technologies {
  box-sizing: border-box;
  padding: 0 80px 80px;
}

@media (max-width: 767px) {
  .inventory-page__content {
    border-radius: 0;
    background-color: transparent;
    padding-top: 0;
  }
  .inventory-page__content + .demo-cabinet {
    margin-top: -15px;
    padding-bottom: 0;
  }
  .inventory-page__technologies {
    padding: 0 16px 48px;
  }
  .inventory-page__surface-inner {
    padding: 32px 16px 48px;
  }
}

/**
 * Карточки форматов — Views/Inventory/Partials/_InventorySecondary.cshtml.
 * Figma: Инвентарь → Block 2 (40277:503105).
 */

.inventory-formats {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 16px 120px;
}

.inventory-formats__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
    'oem inapp'
    'ctv ctv'
    'mobweb mobweb';
  gap: 20px;
  max-width: 1064px;
  margin: 0 auto;
}

.inventory-formats__card {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
  outline-offset: 3px;
  transition: opacity 0.2s ease;
}

.inventory-formats__card:hover {
  opacity: 0.97;
}

.inventory-formats__card:focus-visible {
  outline: 2px solid #591bd9;
  z-index: 1;
}

.inventory-formats__title {
  margin: 0 0 26px;
  font-family: var(--font-heading);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.inventory-formats__title--dark {
  color: #222222;
}

.inventory-formats__title--light {
  color: #ffffff;
}

.inventory-formats__list {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}

.inventory-formats__item {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  margin: 0;
  padding: 20px 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.inventory-formats__item--dark {
  border-bottom-color: rgba(34, 34, 34, 0.1);
}

.inventory-formats__item--light {
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

.inventory-formats__item:first-child {
  padding-top: 0;
}

.inventory-formats__item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.inventory-formats__check {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: block;
}

.inventory-formats__item-text {
  margin: 0;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3333333;
  letter-spacing: -0.015em;
}

/* OEM — 522×820, padding 32/37, blur @ (106, 649) */
.inventory-formats__card--oem {
  grid-area: oem;
  min-height: 820px;
  padding: 32px 37px 0;
  background-color: #f5f1ff;
}

.inventory-formats__card--oem::after {
  content: '';
  position: absolute;
  left: 106px;
  bottom: 51px;
  z-index: 0;
  width: 310px;
  height: 120px;
  pointer-events: none;
  background: #9d75ee;
  opacity: 0.35;
  filter: blur(72px);
}

.inventory-formats__oem-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
}

.inventory-formats__card--oem .inventory-formats__item-text {
  color: #222222;
}

.inventory-formats__oem-visual {
  position: relative;
  z-index: 1;
  margin-top: auto;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-left: -37px;
  margin-right: -37px;
  padding-top: 24px;
  pointer-events: none;
}

.inventory-formats__oem-img {
  display: block;
  width: 100%;
  max-width: 448px;
  height: auto;
  object-fit: contain;
  object-position: bottom center;
}

/* In-App — 522×820, #FCFCFC + video @ (-783, 0) */
.inventory-formats__card--in-app {
  grid-area: inapp;
  min-height: 820px;
  padding: 32px 40px 40px;
  border: 0.5px solid #ececec;
  background-color: #fcfcfc;
}

.inventory-formats__in-app-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.inventory-formats__in-app-video {
  display: block;
  position: absolute;
  top: 0;
  left: -150.115%;
  width: 331.417%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
}

.inventory-formats__in-app-body {
  position: relative;
  z-index: 1;
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
}

.inventory-formats__card--in-app .inventory-formats__title {
  align-self: center;
  text-align: center;
}

.inventory-formats__card--in-app .inventory-formats__item-text {
  color: #ffffff;
}

/* CTV — 1064×500, image + glow, content @ (582, 88) */
.inventory-formats__card--ctv {
  grid-area: ctv;
  min-height: 500px;
  padding: 0;
}

.inventory-formats__ctv-media {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.inventory-formats__ctv-img {
  position: absolute;
  top: -34.2%;
  left: -17.48%;
  width: 128.27%;
  max-width: none;
  height: auto;
  min-height: 100%;
  object-fit: cover;
}

.inventory-formats__ctv-glow {
  position: absolute;
  top: -78.6%;
  right: -14.47%;
  width: 72.56%;
  height: 257%;
  background: #141000;
  opacity: 0.8;
  filter: blur(500px);
}

.inventory-formats__ctv-inner {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  max-width: 475px;
  margin-left: auto;
  padding: 88px 40px 40px;
  text-align: left;
}

.inventory-formats__card--ctv .inventory-formats__title {
  margin-bottom: 40px;
}

.inventory-formats__card--ctv .inventory-formats__item {
  border-bottom-color: rgba(255, 255, 255, 0.2);
}

.inventory-formats__card--ctv .inventory-formats__item-text {
  color: #ffffff;
}

/* Мобильный веб — 1064×500, picture @ (55, 40), content @ (582, 72) */
.inventory-formats__card--mobweb {
  grid-area: mobweb;
  padding: 0;
  min-height: 500px;
  background-color: #f5f1ff;
  color: #222222;
}

.inventory-formats__mobweb-inner {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 412px) minmax(0, 442px);
  justify-content: space-between;
  align-items: start;
  gap: 115px;
  min-height: 500px;
  padding: 40px 40px 40px 55px;
}

.inventory-formats__mobweb-visual {
  position: relative;
  width: 100%;
  max-width: 412px;
  aspect-ratio: 412 / 460;
  overflow: hidden;
  pointer-events: none;
}

.inventory-formats__mobweb-phone {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-width: none;
}

.inventory-formats__mobweb-mask {
  position: absolute;
  z-index: 1;
  background-color: #f5f1ff;
}

.inventory-formats__mobweb-mask--top {
  top: 21.74%;
  left: 5.1%;
  width: 90.29%;
  height: 46.09%;
}

.inventory-formats__mobweb-mask--bottom {
  top: 60.65%;
  left: 9.47%;
  width: 82.77%;
  height: 39.35%;
}

.inventory-formats__mobweb-body {
  box-sizing: border-box;
  padding-top: 32px;
  max-width: 442px;
}

.inventory-formats__title--mobweb {
  margin-bottom: 40px;
  letter-spacing: -0.03em;
}

.inventory-formats__mobweb-body .inventory-formats__item-text {
  color: #222222;
}

@media (max-width: 767px) {
  .inventory-formats {
    padding-bottom: 12px;
    padding-left: 0;
    padding-right: 0;
  }

  .inventory-formats__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      'oem'
      'inapp'
      'ctv'
      'mobweb';
    gap: 8px;
  }

  .inventory-formats__card--in-app {
    min-height: 432px;
    padding: 32px 20px;
    border: none;
    background-color: transparent;
  }

  .inventory-formats__card--in-app .inventory-formats__title {
    align-self: flex-start;
    text-align: left;
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #ffffff;
  }

  .inventory-formats__card--in-app .inventory-formats__list {
    gap: 12px;
  }

  .inventory-formats__card--in-app .inventory-formats__item {
    gap: 12px;
    padding: 0;
    border-bottom: none;
  }

  .inventory-formats__card--in-app .inventory-formats__item picture {
    flex-shrink: 0;
    display: block;
    line-height: 0;
  }

  .inventory-formats__card--in-app .inventory-formats__check {
    width: 18px;
    height: 18px;
  }

  .inventory-formats__card--in-app .inventory-formats__item-text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
    color: #ffffff;
  }

  .inventory-formats__card--in-app .inventory-formats__br--desktop-only {
    display: none;
  }

  .inventory-formats__card--in-app .inventory-formats__in-app-video {
    left: -68.62%;
    width: 221.54%;
    height: 108.56%;
    min-height: 100%;
  }

  /* OEM mobile — Figma 40533:2779 */
  .inventory-formats__card--oem {
    min-height: 0;
    padding: 32px 20px 0;
    background-color: #ffffff;
  }

  .inventory-formats__card--oem::after {
    display: none;
  }

  .inventory-formats__card--oem .inventory-formats__title {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #232323;
  }

  .inventory-formats__card--oem .inventory-formats__list {
    gap: 12px;
  }

  .inventory-formats__card--oem .inventory-formats__item {
    gap: 12px;
    padding: 0;
    border-bottom: none;
  }

  .inventory-formats__card--oem .inventory-formats__item picture {
    flex-shrink: 0;
    display: block;
    line-height: 0;
  }

  .inventory-formats__card--oem .inventory-formats__check {
    width: 18px;
    height: 18px;
  }

  .inventory-formats__card--oem .inventory-formats__item-text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .inventory-formats__card--oem .inventory-formats__br--desktop-only {
    display: none;
  }

  .inventory-formats__card--oem .inventory-formats__oem-visual {
    margin: 40px auto 0;
    padding-top: 0;
    max-height: 180px;
    overflow: hidden;
    justify-content: center;
    align-items: flex-end;
  }

  .inventory-formats__card--oem .inventory-formats__oem-img {
    width: 286px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: bottom center;
  }

  /* CTV mobile — Figma 40533:2827 */
  .inventory-formats__card--ctv {
    min-height: 432px;
    padding: 0;
  }

  .inventory-formats__card--ctv .inventory-formats__ctv-glow {
    display: none;
  }

  .inventory-formats__card--ctv .inventory-formats__ctv-img {
    top: 0;
    left: -6.04%;
    width: 311.85%;
    max-width: none;
    height: auto;
    min-height: 100%;
    object-fit: cover;
    object-position: center top;
  }

  .inventory-formats__card--ctv .inventory-formats__ctv-inner {
    max-width: none;
    margin-left: 0;
    padding: 32px 20px;
  }

  .inventory-formats__card--ctv .inventory-formats__title {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #ffffff;
  }

  .inventory-formats__card--ctv .inventory-formats__list {
    gap: 12px;
  }

  .inventory-formats__card--ctv .inventory-formats__item {
    gap: 12px;
    padding: 0;
    border-bottom: none;
  }

  .inventory-formats__card--ctv .inventory-formats__item picture {
    flex-shrink: 0;
    display: block;
    line-height: 0;
  }

  .inventory-formats__card--ctv .inventory-formats__check {
    width: 18px;
    height: 18px;
  }

  .inventory-formats__card--ctv .inventory-formats__item-text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
    color: #ffffff;
  }

  /* Мобильный веб mobile — Figma 40533:2790 */
  .inventory-formats__card--mobweb {
    min-height: 0;
    padding: 0;
    background-color: #ffffff;
  }

  .inventory-formats__mobweb-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-height: 0;
    padding: 32px 20px 0;
  }

  .inventory-formats__mobweb-body {
    order: 1;
    padding-top: 0;
    max-width: none;
  }

  .inventory-formats__mobweb-visual {
    order: 2;
    display: block;
    position: relative;
    width: 286px;
    max-width: 100%;
    height: 180px;
    margin: 40px auto 0;
    overflow: hidden;
    pointer-events: none;
  }

  .inventory-formats__card--mobweb .inventory-formats__title--mobweb {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #232323;
  }

  .inventory-formats__card--mobweb .inventory-formats__list {
    gap: 12px;
  }

  .inventory-formats__card--mobweb .inventory-formats__item {
    gap: 12px;
    padding: 0;
    border-bottom: none;
  }

  .inventory-formats__card--mobweb .inventory-formats__item picture {
    flex-shrink: 0;
    display: block;
    line-height: 0;
  }

  .inventory-formats__card--mobweb .inventory-formats__check {
    width: 18px;
    height: 18px;
  }

  .inventory-formats__card--mobweb .inventory-formats__item-text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
    color: #222222;
  }

  .inventory-formats__card--mobweb .inventory-formats__mobweb-phone {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
  }

  .inventory-formats__card--mobweb .inventory-formats__mobweb-mask--top {
    top: 38.48%;
    left: 5.09%;
    width: 90.09%;
    height: 81.58%;
  }

  .inventory-formats__card--mobweb .inventory-formats__mobweb-mask--bottom {
    display: none;
  }

  .inventory-formats__title,
  .inventory-formats__title--mobweb {
    font-size: 28px;
    margin-bottom: 20px;
  }

  .inventory-formats__item-text {
    font-size: 18px;
    line-height: 1.2;
  }

  .inventory-formats__check {
    width: 36px;
    height: 36px;
  }
}

/**
 * «Масштаб платформы в цифрах» — Views/Inventory/Partials/_InventoryPlatformScale.cshtml.
 * Figma: Инвентарь → Block 3 (40277:503106).
 */

.inventory-platform-scale {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 80px 80px;
  color: #222222;
}

.inventory-platform-scale__title {
  margin: 0 auto 80px;
  max-width: 874px;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  text-align: center;
}

.inventory-platform-scale__grid {
  display: grid;
  grid-template-columns: minmax(0, 630fr) minmax(0, 305fr) minmax(0, 304fr);
  grid-template-rows: repeat(2, minmax(0, 305px));
  gap: 20px;
  max-width: 1279px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.inventory-platform-scale__item {
  margin: 0;
  min-width: 0;
}

.inventory-platform-scale__item--users {
  grid-column: 1;
  grid-row: 1 / 3;
}

.inventory-platform-scale__item--segments {
  grid-column: 2 / 4;
  grid-row: 1;
}

.inventory-platform-scale__item--mobweb {
  grid-column: 2;
  grid-row: 2;
}

.inventory-platform-scale__item--publishers {
  grid-column: 3;
  grid-row: 2;
}

.inventory-platform-scale__metrics-group,
.inventory-platform-scale__metrics-group-list {
  display: contents;
}

.inventory-platform-scale__metrics-group-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inventory-platform-scale__metric-label-variant--mobile {
  display: none;
}

.inventory-platform-scale__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  min-height: 0;
  padding: 20px;
  border: 0.5px solid #ececec;
  border-radius: 16px;
  background-color: #fcfcfc;
}

.inventory-platform-scale__card--users {
  padding: 32px 28px 28px 40px;
  border: none;
  background-color: #591bd9;
  color: #ffffff;
}

.inventory-platform-scale__hero-value {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 140px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.inventory-platform-scale__hero-value-lead {
  display: block;
}

.inventory-platform-scale__hero-value-mark {
  display: none;
}

.inventory-platform-scale__hero-value-number {
  display: block;
  padding-left: 12px;
}

.inventory-platform-scale__hero-label-variant--mobile {
  display: none;
}

.inventory-platform-scale__hero-label {
  margin: auto 0 0;
  padding: 0;
  max-width: 244px;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.inventory-platform-scale__metric-value {
  margin: 0;
}

.inventory-platform-scale__metric-value-row {
  display: inline-flex;
  align-items: baseline;
  gap: 0.12em;
}

.inventory-platform-scale__metric-mark {
  flex-shrink: 0;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  letter-spacing: -0.03em;
  color: rgba(89, 27, 217, 0.4);
}

.inventory-platform-scale__metric-number {
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 64px;
  letter-spacing: -0.03em;
  color: #591bd9;
}

.inventory-platform-scale__metric-unit {
  font-size: 0.6428571em;
  font-weight: 600;
  line-height: 1;
}

.inventory-platform-scale__metric-label {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #222222;
}

@media (max-width: 767px) {
  .inventory-platform-scale {
    padding: 0 16px 12px;
  }

  .inventory-platform-scale__title {
    margin-bottom: 40px;
    font-size: 32px;
    display: none;
  }

  .inventory-platform-scale__grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    gap: 6px;
  }

  .inventory-platform-scale__item--users,
  .inventory-platform-scale__item--segments,
  .inventory-platform-scale__item--mobweb,
  .inventory-platform-scale__item--publishers {
    grid-column: auto;
    grid-row: auto;
  }

  .inventory-platform-scale__metrics-group {
    display: list-item;
    margin: 0;
  }

  .inventory-platform-scale__metrics-group-list {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-radius: 16px;
    background-color: #f5f1ff;
    overflow: hidden;
  }

  .inventory-platform-scale__metrics-group-list > .inventory-platform-scale__item {
    border-bottom: 1px solid rgba(34, 34, 34, 0.1);
  }

  .inventory-platform-scale__metrics-group-list > .inventory-platform-scale__item:last-child {
    border-bottom: 0;
  }

  .inventory-platform-scale__metrics-group-list .inventory-platform-scale__card--metric {
    width: 100%;
    min-height: 0;
    height: auto;
    padding: 20px;
    border: none;
    border-radius: 0;
    background-color: transparent;
    justify-content: flex-start;
    gap: 4px;
  }

  .inventory-platform-scale__metrics-group-list
    > .inventory-platform-scale__item:not(:first-child)
    .inventory-platform-scale__card--metric {
    padding-top: 21px;
  }

  .inventory-platform-scale__metrics-group-list
    > .inventory-platform-scale__item:last-child
    .inventory-platform-scale__card--metric {
    padding-bottom: 26px;
  }

  .inventory-platform-scale__card--users {
    width: 100%;
    min-height: 0;
    height: auto;
    aspect-ratio: 344 / 240;
    padding: 20px;
  }

  .inventory-platform-scale__hero-value {
    display: flex;
    align-items: baseline;
    gap: 0.12em;
    font-size: 60px;
    font-weight: 500;
    line-height: 60px;
  }

  .inventory-platform-scale__hero-value-lead {
    display: none;
  }

  .inventory-platform-scale__hero-value-mark {
    display: inline;
    flex-shrink: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    color: inherit;
  }

  .inventory-platform-scale__hero-value-number {
    display: inline;
    padding-left: 0;
  }

  .inventory-platform-scale__hero-label {
    max-width: none;
    font-size: 16px;
    line-height: 1.25;
  }

  .inventory-platform-scale__hero-label-variant--desktop {
    display: none;
  }

  .inventory-platform-scale__hero-label-variant--mobile {
    display: inline;
  }

  .inventory-platform-scale__metric-mark,
  .inventory-platform-scale__metric-number {
    font-size: 26px;
    line-height: 28px;
    color: #591bd9;
  }

  .inventory-platform-scale__metric-unit {
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
  }

  .inventory-platform-scale__metric-label {
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .inventory-platform-scale__metric-label-variant--desktop {
    display: none;
  }

  .inventory-platform-scale__metric-label-variant--mobile {
    display: inline;
  }
}

/**
 * «Стратегические преимущества» — Views/Inventory/Partials/_InventoryStrategicAdvantages.cshtml.
 * Figma: Инвентарь → Block 4 (40277:503107).
 * Десктоп — базовые стили; мобилка — max-width: 767px (как main-features).
 */

.inventory-strategic-advantages {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 16px 120px;
  color: #222222;
}

.inventory-strategic-advantages__title {
  margin: 0 auto 80px;
  max-width: 888px;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  text-align: center;
}

.inventory-strategic-advantages__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  max-width: 1279px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.inventory-strategic-advantages__item {
  margin: 0;
  min-width: 0;
}

.inventory-strategic-advantages__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 428px;
  padding: 20px;
  border: 0.5px solid #ececec;
  border-radius: 16px;
  background-color: #ffffff;
}

.inventory-strategic-advantages__icon-wrap {
  position: relative;
  flex-shrink: 0;
  width: 128px;
  height: 128px;
}

.inventory-strategic-advantages__icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.inventory-strategic-advantages__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: auto;
  padding-top: 112px;
}

.inventory-strategic-advantages__card-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.03em;
  color: #222222;
}

.inventory-strategic-advantages__card-text {
  margin: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: #a1a1a1;
}

@media (max-width: 767px) {
  .inventory-strategic-advantages {
    padding: 0;
    padding-bottom: 12px;
  }

  .inventory-strategic-advantages__title {
    margin-bottom: 40px;
    font-size: 32px;
    display: none;
  }

  .inventory-strategic-advantages__grid {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 49px;
    max-width: none;
    padding: 24px 16px;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(236, 236, 236, 0.3);
    border: 0.5px solid #ececec;
  }

  .inventory-strategic-advantages__item {
    position: relative;
    width: 100%;
  }

  .inventory-strategic-advantages__item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -24.5px;
    left: 0;
    height: 0.5px;
    background: rgba(0, 0, 0, 0.16);
  }

  .inventory-strategic-advantages__card {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    column-gap: 32px;
    align-items: start;
    min-height: 0;
    height: auto;
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
  }

  .inventory-strategic-advantages__icon-wrap {
    grid-row: 1 / span 2;
    width: 50px;
    height: 50px;
  }

  .inventory-strategic-advantages__body {
    display: block;
    margin-top: 0;
    padding-top: 0;
    gap: 0;
  }

  .inventory-strategic-advantages__card-title {
    max-width: 216px;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.0125em;
  }

  .inventory-strategic-advantages__card-text {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
    color: #a7a7a7;
  }

  .inventory-strategic-advantages__mobile-break {
    display: none;
  }
}

/**
 * Герой страницы MobWeb — Views/MobileWeb/Partials/_MobWebHero.cshtml.
 * Figma: Мобильный веб → first (37879:893). Фон градиента — body (page.css).
 */

.mob-web-hero {
  position: relative;
  color: #ffffff;
  overflow: hidden;
}

.mob-web-hero__inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 120px 24px 180px;
}

.mob-web-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 1078px;
}

.mob-web-hero__title {
  box-sizing: border-box;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-align: center;
  color: #ffffff;
}

.mob-web-hero__lead {
  box-sizing: border-box;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3333333333333333;
  letter-spacing: -0.0125em;
  text-align: center;
  color: #ffffff;
}

.mob-web-hero__cta {
  display: flex;
  justify-content: center;
}

.mob-web-hero__title-copy--narrow,
.mob-web-hero__lead-copy--narrow {
  display: none;
}

.mob-web-hero [data-marked] {
  &::before {
    max-width: 380px;
    height: calc(100% + 27px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='385' height='94' fill='none'%3E%3Cpath stroke='%23591bd9' stroke-width='40' d='m1.055 40.083 381-20.114-369.482 54 366.482-15.686'/%3E%3C/svg%3E%0A");
    background-position: 0px 12px;
    left: 52.5%;
  }
}

@media (max-width: 430px) {
  .mob-web-hero__title-copy--wide,
  .mob-web-hero__lead-copy--wide {
    display: none;
  }

  .mob-web-hero__title-copy--narrow,
  .mob-web-hero__lead-copy--narrow {
    display: block;
  }
}
@media (max-width: 767px) {
  .mob-web-hero {
    padding: 0;
  }

  .mob-web-hero__inner {
    gap: 0;
    padding: 30px 16px 30px;
  }

  .mob-web-hero__content {
    gap: 16px;
    max-width: 100%;
  }

  .mob-web-hero__title {
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.003em;
  }

  .mob-web-hero__lead {
    max-width: 318px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.015em;
  }

  .mob-web-hero [data-marked]::before {
    background-size: 276px 45px;
    background-position: center 3px;
    left: 50%;
    width: 276px;
    height: 45px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='271' height='42' fill='none'%3E%3Cpath stroke='%23591bd9' stroke-width='24' d='m.172 15.889 270-3.889L7.045 25.676 265.456 30'/%3E%3C/svg%3E%0A");
  }

  .mob-web-hero__cta {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
    margin-top: 24px;
    pointer-events: none;
  }

  .mob-web-hero__cta--stuck {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 16px;
    z-index: 50;
    margin-top: 0;
  }

  .mob-web-hero__cta .request-platform-access-button {
    pointer-events: auto;
  }
}

/**
 * Герой страницы OEM — Views/Oem/Partials/_OemHero.cshtml.
 * Figma: ОЕМ_приоритет → first (37879:1262); mobile first (40334:506966). Фон градиента — body (page.css).
 */

.oem-hero {
  position: relative;
  color: #ffffff;
  overflow: hidden;
}

.oem-hero__inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 120px 24px 180px;
}

.oem-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 1078px;
}

.oem-hero__title {
  box-sizing: border-box;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-align: center;
  color: #ffffff;
}

.oem-hero__lead {
  box-sizing: border-box;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3333333333333333;
  letter-spacing: -0.0125em;
  text-align: center;
  color: #ffffff;
}

.oem-hero__cta {
  display: flex;
  justify-content: center;
}

.oem-hero [data-marked] {
  &::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='191' height='80' fill='none'%3E%3Cpath stroke='%23591bd9' stroke-width='40' d='m.871 28.086 186-8.102L11.214 50.87 182.7 59.985'/%3E%3C/svg%3E%0A");
  }
}
@media (max-width: 767px) {
  .oem-hero {
    padding: 0;
  }

  .oem-hero__inner {
    gap: 0;
    padding: 30px 16px 30px;
  }

  .oem-hero__content {
    gap: 16px;
    max-width: 100%;
  }

  .oem-hero__title {
    max-width: 376px;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.003em;
  }

  .oem-hero__title [data-marked] {
    font-weight: 700;
  }

  .oem-hero__lead {
    max-width: 318px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.015em;
  }

  .oem-hero [data-marked]::before {
    width: 105px;
    height: calc(100% + 4px);
    background-size: 105px auto;
    background-position: center 0;
    background-image: url("data:image/svg+xml,%3Csvg width='84' height='44' viewBox='0 0 84 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.685328 16.6586L81.3493 12.0838L7.23927 28.7208L82.3576 31.7457' stroke='%23591bd9' stroke-width='24'/%3E%3C/svg%3E");
  }

  .oem-hero__cta {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
    margin-top: 24px;
    pointer-events: none;
  }

  .oem-hero__cta--stuck {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 16px;
    z-index: 50;
    margin-top: 0;
  }

  .oem-hero__cta .request-platform-access-button {
    pointer-events: auto;
  }
}

/**
 * Герой страницы CTV — Views/Ctv/Partials/_CtvHero.cshtml.
 * Figma: CTV_приоритет → first (37879:1013). Фон градиента — body (page.css).
 */

.ctv-hero {
  position: relative;
  color: #ffffff;
  overflow: hidden;
}

.ctv-hero__inner {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
  padding: 120px 24px 180px;
}

.ctv-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 1078px;
}

.ctv-hero__title {
  box-sizing: border-box;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 64px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  text-align: center;
  color: #ffffff;
}

.ctv-hero__lead {
  box-sizing: border-box;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3333333333333333;
  letter-spacing: -0.0125em;
  text-align: center;
  color: #ffffff;
}

.ctv-hero__cta {
  display: flex;
  justify-content: center;
}

.ctv-hero [data-marked] {
  &::before {
    width: calc(100% + 20px);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='278' height='76' fill='none'%3E%3Cpath stroke='%23591bd9' stroke-width='40' d='M0 20h266.623L9.271 56 277 49.51'/%3E%3C/svg%3E%0A");
  }
}

@media (max-width: 767px) {
  .ctv-hero {
    padding: 0;
  }

  .ctv-hero__inner {
    gap: 0;
    padding: 30px 16px 30px;
  }

  .ctv-hero__content {
    gap: 16px;
    max-width: 100%;
  }

  .ctv-hero__title {
    max-width: 376px;
    font-size: 36px;
    font-weight: 500;
    line-height: 36px;
    letter-spacing: -0.003em;
  }

  .ctv-hero__lead {
    max-width: 318px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.015em;
  }

  .ctv-hero [data-marked]::before {
    width: 159px;
    height: 48px;
    background-size: 100% 100%;
    background-position: center 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='122' height='38' fill='none'%3E%3Cpath stroke='%23591bd9' stroke-width='24' d='m.2 14 119.999-2-116 10.5 111.907 3'/%3E%3C/svg%3E%0A");
  }

  .ctv-hero__cta {
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
    margin-top: 24px;
    pointer-events: none;
  }

  .ctv-hero__cta--stuck {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 16px;
    z-index: 50;
    margin-top: 0;
  }

  .ctv-hero__cta .request-platform-access-button {
    pointer-events: auto;
  }
}

.mob-web-page__content {
  border-radius: 32px 32px 0 0;
  background: #fff;
  padding: 100px 0 120px;
  position: relative;
}
.mob-web-page__content + .demo-cabinet {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .mob-web-page__content + .demo-cabinet {
    margin-top: -15px;
    padding-bottom: 0;
  }
  .mob-web-page__content {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
  }
}

/**
 * Обёртка белой зоны страницы OEM — Views/Oem/Index.cshtml (.oem-page__content).
 */

.oem-page__content {
  border-radius: 32px 32px 0 0;
  background: #fff;
  padding: 100px 0 120px;
  position: relative;
}
.oem-page__content + .demo-cabinet {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .oem-page__content {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
  }
  .oem-page__content + .demo-cabinet {
    margin-top: -15px;
    padding-bottom: 0;
  }
}

/**
 * Обёртка белой зоны страницы CTV — Views/Ctv/Index.cshtml (.ctv-page__content).
 */

.ctv-page__content {
  border-radius: 32px 32px 0 0;
  background: #fff;
  padding: 100px 0 120px;
  position: relative;
}
.ctv-page__content + .demo-cabinet {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .ctv-page__content {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
  }
  .ctv-page__content + .demo-cabinet {
    margin-top: -15px;
    padding-bottom: 0;
  }
}

/**
 * Общий блок иконок для главной, In-App, Mobile Web, OEM и CTV.
 */

.feature-icons {
  box-sizing: border-box;
  color: #222222;
}

.feature-icons__inner {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 340px));
  justify-content: space-between;
  gap: 48px 40px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 70px;
}

.feature-icons__item {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.feature-icons__icon-wrap {
  position: relative;
  flex-shrink: 0;
  width: 110px;
  height: 110px;
  margin-bottom: 24px;
}

.feature-icons__icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.feature-icons__title {
  box-sizing: border-box;
  margin: 0 0 20px;
  padding: 0;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.0125em;
  text-align: left;
  color: #222222;
}

.feature-icons__note {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  text-align: left;
  color: rgba(34, 34, 34, 0.4);
}

.feature-icons__br--mobile-only {
  display: none;
}

@media (max-width: 767px) {
  .feature-icons {
    width: 100%;
    margin-bottom: 12px;
    border-radius: 16px;
    background: #ffffff;
    padding: 0;
  }

  .feature-icons__inner {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: flex-start;
    max-width: none;
    min-height: 0;
    margin: 0;
    padding: 24px 16px;
  }

  .feature-icons__item {
    display: grid;
    grid-template-columns: 50px minmax(0, 1fr);
    column-gap: 32px;
    align-items: start;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.16);
  }

  .feature-icons__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }

  .feature-icons__icon-wrap {
    grid-row: 1 / span 2;
    width: 50px;
    height: 50px;
    margin-bottom: 0;
  }

  .feature-icons__title {
    max-width: none;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .feature-icons__note {
    margin-top: 8px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
    color: #a7a7a7;
  }

  .feature-icons__br--desktop-only {
    display: none;
  }

  .feature-icons__br--mobile-only {
    display: inline;
  }
}

/**
 * Блок иконок CTV — Views/Ctv/Partials/_CtvFeatureIcons.cshtml.
 * Figma: icons (39411:1149).
 */

.ctv-feature-icons {
  margin-bottom: 120px;
}

@media (max-width: 767px) {
  .ctv-feature-icons {
    margin-bottom: 12px;
  }
}

/**
 * Блок иконок OEM — Views/Oem/Partials/_OemFeatureIcons.cshtml.
 * Figma: Frame 1597879853 (37879:1270).
 */

.oem-feature-icons {
  margin-bottom: 120px;
}

@media (max-width: 767px) {
  .oem-feature-icons {
    margin-bottom: 12px;
  }
}

/**
 * Блок метрик OEM (bento) — Views/Oem/Partials/_OemMetricsBento.cshtml.
 * Figma: Frame 1597879854 (39170:989).
 */

.oem-metrics-bento {
  box-sizing: border-box;
  margin-bottom: 120px;
  color: #222222;
}

.oem-metrics-bento__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}

.oem-metrics-bento__grid {
  display: grid;
  grid-template-columns: 670px 590px;
  grid-template-rows: 484px 484px;
  gap: 20px;
  align-items: start;
}

.oem-metrics-bento__cell--slider {
  box-sizing: border-box;
  position: relative;
  width: 670px;
  height: 484px;
}

.oem-metrics-bento__cell--slider::before {
  content: '';
  position: absolute;
  top: 20px;
  right: 0;
  width: 530px;
  height: 444px;
  border-radius: 16px;
  background-color: #ded0ff;
}

.oem-metrics-bento__slider-card {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 640px;
  height: 484px;
  border-radius: 16px;
  background-color: #f5f1ff;
  overflow: hidden;
}

.oem-metrics-bento__slider-story {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
}

.oem-metrics-bento__slider-progress-slot {
  flex-shrink: 0;
  padding: 32px 40px 0;
  box-sizing: border-box;
}

.oem-metrics-bento__slider-slides {
  flex: 1;
  min-height: 0;
  width: 100%;
  position: relative;
}

.oem-metrics-bento__slider-slide {
  box-sizing: border-box;
}

.oem-metrics-bento__slider-headline {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 20px;
  margin: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.0125em;
  text-align: center;
  color: #222222;
  width: 100%;
}

.oem-metrics-bento__slider-phone {
  position: absolute;
  left: 114px;
  top: 140px;
  width: 412px;
  height: 352px;
  overflow: hidden;
}

.oem-metrics-bento__slider-phone-img {
  display: block;
  width: 412px;
  height: 352px;
  object-fit: cover;
}

.oem-metrics-bento__ad-card {
  box-sizing: border-box;
  position: absolute;
  left: 40px;
  top: 280px;
  width: 560px;
  height: 106px;
  border: 1px solid rgb(255 255 255 / 24%);
  border-radius: 24px;
  background-color: rgb(255 255 255 / 90%);
}

.oem-metrics-bento__ad-icon {
  position: absolute;
  left: 32px;
  top: 30px;
  display: block;
  width: 46px;
  height: 46px;
}

.oem-metrics-bento__ad-copy {
  position: absolute;
  left: 102px;
  top: 34px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.oem-metrics-bento__ad-brand {
  font-family: var(--font-heading);
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: -0.003em;
  color: #222222;
}

.oem-metrics-bento__ad-text {
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: -0.003em;
  color: #222222;
}

.oem-metrics-bento__ad-button {
  box-sizing: border-box;
  position: absolute;
  left: 388px;
  top: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 142px;
  height: 46px;
  padding: 6px 24px 8px;
  border: 2px solid #1fc10d;
  border-radius: 100px;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.015em;
  color: #1fc10d;
}

.oem-metrics-bento__cell--visibility {
  box-sizing: border-box;
  width: 590px;
  height: 340px;
  align-self: end;
  padding: 32px 40px 40px;
  border-radius: 16px;
  background-color: #591bd9;
  display: flex;
  flex-direction: column;
  color: #ffffff;
}

.oem-metrics-bento__visibility-value {
  margin: 0;
  padding: 0;
  align-self: flex-start;
  font-family: var(--font-heading);
  font-size: 140px;
  font-weight: 400;
  line-height: 140px;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.oem-metrics-bento__visibility-text {
  margin: auto 0 0;
  padding: 0;
  max-width: 379px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.0125em;
  color: #ffffff;
}

.oem-metrics-bento__cell--reach {
  box-sizing: border-box;
  position: relative;
  width: 670px;
  height: 484px;
  padding: 32px 40px 40px;
  border-radius: 16px;
  background-color: #f5f1ff;
  display: flex;
  flex-direction: column;
}

.oem-metrics-bento__reach-value {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 140px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #591bd9;
}

.oem-metrics-bento__reach-lead {
  margin: 0;
  padding: 0;
  max-width: 528px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.0125em;
  color: #222222;
}

.oem-metrics-bento__reach-note {
  position: absolute;
  left: 40px;
  bottom: 32px;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin: 0;
  padding: 0;
}

.oem-metrics-bento__reach-note::before {
  content: '';
  position: absolute;
  left: -40px;
  right: -220px;
  top: -33px;
  height: 1px;
  background-color: #ded0ff;
}

.oem-metrics-bento__reach-icon {
  position: relative;
  z-index: 1;
  display: block;
  width: 56px;
  height: 56px;
  flex: 0 0 auto;
}

.oem-metrics-bento__reach-note-text {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  max-width: 334px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.015em;
  color: #222222;
}

.oem-metrics-bento__cell--tracking {
  box-sizing: border-box;
  width: 590px;
  height: 484px;
  padding: 32px 40px 40px;
  border-radius: 16px;
  background-color: #f5f1ff;
}

.oem-metrics-bento__tracking-title {
  margin: 0;
  max-width: 321px;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #222222;
}

.oem-metrics-bento__tracking-board {
  display: grid;
  gap: 40px 0;
  margin-top: 207px;
}

.oem-metrics-bento__tracking-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.oem-metrics-bento__tracking-logo {
  display: block;
  height: auto;
  flex: 0 0 auto;
}

.oem-metrics-bento__tracking-logo--appsflyer {
  width: 192px;
}

.oem-metrics-bento__tracking-logo--branch {
  width: 133px;
}

.oem-metrics-bento__tracking-logo--appmetrica {
  width: 254px;
}

.oem-metrics-bento__tracking-logo--adjust {
  width: 169px;
}

@media (max-width: 767px) {
  .oem-metrics-bento {
    margin-bottom: 12px;
  }

  .oem-metrics-bento__inner {
    padding: 0 16px;
  }

  .oem-metrics-bento__grid {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .oem-metrics-bento__cell--slider,
  .oem-metrics-bento__cell--visibility,
  .oem-metrics-bento__cell--reach,
  .oem-metrics-bento__cell--tracking {
    width: 100%;
    height: calc((100vw - 32px) / 1.43);
    min-height: 240px;
    margin-top: 0;
    border-radius: 16px;
  }
  .oem-metrics-bento__cell--visibility {
    padding: 24px;
  }

  .oem-metrics-bento__cell--slider::before {
    top: 10px;
    right: 0;
    bottom: 10px;
    left: 4px;
    width: auto;
    height: auto;
  }

  .oem-metrics-bento__slider-card {
    width: calc(100% - 16px);
    height: 100%;
  }

  .oem-metrics-bento__slider-progress-slot {
    padding: 24px 20px 0;
  }

  .oem-metrics-bento__slider-headline {
    top: 14px;
    right: 20px;
    left: 20px;
    width: auto;
    max-width: none;
    transform: none;
    font-size: 16px;
    line-height: 20px;
  }

  .oem-metrics-bento__slider-phone {
    left: 50%;
    top: 58px;
    width: min(240px, calc(100% - 40px));
    height: 112px;
    transform: translateX(-50%);
  }

  .oem-metrics-bento__slider-phone-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
  }

  .oem-metrics-bento__ad-card {
    left: 20px;
    right: 20px;
    top: auto;
    bottom: 52px;
    width: auto;
    height: 64px;
    border-radius: 18px;
  }

  .oem-metrics-bento__ad-icon {
    left: 10px;
    top: 16px;
    width: 32px;
    height: 32px;
  }

  .oem-metrics-bento__ad-copy {
    left: 50px;
    top: 14px;
  }

  .oem-metrics-bento__ad-brand {
    font-size: 13px;
    font-weight: 600;
  }

  .oem-metrics-bento__ad-text {
    max-width: 135px;
    font-size: 12px;
    line-height: 14px;
  }

  .oem-metrics-bento__ad-button {
    right: 8px;
    left: auto;
    top: 16px;
    width: 75px;
    height: 32px;
    padding: 4px 12px 5px;
    border-width: 1px;
    font-size: 11px;
    line-height: 14px;
  }

  .oem-metrics-bento__cell--reach,
  .oem-metrics-bento__cell--tracking {
    padding: 24px;
  }

  .oem-metrics-bento__visibility-value,
  .oem-metrics-bento__reach-value {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .oem-metrics-bento__visibility-text,
  .oem-metrics-bento__reach-lead {
    max-width: 290px;
    font-size: 14px;
    line-height: 18px;
  }

  .oem-metrics-bento__reach-note {
    right: 24px;
    bottom: 20px;
    left: 24px;
    gap: 14px;
  }

  .oem-metrics-bento__reach-note::before {
    top: -20px;
    right: -24px;
    left: -24px;
  }

  .oem-metrics-bento__reach-icon {
    width: 40px;
    height: 40px;
  }

  .oem-metrics-bento__reach-note-text {
    max-width: 240px;
    font-size: 14px;
    line-height: 18px;
  }

  .oem-metrics-bento__tracking-title {
    max-width: 260px;
    font-size: 26px;
    line-height: 28px;
  }

  .oem-metrics-bento__tracking-board {
    gap: 28px 0;
    margin-top: 52px;
  }

  .oem-metrics-bento__tracking-logo--appsflyer {
    width: 112px;
  }

  .oem-metrics-bento__tracking-logo--branch {
    width: 78px;
  }

  .oem-metrics-bento__tracking-logo--appmetrica {
    width: 148px;
  }

  .oem-metrics-bento__tracking-logo--adjust {
    width: 98px;
  }
}

/**
 * Блок cells (бенто) CTV — Views/Ctv/Partials/_CtvMetricsBento.cshtml.
 * Figma: cells (39411:1178), карточка аудитории (39754:2760).
 */

.ctv-metrics-bento {
  box-sizing: border-box;
  margin-bottom: 120px;
  color: #222222;
}

.ctv-metrics-bento__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}

.ctv-metrics-bento__grid {
  display: grid;
  grid-template-columns: 670px 590px;
  grid-template-rows: 484px 484px;
  gap: 20px;
  align-items: start;
}

.ctv-metrics-bento__cell--targeting {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 670px;
  height: 340px;
  margin-top: 144px;
  padding: 32px 40px 40px;
  border-radius: 16px;
  background-color: #f5f1ff;
}

.ctv-metrics-bento__targeting-value {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 88px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #591bd9;
}

.ctv-metrics-bento__targeting-caption {
  margin: 0;
  padding: 0;
  max-width: 350px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #222222;
}

.ctv-metrics-bento__targeting-lead {
  margin: auto 0 0;
  padding: 0;
  max-width: 344px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #222222;
}

.ctv-metrics-bento__cell--ctv {
  box-sizing: border-box;
  width: 590px;
  height: 484px;
  padding: 32px 32px 24px 40px;
  border-radius: 16px;
  background-color: #591bd9;
  color: #ffffff;
}

.ctv-metrics-bento__ctv-label {
  display: block;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.ctv-metrics-bento__ctv-caption {
  margin: 20px 0 0;
  max-width: 271px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #ffffff;
}

.ctv-metrics-bento__ctv-value {
  margin: 134px 0 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 180px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: right;
  color: #ffffff;
}

.ctv-metrics-bento__cell--reach {
  box-sizing: border-box;
  position: relative;
  width: 670px;
  height: 484px;
  overflow: hidden;
  border-radius: 16px;
}

.ctv-metrics-bento__reach-visual {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.ctv-metrics-bento__reach-bg {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ctv-metrics-bento__reach-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.25);
  pointer-events: none;
}

.ctv-metrics-bento__reach-content {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding-top: 114px;
  color: #ffffff;
}

.ctv-metrics-bento__reach-icon {
  position: relative;
  width: 118px;
  height: 100px;
}

.ctv-metrics-bento__reach-icon::before {
  content: '';
  position: absolute;
  left: 5px;
  top: 7px;
  width: 107px;
  height: 78px;
  border: 10px solid #ffffff;
  border-bottom-width: 14px;
  border-radius: 14px;
  box-sizing: border-box;
}

.ctv-metrics-bento__reach-icon::after {
  content: '';
  position: absolute;
  left: 23px;
  bottom: 2px;
  width: 72px;
  height: 7px;
  border-radius: 100px;
  background-color: #ffffff;
}

.ctv-metrics-bento__reach-title {
  margin: 40px 0 0;
  width: 396px;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  text-align: center;
  color: #ffffff;
}

.ctv-metrics-bento__reach-lead {
  margin: 16px 0 0;
  width: 237px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  text-align: center;
  color: #ffffff;
}

.ctv-metrics-bento__cell--income {
  box-sizing: border-box;
  position: relative;
  width: 590px;
  height: 484px;
}

.ctv-metrics-bento__cell--income::before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 20px;
  z-index: 0;
  width: 530px;
  height: 444px;
  border-radius: 16px;
  background-color: #ded0ff;
}

.ctv-metrics-bento__income-card {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  width: 560px;
  height: 484px;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
  background-color: #f5f1ff;
}

.ctv-metrics-bento__income-slider-root {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
  height: 100%;
}

.ctv-metrics-bento__income-progress-slot {
  flex-shrink: 0;
  padding: 32px 38px 0 40px;
  box-sizing: border-box;
}

.ctv-metrics-bento__income-slides {
  flex: 1;
  min-height: 0;
  width: 100%;
}
.ctv-metrics-bento__income-slide {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Слайд 1 — Figma 39754:2690 */
.ctv-metrics-bento__income-slide--devices {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 0 40px 40px;
}

.ctv-metrics-bento__income-viz {
  flex-shrink: 0;
  border-radius: 16px;
  overflow: hidden;
}

.ctv-metrics-bento__income-viz--chart {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  max-width: 480px;
  margin: 36px auto 0;
}

.ctv-metrics-bento__income-viz-bg {
  display: block;
  width: 100%;
  height: auto;
}

.ctv-metrics-bento__income-viz-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: auto;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

.ctv-metrics-bento__income-viz--vod {
  box-sizing: border-box;
  width: 100%;
  max-width: 460px;
  margin: 35px auto 0;
}

.ctv-metrics-bento__income-viz--vod .ctv-metrics-bento__income-viz-bg {
  margin: 0 auto;
}

.ctv-metrics-bento__income-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
}

.ctv-metrics-bento__income-split-value {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #591bd9;
}

.ctv-metrics-bento__income-split-num {
  font-size: 64px;
}

.ctv-metrics-bento__income-split-suffix {
  font-size: 36px;
}

.ctv-metrics-bento__income-split-label {
  margin: 8px 0 0;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #222222;
}

/* Слайд 2 — Figma 39754:2776 */
.ctv-metrics-bento__income-slide--vod {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 8px 40px 40px;
}

.ctv-metrics-bento__income-vod-value {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.14;
  letter-spacing: -0.03em;
  font-variant-numeric: tabular-nums;
  color: #591bd9;
}

.ctv-metrics-bento__income-vod-label {
  margin: 0;
  max-width: 420px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #222222;
}

@media (max-width: 767px) {
  .ctv-metrics-bento {
    margin-bottom: 12px;
  }

  .ctv-metrics-bento__inner {
    padding: 0 16px;
  }

  .ctv-metrics-bento__grid {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .ctv-metrics-bento__cell--targeting,
  .ctv-metrics-bento__cell--ctv,
  .ctv-metrics-bento__cell--reach,
  .ctv-metrics-bento__cell--income {
    width: 100%;
    height: calc((100vw - 32px) / 1.43);
    min-height: 240px;
    margin-top: 0;
    border-radius: 16px;
  }

  .ctv-metrics-bento__cell--targeting {
    padding: 24px;
  }

  .ctv-metrics-bento__targeting-value {
    font-size: 52px;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .ctv-metrics-bento__targeting-caption {
    max-width: none;
    margin-top: 4px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.03em;
  }

  .ctv-metrics-bento__targeting-lead {
    max-width: none;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .ctv-metrics-bento__cell--ctv {
    display: flex;
    flex-direction: column;
    padding: 24px;
  }

  .ctv-metrics-bento__ctv-label {
    font-size: 26px;
  }

  .ctv-metrics-bento__ctv-caption {
    max-width: 245px;
    margin-top: 12px;
    font-size: 14px;
    line-height: 18px;
  }

  .ctv-metrics-bento__ctv-value {
    margin: auto 0 0;
    font-size: 60px;
    line-height: 1;
  }

  .ctv-metrics-bento__reach-content {
    justify-content: center;
    padding: 40px 24px;
    gap: 14px;
  }

  .ctv-metrics-bento__reach-icon {
    width: 59px;
    height: 50px;
  }

  .ctv-metrics-bento__reach-icon::before {
    left: 3px;
    top: 4px;
    width: 53px;
    height: 39px;
    border-width: 5px;
    border-bottom-width: 7px;
    border-radius: 7px;
  }

  .ctv-metrics-bento__reach-icon::after {
    left: 12px;
    bottom: 1px;
    width: 36px;
    height: 4px;
  }

  .ctv-metrics-bento__reach-title {
    width: auto;
    margin: 0;
    font-size: 26px;
    line-height: 28px;
  }

  .ctv-metrics-bento__reach-lead {
    width: auto;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
  }

  .ctv-metrics-bento__cell--income::before {
    top: 10px;
    right: 0;
    bottom: 10px;
    left: 4px;
    width: auto;
    height: auto;
  }

  .ctv-metrics-bento__income-card {
    width: calc(100% - 16px);
    height: 100%;
  }

  .ctv-metrics-bento__income-progress-slot {
    padding: 24px 20px 0;
  }

  .ctv-metrics-bento__income-slide--devices {
    padding: 0 20px 20px;
  }

  .ctv-metrics-bento__income-viz--chart {
    margin-top: 16px;
  }

  .ctv-metrics-bento__income-viz-play {
    width: 40px;
  }

  .ctv-metrics-bento__income-split {
    display: flex;
    justify-content: space-between;
  }

  .ctv-metrics-bento__income-split-num {
    font-size: 36px;
  }

  .ctv-metrics-bento__income-split-suffix {
    font-size: 22px;
  }

  .ctv-metrics-bento__income-split-label {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
  }

  .ctv-metrics-bento__income-slide--vod {
    padding: 8px 20px 20px;
  }

  .ctv-metrics-bento__income-vod-value {
    font-size: 28px;
  }

  .ctv-metrics-bento__income-vod-label {
    font-size: 14px;
    line-height: 18px;
  }
  .ctv-metrics-bento__income-viz--vod {
    margin-top: 5px;
  }
}

/**
 * Блок форматов CTV — Views/Ctv/Partials/_CtvAdFormats.cshtml.
 * Figma: Frame 39754:2670.
 */

.ctv-ad-formats {
  box-sizing: border-box;
}

.ctv-ad-formats__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}

.ctv-ad-formats__title {
  margin: 0 0 40px;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  text-align: center;
  color: #222222;
}

.ctv-ad-formats__card {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 16px;
}

.ctv-ad-formats__canvas {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  aspect-ratio: 1280 / 718;
  overflow: hidden;
}

.ctv-ad-formats__media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.ctv-ad-formats__overlays {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: 426fr 428fr 426fr;
  pointer-events: none;
}

.ctv-ad-formats__overlay {
  background-color: #9265ee;
}

.ctv-ad-formats__overlay--left {
  opacity: 0.35;
}

.ctv-ad-formats__overlay--mid {
  opacity: 0.5;
}

.ctv-ad-formats__overlay--right {
  opacity: 0.65;
}

.ctv-ad-formats__labels {
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: 426fr 428fr 426fr;
  align-items: end;
  padding-bottom: calc(100% * 110 / 1280);
  pointer-events: none;
}

.ctv-ad-formats__col {
  box-sizing: border-box;
  pointer-events: auto;
}

.ctv-ad-formats__col-title {
  margin: 0;
  font-family: var(--font-heading);
  font-size: 42px;
  font-weight: 500;
  line-height: calc(40 / 42);
  letter-spacing: -0.02em;
  color: #ffffff;
}

.ctv-ad-formats__col-lead {
  margin: 14px 0 0;
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.7);
}

.ctv-ad-formats__col--left {
  padding-left: 40px;
  text-align: left;
}

.ctv-ad-formats__col--center {
  padding-left: min(28px, 4vw);
  padding-right: min(28px, 4vw);
  text-align: center;
}

.ctv-ad-formats__col--right {
  padding-right: 40px;
  text-align: right;
}

.ctv-ad-formats__timeline {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100% * 60 / 718);
  height: 16px;
}

.ctv-ad-formats__rail {
  position: absolute;
  top: 50%;
  height: 4px;
  margin-top: -2px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.45);
}

.ctv-ad-formats__rail--1 {
  left: calc(100% * 55 / 1280);
  width: calc(100% * 578 / 1280);
}

.ctv-ad-formats__rail--2 {
  left: calc(100% * 647 / 1280);
  width: calc(100% * 578 / 1280);
}

.ctv-ad-formats__dot {
  position: absolute;
  top: 0;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  border: 4px solid #ffffff;
  border-radius: 50%;
}

.ctv-ad-formats__dot--1 {
  left: calc(100% * 40 / 1280);
}

.ctv-ad-formats__dot--2 {
  left: calc(100% * 632 / 1280);
}

.ctv-ad-formats__dot--3 {
  left: calc(100% * 1224 / 1280);
}

@media (max-width: 767px) {
  .ctv-ad-formats {
    margin-bottom: 0;
    border-radius: 16px;
    background: #fcfcfc;
    padding: 24px 16px;
  }

  .ctv-ad-formats__inner {
    padding: 0;
  }

  .ctv-ad-formats__title {
    margin-bottom: 40px;
    font-size: 36px;
  }

  .ctv-ad-formats__card {
    border-radius: 16px;
  }

  /* Та же композиция, что на десктопе; кегли и таймлайн масштабируются по ширине вьюпорта. */

  .ctv-ad-formats__col-title {
    font-size: max(13px, min(42px, calc((100vw - 32px) * 42 / 1280)));
    line-height: 1;
  }

  .ctv-ad-formats__col-lead {
    margin-top: max(6px, min(14px, calc((100vw - 32px) * 14 / 1280)));
    font-size: max(10px, min(20px, calc((100vw - 32px) * 20 / 1280)));
    line-height: 1.1;
    color: rgba(255, 255, 255, 0.7);
  }

  .ctv-ad-formats__timeline {
    bottom: calc(100% * 60 / 718);
    height: 16px;
  }

  .ctv-ad-formats__rail {
    height: 4px;
    margin-top: -2px;
  }

  .ctv-ad-formats__dot {
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    border-width: 4px;
  }
  .ctv-ad-formats__col--right {
    padding-right: 10px;
    margin-bottom: 10px;
  }
  .ctv-ad-formats__col--left {
    padding-left: 10px;
    margin-bottom: 10px;
  }
  .ctv-ad-formats__col--center {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
  }

  .ctv-ad-formats__dot--1 {
    left: 10px;
  }

  .ctv-ad-formats__dot--2 {
    left: 50%;
    transform: translate(-50%, -50%) !important;
  }

  .ctv-ad-formats__dot--3 {
    right: 10px;
    left: auto;
  }
  .ctv-ad-formats__rail--1 {
    left: 21px;
    width: calc(50% - 27px);
  }

  .ctv-ad-formats__rail--2 {
    left: auto;
    right: 21px;
    width: calc(50% - 27px);
  }
}

/**
 * Секция «Дополнительные возможности» — Views/Shared/_AdditionalFeatures.cshtml.
 * Figma: Frame 1597879852 (37879:1346); mobile (40334:507263).
 */

.additional-features {
  box-sizing: border-box;
  color: #222222;
}

.additional-features__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}

.additional-features__heading {
  margin: 0 auto;
  max-width: 922px;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.00536em;
  text-align: center;
  color: #222222;
}

.additional-features__heading br {
  display: none;
}

.additional-features__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 40px;
}

.additional-features__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 20px;
  background-color: #fcfcfc;
  border: 0.5px solid #ececec;
  border-radius: 16px;
}

.additional-features__visual {
  box-sizing: border-box;
  flex-shrink: 0;
  height: 246px;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.additional-features__visual-img {
  display: block;
  width: 100%;
}

.additional-features__card-title {
  margin: 50px 0 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.00833em;
  text-align: center;
  color: #222222;
}

.additional-features__card-title-line {
  display: block;
}

.additional-features__card-desc {
  margin: 20px 0 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.0125em;
  text-align: center;
  color: #6c6767;
}

@media (max-width: 767px) {
  .additional-features {
    margin-top: 12px;
    margin-bottom: 0;
    border-radius: 16px;
    background: #fcfcfc;
  }

  .additional-features__inner {
    padding: 32px 16px;
  }

  .additional-features__heading {
    max-width: 235px;
    margin: 0 auto 32px;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.03em;
  }

  .additional-features__heading br {
    display: revert;
  }

  .additional-features__grid {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 0;
  }

  .additional-features__card {
    padding: 8px 8px 12px;
    border-color: #ececec;
    background-color: #ffffff;
    box-shadow: 0 8px 24px rgba(236, 236, 236, 0.3);
    align-items: stretch;
  }

  .additional-features__visual {
    width: 100%;
    height: 160px;
    margin: 0;
  }

  .additional-features__card-title {
    margin: 20px 0 8px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 12px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
    color: #232323;
  }

  .additional-features__card-desc {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    max-width: none;
    padding: 0 12px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.03em;
    text-align: left;
    color: rgba(34, 34, 34, 0.6);
  }
}

/**
 * Блок icons — Views/MobileWeb/Partials/_MobWebIcons.cshtml.
 * Figma: Мобильный веб → icons (39170:2364).
 */

.mob-web-feature-icons {
  margin-bottom: 120px;
}

.mob-web-feature-icons__inner {
  grid-template-columns: repeat(3, minmax(0, 370px));
}

.mob-web-feature-icons__note {
  max-width: 370px;
}

@media (max-width: 767px) {
  .mob-web-feature-icons {
    margin-bottom: 12px;
  }
}

/**
 * Блок targeting — Views/MobileWeb/Partials/_MobWebTargeting.cshtml.
 * Figma: Мобильный веб → cells (39170:2319).
 */

.mob-web-targeting {
  box-sizing: border-box;
}

.mob-web-targeting__inner {
  box-sizing: border-box;
  max-width: 1280px;
  min-height: 837px;
  margin: 0 auto;
  padding: 56px 88px 54px;
  border: 0.5px solid #ececec;
  border-radius: 16px;
  background-color: #fcfcfc;
}

.mob-web-targeting__heading {
  margin: 0 0 55px;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  text-align: center;
  color: #591bd9;
}

.mob-web-targeting__heading-lead,
.mob-web-targeting__heading-users {
  color: #222222;
}

.mob-web-targeting__heading-accent {
  color: #591bd9;
}

.mob-web-targeting__rows {
  border-top: 1px solid rgba(34, 34, 34, 0.1);
}

.mob-web-targeting__row {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(260px, 1fr) minmax(360px, 522px);
  column-gap: 40px;
  align-items: start;
  padding: 24px 0 40px;
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
}

.mob-web-targeting__row:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.mob-web-targeting__row-title {
  margin: 0;
  padding-left: 20px;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 36px;
  letter-spacing: -0.03em;
  text-align: left;
  color: rgba(34, 34, 34, 0.4);
}

.mob-web-targeting__list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 0;
  padding: 6px 0 0;
  list-style: none;
}

.mob-web-targeting__item {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.015em;
  color: #222222;
}

.mob-web-targeting__icon {
  display: block;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
}

.mob-web-targeting__br--mobile-only {
  display: none;
}

@media (max-width: 767px) {
  .mob-web-targeting {
    margin-top: 12px;
    margin-bottom: 0;
    border-radius: 16px;
    background: #fff;
    position: relative;
    z-index: 1;
  }

  .mob-web-targeting__inner {
    max-width: none;
    min-height: 0;
    padding: 32px 24px;
    border: 0;
    border-radius: 16px;
    background: transparent;
    text-align: left;
  }

  .mob-web-targeting__heading {
    margin: 0 0 40px;
    margin-inline: 0;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.03em;
    text-align: left;
  }

  .mob-web-targeting__rows {
    display: flex;
    flex-direction: column;
    gap: 0;
    border-top: 1px solid rgba(34, 34, 34, 0.1);
  }

  .mob-web-targeting__row,
  .mob-web-targeting__row:last-child {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 24px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    border-bottom: 1px solid rgba(34, 34, 34, 0.1);
  }

  .mob-web-targeting__row:last-child {
    padding-bottom: 0;
    border-bottom: none;
  }

  .mob-web-targeting__row-title {
    margin: 0 0 16px;
    padding-left: 0;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03em;
    color: #232323;
  }

  .mob-web-targeting__list {
    gap: 10px;
    padding-top: 0;
  }

  .mob-web-targeting__item {
    align-items: center;
    gap: 12px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
    color: #222222;
  }

  .mob-web-targeting__icon {
    width: 18px;
    height: 18px;
  }

  .mob-web-targeting__br--mobile-only {
    display: inline;
  }

  .mob-web-targeting__heading-space {
    display: none;
  }
}

/**
 * Блок «Дополнительные возможности» — Views/MobileWeb/Partials/_MobWebAdditionalFeatures.cshtml.
 * Figma: desktop (39170:2385), mobile cards (40533:3092).
 */

.mob-web-additional-features {
  box-sizing: border-box;
  margin-top: 120px;
  color: #222222;
}

.mob-web-additional-features__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}

.mob-web-additional-features__title {
  margin: 0 auto;
  max-width: 888px;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  text-align: center;
  color: #222222;
}

.mob-web-additional-features__cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 40px;
}

.mob-web-additional-features__card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  min-height: 609px;
  padding: 20px 20px 28px;
  border: 0.5px solid #ececec;
  border-radius: 16px;
  background-color: #fcfcfc;
}

.mob-web-additional-features__visual {
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  height: 246px;
  border-radius: 16px;
  background-color: #f5f1ff;
  overflow: hidden;
}

.mob-web-additional-features__image {
  display: block;
  width: 210px;
  height: 210px;
  object-fit: contain;
}

.mob-web-additional-features__card-title {
  margin: 50px 0 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  text-align: center;
  color: #222222;
}

.mob-web-additional-features__description {
  margin: 20px auto 0;
  max-width: 360px;
  padding: 0;
  font-family: var(--font-body);
  font-size: 22px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  text-align: center;
  color: #6c6767;
}

@media (max-width: 767px) {
  .mob-web-additional-features {
    margin-top: 12px;
    margin-bottom: 0;
    border-radius: 16px;
    background: #fcfcfc;
    padding: 0;
  }

  .mob-web-additional-features__inner {
    padding: 32px 16px;
  }

  .mob-web-additional-features__title {
    max-width: 235px;
    margin: 0 auto 32px;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.03em;
  }

  .mob-web-additional-features__cards {
    grid-template-columns: 1fr;
    gap: 8px;
    margin-top: 0;
  }

  .mob-web-additional-features__card {
    min-height: 276px;
    padding: 8px;
    border-color: #ececec;
    background-color: #ffffff;
    box-shadow: 0 8px 24px rgba(236, 236, 236, 0.3);
    align-items: stretch;
  }

  .mob-web-additional-features__card:nth-child(2) {
    min-height: 318px;
  }

  .mob-web-additional-features__card:nth-child(3) {
    min-height: 294px;
  }

  .mob-web-additional-features__visual {
    width: 100%;
    height: 160px;
    margin: 0;
  }

  .mob-web-additional-features__image {
    width: 142px;
    height: 142px;
  }

  .mob-web-additional-features__card:nth-child(2) .mob-web-additional-features__image {
    width: 133px;
    height: 130px;
  }

  .mob-web-additional-features__card:nth-child(3) .mob-web-additional-features__image {
    width: 170px;
    height: 170px;
    margin-top: -2px;
  }

  .mob-web-additional-features__card-title {
    margin: 20px 0 8px;
    padding: 0 12px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03em;
    text-align: left;
    color: #232323;
  }

  .mob-web-additional-features__description {
    margin: 0;
    max-width: none;
    padding: 0 12px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.03em;
    text-align: left;
    color: rgba(34, 34, 34, 0.6);
  }
}

.main-metrics {
  color: #222222;
}

.main-metrics__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 70px;
}

.main-metrics__grid {
  display: grid;
  grid-template-columns: 670px 590px;
  grid-template-rows: 484px 484px;
  gap: 20px;
  align-items: start;
}

.main-metrics__cell {
  margin: 0;
}

/* Пользователи */
.main-metrics__cell--users {
  box-sizing: border-box;
  width: 670px;
  height: 340px;
  margin-top: 144px;
  padding: 32px 40px 40px;
  border-radius: 16px;
  background-color: #f5f1ff;
  display: flex;
  flex-direction: column;
}

.main-metrics__users-value {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 88px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.0227em;
  color: #591bd9;
}

.main-metrics__users-label {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3333333;
  letter-spacing: -0.0125em;
  color: #222222;
}

.main-metrics__users-desc {
  margin: auto 0 0;
  padding: 0;
  max-width: 365px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.0125em;
  color: #222222;
}

/* CPM — как 37809:5414: без декора, весь текст белый */
.main-metrics__cell--cpm {
  box-sizing: border-box;
  width: 590px;
  height: 484px;
  padding: 32px 40px 40px;
  border-radius: 16px;
  background-color: #591bd9;
  display: flex;
  flex-direction: column;
  color: #ffffff;
}

.main-metrics__cpm-title {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.009375em;
  color: #ffffff;
}

.main-metrics__cpm-lead {
  margin: 20px 0 0;
  padding: 0;
  max-width: 280px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.0125em;
  color: #ffffff;
}

.main-metrics__cpm-price {
  margin: auto 0 0;
  padding: 0;
  align-self: flex-end;
  font-family: var(--font-heading);
  font-size: 180px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.0111em;
  color: #ffffff;
  white-space: nowrap;
}

.main-metrics__cpm-price-from {
  font-size: 80px;
  position: relative;
  left: 20px;
}
/* География: сетка — карта и контент в одной ячейке */
.main-metrics__cell--geo {
  box-sizing: border-box;
  width: 670px;
  height: 484px;
  border-radius: 16px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}

.main-metrics__geo-map {
  display: block;
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  pointer-events: none;
}

.main-metrics__geo-content {
  grid-column: 1;
  grid-row: 1;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 114px 40px 40px;
  color: #ffffff;
  text-align: center;
}

.main-metrics__geo-icon {
  display: block;
  flex-shrink: 0;
}

.main-metrics__geo-title {
  margin: 40px 0 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.009375em;
  color: #ffffff;
}

.main-metrics__geo-subtitle {
  margin: 16px 0 0;
  padding: 0;
  max-width: 334px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.0125em;
  color: #ffffff;
}

/* Показы */
.main-metrics__cell--shows {
  box-sizing: border-box;
  width: 590px;
  height: 484px;
  position: relative;
}

.main-metrics__cell--shows::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 530px;
  height: 444px;
  background-color: #ded0ff;
  border-radius: 16px;
  z-index: 0;
}

.main-metrics__shows-inner {
  box-sizing: border-box;
  height: 100%;
  width: 560px;
  padding: 0;
  border-radius: 16px;
  background-color: #f5f1ff;
  display: flex;
  flex-direction: column;
  position: relative;
  justify-content: stretch;
  min-height: 0;
}

.main-metrics__shows-slider {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
}

.main-metrics__shows-progress-slot {
  flex-shrink: 0;
  padding: 32px 40px 0;
  box-sizing: border-box;
}

.main-metrics__shows-slides {
  flex: 1;
  min-height: 0;
  width: 100%;
}

.main-metrics__shows-slide {
  box-sizing: border-box;
  width: 100%;
}

.main-metrics__shows-slide--inventory {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.main-metrics__shows-slide--demographics {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 16px 40px 32px;
}

.main-metrics__shows-demographics-title {
  margin: 0;
  padding: 0;
  max-width: 482px;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #222222;
}

.main-metrics__shows-demographics-body {
  display: grid;
  grid-template-columns: 175px 181px;
  column-gap: 90px;
  margin-top: auto;
  padding: 0;
}

.main-metrics__shows-demographics-stat {
  display: flex;
  flex-direction: column;
}

.main-metrics__shows-demographics-value {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 90px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #591bd9;
}

.main-metrics__shows-demographics-label {
  margin-top: 6px;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #222222;
}

.main-metrics__shows-chart {
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 20px 0 0;
  padding: 32px 38px 0;
  border-radius: 16px 16px 0 0;
  background-color: #ded0ff;
}

.main-metrics__shows-bars {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  gap: 0;
}

.main-metrics__shows-bar {
  display: block;
  height: 4px;
  border-radius: 100px;
}

.main-metrics__shows-bar--muted {
  flex: 238 1 0;
  min-width: 0;
  background-color: #c9b8f0;
}

.main-metrics__shows-bar--accent {
  flex: 0 0 89px;
  background-color: #591bd9;
}

.main-metrics__shows-body {
  box-sizing: border-box;
  padding: 32px 40px;
  flex-shrink: 0;
}

.main-metrics__shows-value {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 64px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03125em;
  color: #591bd9;
}

.main-metrics__shows-label {
  margin: 6px 0 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3333333;
  letter-spacing: -0.0125em;
  color: #222222;
}

.main-metrics__shows-rule {
  flex-shrink: 0;
  height: 1px;
  margin: 24px 0 0;
  background-color: #ded0ff;
}

.main-metrics__shows-footer {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 20px;
  padding: 32px 40px 32px;
  border-top: 1px solid #ded0ff;
}

.main-metrics__shows-foot-icon {
  display: block;
  flex-shrink: 0;
}

.main-metrics__shows-foot-text {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #222222;
}

@media (max-width: 767px) {
  .main-metrics__inner {
    padding: 0 16px;
  }

  .main-metrics__grid {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .main-metrics__cell--users,
  .main-metrics__cell--cpm,
  .main-metrics__cell--geo,
  .main-metrics__cell--shows {
    width: 100%;
    height: calc((100vw - 32px) / 1.43);

    margin-top: 0;
    border-radius: 16px;
  }

  .main-metrics__cell--cpm {
    order: 1;
  }

  .main-metrics__cell--users {
    order: 2;
  }

  .main-metrics__cell--geo {
    order: 3;
  }

  .main-metrics__cell--shows {
    order: 4;
  }

  .main-metrics__cell--users,
  .main-metrics__cell--cpm {
    padding: 24px;
  }

  .main-metrics__users-value {
    font-size: 60px;
    letter-spacing: -0.03em;
  }

  .main-metrics__users-label {
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .main-metrics__users-desc {
    max-width: 290px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .main-metrics__cpm-title {
    font-size: 26px;
  }

  .main-metrics__cpm-lead {
    max-width: 245px;
    font-size: 14px;
  }

  .main-metrics__cpm-price {
    font-size: 60px;
  }

  .main-metrics__cpm-price-from {
    left: 12px;
    font-size: 40px;
  }

  .main-metrics__geo-content {
    justify-content: center;
    padding: 40px 24px;
    gap: 14px;
  }

  .main-metrics__geo-icon {
    width: 50px;
    height: 50px;
  }

  .main-metrics__geo-title {
    margin: 0;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.03em;
  }

  .main-metrics__geo-subtitle {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
    margin: 0;
  }

  .main-metrics__cell--shows {
    min-height: 240px;
  }

  .main-metrics__cell--shows::before {
    top: 10px;
    right: 0;
    bottom: 10px;
    left: 4px;
    width: auto;
    height: auto;
  }

  .main-metrics__shows-inner {
    width: calc(100% - 16px);
    min-height: 240px;
    justify-content: stretch;
  }

  .main-metrics__shows-progress-slot {
    padding: 24px 20px 0;
  }

  .main-metrics__shows-slide--demographics {
    padding: 12px 20px 20px;
  }

  .main-metrics__shows-demographics-title {
    max-width: 290px;
    font-size: 26px;
    line-height: 28px;
  }

  .main-metrics__shows-demographics-body {
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
  }

  .main-metrics__shows-demographics-value {
    font-size: 44px;
  }

  .main-metrics__shows-demographics-label {
    margin-top: 2px;
    font-size: 16px;
  }

  .main-metrics__shows-body {
    flex-grow: 1;
    flex-direction: column;
    justify-content: flex-end;
    display: flex;
    padding-bottom: 24px;
    padding-left: 20px;
  }

  .main-metrics__shows-value {
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.03em;
    display: block;
  }

  .main-metrics__shows-label {
    margin-top: 2px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .main-metrics__shows-footer {
    gap: 14px;
    padding: 19px 20px 20px;
    margin-top: auto;
  }

  .main-metrics__shows-foot-icon {
    width: 40px;
    height: 40px;
  }

  .main-metrics__shows-foot-text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }
}

.in-app-metrics-cards {
  color: #222222;
  background-color: #ffffff;
  padding-top: 120px;
  padding-bottom: 120px;
}

.in-app-metrics-cards__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}

.in-app-metrics-cards__grid {
  display: grid;
  grid-template-columns: 670px 590px;
  grid-template-rows: 484px 484px;
  gap: 20px;
  align-items: start;
}

/* Площадки: видео + затемнение + контент */
.in-app-metrics-cards__cell--platforms {
  box-sizing: border-box;
  position: relative;
  width: 670px;
  height: 484px;
  border-radius: 16px;
  overflow: hidden;
}

.in-app-metrics-cards__platforms-bg {
  display: block;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  pointer-events: none;
}

.in-app-metrics-cards__platforms-overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(34, 34, 34, 0.2);
  z-index: 1;
}

.in-app-metrics-cards__platforms-content {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 94px 40px 40px;
  text-align: center;
  color: #ffffff;
}

.in-app-metrics-cards__platforms-icon {
  display: block;
  flex-shrink: 0;
}

.in-app-metrics-cards__platforms-title {
  margin: 40px 0 0;
  padding: 0;
  max-width: 399px;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.03em;
  color: #ffffff;
}

.in-app-metrics-cards__platforms-desc {
  margin: 16px 0 0;
  padding: 0;
  max-width: 324px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #ffffff;
}

/* 50% игры */
.in-app-metrics-cards__cell--games-share {
  box-sizing: border-box;
  width: 590px;
  height: 340px;
  align-self: end;
  padding: 32px 40px;
  border-radius: 16px;
  background-color: #591bd9;
  display: flex;
  flex-direction: column;
  color: #ffffff;
}

.in-app-metrics-cards__games-share-value {
  margin: 0 0 0 5px;
  padding: 0;
  align-self: flex-start;
  font-family: var(--font-heading);
  font-size: 140px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #ffffff;
  text-align: right;
}

.in-app-metrics-cards__games-share-text {
  margin: auto 0 0;
  padding: 0;
  max-width: 324px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #ffffff;
}

/* 90% время в приложениях */
.in-app-metrics-cards__cell--mobile-time {
  box-sizing: border-box;
  position: relative;
  width: 670px;
  height: 484px;
  padding: 32px 40px;
  border-radius: 16px;
  background-color: #f5f1ff;
  display: flex;
  flex-direction: column;
}

.in-app-metrics-cards__cell--mobile-time::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 363px;
  height: 1px;
  background-color: #ded0ff;
}

.in-app-metrics-cards__mobile-time-value {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 140px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #591bd9;
}

.in-app-metrics-cards__mobile-time-lead {
  margin: 0;
  padding: 0;
  max-width: 528px;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #222222;
}

.in-app-metrics-cards__mobile-time-note {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin: auto 0 0;
  padding: 0;
  max-width: 500px;
  min-height: 56px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.015em;
  color: #222222;
}

.in-app-metrics-cards__mobile-time-note-icon {
  display: block;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
}

/* Демография */
.in-app-metrics-cards__cell--demographics {
  box-sizing: border-box;
  width: 590px;
  height: 484px;
  position: relative;
}

.in-app-metrics-cards__cell--demographics::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 530px;
  height: 444px;
  background-color: #ded0ff;
  border-radius: 16px;
  z-index: 0;
}

.in-app-metrics-cards__demographics-inner {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 560px;
  padding: 0;
  border-radius: 16px;
  background-color: #f5f1ff;
  overflow: hidden;
}

.in-app-metrics-cards__demographics-slider {
  box-sizing: border-box;
  flex: 1;
  display: flex;
  flex-direction: column;
  min-height: 0;
  width: 100%;
  height: 100%;
}

.in-app-metrics-cards__demographics-progress-slot {
  flex-shrink: 0;
  padding: 32px 38px 0;
  box-sizing: border-box;
}

.in-app-metrics-cards__demographics-slides {
  flex: 1;
  min-height: 0;
  width: 100%;
}

.in-app-metrics-cards__demographics-slide--gender {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 40px 40px;
}

.in-app-metrics-cards__demographics-slide--gender .in-app-metrics-cards__demographics-title {
  margin: 16px 0 0;
}

.in-app-metrics-cards__demographics-slide--gender .in-app-metrics-cards__demographics-body {
  margin-top: auto;
  padding-top: 16px;
}

.in-app-metrics-cards__demographics-slide--age {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: 16px 40px 40px;
}

.in-app-metrics-cards__demographics-age-value {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 140px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #591bd9;
}

.in-app-metrics-cards__demographics-age-lead {
  margin: 8px 0 0;
  padding: 0;
  max-width: 320px;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: -0.03em;
  color: #222222;
}

.in-app-metrics-cards__demographics-age-note {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: auto;
  padding: 25px 0 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.015em;
  color: #222222;
  margin-bottom: 0;
}
.in-app-metrics-cards__demographics-age-note::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: -40px;
  width: calc(100% + 80px);
  height: 1px;
  background-color: #ded0ff;
  z-index: 1;
}

.in-app-metrics-cards__demographics-title {
  margin: 0;
  padding: 0;
  max-width: 482px;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #222222;
}

.in-app-metrics-cards__demographics-body {
  box-sizing: border-box;
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 175px 181px;
  column-gap: 90px;
  padding: 0;
}

.in-app-metrics-cards__demographics-stat {
  display: flex;
  flex-direction: column;
}

.in-app-metrics-cards__demographics-value {
  margin: 0;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 90px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #591bd9;
}

.in-app-metrics-cards__demographics-label {
  margin-top: 6px;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.03em;
  color: #222222;
}

@media (max-width: 767px) {
  .in-app-metrics-cards {
    padding-top: 0;
    padding-bottom: 12px;
    background-color: transparent;
  }

  .in-app-metrics-cards__inner {
    padding: 0 16px;
  }

  .in-app-metrics-cards__grid {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }

  .in-app-metrics-cards__cell--platforms,
  .in-app-metrics-cards__cell--games-share,
  .in-app-metrics-cards__cell--mobile-time,
  .in-app-metrics-cards__cell--demographics {
    width: 100%;
    height: calc((100vw - 32px) / 1.43);
    min-height: 240px;
    margin-top: 0;
    border-radius: 16px;
  }

  .in-app-metrics-cards__platforms-content {
    justify-content: center;
    padding: 40px 24px;
    gap: 14px;
  }

  .in-app-metrics-cards__platforms-icon {
    width: 50px;
    height: 50px;
  }

  .in-app-metrics-cards__platforms-title {
    margin: 0;
    font-size: 26px;
    line-height: 28px;
  }

  .in-app-metrics-cards__platforms-desc {
    margin: 0;
    font-size: 14px;
    line-height: 18px;
  }

  .in-app-metrics-cards__cell--games-share,
  .in-app-metrics-cards__cell--mobile-time {
    padding: 24px 20px;
  }

  .in-app-metrics-cards__games-share-value,
  .in-app-metrics-cards__mobile-time-value {
    margin-left: 0;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .in-app-metrics-cards__games-share-text,
  .in-app-metrics-cards__mobile-time-lead {
    max-width: 290px;
    font-size: 14px;
    line-height: 18px;
  }

  .in-app-metrics-cards__cell--mobile-time::after {
    top: auto;
    bottom: 100px;
  }

  .in-app-metrics-cards__mobile-time-note {
    gap: 14px;
    max-width: none;
    min-height: 40px;
    font-size: 14px;
    line-height: 18px;
  }

  .in-app-metrics-cards__mobile-time-note-icon {
    width: 40px;
    height: 40px;
  }

  .in-app-metrics-cards__cell--demographics::before {
    top: 10px;
    right: 0;
    bottom: 10px;
    left: 4px;
    width: auto;
    height: auto;
  }

  .in-app-metrics-cards__demographics-inner {
    width: calc(100% - 16px);
    height: 100%;
  }

  .in-app-metrics-cards__demographics-progress-slot {
    padding: 24px 20px 0;
  }

  .in-app-metrics-cards__demographics-slide--gender {
    padding: 0 20px 20px;
  }

  .in-app-metrics-cards__demographics-slide--gender .in-app-metrics-cards__demographics-title {
    margin-top: 12px;
  }

  .in-app-metrics-cards__demographics-slide--age {
    padding: 12px 20px 20px;
  }

  .in-app-metrics-cards__demographics-age-value {
    font-size: 60px;
    line-height: 1;
    letter-spacing: -0.03em;
  }

  .in-app-metrics-cards__demographics-age-lead {
    margin-top: 4px;
    max-width: 290px;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .in-app-metrics-cards__demographics-age-note {
    gap: 14px;
    padding-top: 19px;
    max-width: none;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .in-app-metrics-cards__demographics-title {
    max-width: 290px;
    font-size: 26px;
    line-height: 28px;
  }

  .in-app-metrics-cards__demographics-body {
    display: flex;
    justify-content: space-between;
    column-gap: 16px;
    width: 100%;
  }

  .in-app-metrics-cards__demographics-value {
    font-size: 44px;
    line-height: 1;
  }

  .in-app-metrics-cards__demographics-label {
    margin-top: 2px;
    font-size: 16px;
  }
  .in-app-metrics-cards__demographics-age-note::before {
   
    top: 0;
    left: -20px;
    width: calc(100% + 40px);
    height: 1px;
    background-color: #ded0ff;
    z-index: 1;
  }
}

/* Блок dino — Views/InApp/Partials/_InAppInventoryShowcase.cshtml. Figma: 37879:1503 */

.in-app-inventory-showcase {
  box-sizing: border-box;
  padding-bottom: 120px;
  background-color: #ffffff;
}

.in-app-inventory-showcase__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}

.in-app-inventory-showcase__card {
  box-sizing: border-box;
  position: relative;
  overflow: visible;
  border-radius: 16px;
  border: 0.5px solid rgba(34, 34, 34, 0.16);
  background-color: #ffffff;
  padding: 70px 0 32px;
  height: 775px;
}

.in-app-inventory-showcase__title {
  margin: 0 auto;
  padding: 0 24px;
  max-width: 848px;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.005357em;
  text-align: center;
  color: #222222;
}

.in-app-inventory-showcase__title-line {
  display: block;
}

.in-app-inventory-showcase__title-line--value {
  color: #591bd9;
}

.in-app-inventory-showcase__title-line--label {
  color: #222222;
}

.in-app-inventory-showcase__diagram {
  box-sizing: border-box;
  margin: 100px auto 0;
  max-width: 766px;
  width: 100%;
}

.in-app-inventory-showcase__diagram-panel {
  box-sizing: border-box;
  border-radius: 16px;
  padding: 28px 24px 32px;
}

.in-app-inventory-showcase__diagram-scroll {
  box-sizing: border-box;
}

.in-app-inventory-showcase__diagram-track {
  box-sizing: border-box;
}

.in-app-inventory-showcase__diagram-icons {
  display: block;
  height: 225px;
  border-bottom: 2px solid rgba(89, 27, 217, 0.2);
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.in-app-inventory-showcase__icon-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-height: 100px;
}

.in-app-inventory-showcase__icon {
  display: block;
  width: 85px;
  height: 85px;
  max-width: 100%;
  object-fit: contain;
}

.in-app-inventory-showcase__icon--flip {
  transform: scaleX(-1);
}

.in-app-inventory-showcase__icon-notch {
  display: block;
  width: 28px;
  height: 5px;
  margin-top: 6px;
  border-radius: 1px;
  background-color: #ffffff;
}

.in-app-inventory-showcase__diagram-rule {
  height: 1px;
  margin: 0 -24px;
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.12);
}

.in-app-inventory-showcase__diagram-columns {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px 16px;
  margin: 0 auto;
  align-items: start;
  width: 700px;
  padding-top: 80px;
  position: relative;
  z-index: 2;
}

.in-app-inventory-showcase__column {
  min-width: 0;
}

.in-app-inventory-showcase__chips {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.in-app-inventory-showcase__chips li {
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
}

.in-app-inventory-showcase__pill {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  padding: 6px 14px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  background-color: #f5f5f5;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  text-align: center;
  color: #591bd9;
  transition:
    background-color 0.25s ease,
    color 0.25s ease,
    border-color 0.25s ease;
}

.in-app-inventory-showcase__pill--accent {
  border-color: transparent;
  background-color: #591bd9;
  color: #ffffff;
}

.in-app-inventory-showcase__footer-deco {
  display: none; /* временно скрыт */
  position: absolute;
  left: 0;
  bottom: 0;
  width: 62px;
  height: 54px;
  max-width: calc(100% - 48px);
  pointer-events: none;
  z-index: 1;
  transform: translateX(var(--in-app-inventory-dragon-x, -62px));
  will-change: transform;
}

.in-app-inventory-showcase:not(.in-app-inventory-showcase--dragon-ready) .in-app-inventory-showcase__footer-deco {
  left: 21%;
  transform: none;
}
.in-app-inventory-showcase__icons-wrapper {
  width: 700px;
  margin: 0 auto;
  height: inherit;
  position: relative;
}
.icon {
  position: absolute;
  transition: opacity 0.25s ease;
}

.icon--opacity-02 {
  opacity: 0.2;
}

.icon--lit {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .in-app-inventory-showcase__footer-deco {
    will-change: auto;
  }

  .in-app-inventory-showcase__pill,
  .icon {
    transition: none;
  }
}
.icon--1 {
  bottom: -42.5px;
}
.icon--2 {
  bottom: 37px;
  left: 200px;
}
.icon--3 {
  bottom: -42.5px;
  left: 400px;
}
.icon--4 {
  bottom: 37px;
  left: 610px;
}

@media (max-width: 767px) {
  .in-app-inventory-showcase__footer-deco {
    width: 40px;
    height: auto;
  }
  .in-app-inventory-showcase {
    padding-top: 40px;
    padding-bottom: 60px;
  }

  .in-app-inventory-showcase__inner {
    padding: 0 16px;
  }

  .in-app-inventory-showcase__card {
    height: auto;
    min-height: 484px;
    padding: 32px 0 32px;
    overflow: hidden;
    touch-action: none;
  }

  .in-app-inventory-showcase__title {
    max-width: 278px;
    padding: 0 16px;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.03em;
  }

  .in-app-inventory-showcase__diagram-scroll {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    margin-top: 24px;
    padding: 0 16px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .in-app-inventory-showcase__diagram-scroll::-webkit-scrollbar {
    display: none;
  }

  .in-app-inventory-showcase__diagram-scroll:focus-visible {
    outline: 2px solid rgba(89, 27, 217, 0.4);
    outline-offset: 2px;
  }

  .in-app-inventory-showcase__diagram-track {
    min-width: 700px;
    width: max-content;
  }

  .in-app-inventory-showcase__diagram-icons {
    height: 130px;
  }

  .in-app-inventory-showcase__diagram-columns {
    width: 700px;
    padding-top: 48px;
    gap: 12px 16px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .in-app-inventory-showcase__pill {
    padding: 6px 14px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 20px;
  }

  .in-app-inventory-showcase:not(.in-app-inventory-showcase--dragon-ready) .in-app-inventory-showcase__footer-deco {
    left: 50%;
    transform: translateX(-50%);
  }
}

.main-segments {
  color: #222222;
  background-image: url('/css/blocks/main-segments/image.jpg');
  background-repeat: no-repeat;
  background-position: bottom center;
  margin-top: 142px;
  position: relative;
  height: 868px;
  background-size: auto 100%;
}

.main-segments__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 70px;
  height: inherit;
}

.main-segments__panel {
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  height: inherit;
}

/* .main-segments__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-color: #e8e0f5;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 7.16%, #fff 35.81%);
} */

.main-segments__content {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  padding: 2px 0 56px;
  height: inherit;
}

.main-segments__title {
  margin: 0 auto;
  padding: 0 16px;
  max-width: 869px;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.00536em;
  text-align: center;
  color: #222222;
}
.main-segments__title span {
  color: #591bd9;
}

.main-segments__title-br-mobile {
  display: none;
}

.main-segments__chips {
  list-style: none;
  margin: 24px 0 0;
  padding: 0;
  flex: 1 1 auto;
  position: relative;
  min-height: 420px;
  width: 100%;
}

.main-segments__chip {
  position: absolute;
  margin: 0;
  padding: 6px 14px;
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.36);
  background-color: rgba(255, 255, 255, 0.5);
  -webkit-backdrop-filter: blur(28px);
  backdrop-filter: blur(28px);
  box-shadow: 0 0 32px rgba(63, 15, 136, 0.06);
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #222222;
  opacity: 0;
  transform: translateY(16px) scale(0.96);
  user-select: none;
  transition:
    opacity 0.6s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Появление по очереди: main-segments-stagger.js вешает main-segments--chips-visible */
.main-segments--chips-visible .main-segments__chip {
  opacity: 1;
  transform: none;
}

.main-segments--chips-visible .main-segments__chip:nth-child(1) {
  transition-delay: 400ms;
}
.main-segments--chips-visible .main-segments__chip:nth-child(2) {
  transition-delay: 600ms;
}
.main-segments--chips-visible .main-segments__chip:nth-child(3) {
  transition-delay: 800ms;
}
.main-segments--chips-visible .main-segments__chip:nth-child(4) {
  transition-delay: 1000ms;
}
.main-segments--chips-visible .main-segments__chip:nth-child(5) {
  transition-delay: 1200ms;
}
.main-segments--chips-visible .main-segments__chip:nth-child(6) {
  transition-delay: 1400ms;
}
.main-segments--chips-visible .main-segments__chip:nth-child(7) {
  transition-delay: 1600ms;
}

@media (prefers-reduced-motion: reduce) {
  .main-segments__chip {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Координаты от полотна Figma 1440×868 */
.main-segments__chip--cosmetics {
  left: calc(100% * 154 / 1440);
  top: calc(100% * 625 / 868);
}

.main-segments__chip--travel {
  left: calc(100% * 349 / 1440);
  top: calc(100% * 701 / 868);
}

.main-segments__chip--shopping {
  left: calc(100% * 514 / 1440);
  top: calc(100% * 542 / 868);
}

.main-segments__chip--games {
  left: calc(100% * 874 / 1440);
  top: calc(100% * 600 / 868);
}

.main-segments__chip--sport {
  left: calc(100% * 690 / 1440);
  top: calc(100% * 652 / 868);
}

.main-segments__chip--social {
  left: calc(100% * 1260 / 1440);
  top: calc(100% * 561 / 868);
}

.main-segments__chip--streaming {
  left: calc(100% * 1042 / 1440);
  top: calc(100% * 691 / 868);
}

.main-segments__footer-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: center;
  width: 100%;
  max-width: 692px;
  min-height: 96px;
  margin-top: auto;
  padding: 22px 34px 22px 34px;
  border-radius: 16px;
  background-color: #ffffff;
  gap: 32px;
}

.main-segments__footer-stat {
  margin: 0;
  padding: 0;
  flex: 0 0 auto;
  font-family: var(--font-heading);
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.0625em;
  color: #591bd9;
  white-space: nowrap;
}

.main-segments__footer-rule {
  flex-shrink: 0;
  width: 1px;
  height: 64px;
  background-color: #ececec;
}

.main-segments__footer-lead {
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  min-width: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #222222;
}

.main-segments__footer-br {
  display: none;
}

@media (max-width: 767px) {
  .main-segments {
    margin-top: 12px;
    padding-top: 0;
    background-image: url('/css/blocks/main-segments/image-mobile.jpg');
    border-radius: 16px;
    height: 551px;
    background-size: cover;
  }

  .main-segments__inner {
    padding: 0;
  }

  .main-segments__content {
    padding: 32px 0 24px;
  }

  .main-segments__title {
    max-width: 246px;
    padding: 0;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.03em;
  }

  .main-segments__title-br-mobile {
    display: block;
  }

  .main-segments__chips {
    min-height: 260px;
    margin-top: 20px;
  }

  .main-segments__chip {
    padding: 8px 12px;
    font-size: 14px;
    line-height: 20px;
    box-shadow: 0 0 32px rgba(34, 34, 34, 0.09);
  }

  .main-segments__chip--cosmetics {
    left: calc(50% - 158px);
    top: 46px;
  }

  .main-segments__chip--travel {
    left: calc(50% - 55px);
    top: 46px;
  }

  .main-segments__chip--shopping {
    left: calc(50% - 157px);
    top: 0;
  }

  .main-segments__chip--games {
    left: calc(50% + 11px);
    top: 0;
  }

  .main-segments__chip--sport {
    left: calc(50% - 63px);
    top: 0;
  }

  .main-segments__chip--social {
    right: auto;
    left: calc(50% + 79px);
    top: 0;
  }

  .main-segments__chip--streaming {
    right: auto;
    left: calc(50% + 64px);
    top: 46px;
  }

  .main-segments__footer-card {
    flex-direction: column;
    align-items: center;
    gap: 10px;
    width: 300px;
    max-width: calc(100% - 32px);
    min-height: 101px;
    padding: 10px 18px 12px;
  }

  .main-segments__footer-stat {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.03em;
    text-align: center;
  }

  .main-segments__footer-rule {
    width: 264px;
    max-width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.16);
  }

  .main-segments__footer-lead {
    width: 248px;
    max-width: 100%;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
  }

  .main-segments__footer-br {
    display: block;
  }
}

/**
 * «25 технологических модулей» — Views/Shared/_TechnologiesModules.cshtml.
 * Figma: technologies (38451:2282); карточка «Рекомендательная…» моб. — 40059:2558.
 */
.main-technologies {
  color: #222222;
  margin-top: 140px;
  padding-bottom: 140px;
}

.main-technologies__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 80px;
}

.main-technologies__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 40px;
  margin-bottom: 60px;
}

.main-technologies__title {
  margin: 0;
  padding: 0;
  max-width: 852px;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.00536em;
  color: #222222;
}

.main-technologies__lead-link {
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 500;
  line-height: 0.91666667;
  letter-spacing: -0.0125em;
  color: #591bd9;
  text-decoration: none;
}

.main-technologies__lead-link:hover {
  text-decoration: underline;
}

.main-technologies__lead-link:focus-visible {
  outline: 2px solid #591bd9;
  outline-offset: 4px;
  border-radius: 2px;
}

.main-technologies__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.main-technologies__cell {
  margin: 0;
  padding: 0;
  min-width: 0;
}

.main-technologies__card {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 40px;
  border-radius: 16px;
  border: 0.5px solid #ececec;
  background-color: #ffffff;
}

.main-technologies__card--large {
  min-height: 614px;
  padding: 20px 40px 32px;
}

.main-technologies__card--small {
  min-height: 343px;
  padding-top: 64px;
}

.main-technologies__image-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 290px;
  margin: 0 -20px 48px;
  border-radius: 16px;
  background-color: #f5f1ff;
  overflow: hidden;
}

.main-technologies__image {
  display: block;
  width: 240px;
  height: 235px;
  object-fit: contain;
}

.main-technologies__icon {
  display: block;
  width: 90px;
  height: 90px;
  margin-bottom: 32px;
  object-fit: contain;
}

.main-technologies__card-title {
  margin: 0 0 18px;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.003em;
  color: #222222;
}

.main-technologies__card--large .main-technologies__card-title {
  margin-bottom: 14px;
  font-size: 36px;
  line-height: 1.1;
  color: #232323;
}

.main-technologies__card-text {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.003em;
  color: #6c6767;
}

.main-technologies__card--large .main-technologies__card-text {
  font-size: 24px;
}

/* Figma: карточка «Рекомендательная система таргетинга», мобилка — 40059:2558 */
.main-technologies__recommender-title-br {
  display: none;
}

.main-technologies__recommender-mobile-visual {
  display: none;
}

@media (max-width: 767px) {
  .main-technologies {
    margin-top: 12px;
    margin-bottom: 0;
    border-radius: 16px;
    background: #fcfcfc;
    position: relative;
    z-index: 1;
  }
  .main-technologies + .demo-cabinet {
    margin-top: -12px;
    padding-top: 12px;
  }

  .main-technologies__inner {
    display: flex;
    flex-direction: column;
    padding: 32px 16px;
  }

  .main-technologies__header {
    display: contents;
  }

  .main-technologies__title {
    order: 1;
    align-self: center;
    max-width: 287px;
    margin-bottom: 32px;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.03em;
  }
  .main-technologies__title br {
    display: none;
  }

  .main-technologies__lead-link {
    order: 3;
    align-self: center;
    box-sizing: border-box;
    margin-top: 24px;
    padding: 15px 27px;
    border: 1px solid #591bd9;
    border-radius: 100px;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: -0.015em;
  }

  .main-technologies__grid {
    order: 2;
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .main-technologies__card,
  .main-technologies__card--large,
  .main-technologies__card--small {
    border-color: #ececec;
    box-shadow: 0 8px 24px rgba(236, 236, 236, 0.3);
  }

  .main-technologies__card--large {
    min-height: 366px;
    padding: 8px 20px 24px;
  }

  .main-technologies__card--small {
    min-height: 222px;
    padding: 20px;
  }

  .main-technologies__cell:nth-child(3),
  .main-technologies__cell:nth-child(4),
  .main-technologies__cell:nth-child(6) {
    display: none;
  }

  .main-technologies__image-wrap {
    height: 160px;
    margin: 0 -12px 20px;
  }

  .main-technologies__image {
    width: 142px;
    height: 139px;
  }

  .main-technologies__cell:nth-child(2) .main-technologies__image {
    width: 133px;
    height: 130px;
  }

  .main-technologies__icon {
    width: 60px;
    height: 60px;
    margin-bottom: 18px;
  }

  .main-technologies__card-title,
  .main-technologies__card--large .main-technologies__card-title {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03em;
  }

  .main-technologies__card--small .main-technologies__card-title {
    font-size: 16px;
    line-height: 20px;
  }

  .main-technologies__recommender-title-br {
    display: block;
  }

  .main-technologies__cell:nth-child(5) .main-technologies__icon--recommender-desktop {
    display: none;
  }

  .main-technologies__recommender-mobile-visual {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    flex-shrink: 0;
    height: 160px;
    margin: 0 -12px 20px;
    border-radius: 16px;
    background-color: #f5f1ff;
    overflow: hidden;
  }

  .main-technologies__recommender-mobile-img {
    display: block;
    width: 170px;
    height: 170px;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }

  .main-technologies__cell:nth-child(5) .main-technologies__card--small {
    min-height: 366px;
    padding: 8px 20px 24px;
  }

  .main-technologies__cell:nth-child(5) .main-technologies__card--small .main-technologies__card-title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.03em;
  }

  .main-technologies__card-text,
  .main-technologies__card--large .main-technologies__card-text {
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
    color: rgba(34, 34, 34, 0.6);
  }
}

.main-features {
  margin-bottom: 120px;
}

@media (min-width: 768px) {
  .main-features__inner {
    min-height: 273px;
  }
}

.main-features__note {
  color: #a7a7a7;
}

.main-features__note a,
.main-features__note a:visited,
.main-features__note a:hover,
.main-features__note a:active {
  color: #591bd9;
  text-decoration: none;
}

.main-features__modal-trigger {
  margin: 0;
  padding: 0;
  border: none;
  background: none;
  font: inherit;
  font-family: var(--font-body);
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: #591bd9;
  cursor: pointer;
  text-decoration: none;
  text-align: inherit;
}

.main-features__modal-trigger:hover,
.main-features__modal-trigger:focus-visible {
  text-decoration: underline;
}

.main-features__modal-trigger:focus-visible {
  outline: 2px solid #591bd9;
  outline-offset: 3px;
  border-radius: 2px;
}

@media (max-width: 767px) {
  .main-features {
    margin-bottom: 12px;
  }

  .main-features__mobile-break {
    display: none;
  }
}

@keyframes ai-assistant-modal-backdrop-in {
  from {
    background-color: rgba(34, 34, 34, 0);
  }

  to {
    background-color: rgba(34, 34, 34, 0.45);
  }
}

@keyframes ai-assistant-modal-panel-in {
  from {
    opacity: 0;
    transform: translateY(18px) scale(0.96);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

html.ai-assistant-modal-doc-lock,
html.ai-assistant-modal-doc-lock body {
  overflow: hidden;
  overscroll-behavior: none;
}

.ai-assistant-modal {
  box-sizing: border-box;
  width: min(calc(100vw - 48px), 603px);
  padding: 0;
  border: none;
  border-radius: 16px;
  background: transparent;
  color: #222222;
  overflow: visible;
  overscroll-behavior: contain;
}

.ai-assistant-modal::backdrop {
  background-color: rgba(34, 34, 34, 0.45);
  animation: ai-assistant-modal-backdrop-in 0.28s ease-out forwards;
}

.ai-assistant-modal[open] .ai-assistant-modal__surface {
  animation: ai-assistant-modal-panel-in 0.34s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@media (prefers-reduced-motion: reduce) {
  .ai-assistant-modal::backdrop {
    animation: none;
    background-color: rgba(34, 34, 34, 0.45);
  }

  .ai-assistant-modal[open] .ai-assistant-modal__surface {
    animation: none;
  }
}

.ai-assistant-modal__surface {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: inherit;
  padding: 80px 60px 40px;
  border-radius: 16px;
  background: #ffffff;
  border: 0.5px solid #ececec;
  box-shadow: 0 16px 48px rgba(34, 34, 34, 0.12);
}

.ai-assistant-modal__dismiss {
  position: absolute;
  top: 20px;
  right: 20px;
  box-sizing: border-box;
  width: 46px;
  height: 46px;
  padding: 0;
  border: none;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  display: grid;
  place-items: center;
}

.ai-assistant-modal__dismiss:hover {
  background: rgba(89, 27, 217, 0.08);
}

.ai-assistant-modal__dismiss:focus-visible {
  outline: 2px solid #591bd9;
  outline-offset: 2px;
}

.ai-assistant-modal__dismiss-icon {
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none'%3E%3Cpath stroke='%23222222' stroke-linecap='round' stroke-width='1.5' d='m4.5 4.5 9 9m0-9-9 9'/%3E%3C/svg%3E");
}

.ai-assistant-modal__root {
  flex: 1;
  min-height: 0;
}

/*
  После успешной отправки: белая карточка скрыта, backdrop остаётся до закрытия модалки;
  плашка фиксируется у нижнего края экрана (site.js: класс --toast-only + __toast-host).
*/
.ai-assistant-modal.ai-assistant-modal--toast-only {
  position: fixed;
  inset: 0;
  width: auto;
  height: auto;
  max-width: none;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  overflow: visible;
  box-shadow: none;
}

.ai-assistant-modal--toast-only .ai-assistant-modal__surface {
  display: none;
}

.ai-assistant-modal__toast-host {
  position: fixed;
  left: 50%;
  bottom: max(24px, env(safe-area-inset-bottom, 0px));
  z-index: 1;
  transform: translateX(-50%);
}

.ai-assistant-modal__panel {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  max-width: 483px;
  margin: 0 auto;
  padding: 0;
}

.ai-assistant-modal__hero-icon {
  box-sizing: border-box;
  width: 90px;
  height: 90px;
  margin: 0 0 32px;
}

.ai-assistant-modal__hero-svg {
  display: block;
}

.ai-assistant-modal__heading {
  margin: 0 0 20px;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 36px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: #591bd9;
}

.ai-assistant-modal__heading-br {
  display: inline;
}

.ai-assistant-modal__intro {
  margin: 0 0 40px;
  padding: 0;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  color: #6c6767;
}

.ai-assistant-modal__intro-accent {
  color: #591bd9;
}

.ai-assistant-modal__form.demo-cabinet__form {
  gap: 30px;
  margin: 0;
}

/*
  Форма в модалке — белый фон. Мобильные стили demo-cabinet рассчитаны на тёмный блок
  (бледный текст, слабая обводка полей) и ломают читаемость здесь.
*/
.ai-assistant-modal .demo-cabinet__field--consent {
  max-width: none;
  margin-left: 0;
  margin-right: 0;
}

.ai-assistant-modal .demo-cabinet__consent-text {
  overflow-wrap: anywhere;
}

@keyframes ai-assistant-inline-success-in {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/*
  Figma 39746:1205 — Notification: белая капсула, текст #9B76E8, Lato 24 / 130% / -1.5%,
  padding 22px 60px 24px. На белой карточке преимуществ нужна лёгкая тень/обводка.
*/
.ai-assistant-inline-success {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  animation: ai-assistant-inline-success-in 0.34s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@media (prefers-reduced-motion: reduce) {
  .ai-assistant-inline-success {
    animation: none;
  }
}

.ai-assistant-inline-success__pill {
  box-sizing: border-box;
  margin: 0;
  padding: 22px 60px 24px;
  border: 0.5px solid #ececec;
  border-radius: 999px;
  background: #ffffff;
  box-shadow: 0 12px 40px rgba(34, 34, 34, 0.1);
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.015em;
  text-align: center;
  color: #9b76e8;
}

.ai-assistant-inline-success__pill:hover {
  background: #fafafa;
}

.ai-assistant-inline-success__pill:focus-visible {
  outline-offset: 3px;
}

.ai-assistant-inline-success__pill:active {
  transform: scale(0.99);
}

@media (prefers-reduced-motion: reduce) {
  .ai-assistant-inline-success__pill:active {
    transform: none;
  }
}

@media (max-width: 767px) {
  .ai-assistant-modal {
    width: min(calc(100vw - 32px), 603px);
    border-radius: 16px;
  }

  .ai-assistant-modal__surface {
    padding: 72px 20px 28px;
    border-radius: 16px;
  }

  .ai-assistant-modal__panel {
    max-width: none;
  }

  .ai-assistant-modal__hero-icon {
    width: 72px;
    height: 72px;
    margin-bottom: 24px;
  }

  .ai-assistant-modal__hero-svg {
    width: 22px;
    height: 22px;
  }

  .ai-assistant-modal__heading {
    font-size: 26px;
    margin-bottom: 16px;
  }

  .ai-assistant-modal__intro {
    font-size: 17px;
    margin-bottom: 28px;
  }

  .ai-assistant-modal__form.demo-cabinet__form {
    gap: 24px;
  }

  .ai-assistant-modal .demo-cabinet__input {
    border-color: #d8d8d8;
    background: #ffffff;
  }

  .ai-assistant-modal .demo-cabinet__input:hover {
    border-color: #591bd9;
  }

  .ai-assistant-modal .demo-cabinet__input::placeholder {
    color: #a1a1a1;
  }

  .ai-assistant-modal .demo-cabinet__consent {
    color: #6c6767;
    font-size: 14px;
    line-height: 1.35;
    letter-spacing: -0.015em;
    align-items: flex-start;
  }

  .ai-assistant-modal .demo-cabinet__checkbox-input {
    margin-top: 4px;
  }

  .ai-assistant-modal .demo-cabinet__consent-text a,
  .ai-assistant-modal .demo-cabinet__consent-text a:visited {
    color: #591bd9;
  }

  .ai-assistant-modal .demo-cabinet__consent-text a:hover,
  .ai-assistant-modal .demo-cabinet__consent-text a:active {
    color: #4e1fcc;
  }

  .ai-assistant-modal
    .demo-cabinet__field--consent:has(.demo-cabinet__checkbox-input.input-validation-error)
    .demo-cabinet__consent,
  .ai-assistant-modal
    .demo-cabinet__field--consent:has(.demo-cabinet__checkbox-input[aria-invalid='true'])
    .demo-cabinet__consent {
    background: rgba(253, 9, 105, 0.04);
  }

  .ai-assistant-inline-success__pill {
    padding: 14px 28px 16px;
    font-size: 17px;
    line-height: 1.3;
    letter-spacing: -0.015em;
    box-shadow: 0 8px 28px rgba(34, 34, 34, 0.08);
  }
}

.main-content {
  flex-grow: 1;
  border-radius: 32px 32px 0 0;
  background: #fff;
  padding: 100px 0 120px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .main-content {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
  }
}

.in-app-features {
  background-color: #ffffff;
  padding-top: 100px;
}

@media (min-width: 768px) {
  .in-app-features__inner {
    grid-template-columns: repeat(3, 340px);
    min-height: 325px;
    padding: 0 111px 0 120px;
  }
}

@media (max-width: 767px) {
  .in-app-features {
    padding-top: 0;
  }
}

.demo-cabinet {
  color: #222222;
  margin-bottom: 0;
  background-color: #ffffff;
}

.demo-cabinet__inner {
  box-sizing: border-box;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 100px;
}

.demo-cabinet__title {
  margin: 0 0 40px;
  padding: 0;
  font-family: var(--font-heading);
  font-size: 56px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.00536em;
  text-align: center;
  color: #222222;
}

.demo-cabinet__card {
  box-sizing: border-box;
  max-width: 1064px;
  margin: 0 auto;
  padding: 60px;
  background: #ffffff;
  border: 0.5px solid #ececec;
  border-radius: 16px;
  box-shadow: 0 8px 32px rgba(236, 236, 236, 0.4);
  display: grid;
  grid-template-columns: minmax(0, 483px) minmax(0, 1fr);
  column-gap: 82px;
  align-items: start;
}

.demo-cabinet__form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.demo-cabinet__field {
  position: relative;
  margin: 0;
}

.demo-cabinet__field--message {
  margin-bottom: 0;
}

.demo-cabinet__field--consent {
  margin: 0;
}

.demo-cabinet__validation-summary {
  margin: 0;
  padding: 12px 16px;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.3;
  color: #fd0969;
  background: rgba(253, 9, 105, 0.06);
  border: 1px solid rgba(253, 9, 105, 0.35);
  border-radius: 12px;
  list-style: none;
}

.demo-cabinet__validation-summary:empty,
.demo-cabinet__validation-summary.validation-summary-valid {
  display: none;
}

.demo-cabinet__validation-summary ul {
  margin: 0;
  padding-left: 1.1em;
}

.demo-cabinet__success {
  margin: 0;
  padding: 12px 16px;
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.3;
  color: #222222;
  background: rgba(89, 27, 217, 0.08);
  border: 1px solid rgba(89, 27, 217, 0.35);
  border-radius: 12px;
}

.demo-cabinet__field-error,
.demo-cabinet__form .field-validation-error {
  display: block;
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.2;
  color: #fd0969;
  position: relative;
  left: 10px;
}

.demo-cabinet__consent {
  margin: 0;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  font-family: var(--font-body);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-align: left;
  color: #a1a1a1;
  outline: none;
}

.demo-cabinet__checkbox-input {
  flex-shrink: 0;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  margin: 3px 0 0;
  appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  border-radius: 999px;
  border: 1px solid #bda4f0;
  background-color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 11px 11px;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.demo-cabinet__checkbox-input:checked {
  border-color: #591bd9;
  background-color: #591bd9;
  background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 28 28%22 fill=%22none%22%3E%3Cpath stroke=%22%23FFFFFF%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22 stroke-width=%223%22 d=%22M7.25 14 12 18.75 20.75 8.5%22/%3E%3C/svg%3E');
}

.demo-cabinet__checkbox-input:hover:not(:checked) {
  border-color: #9b76e8;
}

.demo-cabinet__checkbox-input:focus-visible {
  outline: 2px solid #591bd9;
  outline-offset: 3px;
}

.demo-cabinet__field--consent:has(.demo-cabinet__checkbox-input.input-validation-error) .demo-cabinet__consent,
.demo-cabinet__field--consent:has(.demo-cabinet__checkbox-input[aria-invalid='true']) .demo-cabinet__consent {
  box-sizing: border-box;
  padding: 16px 18px;
  border: 2px solid #fd0969;
  border-radius: 16px;
}

.demo-cabinet__consent:focus-within .demo-cabinet__consent-text {
  /* outline: 2px solid #591bd9; */
  /* outline-offset: 3px; */
  /* border-radius: 2px; */
}

.demo-cabinet__consent-text {
  flex: 1;
  min-width: 0;
}

.demo-cabinet__consent-text a,
.demo-cabinet__consent-text a:visited,
.demo-cabinet__consent-text a:hover,
.demo-cabinet__consent-text a:active {
  color: #9b76e8;
  text-decoration: none;
}

.demo-cabinet__consent-text a:focus-visible {
  outline: 2px solid #591bd9;
  outline-offset: 3px;
  border-radius: 2px;
}

.demo-cabinet__label--visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.demo-cabinet__input,
.demo-cabinet__textarea {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 23px 29px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: #222222;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 16px;
  outline: none;
}

.demo-cabinet__input:hover,
.demo-cabinet__textarea:hover {
  border-color: #591bd9;
}

.demo-cabinet__input::placeholder,
.demo-cabinet__textarea::placeholder {
  color: #a1a1a1;
}

.demo-cabinet__input {
  height: 72px;
}

.demo-cabinet__textarea {
  display: block;
  min-height: 180px;
  height: 180px;
  resize: vertical;
  padding-top: 23px;
  line-height: 1.2;
}

.demo-cabinet__submit {
  box-sizing: border-box;
  width: 100%;
  height: 72px;
  margin: 0;
  padding: 0 24px;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.015em;
  color: #ffffff;
  background: #591bd9;
  border: none;
  border-radius: 100px;
  cursor: pointer;
}

.demo-cabinet__submit:hover {
  background: #6f30ff;
}

.demo-cabinet__submit:active {
  background: #4e1fcc;
}

.demo-cabinet__submit:focus-visible {
  outline: 2px solid #591bd9;
  outline-offset: 3px;
}

.demo-cabinet__submit--error {
  background: #fd0969;
}

.demo-cabinet__submit--error:hover,
.demo-cabinet__submit--error:active {
  background: #fd0969;
}

.demo-cabinet__submit--done,
.demo-cabinet__submit--loading {
  color: #591bd9;
  background: #ffffff;
  border: 2px solid #591bd9;
  /* Figma node 39746:1252 — line-height 100% */
  line-height: 1;
}

.demo-cabinet__submit--done {
  cursor: default;
}

.demo-cabinet__submit--done:hover,
.demo-cabinet__submit--done:active,
.demo-cabinet__submit--loading:hover,
.demo-cabinet__submit--loading:active {
  color: #591bd9;
  background: #ffffff;
}

.demo-cabinet__input:focus-visible,
.demo-cabinet__textarea:focus-visible {
  padding: 22px 28px;
  border-color: #591bd9;
  border-width: 2px;
}

.demo-cabinet__input[aria-invalid='true'],
.demo-cabinet__textarea[aria-invalid='true'],
.demo-cabinet__input--error,
.demo-cabinet__textarea--error {
  padding: 22px 28px;
  border-color: #fd0969;
  border-width: 2px;
}

.demo-cabinet__textarea:focus-visible,
.demo-cabinet__textarea[aria-invalid='true'],
.demo-cabinet__textarea--error {
  padding-top: 22px;
}

.demo-cabinet__benefits {
  margin: 0;
  padding: 8px 0 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.demo-cabinet__benefit {
  display: flex;
  align-items: flex-start;
  gap: 18px;
}

.demo-cabinet__benefit-icon {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  display: block;
}

.demo-cabinet__benefit-body {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

.demo-cabinet__benefit-title {
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.015em;
  color: #222222;
}

.demo-cabinet__benefit-text {
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.015em;
  color: #a1a1a1;
}

@media (max-width: 767px) {
  .demo-cabinet {
    overflow: hidden;
    color: #ffffff;
    background-color: #222222;
  }

  .demo-cabinet__inner {
    max-width: none;
    padding: 48px 16px 0;
  }

  .demo-cabinet__title {
    width: 222px;
    margin: 0 auto 24px;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: -0.03em;
    color: #ffffff;
  }

  .demo-cabinet__card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: none;
    margin: 0;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .demo-cabinet__form {
    order: 2;
    gap: 8px;
    width: 100%;
  }

  .demo-cabinet__field--message {
    margin-bottom: 0;
  }

  .demo-cabinet__input,
  .demo-cabinet__textarea {
    padding: 18px 20px;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.015em;
    background: #ffffff;
    border-color: rgba(224, 224, 224, 0.16);
    border-radius: 16px;
  }

  .demo-cabinet__input {
    height: 58px;
  }

  .demo-cabinet__textarea {
    min-height: 170px;
    height: 170px;
    padding-top: 18px;
  }

  .demo-cabinet__input:focus-visible,
  .demo-cabinet__textarea:focus-visible,
  .demo-cabinet__input[aria-invalid='true'],
  .demo-cabinet__textarea[aria-invalid='true'],
  .demo-cabinet__input--error,
  .demo-cabinet__textarea--error {
    padding: 17px 19px;
  }

  .demo-cabinet__textarea:focus-visible,
  .demo-cabinet__textarea[aria-invalid='true'],
  .demo-cabinet__textarea--error {
    padding-top: 17px;
  }

  .demo-cabinet__validation-summary,
  .demo-cabinet__success {
    font-size: 12px;
    padding: 10px 12px;
  }

  .demo-cabinet__success {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(159, 134, 232, 0.6);
  }

  .demo-cabinet__field-error,
  .demo-cabinet__form .field-validation-error {
    font-size: 12px;
  }

  .demo-cabinet__submit {
    height: 54px;
    margin-top: 8px;
    padding: 0 28px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: -0.015em;
  }

  .demo-cabinet__field--consent {
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: 4px;
  }

  .demo-cabinet__consent {
    box-sizing: border-box;
    max-width: none;
    margin: 0;
    padding-top: 0;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: -0.015em;
    text-align: left;
    color: rgba(255, 255, 255, 0.4);
  }

  .demo-cabinet__field--consent:has(.demo-cabinet__checkbox-input.input-validation-error) .demo-cabinet__consent,
  .demo-cabinet__field--consent:has(.demo-cabinet__checkbox-input[aria-invalid='true']) .demo-cabinet__consent {
    padding: 12px 14px;
  }

  .demo-cabinet__benefits {
    order: 1;
    width: calc(100% + 32px);
    padding: 0 16px 0;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 240px;
    gap: 6px;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .demo-cabinet__benefits::-webkit-scrollbar {
    display: none;
  }

  .demo-cabinet__benefit {
    box-sizing: border-box;
    min-height: 128px;
    padding: 16px;
    display: block;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(224, 224, 224, 0.16);
    border-radius: 16px;
    scroll-snap-align: start;
  }

  .demo-cabinet__benefit-icon {
    width: 24px;
    height: 24px;
    margin-bottom: 18px;
  }

  .demo-cabinet__benefit-body {
    gap: 0;
  }

  .demo-cabinet__benefit-title {
    font-family: var(--font-heading);
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: -0.03em;
    color: #ffffff;
  }

  .demo-cabinet__benefit-text {
    margin-top: 0;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: -0.015em;
    color: rgba(255, 255, 255, 0.4);
  }
}
.demo-cabinet__input.input-validation-error,
.demo-cabinet__textarea.input-validation-error {
  border-color: #fd0969;
  border-width: 2px;
}

.request-platform-access-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 362px;
  min-height: 72px;
  padding: 24px 40px;
  border: none;
  border-radius: 100px;
  background-color: #222222;
  color: #ffffff;
  font-family: var(--font-body);
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.015em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  transition:
    background-color 0.2s ease,
    opacity 0.2s ease;
}

.request-platform-access-button:hover {
  background-color: #333333;
}

.request-platform-access-button:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
}

@media (max-width: 767px) {
  .request-platform-access-button {
    max-width: 254px;
    height: 54px;
    min-height: 0;
    padding: 0 28px;
    background-color: #232323;
    font-size: 14px;
    line-height: 1;
  }

  .request-platform-access-button--hidden-at-target {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
}

/* In-App landing. Figma: In-App_приоритет (37879:1421).
   Секции: .in-app-hero, .in-app-features (37879:1458 first_icons), .additional-features (39748:1949;
   стили: wwwroot/css/blocks/additional-features/additional-features.css),
   .in-app-targeting-highlights, .in-app-metrics-cards, .in-app-inventory-showcase (37879:1503 dino;
   стили: wwwroot/css/blocks/in-app-inventory-showcase/in-app-inventory-showcase.css). */

.in-app-page__content {
  box-sizing: border-box;
  position: relative;
  /* светлая зона: скругление сверху, фон — по макету */
}
.in-app-page__content + .demo-cabinet {
  padding-bottom: 120px;
}

.in-app-page__additional-features {
  box-sizing: border-box;
  padding-bottom: 120px;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .in-app-page__content + .demo-cabinet {
    margin-top: -15px;
    padding-bottom: 0;
  }
  .in-app-page__additional-features {
    padding-bottom: 0px;
    border-radius: 0 0 16px 16px;
  }
  .in-app-page__additional-features .additional-features {
    margin-top: 0;
  }
  .in-app-page__additional-features .additional-features__inner {
    padding-top: 0;
  }
}

/* Страница «Политика обработки персональных данных» (/policy). */

.policy-page {
  box-sizing: border-box;
  width: 100%;
  padding: 32px 24px 80px;
}

.policy-page__content {
  box-sizing: border-box;
  max-width: 960px;
  margin: 0 auto;
  padding: 48px 56px 64px;
  border-radius: 32px;
  background-color: #fff;
  color: #222;
}

.policy-page__article + .policy-page__lang-divider {
  margin-top: 56px;
}

.policy-page__lang-divider {
  height: 1px;
  margin-bottom: 56px;
  background-color: rgba(34, 34, 34, 0.12);
}

.policy-page__title {
  margin: 0 0 32px;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  color: #222;
}

.policy-page__section-title {
  margin: 40px 0 16px;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  color: #222;
}

.policy-page__section-title:first-of-type {
  margin-top: 0;
}

.policy-page__paragraph {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.policy-page__paragraph-num {
  font-weight: 700;
}

.policy-page__list {
  margin: 0 0 16px;
  padding-left: 24px;
}

.policy-page__list li {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.6;
  color: #333;
}

.policy-page__table {
  width: 100%;
  margin: 8px 0 16px;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.5;
}

.policy-page__table th,
.policy-page__table td {
  padding: 12px 16px;
  border: 1px solid rgba(34, 34, 34, 0.12);
  text-align: left;
  vertical-align: top;
}

.policy-page__table th {
  width: 34%;
  font-weight: 700;
  background-color: #f7f5fc;
}

.policy-page__content a {
  color: #591bd9;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.policy-page__content a:hover {
  color: #3f12a0;
}

@media (max-width: 767px) {
  .policy-page {
    padding: 16px 0 48px;
  }

  .policy-page__content {
    max-width: none;
    padding: 32px 20px 40px;
    border-radius: 0;
  }

  .policy-page__title {
    font-size: 24px;
  }

  .policy-page__section-title {
    font-size: 18px;
  }

  .policy-page__article + .policy-page__lang-divider {
    margin-top: 40px;
  }

  .policy-page__lang-divider {
    margin-bottom: 40px;
  }

  .policy-page__table-wrapper {
    overflow-x: auto;
    margin: 8px 0 16px;
  }

  .policy-page__table th {
    width: 42%;
  }
}