/* ============================================
   Letmeads CPA Network - Landing Page v2
   ============================================ */

/* ===== FONTS ===== */
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url("../fonts/Gilroy/Gilroy-Heavy.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* ===== ROOT VARIABLES ===== */
:root {
  --font-main: "Gilroy", sans-serif;

  /* Dark palette */
  --lma-color--dark-1: #09090a;
  --lma-color--dark-2: #131315;
  --lma-color--dark-3: #232429;

  /* Grays */
  --lma-color--gray-1: #79787d;
  --lma-color--gray-2: #3c3d45;

  /* Purples */
  --lma-color--purple-1: #754dff;
  --lma-color--purple-2: #8852df;
  --lma-color--purple-3: #c998f2;

  /* Accents */
  --lma-color--yellow-1: #dcfa15;
  --lma-color--green-1: #00e085;
  --lma-color--red: #ff5162;

  /* Gradients */
  --lma-gradient--purple-1: linear-gradient(90deg, #554b75 0%, #09090a 44%, #1b103f 100%);
  --lma-gradient--purple-2: linear-gradient(90deg, #beacff 0%, #754dff 44%, #1b103f 100%);
  /* Діагональ (футер mega-title): ті ж стопи, що --lma-gradient--purple-2 */
  --lma-gradient--purple-2-diagonal: linear-gradient(118deg, #beacff 0%, #754dff 44%, #1b103f 100%);
  --lma-gradient--gray-1: linear-gradient(90deg, #48464e 0%, #232429 66%);
  --lma-gradient--gray-2: linear-gradient(90deg, rgba(72,70,78,.3) 0%, rgba(35,36,41,.3) 66%);
  --lma-gradient--violet-dark: linear-gradient(90deg, #332072 0%, #09090a 44%, #1b103f 100%);

  /* Utility */
  --color-white: #ffffff;
  --color-text-muted: #6c757d;

  /* Layout */
  --radius: 8px;
  --radius-lg: 12px;
  --radius-xl: clamp(30px, 3.125vw, 50px);
  --shadow: 0 2px 8px rgba(0,0,0,.1);
  --shadow-lg: 0 4px 16px rgba(0,0,0,.15);
  --transition: all .25s ease;

  /* Containers */
  --container-max: 1600px;
  --container-md: 1340px;
  --container-pad: 24px;

  /* Між секціями в main: один сумарний зазор (не 100+100) */
  --lv2-section-gap: clamp(100px, 10vw, 160px);

  /* Lines */
  --line-w: 60px;
  --line-gap: 0px;
  --line-step: calc(var(--line-w) + var(--line-gap));
  --line-stroke: rgba(255, 255, 255, 0.06);
}

@media (max-width: 767px) {
  :root {
    --container-pad: 15px;
    --line-w: 40px;
  }
}

/* ===== RESET ===== */
*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: var(--lma-color--dark-1); }
body { font-family: var(--font-main); background: var(--lma-color--dark-1); color: var(--color-white); line-height: 1.5; min-height: 100vh; overflow-x: hidden; }
.lv2-page-wrap { position: relative; overflow: hidden; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; outline: none; }


/* =========================================================
   GLASS LINES OVERLAY — transparent WebGL canvas on top
   ========================================================= */
/* Над .lv2-hero__glow (1), під .lv2-main (3); зірки всередині — над canvas, не над контентом */
.lv2-glass {
  position: fixed;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  isolation: isolate;
}

.lv2-glass canvas {
  position: relative;
  z-index: 0;
  display: block;
  width: 100% !important;
  height: 100% !important;
  backdrop-filter: blur(50px);
  -webkit-backdrop-filter: blur(50px);
}

.lv2-glass-stars {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}

.lv2-glass-star {
  position: absolute;
  width: 1px;
  height: var(--star-len, 90px);
  transform: translateX(-50%);
  will-change: transform;
  pointer-events: none;
}

.lv2-glass-star::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  border-radius: 999px;
  background: linear-gradient(
    to bottom,
    rgba(216,207,252,0.00) 0%,
    rgba(216,207,252,0.00) 10%,
    rgba(191,174,245,0.10) 28%,
    rgba(220,211,255,0.48) 48%,
    rgba(207,195,250,0.16) 68%,
    rgba(216,207,252,0.00) 100%
  );
  filter: blur(0.35px);
  animation: lv2GlassStarBody var(--dur, 1800ms) linear forwards;
}

.lv2-glass-star.is-animating {
  animation: lv2GlassStarFall var(--dur, 1800ms) cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

@keyframes lv2GlassStarFall {
  from {
    transform: translateX(-50%) translateY(0);
  }
  to {
    transform: translateX(-50%) translateY(var(--travel, 180px));
  }
}

/*
  Появление: сверху вниз
  Исчезновение: тоже сверху вниз
*/
@keyframes lv2GlassStarBody {
  0% {
    top: 0;
    height: 0;
    opacity: 0;
  }
  12% {
    opacity: 1;
  }
  35% {
    top: 0;
    height: var(--star-len, 90px);
    opacity: 1;
  }
  72% {
    top: 0;
    height: var(--star-len, 90px);
    opacity: 1;
  }
  100% {
    top: var(--star-len, 90px);
    height: 0;
    opacity: 0;
  }
}

/* =========================================================
   CONTAINER
   ========================================================= */
.lv2-container {
  width: 100%;
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--container-pad);
}
/* =========================================================
   HEADER
   ========================================================= */
.lv2-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  padding: clamp(12px, 2vw, 24px) 0;
  background: transparent;
  transition:
    background 0.35s ease,
    backdrop-filter 0.35s ease,
    -webkit-backdrop-filter 0.35s ease,
    box-shadow 0.35s ease,
    padding 0.35s ease;
}

/* Після прокрутки трохи нижче висоти шапки — ледь помітний glass (common.js), компактніша висота */
.lv2-header--scrolled {
  padding: clamp(6px, 1vw, 14px) 0;
  background: rgba(9, 9, 10, 0.48);
  backdrop-filter: blur(10px) saturate(1.08);
  -webkit-backdrop-filter: blur(10px) saturate(1.08);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05);
}

@supports (background: color-mix(in srgb, black 50%, transparent)) {
  .lv2-header--scrolled {
    background: color-mix(in srgb, var(--lma-color--dark-1) 52%, transparent);
  }
}

@supports not (backdrop-filter: blur(1px)) {
  .lv2-header--scrolled {
    background: rgba(9, 9, 10, 0.82);
  }
}

@media (prefers-reduced-motion: reduce) {
  .lv2-header {
    transition-duration: 0.01ms;
  }
}

.lv2-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.lv2-logo img {
  height: clamp(24px, 2.4vw, 32px);
  width: auto;
}

/* Nav — hidden, menu via burger only */
.lv2-nav {
  display: none;
}

.lv2-nav__link {
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 500;
  color: rgba(255,255,255,.72);
  transition: color .2s;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
}

.lv2-nav__link:hover {
  color: var(--color-white);
}

/* ===== Reusable link underline hover (Elara split-from-center) ===== */
.lv2-link-hover {
  position: relative;
  text-decoration: none;
}
.lv2-link-hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: 100%;
  background: currentColor;
  pointer-events: none;
  transform-origin: 50% 100%;
  transition: clip-path .3s, transform .3s cubic-bezier(.2, 1, .8, 1);
  clip-path: polygon(0% 0%, 0% 100%, 0 100%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%, 100% 100%, 100% 0%);
}
.lv2-link-hover:hover::before {
  transform: translate3d(0, 1px, 0) scale3d(1.08, 1, 1);
  clip-path: polygon(0% 0%, 0% 100%, 50% 100%, 50% 0, 50% 0, 50% 100%, 50% 100%, 0 100%, 100% 100%, 100% 0%);
}

/* Header actions */
.lv2-header__actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* ===== BURGER BUTTON ===== */
.lv2-burger {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  z-index: 101;
}
.lv2-burger span {
  display: block;
  width: 26px;
  height: 2px;
  background: #fff;
  border-radius: 2px;
  transition: transform 0.4s ease;
}
.lv2-burger.open span:first-child {
  transform: translateY(3.5px) rotate(45deg);
}
.lv2-burger.open span:nth-child(2) {
  transform: translateY(-3.5px) rotate(-45deg);
}

/* ===== OVERLAY MENU ===== */
.lv2-overlay-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  z-index: 99;
}
.lv2-overlay-menu.open {
  pointer-events: auto;
}

.lv2-overlay-menu__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transform: scaleY(0);
  transform-origin: top;
  will-change: transform;
  pointer-events: none;
}
.lv2-overlay-menu__bg:nth-child(1) { background: rgba(117, 77, 255, 0.5); }
.lv2-overlay-menu__bg:nth-child(2) { background: #0a0a10; }
.lv2-overlay-menu__bg:nth-child(3) { background: #100e1c; }
.lv2-overlay-menu__bg:nth-child(4) { background: rgba(117, 77, 255, 0.15); }

.lv2-overlay-menu__content {
  display: flex;
  gap: 2rem;
  padding: 8rem max(var(--container-pad), calc((100% - var(--container-max)) / 2 + var(--container-pad)));
  padding-bottom: 2rem;
  min-height: 100svh;
  background: var(--lma-color--dark-1);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  will-change: clip-path;
}

.lv2-overlay-menu__col--side {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2rem;
}
.lv2-overlay-menu__col--main {
  flex: 4;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}

.lv2-overlay-menu__content a {
  text-decoration: none;
  color: #fff;
  display: block;
  line-height: 1.15;
  margin-bottom: 0.5rem;
}

.lv2-overlay-menu__socials a {
  font-size: 1.15rem;
  font-weight: 500;
  color: var(--lma-color--gray-1);
  transition: color 0.2s;
}
.lv2-overlay-menu__socials a:hover { color: var(--color-white); }

.lv2-overlay-menu__legal a {
  font-size: 0.85rem;
  color: var(--lma-color--gray-1);
  transition: color 0.2s;
}
.lv2-overlay-menu__legal a:hover { color: var(--color-white) }

.lv2-overlay-menu__primary a {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  transition: color 0.2s;
}
.lv2-overlay-menu__primary a:hover { color: var(--lma-color--purple-1); }

.lv2-overlay-menu__secondary a {
  font-size: 1.35rem;
  font-weight: 500;
  color: var(--lma-color--gray-1);
  transition: color 0.2s;
}
.lv2-overlay-menu__secondary a:hover { color: var(--color-white); }

.lv2-overlay-menu__content a .lv2-menu-line {
  position: relative;
  display: block;
  will-change: transform;
  transform: translateY(110%);
}

@media (max-width: 768px) {
  .lv2-overlay-menu__content {
    flex-direction: column;
    justify-content: center;
    padding: 8rem var(--container-pad) 2rem;
  }
  .lv2-overlay-menu__legal,
  .lv2-overlay-menu__secondary {
    display: none;
  }
  .lv2-overlay-menu__col--side,
  .lv2-overlay-menu__col--main {
    flex: none;
    text-align: center;
  }
  .lv2-overlay-menu__col--main {
    flex-direction: column;
  }
}


/* ===== LANGUAGE SWITCHER (dropdown) ===== */
.lv2-lang {
  position: relative;
}

.lv2-lang__trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 10px 5px 8px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 8px;
  color: rgba(255, 255, 255, 0.75);
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
  -webkit-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.lv2-lang__trigger > * {
  pointer-events: none;
}
.lv2-lang__trigger:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.18);
  color: #fff;
}
.lv2-lang[data-open] .lv2-lang__trigger {
  background: rgba(117, 77, 255, 0.15);
  border-color: rgba(117, 77, 255, 0.4);
  color: #fff;
}

.lv2-lang__flag {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
}

.lv2-lang__code {
  line-height: 1;
}

.lv2-lang__chevron {
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}
.lv2-lang[data-open] .lv2-lang__chevron {
  transform: rotate(180deg);
}

/* Dropdown panel */
.lv2-lang__dropdown {
  position: absolute;
  top: calc(100% + 6px);
  right: 0;
  min-width: 100%;
  padding: 4px;
  background: rgb(0 0 0 / 80%);
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-6px) scale(0.96);
  transform-origin: top right;
  transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease;
  z-index: 200;
}
.lv2-lang[data-open] .lv2-lang__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.lv2-lang__option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 12px;
  border-radius: 7px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: rgba(255, 255, 255, 0.65);
  text-decoration: none;
  white-space: nowrap;
  transition: background 0.15s, color 0.15s;
}
.lv2-lang__option:hover {
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
}
.lv2-lang__option--active {
  color: #fff;
  background: rgba(117, 77, 255, 0.2);
  pointer-events: none;
}

/* ===== REUSABLE BUTTONS ===== */
.lv2-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: clamp(38px, 3.2vw, 46px);
  padding: 0 clamp(14px, 1.6vw, 22px);
  font-family: var(--font-main);
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 500;
  border-radius: 100px;
  border: none;
  cursor: pointer;
  transition: var(--transition);
  white-space: nowrap;
  text-decoration: none;
}
.lv2-btn svg {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.lv2-btn--ghost {
  color: rgba(255,255,255,.88);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
}
.lv2-btn--ghost:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.2);
}

/* =========================================================
   PRISM — reusable glass / shimmer overlay.
   Usage: add .lma-prism to any element.
   JS (shimmer-button.js) auto-creates __spot & __shimmer
   spans and tracks --x / --y from pointer position.
   ========================================================= */
.lma-prism {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  will-change: transform;
  box-shadow:
    0 8px 24px rgba(0, 0, 0, 0.14),
    inset 0 1px 0 rgba(255, 255, 255, 0.1),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04);
}
.lma-prism > * {
  position: relative;
  z-index: 3;
}

/* Animated rainbow border */
.lma-prism::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1.2px;
  background: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.30) 0%,
    rgba(138, 43, 226, 0.35) 25%,
    rgba(0, 191, 255, 0.32) 50%,
    rgba(255, 105, 180, 0.30) 75%,
    rgba(255, 255, 255, 0.30) 100%
  );
  background-size: 200% 200%;
  opacity: 0;
  animation: lv2PrismBorder 3s linear infinite;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  z-index: 2;
  transition: opacity 0.35s ease;
}
@keyframes lv2PrismBorder {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}

/* Mouse-follow spot highlight */
.lma-prism .lma-prism__spot {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(
    circle at var(--x, 50%) var(--y, 50%),
    rgba(255, 255, 255, 0.18) 0%,
    transparent 55%
  );
  opacity: 0;
  transition: opacity 0.35s ease;
  pointer-events: none;
  z-index: 1;
}

/* Diagonal shimmer sweep */
.lma-prism .lma-prism__shimmer {
  position: absolute;
  top: -60%;
  left: -60%;
  width: 220%;
  height: 220%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(255, 255, 255, 0.08) 45%,
    rgba(255, 255, 255, 0.22) 50%,
    rgba(255, 255, 255, 0.08) 55%,
    transparent 100%
  );
  transform: translateX(-100%) rotate(30deg);
  animation: lv2Shimmer 3s infinite;
  pointer-events: none;
  z-index: 0;
}
@keyframes lv2Shimmer {
  0%   { transform: translateX(-100%) rotate(30deg); }
  100% { transform: translateX(100%) rotate(30deg); }
}

/* Hover */
.lma-prism:hover {
  transform: translateY(-1px) scale(1.02);
  box-shadow:
    0 10px 36px rgba(138, 43, 226, 0.14),
    0 0 50px rgba(0, 191, 255, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.14),
    inset 0 -1px 0 rgba(255, 255, 255, 0.06);
}
.lma-prism:hover::after {
  opacity: 0.9;
  animation-duration: 2s;
}
.lma-prism:hover .lma-prism__spot {
  opacity: 1;
}
.lma-prism:hover .lma-prism__shimmer {
  animation-duration: 1.5s;
}

/* Active press */
.lma-prism:active {
  transform: translateY(0) scale(0.98);
  box-shadow:
    0 4px 16px rgba(138, 43, 226, 0.10),
    inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.lv2-btn--primary {
  color: var(--lma-color--dark-1);
  background: var(--color-white);
  box-shadow: 0 4px 24px rgba(117,77,255,.2);
}
.lv2-btn--primary:hover {
  background: rgba(255,255,255,.9);
  transform: translateY(-1px);
  box-shadow: 0 8px 32px rgba(117,77,255,.3);
}
.lv2-btn--primary:active {
  transform: translateY(0);
}


/* Контент сторінки поверх glow (1) і glass (2) */
.lv2-main {
  position: relative;
  z-index: 3;
}

/* Один зазор між усіма секціями та перед футером (без подвійного padding) */
.lv2-main > * + * {
  margin-top: var(--lv2-section-gap);
}
@media (max-width: 768px) {
  .lv2-main > * + * {
    margin-top: 80px;
  }
}

/* =========================================================
   HERO SECTION
   ========================================================= */
.lv2-hero {
  position: relative;
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: clamp(80px, 10vh, 140px);
  padding-bottom: 0;
  overflow: hidden;
}

/* ===== PURPLE GRADIENT GLOW (PNG, absolute — scrolls out of viewport) ===== */
.lv2-hero__glow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lv2-hero__glow-img {
  flex-shrink: 0;
  width: max(1700px, 125vw);
  height: auto;
  display: block;
}

/* ===== HERO LAYOUT ===== */
.lv2-hero__layout {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
}

/* ===== WRAP ===== */
.lv2-chip-wrap {
  --chip-line-color: #9d5cff;
  --chip-line-soft: rgba(157, 92, 255, 0);
  --chip-bg-1: rgba(120, 88, 255, 0.22);
  --chip-bg-2: rgba(82, 59, 190, 0.14);
  --chip-border: rgba(180, 145, 255, 0.18);
  --chip-text: #f1ddff;
  --chip-icon: #f4e7ff;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(16px, 1.15vw, 2px);
  width: min(100%, 660px);
  margin-bottom: clamp(20px, 3vw, 40px);
  will-change: transform;
}

/* ===== SIDE LINES ===== */
.lv2-chip-line {
  position: relative;
  flex: 1 1 140px;
  max-width: 220px;
  height: 1px;
  overflow: hidden;
  border-radius: 999px;
}

.lv2-chip-line::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  opacity: .35;
  filter: blur(3px);
}

.lv2-chip-line::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  filter: blur(.4px);
}

/* Левая линия: заполняется слева -> направо */
.lv2-chip-line--left::before,
.lv2-chip-line--left::after {
  background: linear-gradient(
    90deg, 
    rgba(157, 92, 255, 0) 0%, 
    rgba(157, 92, 255, 0.22) 18%, 
    rgb(139 116 219) 82%, 
    rgb(163 137 255) 100%);
  transform-origin: left center;
}

/* Правая линия: заполняется справа -> налево */
.lv2-chip-line--right::before,
.lv2-chip-line--right::after {
  background: linear-gradient(
    270deg,
    rgba(157, 92, 255, 0) 0%,
    rgba(157, 92, 255, 0.22) 18%,
    rgb(139 116 219) 82%,
    rgb(163 137 255) 100%
  );
  transform-origin: right center;
}

.lv2-chip-line--left::before,
.lv2-chip-line--right::before {
  height: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.lv2-chip-line--left::after,
.lv2-chip-line--right::after {
  transform: scaleX(1);
}

/* Доп. светящаяся точка возле лейбы */
/* .lv2-chip-line--left {
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(125, 85, 255, .08) 100%
  );
}

.lv2-chip-line--right {
  background: linear-gradient(
    270deg,
    transparent 0%,
    rgba(125, 85, 255, .08) 100%
  );
} */

/* ===== CHIP / LABEL ===== */
.lv2-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 10px 20px;
  border-radius: 100px;
  border: 1px solid var(--chip-border);
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.08), transparent 55%),
    linear-gradient(180deg, var(--chip-bg-1), var(--chip-bg-2));
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 10px 30px rgba(59, 23, 125, .28),
    0 0 24px rgba(130, 76, 255, .16);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  overflow: hidden;
}

.lv2-chip::before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background:
    radial-gradient(circle at 50% 30%, rgba(255,255,255,.07), transparent 60%),
    radial-gradient(circle at 50% 120%, rgba(114, 70, 255, .10), transparent 55%);
  pointer-events: none;
}

.lv2-chip::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    inset 0 20px 30px rgba(255,255,255,.02);
}

.lv2-chip__icon,
.lv2-chip__text {
  position: relative;
  z-index: 1;
}

.lv2-chip__icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--chip-icon);
}

.lv2-chip__icon svg {
  width: 100%;
  height: 100%;
  display: block;
}

.lv2-chip__text {
  font-size: clamp(13px, 0.85vw, 16px);
  font-weight: 500;
  color: var(--chip-text);
  letter-spacing: .01em;
  white-space: nowrap;
}

/* Chip line animations now handled by GSAP (hero-intro.js) */

/* ===== MOBILE ===== */
@media (max-width: 768px) {
  .lv2-chip-wrap {
    gap: 12px;
    margin-bottom: 0;
  }
  .lv2-chip-line {
    flex: 1 1 40px;
    max-width: none;
  }
  .lv2-chip__text {
    font-size: 12px;
  }
  .lv2-chip {
    padding: 10px 16px;
    border-radius: 20px;
  }

  .lv2-chip__text {
    white-space: normal;
    text-align: center;
  }
}

/* =========================================================
   HERO INTRO — initial hidden state (GSAP reveals in hero-intro.js)
   ========================================================= */
.lv2-intro-hidden {
  opacity: 0;
  visibility: hidden;
}

/* ===== FLOATING GLASS TAGS ===== */
.lv2-float-tag {
  position: absolute;
  z-index: 2;
  width: clamp(90px, 6.85vw, 110px);
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: clamp(12px, 1.1vw, 14px);
  font-weight: 400;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.88);
  padding: clamp(6px, 1.25vw, 20px);
  border-radius: clamp(20px, 2.5vw, 40px);
  background: rgb(57 0 252 / 25%);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid transparent;
  background-clip: padding-box;
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.06),
    inset 0 -1px 2px rgba(0, 0, 0, 0.15),
    inset 0 0 12px rgba(57, 0, 252, 0.08);
  pointer-events: none;
  will-change: transform;
}

.lv2-float-tag::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(
    135deg,
    var(--lma-color--purple-2) 0%,
    rgba(136, 82, 223, 0.3) 40%,
    rgba(136, 82, 223, 0.6) 70%,
    var(--lma-color--purple-2) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

.lv2-float-tag--1 {
  top: -2%;
  left: 4%;
}

.lv2-float-tag--2 {
  bottom: 50%;
  left: 6%;
}

.lv2-float-tag--3 {
  top: 38%;
  right: 6%;
}

@media (max-width: 768px) {
  .lv2-float-tag {
    display: none;
  }
}

/* ===== HERO TITLE ===== */
.lv2-hero__title {
  font-size: clamp(28px, 5.4vw, 80px);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  margin-bottom: 60px;
  max-width: 1100px;
  will-change: transform;

  background: linear-gradient(
    100deg,
    #e5c8ff 0%,
    #ffffff 30%,
    #ffffff 67%,
    #c18cf0 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}


/* =========================================================
   CTA CARDS (affiliate / advertiser)
   ========================================================= */
.lv2-hero__cards {
  --lv2-cards-gap: clamp(16px, 3vw, 40px);
  --lv2-cards-overlap: 32px;
  --lv2-deck-dur: 0.55s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--lv2-cards-gap);
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  will-change: transform;
}

.lv2-card {
  position: relative;
  display: block;
  width: clamp(280px, 38vw, 520px);
  background: var(--lma-color--dark-1);
  border-radius: var(--radius-xl);
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.07) inset,
    0 20px 50px rgba(0, 0, 0, 0.55),
    0 8px 24px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(0, 0, 0, 0.25),
    0 0 48px rgba(117, 77, 255, 0.1);
  transition:
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.45s ease,
    border-color 0.35s ease,
    filter 0.55s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.lv2-card img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: var(--radius-xl);
}

/* Rotation */
/* pull advertiser by gap + overlap so the pair stays centered */
.lv2-card--affiliate {
  transform: rotate(-5.8deg) translateY(-20px);
  z-index: 1;
  transition:
    transform var(--lv2-deck-dur) cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.45s ease,
    border-color 0.35s ease,
    filter var(--lv2-deck-dur) cubic-bezier(0.22, 1, 0.36, 1);
}
.lv2-card--advertiser {
  transform: rotate(2.68deg) translateY(12px);
  z-index: 2;
  margin-left: calc(-1 * var(--lv2-cards-overlap) - var(--lv2-cards-gap));
}

/* Shared hover glow */
.lv2-card--affiliate:hover,
.lv2-card--advertiser:hover {
  border-color: rgba(180, 145, 255, 0.35);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.1) inset,
    0 28px 64px rgba(0, 0, 0, 0.55),
    0 14px 36px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(117, 77, 255, 0.25),
    0 20px 72px rgba(117, 77, 255, 0.35),
    0 0 64px rgba(117, 77, 255, 0.22);
}

/* Simple lift (mobile + reduced motion) */
.lv2-card--affiliate:hover,
.lv2-card--advertiser:hover {
  transform: rotate(-5.8deg) translateY(-8px) scale(1.02);
}
.lv2-card--advertiser:hover {
  transform: rotate(2.68deg) translateY(-8px) scale(1.02);
}

/* Shared hover glow — suppressed while scrolling */
/*html:not(.is-scrolling) .lv2-card--affiliate:hover,
html:not(.is-scrolling) .lv2-card--advertiser:hover {
  border-color: rgba(180, 145, 255, 0.35);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.1) inset,
    0 28px 64px rgba(0, 0, 0, 0.55),
    0 14px 36px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(117, 77, 255, 0.25),
    0 20px 72px rgba(117, 77, 255, 0.35),
    0 0 64px rgba(117, 77, 255, 0.22);
} */

/* Simple lift (mobile + reduced motion) */
/* html:not(.is-scrolling) .lv2-card--affiliate:hover,
html:not(.is-scrolling) .lv2-card--advertiser:hover {
  transform: rotate(-5.8deg) translateY(-8px) scale(1.02);
}
html:not(.is-scrolling) .lv2-card--advertiser:hover {
  transform: rotate(2.68deg) translateY(-8px) scale(1.02);
} */

/* ----- Desktop: «колода» — карточки разъезжаются в стороны ----- */
@media (min-width: 769px) and (prefers-reduced-motion: no-preference) {
  .lv2-hero__cards {
    isolation: isolate;
  }

  .lv2-card--affiliate,
  .lv2-card--advertiser {
    transition:
      transform var(--lv2-deck-dur, 0.55s) cubic-bezier(0.22, 1, 0.36, 1),
      box-shadow 0.45s ease,
      border-color 0.35s ease,
      filter var(--lv2-deck-dur, 0.55s) cubic-bezier(0.22, 1, 0.36, 1);
  }

  .lv2-card--affiliate:hover {
    transform:
      rotate(-3.1deg)
      translateX(clamp(-36px, -3.2vw, -56px))
      translateY(-34px)
      scale(1.02);
  }

  .lv2-card--advertiser:hover {
    transform:
      rotate(1.35deg)
      translateX(clamp(28px, 2.8vw, 48px))
      translateY(-32px)
      scale(1.02);
  }

  /* Неактивная карточка утапливается под «колоду» */
  .lv2-hero__cards:has(.lv2-card--affiliate:hover) .lv2-card--advertiser:not(:hover) {
    transform: rotate(2.35deg) translateY(22px) translateX(10px) scale(0.965);
    filter: brightness(0.88) saturate(0.94);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.05) inset,
      0 12px 36px rgba(0, 0, 0, 0.55),
      0 4px 14px rgba(0, 0, 0, 0.35);
    border-color: rgba(255, 255, 255, 0.06);
  }

  .lv2-hero__cards:has(.lv2-card--advertiser:hover) .lv2-card--affiliate:not(:hover) {
    transform: rotate(-6.4deg) translateY(-14px) translateX(-10px) scale(0.965);
    filter: brightness(0.88) saturate(0.94);
    box-shadow:
      0 1px 0 rgba(255, 255, 255, 0.05) inset,
      0 12px 36px rgba(0, 0, 0, 0.55),
      0 4px 14px rgba(0, 0, 0, 0.35);
    border-color: rgba(255, 255, 255, 0.06);
  }
}

/* Top bar: full width, text left + icon outside pill on the right */
.lv2-card__bar {
  position: absolute;
  top: clamp(12px, 1.5vw, 20px);
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 clamp(12px, 1.5vw, 20px);
  pointer-events: none;
}

.lv2-card__bar .lv2-card__label {
  pointer-events: auto;
}

/* Only the text pill — border, fill, blur */
.lv2-card__label {
  display: inline-flex;
  align-items: center;
  padding: 8px 24px;
  background: rgba(9,9,10,.65);
  max-height: 60px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 100px;
  font-size: clamp(14px, 1.1vw, 17px);
  font-weight: 500;
  color: var(--color-white);
  white-space: nowrap;
  transition: background .25s, border-color .25s;
  flex: 0 1 auto;
  min-width: 0;
}

.lv2-card:hover .lv2-card__label {
  background: rgba(117,77,255,.35);
  border-color: rgba(117,77,255,.5);
}

/* Circle outside the label — not inside pill styles */
.lv2-card__arrow {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: clamp(34px, 2.5vw, 44px);
  height: clamp(34px, 2.5vw, 44px);
  border-radius: 50%;
  transition: transform .3s cubic-bezier(.22,1,.36,1), box-shadow .3s ease;
  pointer-events: auto;
}

.lv2-card__arrow--affiliate {
  background: var(--lma-color--purple-1);
  color: var(--color-white);
  box-shadow:
    0 4px 16px rgba(117, 77, 255, 0.42),
    0 2px 6px rgba(117, 77, 255, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.lv2-card__arrow--advertiser {
  background: var(--lma-color--green-1);
  color: var(--lma-color--dark-1);
  box-shadow:
    0 4px 16px rgba(0, 224, 133, 0.38),
    0 2px 6px rgba(0, 224, 133, 0.22),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.lv2-card__arrow svg {
  width: clamp(16px, 1.125vw, 18px);
  height: clamp(16px, 1.125vw, 18px);
}

.lv2-card:hover .lv2-card__arrow {
  transform: translateX(3px);
}


/* =========================================================
   REUSABLE INPUTS
   ========================================================= */
.lv2-input {
  display: block;
  width: 100%;
  height: clamp(44px, 3.6vw, 54px);
  padding: 0 clamp(16px, 1.6vw, 24px);
  font-family: var(--font-main);
  font-size: clamp(13px, 1vw, 15px);
  font-weight: 400;
  color: var(--color-white);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 100px;
  outline: none;
  transition:
    border-color 0.25s ease,
    background 0.25s ease,
    box-shadow 0.25s ease;
  -webkit-appearance: none;
  appearance: none;
}

.lv2-input::placeholder {
  color: rgba(255, 255, 255, 0.35);
  font-weight: 400;
}

.lv2-input:hover {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.06);
}

.lv2-input:focus {
  border-color: var(--lma-color--purple-1);
  background: rgba(117, 77, 255, 0.06);
  box-shadow: 0 0 0 3px rgba(117, 77, 255, 0.15);
}

.lv2-input--error {
  border-color: #ef4444;
  background: rgba(239, 68, 68, 0.06);
}
.lv2-input--error:focus {
  border-color: #ef4444;
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}

/* =========================================================
   TOAST NOTIFICATIONS (mirrored from app.css)
   ========================================================= */
.lma-toast-container {
  position: fixed;
  top: 24px;
  right: 24px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 12px;
  pointer-events: none;
}

.lma-toast {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  min-width: 320px;
  max-width: 450px;
  padding: 16px 20px;
  background: var(--lma-color--dark-1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.4);
  pointer-events: auto;
  animation: toastSlideIn 0.3s ease;
  position: relative;
  overflow: hidden;
}

.lma-toast.is-leaving {
  animation: toastSlideOut 0.25s ease forwards;
}

@keyframes toastSlideIn {
  from { opacity: 0; transform: translateX(100%); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes toastSlideOut {
  from { opacity: 1; transform: translateX(0); }
  to   { opacity: 0; transform: translateX(100%); }
}

.lma-toast__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.lma-toast--error   .lma-toast__icon { background: var(--lma-color--red); color: var(--lma-color--dark-1); }
.lma-toast--success .lma-toast__icon { background: var(--lma-color--green-1); color: var(--lma-color--dark-1); }

.lma-toast__content { flex: 1; min-width: 0; }
.lma-toast__title   { font-size: 14px; font-weight: 600; color: #fff; margin-bottom: 4px; }
.lma-toast__message { font-size: 13px; color: rgba(255,255,255,.55); line-height: 1.4; }

.lma-toast__close {
  flex-shrink: 0;
  width: 28px; height: 28px;
  display: flex; align-items: center; justify-content: center;
  background: transparent; border: none; border-radius: 6px;
  color: rgba(255,255,255,.4); cursor: pointer;
  transition: background .15s, color .15s;
  margin: -4px -8px -4px 0;
}
.lma-toast__close:hover { background: rgba(255,255,255,.1); color: #fff; }

.lma-toast__progress {
  position: absolute; bottom: 0; left: 0; right: 0;
  height: 3px; background: var(--lma-color--dark-3);
  border-radius: 0 0 12px 12px; overflow: hidden;
}
.lma-toast__progress-bar { height: 100%; background: currentColor; animation: toastProgress 5s linear forwards; }
.lma-toast--error   .lma-toast__progress-bar { background: var(--lma-color--red); }
.lma-toast--success .lma-toast__progress-bar { background: var(--lma-color--green-1); }

@keyframes toastProgress { from { width: 100%; } to { width: 0%; } }

@media (max-width: 480px) {
  .lma-toast-container { top: 12px; right: 12px; left: 12px; }
  .lma-toast { min-width: auto; max-width: none; }
}

/* =========================================================
   REUSABLE SECTION TITLE
   ========================================================= */
.lv2-section-title {
  margin: 0;
  font-size: clamp(26px, 4.6vw, 85px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  background: linear-gradient(
    100deg,
    #e5c8ff 0%,
    #ffffff 30%,
    #ffffff 67%,
    #c18cf0 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media (max-width: 768px) {
  .lv2-section-title {
    font-size: clamp(28px, 8vw, 48px);
  }
}

/* =========================================================
   ECOSYSTEM STRIP (brand / sprite.svg / tags)
   ========================================================= */
.lv2-eco-bar {
  position: relative;
  padding: 0;
  margin-top: clamp(40px, 8vw, 60px) !important;
  margin-bottom: clamp(80px, 9vw, 140px) !important;
}

.lv2-eco-bar__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: clamp(20px, 2vw, 32px);
}

.lv2-eco-bar__brand {
  flex: 0 1 auto;
  min-width: min(100%, 200px);
}

.lv2-eco-bar__title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.12em;
  margin: 0;
  line-height: 1;
  font-weight: 500;
  font-size: clamp(26px, 4.6vw, 85px);
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.lv2-eco-bar__letmeads {
  color: var(--color-white);
}

.lv2-eco-bar__sub {
  display: inline-flex;
  align-items: center;
  gap: 0.28em;
}

.lv2-eco-bar__cpa {
  background: linear-gradient(90deg, #754dff 0%, #c4b5ff 42%, #f5f0ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.lv2-eco-bar__copy-ring {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 0.95em;
  height: 0.95em;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.28);
  flex-shrink: 0;
}

.lv2-eco-bar__copy {
  font-size: 0.42em;
  font-weight: 700;
  line-height: 1;
  background: linear-gradient(135deg, #754dff 0%, #e8e4ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.lv2-eco-bar__graphic {
  flex: 1 1 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  max-width: min(100%, 760px);
  margin-inline: auto;
}

.lv2-eco-bar__sprite {
  width: 100%;
  height: auto;
  max-height: clamp(72px, 14vw, 200px);
  object-fit: contain;
}

.lv2-eco-bar__aside {
  flex: 0 1 360px;
  min-width: min(100%, 320px);
  max-width: 360px;
  text-align: left;
}

.lv2-eco-bar__tags {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 8px 10px;
  list-style: none;
  margin: 0 0 clamp(12px, 2vw, 18px);
  padding: 0;
}

.lv2-eco-bar__tag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  font-size: clamp(10px, 1vw, 12px);
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.92);
  background: transparent;
}

.lv2-eco-bar__lead {
  margin: 0;
  font-size: clamp(16px, 1.5vw, 24px);
  font-weight: 500;
  line-height: 1.3;
  background: linear-gradient(90deg, #b89cff 0%, #d8cffc 35%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@media (max-width: 900px) {
  .lv2-eco-bar__inner {
    flex-direction: column;
    text-align: center;
  }

  .lv2-eco-bar__brand {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .lv2-eco-bar__title {
    align-items: center;
  }

  .lv2-eco-bar__aside {
    text-align: center;
    max-width: 420px;
  }

  .lv2-eco-bar__tags {
    justify-content: center;
  }

  .lv2-eco-bar__graphic {
    order: 2;
    max-width: 100%;
  }

  .lv2-eco-bar__brand {
    order: 1;
  }

  .lv2-eco-bar__aside {
    order: 3;
  }
}
@media (max-width: 768px) {
  .lv2-eco-bar {
    margin: 80px 0 !important;
  }
  .lv2-eco-bar__title {
    font-size: clamp(46px, 13vw, 54px);
  }
  .lv2-eco-bar__graphic,
  .lv2-eco-bar__aside {
    flex: none;
  }
}

/* =========================================================
   STATS / SCALE — 2-row layout
   ========================================================= */
.lv2-stats-bar {
  position: relative;
  padding: 0;
}

.lv2-stats-bar__wrap {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 2.5vw, 32px);
}

/* --- ROW 1: heading + budget card --- */
.lv2-stats-bar__row-1 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: clamp(24px, 3vw, 48px);
}

.lv2-stats-bar__left {
  flex: 1 1 0;
  min-width: 0;
  text-align: left;
}

.lv2-stats-bar__label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 clamp(14px, 1.5vw, 22px);
  padding: 6px 14px 4px 14px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.55);
  font-size: clamp(10px, 1vw, 13px);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.92);
  background: transparent;
}

.lv2-stats-bar__accent {
  background: linear-gradient(90deg, #754dff 0%, #c4b5ff 55%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Budget card — gradient border via ::before */
.lv2-stats-bar__budget {
  position: relative;
  z-index: 6;
  flex: 0 0 auto;
  width: clamp(280px, 21.25vw, 340px);
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: clamp(16px, 2vw, 28px) clamp(18px, 2.5vw, 32px);
  border-radius: clamp(30px, 2.5vw, 40px);
  position: relative;
  background: var(--lma-gradient--gray-2);
  overflow: hidden;
  isolation: isolate;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 8px 20px rgba(0, 0, 0, 0.45),
    0 4px 12px rgba(117, 77, 255, 0.1),
    0 0 24px rgba(117, 77, 255, 0.08);
}

.lv2-stats-bar__budget::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--lma-gradient--purple-1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.lv2-stats-bar__budget-label {
  align-self: flex-start;
  font-size: clamp(11px, 1.1vw, 15px);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.55);
}

.lv2-stats-bar__budget-figures {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

.lv2-stats-bar__budget-value {
  font-size: clamp(65px, 6.5vw, 116px);
  font-weight: 500;
  line-height: 1;
  margin-bottom: -10px;
  background: linear-gradient(109deg, #d5b6ff 0%, #f5f2ff 35%, #ffffff 65%, #d5b6ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.lv2-stats-bar__budget-unit {
  font-size: clamp(14px, 1.6vw, 28px);
  font-weight: 500;
  background: linear-gradient(109deg, #d1c4e3 0%, #f5f2ff 35%, #ffffff 65%, #d5b6ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* --- ROW 2: metric cards + aside --- */
.lv2-stats-bar__row-2 {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: clamp(20px, 2.5vw, 32px);
}

.lv2-stats-bar__metrics {
  display: flex;
  align-items: stretch;
  gap: clamp(10px, 1.2vw, 16px);
  flex: 0 0 auto;
}

.lv2-stats-bar__metric {
  position: relative;
  z-index: 6;
  width: clamp(140px, 18vw, 270px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  padding: clamp(14px, 1.5vw, 22px) clamp(16px, 2vw, 26px);
  border-radius: clamp(30px, 2.5vw, 40px);
  position: relative;
  background: var(--lma-gradient--gray-2);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  overflow: hidden;
  isolation: isolate;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 8px 20px rgba(0, 0, 0, 0.45),
    0 4px 12px rgba(117, 77, 255, 0.1),
    0 0 24px rgba(117, 77, 255, 0.08);
}

.lv2-stats-bar__metric::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--lma-gradient--purple-1);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.lv2-stats-bar__metric-label {
  align-self: flex-start;
  font-size: clamp(10px, 1vw, 13px);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.45);
}

.lv2-stats-bar__metric-figures {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
}

.lv2-stats-bar__metric-value {
  font-size: clamp(36px, 4.5vw, 72px);
  font-weight: 500;
  line-height: 1;
  color: #fff;
}

.lv2-stats-bar__metric-unit {
  font-size: clamp(12px, 1.2vw, 17px);
  font-weight: 500;
  color: rgba(255, 255, 255, 0.45);
  margin-top: clamp(2px, 0.3vw, 4px);
}

.lv2-stats-bar__metric--budget-mobile {
  display: none;
}
@media (max-width: 900px) {
  .lv2-stats-bar__metric--budget-mobile {
    display: flex;
  }
}

/* Aside: graphic top-left, lead bottom-right */
.lv2-stats-bar__aside {
  flex: 1 1 0;
  min-width: 0;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  gap: 30px;
}

.lv2-stats-bar__graphic {
  align-self: flex-start;
  display: flex;
  align-items: flex-start;
  transform: translateY(-30px);
}

.lv2-stats-bar__sprite {
  width: clamp(200px, 17vw, 270px);
  height: auto;
  max-height: clamp(72px, 14vw, 200px);
  object-fit: contain;
}

.lv2-stats-bar__lead {
  margin: 0;
  max-width: 100%;
  text-align: left;
  font-size: clamp(16px, 1.5vw, 24px);
  font-weight: 500;
  line-height: 1.3;
  background: linear-gradient(109deg, #d5b6ff 0%, #f5f2ff 35%, #ffffff 65%, #d5b6ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* --- Mobile --- */
@media (max-width: 900px) {
  .lv2-stats-bar__row-1 {
    flex-direction: column;
    align-items: stretch;
  }

  .lv2-stats-bar__left {
    text-align: center;
  }

  .lv2-stats-bar__label {
    margin-inline: auto;
  }

  .lv2-stats-bar__budget {
    display: none;
  }

  .lv2-stats-bar__row-2 {
    flex-direction: column;
  }

  .lv2-stats-bar__metrics {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: clamp(10px, 2.5vw, 16px);
  }

  .lv2-stats-bar__metric {
    width: auto;
    min-height: 160px;
  }
  .lv2-stats-bar__metric-label {
    font-size: 12px;
  }

  .lv2-stats-bar__aside {
    align-items: stretch;
    text-align: center;
    min-height: auto;
  }

  .lv2-stats-bar__graphic {
    align-self: center;
    transform: none;
  }

  .lv2-stats-bar__lead {
    align-self: center;
    text-align: center;
  }

  .lv2-stats-bar__sprite {
    max-width: 280px;
    margin-top: 30px;
    margin-inline: auto;
  }
}

/* =========================================================
   FEATURES RIBBON 
   ========================================================= */
.lv2-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;
}

.lv2-features {
  position: relative;
  padding: 0;
  user-select: none;
}

.lv2-features__ribbon {
  display: flex;
  align-items: center;
  gap: clamp(20px, 2.5vw, 36px);
  padding: 0 0 clamp(48px, 6vw, 72px);
  will-change: transform;
  cursor: grab;
}

.lv2-features__ribbon.is-dragging {
  cursor: grabbing;
}

/* Горизонтальна (landscape) карточка + overflow:hidden для номера, що виглядає знизу */
.lv2-features__card {
  position: relative;
  flex: 0 0 clamp(360px, 28vw, 520px);
  width: clamp(360px, 28vw, 520px);
  aspect-ratio: 16 / 10;
  padding: clamp(20px, 2.5vw, 30px) clamp(18px, 2vw, 26px) clamp(16px, 2vw, 24px);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 24px 48px rgba(0, 0, 0, 0.45);
  display: grid;
  grid-template-columns: 1fr min(155px, 38%);
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "head icon"
    "num  icon";
  gap: 0 clamp(12px, 2vw, 18px);
  transform-origin: 50% 50%;
  will-change: transform;
  backface-visibility: hidden;
  transition: box-shadow 0.35s ease, border-color 0.35s ease;
}

/* Фони + повороти + хаотичне зміщення по Y */
.lv2-features__card--1 { background: var(--lma-gradient--purple-2); transform: rotate(-5deg) translateY(-24px); }
.lv2-features__card--2 { background: var(--lma-gradient--purple-1); transform: rotate(3deg)  translateY(32px); }
.lv2-features__card--3 { background: var(--lma-color--purple-2);    transform: rotate(-2deg) translateY(-40px); }
.lv2-features__card--4 { background: var(--lma-gradient--purple-1); transform: rotate(6deg)  translateY(18px); }
.lv2-features__card--5 { background: var(--lma-gradient--purple-2); transform: rotate(-4deg) translateY(-30px); }
.lv2-features__card--6 { background: var(--lma-gradient--purple-1); transform: rotate(2.5deg) translateY(38px); }
.lv2-features__card--7 { background: var(--lma-color--purple-2);    transform: rotate(-6deg) translateY(-18px); }
.lv2-features__card--8 { background: var(--lma-gradient--purple-1); transform: rotate(4deg)  translateY(28px); }

.lv2-features__head {
  grid-area: head;
  align-self: start;
  min-width: 0;
}

.lv2-features__title {
  margin: 0 0 clamp(8px, 1.2vw, 12px);
  font-size: clamp(22px, 2.2vw, 36px);
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-white);
}

.lv2-features__text {
  margin: 0;
  font-size: clamp(12px, 1vw, 18px);
  font-weight: 500;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.78);
}

.lv2-features__icon {
  grid-area: icon;
  display: block;
  box-sizing: border-box;
  width: min(100%, 155px);
  max-width: 155px;
  aspect-ratio: 1;
  height: auto;
  max-height: 155px;
  object-fit: contain;
  object-position: center;
  align-self: center;
  justify-self: end;
}

/* Номер виглядає знизу картки: зміщений вниз на ~18%, обрізається overflow:hidden картки */
.lv2-features__num {
  grid-area: num;
  align-self: end;
  justify-self: start;
  margin: 0 -8px -8px -8px;
  padding: 0;
  isolation: isolate;
  transform: translateY(18%);
}

.lv2-features__num-text {
  display: inline-block;
  font-size: clamp(72px, 9vw, 132px);
  font-weight: 500;
  line-height: 0.82;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  color: rgba(255, 255, 255, 0.22);
  text-shadow:
    0 4px 4px rgba(255, 255, 255, 0.2),
    0 0 20px rgba(255, 255, 255, 0.03);
  border-radius: clamp(8px, 1.2vw, 16px);
  padding: 0.04em 0.06em 0.06em 0.02em;
}

@media (max-width: 768px) {
  .lv2-features__card {
    flex: 0 0 min(85vw, 360px);
    width: min(85vw, 360px);
  }
}


/* =========================================================
   COMMUNITY
   ========================================================= */
.lv2-community {
  position: relative;
  z-index: 0;
  padding: 0;
}

/*
 * Grid:
 *   title  |  icon
 *   arrow  |  desc
 *
 * Row 1 aligns at bottom — icon sits level with title bottom.
 * Arrow is absolute, between the two rows, bridging left→right.
 */
.lv2-community__grid {
  display: grid;
  grid-template-columns: 1fr clamp(260px, 28vw, 400px);
  grid-template-rows: auto auto;
  grid-template-areas:
    "title icon"
    ".     desc";
  column-gap: clamp(32px, 4vw, 80px);
  row-gap: clamp(24px, 3vw, 48px);
  position: relative;
}

.lv2-community__title {
  grid-area: title;
  max-width: 900px;
  align-self: end;
}

.lv2-community__icon {
  grid-area: icon;
  width: 155px;
  height: 155px;
  align-self: end;
  justify-self: start;
}

.lv2-community__arrow {
  position: absolute;
  top: clamp(140px, 55%, 200px);
  left: clamp(280px, 38%, 660px);
  width: clamp(200px, 24vw, 450px);
  height: auto;
  transform: rotate(-16.5deg);
  pointer-events: none;
  z-index: 1;
}

.lv2-community__desc,
.lv2-text__desc {
  grid-area: desc;
  margin: 0;
  font-size: clamp(16px, 1.5vw, 24px);
  font-weight: 500;
  line-height: 1.3;
  background: linear-gradient(90deg, #b89cff 0%, #d8cffc 35%, #ffffff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  align-self: start;
}

@media (max-width: 768px) {
  .lv2-community__grid {
    grid-template-columns: 1fr;
    grid-template-areas:
      "icon"
      "title"
      "desc";
    row-gap: 20px;
  }

  .lv2-community__arrow {
    display: none;
  }
}


/* =========================================================
   ADVERTISERS
   ========================================================= */
.lv2-advertisers {
  position: relative;
  overflow: visible;
  padding: 0;
}

/* ===== FOOTER GLOW (PNG) — in page-wrap, positioned by JS once ===== */
.lv2-footer-glow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}

.lv2-footer-glow__img {
  display: block;
  width: max(1700px, 125vw);
  height: auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* ===== ADVERTISERS GLOW (PNG) — in page-wrap, positioned by JS once ===== */
.lv2-adv-glow {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 1;
  pointer-events: none;
}

.lv2-adv-glow__img {
  display: block;
  width: max(1700px, 125vw);
  height: auto;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

/* ===== GROWTH GLOW (PNG) — in page-wrap, half off-screen left, positioned by JS once ===== */
.lv2-growth-glow {
  position: absolute;
  left: 0;
  top: 0;
  width: min(1080px, max(110px, 56.25vw));
  aspect-ratio: 1 / 1;
  z-index: 1;
  pointer-events: none;
}

.lv2-growth-glow__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ── Hero + logo + glass bubble (above section title) ── */
.lv2-advertisers__intro {
  box-sizing: border-box;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: -60px;
  padding: 0 var(--container-pad);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: clamp(12px, 3vw, 40px);
  position: relative;
  z-index: 4;
}

.lv2-advertisers__hero-face {
  flex-shrink: 0;
  width: clamp(200px, 32vw, 500px);
  transform: rotate(-6deg);
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  display: block;
}

.lv2-advertisers__intro-side {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(10px, 1.4vw, 18px);
}

.lv2-advertisers__intro-logo {
  max-width: 170px;
  width: 100%;
  height: auto;
  display: block;
}

.lv2-advertisers__intro-bubble--mobile {
  display: none;
}

.lv2-advertisers__intro-bubble {
  position: relative;
  width: 100%;
  padding: 20px 50px;
  border-radius: clamp(20px, 2.5vw, 30px);
  border: 1px solid transparent;
  background: rgba(57, 0, 252, 0.1);
  background-clip: padding-box;
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.06),
    inset 0 -1px 2px rgba(0, 0, 0, 0.12);
}

.lv2-advertisers__intro-bubble::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--lma-gradient--purple-2);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

.lv2-advertisers__intro-msg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: clamp(60px, 5vw, 80px);
  height: clamp(60px, 5vw, 80px);
  transform: translate(-45%, 45%);
  z-index: 2;
  pointer-events: none;
}

.lv2-advertisers__intro-text {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: clamp(14px, 1.35vw, 18px);
  font-weight: 400;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.92);
}

.lv2-advertisers__mid {
  display: flex;
  flex-direction: column;
}
.lv2-advertisers__mid .lv2-advertisers__intro-bubble {
  order: -1;
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(24px, 3vw, 40px);
}

.lv2-advertisers__heading {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 1100px;
  margin: 0 auto clamp(48px, 6vw, 80px);
}
.lv2-advertisers__body {
  position: relative;
  display: flex;
  justify-content: center;
  min-height: clamp(380px, 34vw, 520px);
  align-items: center;
}

.lv2-advertisers__card-wrap {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
}

/* Decorative points: anchored to form mid-height + below card; behind card; under tiles/blurbs */
.lv2-advertisers__points {
  position: absolute;
  max-width: 750px;
  width: min(750px, 42vw);
  height: auto;
  top: 55%;
  right: 50px;
  z-index: 0;
  pointer-events: none;
}

/* ── Form card ── */
.lv2-advertisers__card {
  position: relative;
  z-index: 2;
  width: clamp(320px, 30vw, 440px);
  padding: clamp(28px, 3vw, 40px) clamp(24px, 2.5vw, 36px);
  border-radius: var(--radius-xl);
  border: 1px solid transparent;
  background: rgba(9, 9, 10, 0.75);
  background-clip: padding-box;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 28px 56px rgba(0, 0, 0, 0.55),
    0 20px 48px rgba(117, 77, 255, 0.12),
    0 0 72px rgba(117, 77, 255, 0.18),
    0 0 120px rgba(190, 172, 255, 0.08);
}

.lv2-advertisers__card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: var(--lma-gradient--purple-2);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

.lv2-advertisers__card::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 60%;
  background:
    radial-gradient(ellipse 55% 70% at 30% 90%, rgba(0, 224, 133, 0.18), transparent 70%),
    radial-gradient(ellipse 55% 70% at 75% 85%, rgba(117, 77, 255, 0.2), transparent 70%);
  border-radius: 0 0 var(--radius-xl) var(--radius-xl);
  filter: blur(10px);
  pointer-events: none;
  z-index: -1;
}

.lv2-advertisers__card-heading {
  margin: 0 0 clamp(20px, 2.5vw, 28px);
  font-size: clamp(18px, 1.6vw, 26px);
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
  color: var(--color-white);
}

.lv2-advertisers__form {
  display: flex;
  flex-direction: column;
  gap: clamp(10px, 1.2vw, 14px);
}

.lv2-advertisers__submit {
  width: 100%;
  margin-top: 4px;
  height: clamp(44px, 3.6vw, 54px);
}

/* ── Tiles (reuse .lv2-float-tag) ── */
.lv2-advertisers__tag {
  position: absolute;
  z-index: 3;
  pointer-events: none;
  flex-direction: column;
  gap: 0;
  padding: clamp(14px, 1.5vw, 20px);
}

.lv2-float-tag__label {
  font-size: clamp(11px, 0.9vw, 13px);
  font-weight: 400;
  line-height: 1.3;
  color: rgba(255, 255, 255, 0.8);
}

.lv2-float-tag__num {
  position: absolute;
  top: -40px;
  right: -40px;
  font-size: clamp(48px, 5vw, 72px);
  font-weight: 500;
  line-height: 1;
  color: var(--lma-color--purple-1);
  pointer-events: none;
}

.lv2-float-tag__num--1 {
  color: var(--lma-color--purple-2);
}

.lv2-float-tag__num--2 {
  color: var(--lma-color--purple-3);
}

.lv2-float-tag__num--3 {
  color: var(--lma-color--purple-1);
}

.lv2-advertisers__tag--1 {
  bottom: 50%;
  left:clamp(40px, 18%, 340px);
}

.lv2-advertisers__tag--2 {
  top: 0;
  right:clamp(20px, 20%, 500px);
}

.lv2-advertisers__tag--3 {
  bottom: clamp(120px, 34%, 350px);
  right: clamp(60px, 7%, 150px);
}

/* ── Blurb texts ── */
.lv2-advertisers__blurb {
  position: absolute;
  z-index: 3;
  max-width: 280px;
  margin: 0;
}

.lv2-advertisers__blurb--left {
  top: 0;
  left: var(--container-pad);
}

.lv2-advertisers__blurb--right {
  bottom: 0;
  right: var(--container-pad);
}
@media (max-width: 1200px) {
  .lv2-advertisers__heading {
    max-width: 800px;
  }
}
@media (max-width: 768px) {
  .lv2-advertisers {
    margin-top: 50px
  }
  .lv2-advertisers__intro {
    flex-direction: column;
    align-items: center;
    margin-bottom: -30px;
    text-align: center;
  }

  .lv2-advertisers__heading {
    margin-bottom: 0;
  }

  .lv2-advertisers__intro-side {
    align-items: center;
    width: 100%;
    margin-top: -25px;
  }

  .lv2-advertisers__hero-face {
    width: min(100%, 300px);
  }

  .lv2-advertisers__intro-logo {
    display: none;
  }

  .lv2-advertisers__body {
    flex-direction: column;
    min-height: auto;
  }

  .lv2-advertisers__card {
    width: 100%;
    max-width: 400px;
  }
  
  .lv2-advertisers__mid .lv2-advertisers__intro-bubble {
    order: 1;
    align-items: flex-start;
    margin-top: clamp(16px, 3vw, 24px);
    margin-bottom: clamp(24px, 4vw, 32px);
  }
  .lv2-advertisers__intro-bubble {
    display: flex;
    align-items: center;
    gap: clamp(12px, 3vw, 20px);
    text-align: left;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    padding: 0;
  }
  .lv2-advertisers__intro-bubble--desktop {
    display: none;
  }
  .lv2-advertisers__intro-bubble--mobile {
    display: flex;
  }
  .lv2-advertisers__intro-bubble::before {
    display: none;
  }
  .lv2-advertisers__intro-msg {
    position: static;
    transform: none;
    flex-shrink: 0;
    width: clamp(36px, 10vw, 46px);
    height: clamp(36px, 10vw, 46px);
  }
  .lv2-advertisers__tag,
  .lv2-advertisers__blurb {
    display: none;
  }

  .lv2-advertisers__card-heading {
    max-width: 290px;
  }
}


/* =========================================================
   GROWTH (text block: left-aligned copy, column anchored right)
   ========================================================= */
.lv2-growth {
  position: relative;
  z-index: 1;
  padding: 0;
}

.lv2-growth__container {
  display: flex;
  justify-content: flex-end;
}

.lv2-growth__inner {
  width: 100%;
  max-width: min(1280px, 80%);
  text-align: left;
}

.lv2-growth__title {
  margin: 0 0 clamp(24px, 3vw, 40px);
  line-height: 1.02;
}

.lv2-growth__lead {
  margin: 0;
  max-width: 52ch;
  font-size: clamp(16px, 1.5vw, 24px);
  font-weight: 500;
  line-height: 1.3;
  background: linear-gradient(109deg, #d5b6ff 0%, #f5f2ff 35%, #ffffff 65%, #d5b6ff 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

@media (max-width: 768px) {
  .lv2-growth__container {
    justify-content: stretch;
  }

  .lv2-growth__inner {
    max-width: 100%;
  }

  .lv2-growth__lead {
    max-width: none;
  }
}


/* =========================================================
   REVIEWS — vertical wheel carousel
   ========================================================= */
.lv2-reviews {
  position: relative;
  padding: 0;
  margin-top: calc(var(--lv2-section-gap) * 1.5);
  overflow: hidden;
}

.lv2-reviews__layout {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: clamp(32px, 4vw, 80px);
  align-items: start;
  justify-items: end;
}

/* ── Left: heading + arrow ── */
.lv2-reviews__heading {
  position: sticky;
  top: clamp(100px, 14vh, 180px);
  text-align: left;
  max-width: 340px;
  justify-self: start;
}

.lv2-reviews__title {
  margin: 0 0 clamp(10px, 1.2vw, 16px);
}

.lv2-reviews__subtitle {
  margin: 0 0 clamp(24px, 3vw, 40px);
  font-size: clamp(16px, 1.5vw, 22px);
  font-weight: 400;
  line-height: 1.35;
  color: rgba(255, 255, 255, 0.55);
}

.lv2-reviews__arrow {
  position: absolute;
  top: clamp(160px, 28vh, 220px);
  left: clamp(120px, 12vw, 260px);
  width: clamp(80px, 14vw, 250px);
  height: auto;
  pointer-events: none;
}

/* ── Right: carousel viewport ── */
.lv2-reviews__carousel {
  position: relative;
  width: 100%;
  height: clamp(480px, 52vw, 720px);
  overflow: hidden;
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
  mask-image: linear-gradient(
    to bottom,
    transparent 0%,
    black 10%,
    black 90%,
    transparent 100%
  );
}

.lv2-reviews__track {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: clamp(12px, 1.4vw, 18px);
  will-change: transform;
}

/* ── Review card ── */
.lv2-reviews__card {
  --rev-overlay: 1;
  position: relative;
  max-width: 960px;
  width: 100%;
  padding: clamp(28px, 3vw, 40px) clamp(30px, 3.5vw, 50px);
  border-radius: var(--radius-xl);
  background: var(--lma-gradient--purple-1);
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.3),
    inset 0 1px 0 rgba(255, 255, 255, 0.15);
  flex-shrink: 0;
  will-change: transform, opacity;
  overflow: hidden;
}

.lv2-reviews__card::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: var(--lma-color--purple-1);
  opacity: var(--rev-overlay);
  pointer-events: none;
  transition: none;
}

.lv2-reviews__quote,
.lv2-reviews__text,
.lv2-reviews__author {
  position: relative;
  z-index: 1;
}

.lv2-reviews__quote {
  display: block;
  width: clamp(28px, 3vw, 40px);
  height: auto;
  margin-bottom: clamp(12px, 1.5vw, 20px);
}

.lv2-reviews__text {
  margin: 0 0 clamp(18px, 2vw, 28px);
  font-size: clamp(16px, 1.4vw, 22px);
  font-weight: 500;
  line-height: 1.45;
  color: var(--color-white);
  font-style: normal;
}

.lv2-reviews__author {
  display: flex;
  align-items: center;
  gap: clamp(10px, 1.2vw, 16px);
}

.lv2-reviews__avatar {
  width: clamp(40px, 3.5vw, 52px);
  height: clamp(40px, 3.5vw, 52px);
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid rgba(255, 255, 255, 0.25);
}

.lv2-reviews__meta {
  display: flex;
  flex-direction: column;
}

.lv2-reviews__name {
  font-size: clamp(16px, 1.3vw, 22px);
  font-weight: 600;
  color: var(--color-white);
  line-height: 1.2;
}

.lv2-reviews__role {
  font-size: clamp(12px, 1vw, 15px);
  font-weight: 400;
  color: rgba(255, 255, 255, 0.65);
  line-height: 1.3;
}

@media (max-width: 768px) {
  .lv2-reviews {
    margin-top: 80px;
  }
  .lv2-reviews__layout {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .lv2-reviews__heading {
    position: static;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .lv2-reviews__arrow {
    display: none;
  }

  .lv2-reviews__carousel {
    max-width: 100%;
    height: clamp(500px, 36vw, 560px);
  }

  .lv2-reviews__card {
    text-align: center;
    align-items: center;
  }

  .lv2-reviews__quote {
    margin-left: auto;
    margin-right: auto;
  }

  .lv2-reviews__author {
    flex-direction: column;
    text-align: center;
  }
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

/* Tablet */
@media (max-width: 1024px) {
  .lv2-hero__cards {
    --lv2-cards-gap: 20px;
  }
  .lv2-card {
    max-width: 400px;
  }
}

@media (max-width: 768px) {
  .lv2-hero {
    padding-top: 80px;
    min-height: 100%;
    align-items: flex-start;
  }
  .lv2-hero__title {
    font-size: clamp(28px, 8vw, 48px);
    margin: 40px 0;
  }
  .lv2-hero__cards {
    flex-direction: column;
    gap: 24px;
  }
  .lv2-card--affiliate {
    transform: rotate(1.5deg);
  }
  .lv2-card--advertiser {
    transform: rotate(-3deg);
    margin-left: 0;
  }
  .lv2-card--affiliate:hover {
    transform: rotate(1.5deg) translateY(-6px) scale(1.02);
  }
  .lv2-card--advertiser:hover {
    transform: rotate(-3deg) translateY(-6px) scale(1.02);
  }
  .lv2-card {
    width: clamp(260px, 75vw, 360px);
  }
}

@media (max-width: 480px) {
  .lv2-btn span {
    display: none;
  }
  .lv2-btn {
    padding: 0 12px;
  }
  .lv2-hero__title br {
    display: none;
  }
}

/* =========================================================
   CTA — Join section (before footer)
   ========================================================= */
.lv2-cta {
  margin-top: calc(var(--lv2-section-gap) * 1.5);
  text-align: center;
}

.lv2-cta__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.lv2-cta__title {
  margin-bottom: clamp(40px, 5vw, 72px);
}

.lv2-cta__cards {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

/* Individual CTA card */
.lv2-cta-card {
  position: relative;
  display: flex;
  width: clamp(320px, 46vw, 760px);
  background: #0D0D0D;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: clamp(24px, 2vw, 34px);
  overflow: visible;
  text-decoration: none;
  color: #fff;
  transition:
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.4s ease,
    border-color 0.35s ease;
}

.lv2-cta__cards {
  isolation: isolate;
}

/* Hover glow */
.lv2-cta-card:hover {
  border-color: rgba(180, 145, 255, 0.35);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.1) inset,
    0 28px 64px rgba(0, 0, 0, 0.55),
    0 14px 36px rgba(0, 0, 0, 0.38),
    0 0 0 1px rgba(117, 77, 255, 0.25),
    0 20px 72px rgba(117, 77, 255, 0.35),
    0 0 64px rgba(117, 77, 255, 0.22);
}

.lv2-cta-card--affiliate,
.lv2-cta-card--advertiser {
  transition:
    transform var(--lv2-deck-dur, 0.55s) cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.45s ease,
    border-color 0.35s ease,
    filter var(--lv2-deck-dur, 0.55s) cubic-bezier(0.22, 1, 0.36, 1);
}

.lv2-cta-card--affiliate {
  transform: rotate(-5.8deg);
  z-index: 2;
}
.lv2-cta-card--advertiser {
  transform: rotate(2.68deg);
  z-index: 1;
  margin-left: clamp(-120px, -8vw, -60px);
}

/* Hovered card spreads outward */
.lv2-cta-card--affiliate:hover {
  transform:
    rotate(-3.1deg)
    translateX(clamp(-36px, -3.2vw, -56px))
    translateY(-34px)
    scale(1.02);
  z-index: 3;
}
.lv2-cta-card--advertiser:hover {
  transform:
    rotate(1.35deg)
    translateX(clamp(28px, 2.8vw, 48px))
    translateY(-32px)
    scale(1.02);
  z-index: 3;
}

/* Inactive card sinks under the hovered one */
.lv2-cta__cards:has(.lv2-cta-card--affiliate:hover) .lv2-cta-card--advertiser:not(:hover) {
  transform: rotate(2.35deg) translateY(22px) translateX(10px) scale(0.965);
  filter: brightness(0.88) saturate(0.94);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 12px 36px rgba(0, 0, 0, 0.55),
    0 4px 14px rgba(0, 0, 0, 0.35);
  border-color: rgba(255, 255, 255, 0.06);
}
.lv2-cta__cards:has(.lv2-cta-card--advertiser:hover) .lv2-cta-card--affiliate:not(:hover) {
  transform: rotate(-6.4deg) translateY(-14px) translateX(-10px) scale(0.965);
  filter: brightness(0.88) saturate(0.94);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.05) inset,
    0 12px 36px rgba(0, 0, 0, 0.55),
    0 4px 14px rgba(0, 0, 0, 0.35);
  border-color: rgba(255, 255, 255, 0.06);
}

/* Suppress deck hover during scroll */
/* html.is-scrolling .lv2-cta-card--affiliate:hover {
  transform: rotate(-5.8deg);
}
html.is-scrolling .lv2-cta-card--advertiser:hover {
  transform: rotate(2.68deg);
}
html.is-scrolling .lv2-cta-card:hover {
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: none;
  filter: none;
} */

/* Image half */
.lv2-cta-card__img {
  position: relative;
  flex: 0 0 55%;
  overflow: hidden;
  border-radius: clamp(20px, 2vw, 28px) 0 0 clamp(20px, 2vw, 28px);
}
.lv2-cta-card__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
/* Text/body half */
.lv2-cta-card__body {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 12px;
  padding: clamp(16px, 2vw, 24px);
  padding-top: clamp(24px, 4vw, 60px);
  overflow: hidden;
}

.lv2-cta-card__num {
  position: absolute;
  right: clamp(12px, 1.6vw, 20px);
  bottom: 0;
  transform: translateY(35%);
  font-size: clamp(72px, 9vw, 132px);
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  color: transparent;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.07) 0%,
    rgba(255, 255, 255, 0.02) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.06);
  text-shadow: none;
  filter: drop-shadow(0 1px 0 rgba(255, 255, 255, 0.04))
          drop-shadow(0 -1px 0 rgba(0, 0, 0, 0.5));
  pointer-events: none;
}

.lv2-cta-card__role {
  display: block;
  width: 100%;
  padding: 10px 16px;
  border-radius: 100px;
  border: 1px solid #646464;
  background: linear-gradient(135deg, #080808, #312837);
  font-size: clamp(14px, 1.2vw, 18px);
  font-weight: 500;
  line-height: 1.3;
  text-align: center;
}

.lv2-cta-card__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px 16px;
  border-radius: 100px;
  font-size: clamp(14px, 1.2vw, 18px);
  font-weight: 500;
  background: var(--lma-color--purple-1);
  color: #fff;
  transition: background 0.25s, transform 0.25s;
}
.lv2-cta-card:hover .lv2-cta-card__btn {
  transform: translateX(3px);
}

.lv2-cta-card__btn--green {
  background: var(--lma-color--green-1);
  color: var(--lma-color--dark-1);
}

.lv2-cta-card__ico {
  width: clamp(18px, 1.6vw, 26px);
  height: clamp(18px, 1.6vw, 26px);
  flex-shrink: 0;
}
@media (max-width: 1200px) {
  .lv2-cta-card__img {
    flex: 0 0 48%;
  }

}
/* Mobile */
@media (max-width: 768px) {
  .lv2-cta {
    margin-top: 80px;
  }
  .lv2-cta__cards {
    flex-direction: row;
    flex-wrap: nowrap;
    gap: clamp(8px, 2vw, 14px);
  }
  .lv2-cta-card {
    width: calc(50% - clamp(4px, 1vw, 7px));
    flex-direction: column;
  }
  .lv2-cta-card--affiliate {
    transform: none;
  }
  .lv2-cta-card--advertiser {
    transform: none;
    margin-left: 0;
  }
  .lv2-cta-card__role {
    font-size: 12px;
  }
  .lv2-cta-card__img {
    flex: none;
    border-radius: clamp(20px, 2vw, 28px) clamp(20px, 2vw, 28px) 0 0;
  }
  .lv2-cta-card__img img {
    aspect-ratio: 4 / 3;
  }
  .lv2-cta-card__ico {
    display: none;
  }
  .lv2-cta-card--affiliate:hover {
    transform: translateY(-4px) scale(1.01);
  }
  .lv2-cta-card--advertiser:hover {
    transform: translateY(-4px) scale(1.01);
  }
  .lv2-cta-card__num {
    font-size: clamp(48px, 14vw, 80px);
    z-index: -1;
  }
  .lv2-cta__cards:has(.lv2-cta-card--affiliate:hover) .lv2-cta-card--advertiser:not(:hover),
  .lv2-cta__cards:has(.lv2-cta-card--advertiser:hover) .lv2-cta-card--affiliate:not(:hover) {
    transform: none;
    filter: none;
    box-shadow: none;
    border-color: rgba(255, 255, 255, 0.1);
  }
  .lv2-cta-card:hover {
    box-shadow: none;
  }
}

/* =========================================================
   FOOTER (контакти + mega Letmeads + glass bar)
   ========================================================= */
.lv2-footer {
  position: relative;
  z-index: 3;
  background: transparent;
  overflow-x: clip;
}

.lv2-footer__top {
  /* верхній відступ між reviews і футером дає .lv2-main > * + *; тут лише внутрішній air */
  padding: clamp(20px, 3vw, 40px) 0 clamp(40px, 6vw, 80px);
}

.lv2-footer__top-inner {
  max-width: 930px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: clamp(24px, 4vw, 48px);
  flex-wrap: wrap;
}

.lv2-footer__contacts {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  gap: clamp(20px, 3vw, 32px);
}

.lv2-footer__field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.lv2-footer__label {
  font-size: clamp(11px, 1.4vw, 13px);
  font-weight: 500;
  line-height: 1.3;
  color: var(--lma-color--gray-1);
}

.lv2-footer__value {
  font-size: clamp(16px, 2.2vw, 22px);
  font-weight: 500;
  line-height: 1.35;
  color: #fff;
}

.lv2-footer__value[href] {
  transition: opacity 0.2s ease;
}

.lv2-footer__value[href]:hover {
  opacity: 0.88;
}

.lv2-footer__socials-row {
  display: flex;
  gap: clamp(8px, 1.5vw, 16px);
  align-items: flex-end;
}

.lv2-footer__social-tile {
  position: relative;
  z-index: 1;
  width: clamp(80px, 6.25vw, 100px);
  aspect-ratio: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: clamp(18px, 1.25vw, 20px);
  background: rgba(57, 0, 252, 0.1);
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(25px);
  border: 1px solid transparent;
  background-clip: padding-box;
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.06),
    inset 0 -1px 2px rgba(0, 0, 0, 0.15),
    inset 0 0 12px rgba(57, 0, 252, 0.08);
  color: #fff;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.lv2-footer__social-tile:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.08),
    inset 0 -1px 2px rgba(0, 0, 0, 0.15),
    0 8px 24px rgba(117, 77, 255, 0.15);
}
.lv2-footer__social-tile.lma-prism { box-shadow: none; }
.lv2-footer__social-tile.lma-prism:hover {
  transform: translateY(-2px);
  box-shadow:
    inset 0 1px 1px rgba(255, 255, 255, 0.08),
    inset 0 -1px 2px rgba(0, 0, 0, 0.15),
    0 8px 24px rgba(117, 77, 255, 0.2),
    0 0 40px rgba(138, 43, 226, 0.1);
}
.lv2-footer__social-tile.lma-prism:active {
  transform: translateY(0);
}

.lv2-footer__social-tile::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(
    135deg,
    var(--lma-color--purple-2) 0%,
    rgba(136, 82, 223, 0.3) 40%,
    rgba(136, 82, 223, 0.6) 70%,
    var(--lma-color--purple-2) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  pointer-events: none;
}

.lv2-footer__social-tile img,
.lv2-footer__social-ico {
  position: relative;
  z-index: 1;
  display: block;
  width: 24px;
  height: 24px;
}

.lv2-footer__brand {
  position: relative;
  margin-top: clamp(8px, 2vw, 24px);
}

.lv2-footer__mega-svg {
  display: block;
  width: calc(100% - 10px);
  height: auto;
  margin: 0 auto;
  pointer-events: none;
}

.lv2-footer__bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  height: clamp(60px, 8vw, 80px);
  display: flex;
  align-items: center;
  box-sizing: border-box;
}

.lv2-footer__bar-blur {
  position: absolute;
  inset: clamp(-30px, 3.125vw, -50px) 0 0 0;
  z-index: 0;
  background: linear-gradient(to bottom,
    transparent 0px,
    rgba(9, 9, 10, 0.25) 50px,
    rgba(9, 9, 10, 0.48) 100%
  );
  backdrop-filter: blur(10px) saturate(1.08);
  -webkit-backdrop-filter: blur(10px) saturate(1.08);
  -webkit-mask: linear-gradient(to bottom, transparent 0px, #000 50px);
  mask: linear-gradient(to bottom, transparent 0px, #000 50px);
  pointer-events: none;
}

.lv2-footer__bar-inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  min-height: 0;
  padding-top: clamp(6px, 1vw, 12px);
  padding-bottom: clamp(6px, 1vw, 12px);
}

.lv2-footer__copy {
  font-size: clamp(13px, 1.4vw, 16px);
  line-height: 1.35;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
}

.lv2-footer__legal-link {
  font-size: clamp(13px, 1.4vw, 16px);
  line-height: 1.35;
  font-weight: 500;
  color: #fff;
  opacity: 0.95;
  white-space: nowrap;
  transition: opacity 0.2s ease;
}

.lv2-footer__legal-link:hover {
  opacity: 1;
}

.lv2-footer__to-top {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  opacity: 0.92;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.lv2-footer__to-top:hover {
  opacity: 1;
  transform: translateY(-2px);
}

.lv2-footer__to-top img {
  display: block;
  width: 20px;
  height: 20px;
}
@media (max-width: 1200px) {
  .lv2-footer__top-inner {
    max-width: 700px;
  }
}

@media (max-width: 768px) {
  .lv2-footer {
    margin-top: 40px;
  }
  .lv2-footer__top {
    padding: 30px var(--container-pad)
  }
  .lv2-footer__mega-svg {
    display: none;
  }

  .lv2-footer__to-top {
    display: none;
  }

  .lv2-footer__top-inner {
    flex-direction: column;
    align-items: stretch;
    gap: 40px;
  }

  .lv2-footer__contacts {
    text-align: center;
  }

  
  .lv2-footer__social-tile {
    width: clamp(52px, 16vw, 72px);
  }

  .lv2-footer__socials-row {
    display: flex;
    justify-content: space-around;
    gap: clamp(8px, 2vw, 12px);
  }

  .lv2-footer__brand {
    margin-top: 0;
  }

  .lv2-footer__bar {
    position: relative;
    height: auto;
  }

  .lv2-footer__bar-blur {
    display: none;
  }

  .lv2-footer__bar-inner {
    padding: 12px 0 20px 0;
    flex-direction: column;
    gap: 8px 16px;
    justify-content: center;
  }
}