/* ─── Fonts ─────────────────────────────────────────────────────────── */
@font-face { font-family: "Disket Mono"; font-weight: 400; font-display: block; src: url("fonts/Disket-Mono-Regular.ttf") format("truetype"); }
@font-face { font-family: "Disket Mono"; font-weight: 700; font-display: block; src: url("fonts/Disket-Mono-Bold.ttf") format("truetype"); }
@font-face { font-family: "Montserrat";  font-weight: 700; font-display: block; src: url("fonts/Montserrat-Bold.ttf") format("truetype"); }
@font-face { font-family: "Inter";       font-weight: 400; font-display: swap;  src: url("fonts/Inter-Regular.ttf") format("truetype"); }

/* ─── Design tokens (общие для UI-kit THRÖP) ───────────────────────── */
:root {
  --lime:   #c3ff00;
  --lime-2: #cfff34;
  --pink:   #f73056;
  --ink:    #0f141a;
  --white:  #ffffff;
  --black:  #000000;
  --s: 1;
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; background: var(--ink); }
html { scroll-behavior: smooth; }
:target, [id] { scroll-margin-top: 92px; }
body { overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
img { display: block; }

.pink { color: var(--pink); }

/* Сцена 1920px */
html {
  --stage-h: calc(830px + 10px + 1583px + 10px + 1125px + 10px + 1048px + 10px + 2820px + 10px + 868px + 176px);
}
html.fonts-loading body { visibility: hidden; }
html.fonts-loading .stage { visibility: hidden; }
.stage { width: 1920px; height: var(--stage-h); position: relative; left: calc(50% - 960px); transform: scale(var(--s)); transform-origin: 50% 0; }
body    { height: calc(var(--stage-h) * var(--s)); padding-top: calc(92px * var(--s)); box-sizing: content-box; }

/* ─── Кнопки (UI kit) ──────────────────────────────────────────────── */
.btn {
  position: relative;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 35px;
  overflow: hidden; white-space: nowrap;
  font: 700 30px/60px "Disket Mono", monospace;
  letter-spacing: -1.5px; text-transform: uppercase;
}
.btn > span { position: relative; }
.btn--lime {
  background: var(--lime); color: var(--black);
  transition: box-shadow .18s ease;
}
.btn--lime::after {
  content: ""; position: absolute; inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 30px 5px rgba(255, 255, 255, .6);
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
}
.btn--lime:hover { background: var(--ink); color: var(--lime); box-shadow: none; }
.btn--lime:hover::after { opacity: 0; }
.btn--ghost {
  border: 1px solid rgba(255, 255, 255, .2);
  color: var(--lime);
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.btn--ghost::after {
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 30px 5px rgba(255, 255, 255, .6);
  pointer-events: none;
  opacity: 0;
  transition: opacity .18s ease;
}
.btn--ghost:hover {
  background: var(--lime);
  color: var(--black);
  border-color: var(--lime);
  box-shadow: 0 0 15px 5px rgba(195, 255, 0, .2);
}
.btn--ghost:hover::after { opacity: 1; }

/* ─── 77:16523 Навигация (без CTA справа, 5 текстовых ссылок) ─────── */
.nav {
  position: fixed;
  top: 0; left: 50%;
  width: 1920px; height: 92px;
  transform: translateX(-50%) scale(var(--s));
  transform-origin: 50% 0;
  display: flex; align-items: center; gap: 120px;
  padding: 16px 60px;
  background: var(--white);
  z-index: 100;
}
.nav::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: -2000px; right: -2000px;
  background: var(--white);
  z-index: -1;
}
.nav__logo {
  display: flex; align-items: center;
  padding: 11px 40px;
  border-radius: 35px;
  background: var(--ink);
  flex-shrink: 0;
}
.nav__logo-box { position: relative; display: block; width: 201px; height: 38px; }
.nav__logo-box img { position: absolute; left: 0; top: -15px; width: 201px; height: 53px; }

.nav__menu {
  display: flex; align-items: center; gap: 120px;
  height: 60px;
  flex-shrink: 0;
}
.nav__link {
  position: relative;
  z-index: 0;
  font: 400 22px/normal "Disket Mono", monospace;
  color: var(--ink);
  white-space: nowrap;
  transition: font-weight .1s ease;
}
.nav__link::after {
  content: "";
  position: absolute;
  left: -3px; right: -3px;
  top: calc(50% - 3px);
  height: 13px;
  background: var(--lime);
  z-index: -1;
  opacity: 0;
  transition: opacity .15s ease;
  pointer-events: none;
}
.nav__link:hover { font-weight: 700; }
.nav__link:hover::after { opacity: 1; }
.nav__link--bold { font-weight: 400; }
.nav__link-group { position: relative; display: inline-grid; place-items: start; line-height: 0; }
.nav__link-group > * { grid-area: 1 / 1; }
.nav__marker { display: none; }
.nav__link-group .nav__link { position: relative; z-index: 1; line-height: normal; }

/* ─── 77:16504 Hero (1800×830, чёрная плашка с иллюстрацией справа) ── */
.hero {
  position: relative; isolation: isolate;
  width: 1800px; height: 830px;
  margin: 0 60px;
  padding: 129px 120px;
  display: flex; flex-direction: column; align-items: flex-start; gap: 50px;
  background: var(--black);
  border-radius: 35px;
  overflow: hidden;
  box-shadow: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px 0 rgba(0, 0, 0, .3);
}
/* Диагональная стеклянная полоса-разделитель между hero_02 (лог) и hero_01 (собор) */
.hero::after {
  content: "";
  position: absolute;
  left: 980px; top: -60px;
  width: 200px; height: 960px;
  transform: rotate(-11deg);
  transform-origin: 50% 50%;
  /* края растворяются в hero через маску */
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 25%, #000 75%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 25%, #000 75%, transparent 100%);
  background: rgba(0, 0, 0, .08);
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
  pointer-events: none;
  z-index: 2;
}
.hero__bg {
  position: absolute; left: 0; top: -1069px;
  width: 1147px; height: 2048px;
  pointer-events: none;
}
.hero__bg img { width: 100%; height: 100%; object-fit: cover; }

.hero__head { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 30px; }
.hero__line { position: relative; display: block; width: 147px; height: 0; }
.hero__line img { position: absolute; left: 0; top: -3px; width: 147px; height: 3px; }
.hero__title {
  margin: 0; width: 817px;
  font: 700 40px/40px "Montserrat", sans-serif;
  text-transform: uppercase; color: var(--white);
}
.hero__lead {
  position: relative; margin: 0;
  font: 700 30px/30px "Disket Mono", monospace;
  letter-spacing: -1.5px; text-transform: uppercase;
  color: var(--lime); white-space: nowrap;
}
.hero__offer { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 60px; }
.hero__pitch {
  margin: 0; width: 817px;
  font: 700 30px/40px "Montserrat", sans-serif;
  text-transform: uppercase; color: var(--white);
}
.hero__actions { position: relative; width: 819px; height: 102px; }
.hero__cta  { position: absolute; left: 0;     top: 0; width: 373px; height: 100px; padding: 20px 30px; }
.hero__cta2 { position: absolute; left: 416px; top: 0; width: 403px; height: 102px; padding: 20px 30px; }

.hero__art { position: absolute; z-index: 1; left: 1080px; top: 0; width: 720px; height: 830px; pointer-events: none; overflow: hidden; }
.art__image {
  position: absolute; left: 0; top: 0;
  width: 720px; height: 830px;
}
.art__image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.art__vector {
  position: absolute; left: -272px; top: -217px;
  width: 1264px; height: 1264px;
  transform: rotate(180deg) scaleY(-1);
  mix-blend-mode: color;
}
.art__vector img { width: 100%; height: 100%; }

/* ─── 77:16545 Секция «Похоже на ваш бизнес?» (1800×1583) ─────────── */
.s2 {
  position: relative; isolation: isolate;
  width: 1800px; height: 1583px;
  margin: 10px 60px 0;
  background: var(--black);
  border-radius: 35px;
  overflow: hidden;
}
.s2__bg { position: absolute; left: 0; top: 0; width: 1800px; height: 100%; pointer-events: none; }
.s2__bg img { width: 100%; height: 100%; object-fit: cover; }

.s2__head {
  position: absolute; left: 433.5px; top: 60px;
  width: 933px; height: 110px;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  text-align: center; text-transform: uppercase;
}
.s2__title { margin: 0; width: 817px; font: 700 40px/40px "Montserrat", sans-serif; color: var(--white); }
.s2__subtitle { margin: 0; width: 933px; font: 700 30px/60px "Disket Mono", monospace; letter-spacing: -1.5px; color: var(--lime); }

.s2__accent { position: absolute; left: 826.5px; top: 230px; width: 147px; height: 3px; }

.s2__row {
  position: absolute; left: 162px; width: 1476px; height: 172px;
  display: flex; align-items: center; gap: 30px;
}
.s2__row--1 { top: 290px; }
.s2__row--2 { top: 522px; }
.s2__row--3 { top: 754px; }

/* карточка с иконкой + текстом (переиспользуется в s2 и s5) */
.pcard {
  flex: 0 0 472px; height: 172px;
  padding: 21px 31px;
  display: flex; align-items: center; gap: 30px;
  background: transparent;
  border-radius: 35px;
}
.pcard--dark {
  background: var(--ink);
  border: 1px solid rgba(255, 255, 255, .2);
  box-shadow: 0 4px 8px 3px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .3);
}
.pcard__icon { flex: 0 0 130px; width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; }
.pcard__icon img { width: 130px; height: 130px; object-fit: contain; }
.pcard__portrait { flex: 0 0 130px; width: 130px; height: 130px; border-radius: 65px; overflow: hidden; }
.pcard__portrait img { width: 100%; height: 100%; object-fit: cover; }
.pcard__text {
  margin: 0; flex: 1; min-width: 0;
  font: 700 22px/normal "Disket Mono", monospace; letter-spacing: -1.1px;
  color: var(--white); text-transform: uppercase;
}
.pcard--wide { flex-basis: 872px; height: 172px; }

.s2__punch {
  position: absolute; left: 442px; top: 986px;
  width: 916px; height: 110px;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  text-align: center; text-transform: uppercase;
}
.s2__punch-title { margin: 0; width: 916px; font: 700 40px/40px "Montserrat", sans-serif; color: var(--white); }
.s2__punch-sub   { margin: 0; width: 817px; font: 700 30px/60px "Disket Mono", monospace; letter-spacing: -1.5px; color: var(--pink); }

.s2__punch-accent { position: absolute; left: 826.5px; top: 1156px; width: 147px; height: 3px; }

.s2__quote {
  position: absolute; left: 408.5px; top: 1216px;
  width: 983px; margin: 0;
  font: 700 40px/40px "Montserrat", sans-serif;
  text-transform: uppercase; text-align: center; color: var(--white);
}

.s2__strip {
  position: absolute; left: 165.5px; top: 1436px;
  width: 1469px; height: 87px;
  padding: 30px 60px;
  display: flex; align-items: center; justify-content: center; gap: 30px;
  background: var(--ink);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 35px;
  box-sizing: border-box;
}
.s2__step   { font: 700 22px/normal "Disket Mono", monospace; letter-spacing: -1.1px; color: var(--white); text-transform: uppercase; white-space: nowrap; }
.s2__arrow  { width: 50px; height: 11.547px; flex-shrink: 0; }

/* ─── 77:20298 Секция «Что на самом деле происходит» (белая, 1800×1125) ── */
.s3 {
  position: relative; isolation: isolate;
  width: 1800px; height: 1125px;
  margin: 10px 60px 0;
  background: var(--white);
  border-radius: 35px;
  overflow: hidden;
  box-shadow: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px 0 rgba(0, 0, 0, .3);
}
.s3__bg { position: absolute; left: 0; top: 0; width: 1800px; height: 100%; pointer-events: none; }
.s3__bg img { width: 100%; height: 100%; object-fit: cover; }

.s3__head {
  position: absolute; left: 501px; top: 60px;
  width: 798px; height: 110px;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  text-align: center; text-transform: uppercase; white-space: nowrap;
}
.s3__title    { margin: 0; font: 700 40px/40px "Montserrat", sans-serif; color: var(--ink); }
.s3__subtitle { margin: 0; font: 700 30px/60px "Disket Mono", monospace; letter-spacing: -1.5px; color: var(--pink); }

.s3__accent { position: absolute; left: 826.5px; top: 230px; width: 147px; height: 3px; }

.s3__strip {
  position: absolute; left: 67px; top: 290px;
  width: 1666px; height: 87px;
  padding: 30px 60px;
  display: flex; align-items: center; justify-content: center; gap: 30px;
  background: var(--black);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 35px;
  box-sizing: border-box;
}
.s3__step { font: 700 22px/normal "Disket Mono", monospace; letter-spacing: -1.1px; color: var(--white); text-transform: uppercase; white-space: nowrap; }
.s3__arrow { width: 50px; height: 11.547px; flex-shrink: 0; }

.s3__stepper {
  position: absolute; left: 120px; top: 437px;
  width: 1560px; height: 628px;
}
.s3__illustration {
  position: absolute; right: -33px; top: -21px;
  width: 656px; height: 648px;
  object-fit: contain;
  pointer-events: none;
}
.s3__stepper-title {
  position: absolute; left: 0; top: 0;
  margin: 0; width: 817px;
  font: 700 40px/40px "Montserrat", sans-serif;
  text-transform: uppercase; color: var(--ink);
}
.s3__cards {
  position: absolute; left: 0; top: 130px;
  display: flex; flex-direction: column; gap: 10px;
}
.s3-row { display: flex; gap: 10px; }
.s3-card {
  position: relative;
  width: 405px; height: 244px;
  padding: 20px 30px;
  display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
  background: var(--lime);
  border-radius: 35px;
  box-shadow: 0 0 15px 5px rgba(195, 255, 0, .2), inset 0 0 30px 5px rgba(255, 255, 255, .6);
  overflow: hidden;
  box-sizing: border-box;
}
.s3-card__head { display: flex; align-items: baseline; gap: 30px; }
.s3-card__num   { font: 700 60px/60px "Disket Mono", monospace; letter-spacing: -3px; color: var(--black); text-transform: uppercase; }
.s3-card__label { font: 700 30px/60px "Disket Mono", monospace; letter-spacing: -1.5px; color: var(--black); text-transform: uppercase; }
.s3-card__text  { margin: 0; width: 345px; font: 400 22px/normal "Disket Mono", monospace; letter-spacing: -1.1px; color: var(--black); text-transform: uppercase; }

/* ─── 77:20347 «Не просто THROP» (1800×1048, тёмная) ──────────────── */
.s4 {
  position: relative; isolation: isolate;
  width: 1800px; height: 1048px;
  margin: 10px 60px 0;
  background: var(--ink);
  border-radius: 35px;
  overflow: hidden;
  box-shadow: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px 0 rgba(0, 0, 0, .3);
}
.s4__bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.s4__bg img { width: 100%; height: 100%; object-fit: cover; }
.s4__illustration {
  position: absolute; left: -128px; top: 0;
  width: 800px; height: 100%;
  object-fit: cover; object-position: right center;
  pointer-events: none;
  z-index: 1;
}
/* Жёлтая абстрактная фигура — только на нижнюю часть иллюстрации (не перекрывает ракету/пламя) */
.s4__yellow {
  position: absolute; left: -128px; top: 55%;
  width: 800px; height: 55%;
  object-fit: cover; object-position: right bottom;
  mix-blend-mode: color;
  pointer-events: none;
  z-index: 2;
}
/* Диагональная стеклянная полоса на стыке иллюстрации и текста */
.s4__glass {
  position: absolute;
  left: 500px; top: -60px;
  width: 200px; height: 1170px;
  transform: rotate(-11deg);
  transform-origin: 50% 50%;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 25%, #000 75%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 25%, #000 75%, transparent 100%);
  background: rgba(0, 0, 0, .08);
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
  pointer-events: none;
  z-index: 3;
}
.s4__head {
  position: absolute; left: 785px; top: 100px;
  width: 895px; height: 150px;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  text-align: center; text-transform: uppercase;
  z-index: 2;
}
.s4__title    { margin: 0; width: 817px; font: 700 40px/40px "Montserrat", sans-serif; color: var(--white); }
.s4__subtitle { margin: 0; width: 895px; font: 700 30px/60px "Disket Mono", monospace; letter-spacing: -1.5px; color: var(--lime); }

.s4__accent { position: absolute; left: 1533px; top: 310px; width: 147px; height: 3px; z-index: 2; }

.s4__cards {
  position: absolute; left: 808px; top: 370px;
  width: 872px; height: 578px;
  display: flex; flex-direction: column; gap: 30px;
  z-index: 2;
}
.s4-card {
  width: 872px;
  padding: 21px 31px;
  display: flex; align-items: center; gap: 30px;
  background: rgba(15, 20, 26, .55);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 35px;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}
.s4-card__icon { flex: 0 0 130px; width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; }
.s4-card__icon img { width: 130px; height: 130px; object-fit: contain; }
.s4-card__text  { margin: 0; flex: 1; min-width: 0; font: 400 22px/normal "Disket Mono", monospace; letter-spacing: -1.1px; color: var(--white); text-transform: uppercase; }
.s4-card__text b { font-weight: 700; }

/* ─── 77:22527 «Вы получите» + «Три принципа» (1800×2122, тёмная) ──── */
.s5 {
  position: relative; isolation: isolate;
  width: 1800px; height: 2820px;
  margin: 10px 60px 0;
  background: var(--black);
  border-radius: 35px;
  overflow: hidden;
  box-shadow: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px 0 rgba(0, 0, 0, .3);
}
.s5__bg { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.s5__bg img { width: 100%; height: 100%; object-fit: contain; object-position: center; opacity: .5; }

.s5__head {
  position: absolute; left: 258.5px; top: 60px;
  width: 1283px; height: 110px;
  display: flex; flex-direction: column; align-items: center; gap: 10px;
  text-align: center; text-transform: uppercase;
}
/* второй заголовок "вы получите / бизнес..." сразу после row-2 */
.s5__head--2 { top: 754px; }
.s5__head--principles { top: 2007px; left: 491.5px; width: 817px; }
.s5__title    { margin: 0; width: 100%; font: 700 40px/40px "Montserrat", sans-serif; color: var(--white); }
.s5__subtitle { margin: 0; width: 100%; font: 700 30px/60px "Disket Mono", monospace; letter-spacing: -1.5px; color: var(--lime); }
.s5__accent   { position: absolute; left: 826.5px; top: 230px; width: 147px; height: 3px; }
.s5__accent-mid { position: absolute; left: 826.5px; top: 924px; width: 147px; height: 3px; }
.s5__accent-2 { position: absolute; left: 826.5px; top: 1947px; width: 147px; height: 3px; }

.s5__row {
  position: absolute; left: 162px; width: 1476px; height: 172px;
  display: flex; align-items: center; gap: 30px;
}
.s5__row--1 { top: 290px; }
.s5__row--2 { top: 522px; }
.s5__row--3 { top: 984px; }
.s5__row--4 { top: 1216px; }

.s5__punch {
  position: absolute; left: 561px; top: 1448px;
  width: 678px; margin: 0;
  font: 700 40px/40px "Montserrat", sans-serif;
  text-transform: uppercase; text-align: center; color: var(--white);
}

.s5__dots {
  position: absolute; left: 427px; top: 1618px;
  width: 946px; height: 239px;
  object-fit: contain;
  pointer-events: none;
}

.s5__principles {
  position: absolute; left: 464px; top: 2177px;
  width: 872px; height: 579px;
  display: flex; flex-direction: column; gap: 30px;
}
.s5__principles .pcard {
  flex: 0 0 172px;    /* в column-flex flex-basis = height */
  width: 872px;
}

/* ─── 77:27963 CTA + форма (1800×868, светлая) ────────────────────── */
.s6 {
  position: relative; isolation: isolate;
  width: 1800px; height: 868px;
  margin: 10px 60px 0;
  background: var(--white);
  border-radius: 35px;
  overflow: hidden;
  box-shadow: 0 8px 12px 6px rgba(0, 0, 0, .15), 0 4px 4px 0 rgba(0, 0, 0, .3);
}
.s6__bg { position: absolute; inset: 0; pointer-events: none; }
.s6__bg-image {
  position: absolute; inset: 0;
  width: 100%; height: 100%; object-fit: cover;
}
.s6__bg-vector {
  position: absolute; left: 0; bottom: -40px;
  width: 1298px; height: 1298px;
  transform: rotate(90deg) scaleY(-1);
  mix-blend-mode: color;
}

.s6__left {
  position: absolute; left: 202px; top: 129px;
  width: 817px; height: 610px;
  display: flex; flex-direction: column;
}
.s6__head { display: flex; flex-direction: column; gap: 30px; }
.s6__accent { width: 147px; height: 3px; }
.s6__title {
  margin: 0; width: 817px;
  font: 700 40px/40px "Montserrat", sans-serif;
  text-transform: uppercase; color: var(--ink);
}
.s6__lead {
  margin: 100px 0 0; width: 788px;
  font: 700 30px/40px "Disket Mono", monospace;
  letter-spacing: -1.5px; text-transform: uppercase;
  color: var(--ink);
}

.s6__form {
  position: absolute; left: 1069px; top: 129px;
  width: 529px; height: 610px;
  padding: 60px 50px;
  display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 30px;
  background: var(--ink);
  border-radius: 35px;
  box-sizing: border-box;
}
.field { width: 429px; display: flex; flex-direction: column; gap: 5px; position: relative; }
.field::after { content: ""; position: absolute; left: 0; right: 0; bottom: -15px; height: 2px; background: rgba(255, 255, 255, .4); }
.field:last-of-type::after { display: none; }
.field__label { font: 400 22px/normal "Disket Mono", monospace; color: var(--white); }
.field__input {
  width: 100%; height: 40px; padding: 8px 20px;
  border: 0; border-radius: 15px;
  background: transparent; color: var(--white);
  font: 400 20px/1 "Inter", sans-serif; outline: none;
}
.field__input::placeholder { color: rgba(255, 255, 255, .6); }
.s6__submit { height: 100px; padding: 20px 30px; width: 373px; }

/* ─── 77:28002 Footer ─────────────────────────────────────────────── */
.site-footer {
  position: relative;
  width: 1920px; height: 176px;
  display: flex; align-items: center; gap: 87px;
  padding: 45px 226px;
  background: var(--black);
  box-sizing: border-box;
}
.site-footer::before {
  content: "";
  position: absolute;
  top: 0; bottom: 0;
  left: -2000px; right: -2000px;
  background: var(--black);
  z-index: -1;
}
.site-footer__logo {
  display: flex; align-items: center;
  height: 68px;
  flex-shrink: 0;
}
.site-footer__logo img { height: 68px; width: auto; object-fit: contain; }
.site-footer__cols { flex: 1; height: 50px; display: flex; align-items: center; justify-content: space-between; gap: 87px; }
.site-footer__social { display: flex; align-items: center; gap: 16px; }
.site-footer__label { font: 400 22px/normal "Disket Mono", monospace; color: rgba(255,255,255,.85); margin-right: 8px; text-transform: uppercase; }
.social { width: 50px; height: 50px; background: var(--ink); border-radius: 50%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; transition: background-color .15s ease; }
.social img { width: 34px; height: 34px; object-fit: contain; transition: filter .15s ease; }
.social:hover { background: var(--lime); }
.social:hover img { filter: brightness(0); }  /* белая иконка становится чёрной на lime-фоне */
.site-footer__links { display: flex; align-items: center; gap: 32px; font: 400 22px/normal "Disket Mono", monospace; color: rgba(255,255,255,.85); }
.site-footer__policy {
  position: relative;
  z-index: 0;
  transition: font-weight .1s ease;
}
.site-footer__policy::after {
  content: "";
  position: absolute;
  left: -3px; right: -3px;
  top: calc(50% - 3px);
  height: 13px;
  background: var(--pink);
  z-index: -1;
  opacity: 0;
  transition: opacity .15s ease;
  pointer-events: none;
}
.site-footer__policy:hover { font-weight: 700; color: #fff; }
.site-footer__policy:hover::after { opacity: 1; }
.site-footer__copy { color: rgba(255,255,255,.6); }