/* Главная 2.0 — «вечерняя Паттайя» (Эдуард 09.10: вариант C, «уровень
   миллионных компаний»). Слой поверх style.css только для главной; разметка
   блоков v2-* — в index.html, функциональные куски (калькулятор, график,
   курсы, банки, отзывы) прежние, с теми же id.

   Идея: калькулятор стоит на сцене — горизонт моря и солнце над водой.
   Днём песок и светлое небо, вечером ночное небо с тёплым заревом.
   Жёлтый #FFDD2D — бренд и действие. Радиусы: кнопки 14, карточки 24–32. */

@font-face { font-family: "Onest"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url(/vendor/fonts/onest-cyrillic.woff2?v=11) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url(/vendor/fonts/onest-latin.woff2?v=11) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Unbounded"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/vendor/fonts/unbounded-600-cyrillic.woff2?v=1) format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Unbounded"; font-style: normal; font-weight: 600; font-display: swap;
  src: url(/vendor/fonts/unbounded-600-latin.woff2?v=1) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ── токены ─────────────────────────────────────────────── */
:root {
  --v2-disp: "Unbounded", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --v2-font: "Onest", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --v2-out: cubic-bezier(.16, 1, .3, 1);

  --bg:             #F2EEE6;
  --bg-card:        rgba(255,255,255,0.78);
  --bg-input:       rgba(20,22,28,0.055);
  --bg-muted:       #E9E4DA;
  --text:           #14161C;
  --text-secondary: #575B66;
  --border:         rgba(20,22,28,0.10);
  --shadow:         0 1px 0 rgba(255,255,255,.95) inset, 0 40px 80px -48px rgba(30,40,70,.45);
  --shadow-hover:   0 1px 0 rgba(255,255,255,.95) inset, 0 44px 90px -44px rgba(30,40,70,.55);
  --shadow-card:    0 1px 0 rgba(255,255,255,.95) inset;
  --radius:         24px;
  --radius-sm:      14px;

  --v2-edge:  rgba(255,255,255,0.92);
  --v2-line:  rgba(20,22,28,0.10);
  --v2-brand: #8F6E00;               /* жёлтый как ТЕКСТ на светлом — читаемый */
  --v2-ink3:  #6E717A;
  --v2-night: #0C1122;
  --v2-yellow-ink: #171300;

  /* сцена днём: высокое светлое небо, тёплый горизонт, бирюзовое море */
  --v2-sky-top:   #EAF0F6;
  --v2-sky-mid:   #F6E7D2;
  --v2-horizon:   #FFD9A8;
  --v2-sun:       #FFC85A;
  --v2-sun-glow:  rgba(255,190,80,.55);
  --v2-sea-top:   #9CC9CF;
  --v2-sea-bot:   #F2EEE6;
}
[data-theme="dark"] {
  --bg:             #080B16;
  --bg-card:        rgba(255,255,255,0.06);
  --bg-input:       rgba(255,255,255,0.075);
  --bg-muted:       #0C1020;
  --text:           #F1EFEA;
  --text-secondary: #ABA99F;
  --border:         rgba(255,255,255,0.09);
  --shadow:         0 1px 0 rgba(255,255,255,.08) inset, 0 50px 90px -40px rgba(0,0,0,.85);
  --shadow-hover:   0 1px 0 rgba(255,255,255,.10) inset, 0 50px 90px -36px rgba(0,0,0,.9);
  --shadow-card:    0 1px 0 rgba(255,255,255,.07) inset;

  --v2-edge:  rgba(255,255,255,0.11);
  --v2-line:  rgba(255,255,255,0.08);
  --v2-brand: #FFDD2D;
  --v2-ink3:  #8C8A82;
  --v2-night: #11172B;

  /* сцена вечером: ночное небо, зарево заката у воды, тёмное море */
  --v2-sky-top:   #080B16;
  --v2-sky-mid:   #1A1A34;
  --v2-horizon:   #F0823A;
  --v2-sun:       #FFB547;
  --v2-sun-glow:  rgba(255,140,40,.55);
  --v2-sea-top:   #1B2340;
  --v2-sea-bot:   #080B16;
}

/* ── база ───────────────────────────────────────────────── */
body { font-family: var(--v2-font); background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; }
h1, h2, .section-title, .partners-heading { font-family: var(--v2-disp); font-weight: 600; letter-spacing: -0.03em; }
.v2-wrap { max-width: 1240px; margin: 0 auto; padding: 0 28px; }
.btn { font-family: var(--v2-font); border-radius: 14px; font-weight: 600; transition: transform .18s var(--v2-out), background .2s, box-shadow .2s; }
.btn:active { transform: scale(.97); }
.btn svg { width: 18px; height: 18px; flex: none; }
.btn svg.fill, svg.fill { fill: currentColor; stroke: none; }
.btn-dark, [data-theme="dark"] .btn-dark { background: var(--yellow); color: var(--v2-yellow-ink); border: 0; box-shadow: 0 10px 30px -12px rgba(230,180,0,.65); }
.btn-dark:hover { background: #FFE34F; transform: translateY(-1px); }
.v2-btn-glass, .v2-btn-glass:hover {
  display: inline-flex; align-items: center; gap: 9px;
  background: var(--bg-card); color: var(--text) !important;
  border: 1px solid var(--v2-edge) !important; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.v2-btn-glass:hover { transform: translateY(-1px); }
.section-eyebrow { display: block; color: var(--v2-brand); font: 600 .78rem/1 var(--v2-font); letter-spacing: .12em; text-transform: uppercase; margin-bottom: 14px; }
.section-sub { color: var(--text-secondary); font-size: 1.05rem; }
.v2-h2 { font-size: clamp(1.8rem, 3.6vw, 3rem); line-height: 1.04; margin: 0 0 14px; color: var(--text); text-wrap: balance; }

header, [data-theme="dark"] header {
  background: color-mix(in srgb, var(--bg) 62%, transparent);
  backdrop-filter: saturate(1.6) blur(22px); -webkit-backdrop-filter: saturate(1.6) blur(22px);
  border-bottom: 1px solid var(--v2-line);
}

/* ── сцена: небо, солнце над водой, море ───────────────── */
/* Вода — гладкая: только тёплый отсвет у горизонта, без дорожки от солнца.
   Полосатая рябь и блики-штрихи читались «лесенкой» (Эдуард 09.10). */
.v2-scene { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.v2-scene i { position: absolute; display: block; }
.v2-sky { inset: 0; background: linear-gradient(180deg, var(--v2-sky-top) 0%, var(--v2-sky-mid) 52%, var(--v2-horizon) 72%, var(--v2-horizon) 72.2%); }
.v2-sun {
  left: 56%; top: 72%; width: 320px; height: 320px; border-radius: 50%; transform: translate(-50%, -54%);
  background: radial-gradient(circle at 50% 50%, var(--v2-sun) 0 38%, transparent 39%),
              radial-gradient(closest-side, var(--v2-sun-glow), transparent 100%);
}
.v2-sea {
  left: 0; right: 0; top: 72%; bottom: 0;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--v2-sun) 22%, transparent), transparent 22%),
    linear-gradient(180deg, var(--v2-sea-top), var(--v2-sea-bot));
  -webkit-mask-image: linear-gradient(180deg, #000 0 55%, transparent 100%);
          mask-image: linear-gradient(180deg, #000 0 55%, transparent 100%);
}
[data-theme="dark"] .v2-sea {
  background:
    linear-gradient(180deg, rgba(240,130,58,.28), transparent 22%),
    linear-gradient(180deg, var(--v2-sea-top), var(--v2-sea-bot));
}
/* звёзды вечером — мелкие, неподвижные */
[data-theme="dark"] .v2-sky::after {
  content: ""; position: absolute; inset: 0 0 45% 0; opacity: .55;
  background-image:
    radial-gradient(1px 1px at 12% 18%, #fff, transparent), radial-gradient(1px 1px at 27% 8%, #fff, transparent),
    radial-gradient(1.2px 1.2px at 41% 26%, #fff, transparent), radial-gradient(1px 1px at 58% 12%, #fff, transparent),
    radial-gradient(1px 1px at 73% 30%, #fff, transparent), radial-gradient(1.3px 1.3px at 86% 9%, #fff, transparent),
    radial-gradient(1px 1px at 93% 34%, #fff, transparent), radial-gradient(1px 1px at 6% 40%, #fff, transparent),
    radial-gradient(1px 1px at 34% 44%, #fff, transparent), radial-gradient(1px 1px at 66% 47%, #fff, transparent);
}

/* ── первый экран ───────────────────────────────────────── */
.v2-hero, [data-theme="dark"] .v2-hero {
  position: relative; isolation: isolate; overflow: hidden;
  background: transparent; background-image: none;
  padding: 72px 0 120px; min-height: min(860px, 100dvh);
  display: flex; align-items: center;
}
.v2-hero::before, .v2-hero::after, [data-theme="dark"] .v2-hero::before, [data-theme="dark"] .v2-hero::after { display: none; }
.v2-hero-grid { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 470px); gap: 64px; align-items: center; }

.v2-where, [data-theme="dark"] .v2-where {
  display: inline-flex; align-items: center; gap: 9px; margin-bottom: 26px;
  background: var(--bg-card); color: var(--text); border: 1px solid var(--v2-edge);
  border-radius: 999px; padding: 8px 15px 8px 12px; font: 500 .9rem var(--v2-font);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
}
.v2-hero h1, [data-theme="dark"] .v2-hero h1 {
  font-family: var(--v2-disp); font-weight: 600; color: var(--text);
  font-size: clamp(2.2rem, 5vw, 4.3rem); line-height: 1.02; letter-spacing: -0.045em;
  margin: 0 0 24px; text-wrap: balance; max-width: 13ch;
}
.v2-accent { color: var(--v2-brand); }
[data-theme="dark"] .v2-accent { color: var(--yellow); }
.v2-lead, .v2-hero p.v2-lead { padding: 0; font-size: 1.2rem; line-height: 1.55; color: var(--text-secondary); max-width: 32ch; margin: 0 0 34px; }
[data-theme="dark"] .v2-hero p.v2-lead { color: rgba(241,239,234,.74); }
.v2-actions { display: flex; flex-wrap: wrap; gap: 12px; }

/* калькулятор — продукт на сцене */
.v2-calc-slot { position: relative; }
.calc-card, [data-theme="dark"] .calc-card {
  position: relative;
  background: color-mix(in srgb, var(--bg) 70%, transparent);
  border: 1px solid var(--v2-edge); box-shadow: var(--shadow);
  backdrop-filter: blur(28px) saturate(1.4); -webkit-backdrop-filter: blur(28px) saturate(1.4);
  border-radius: 32px; padding: 26px;
}
[data-theme="dark"] .calc-card { background: rgba(14,18,34,.62); }
.calc-card-title { font-family: var(--v2-disp); font-weight: 600; letter-spacing: -0.01em; }
.calc-field-body { background: var(--bg-input); border-radius: 18px; }
.calc-input { font-family: var(--v2-font); font-weight: 650; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
#toAmount { color: var(--text); }
.calc-field:has(#toAmount) .calc-field-body { box-shadow: inset 0 0 0 1.5px var(--yellow); }
.calc-card .calc-disclaimer { font-size: .82rem; line-height: 1.4; color: var(--v2-ink3); margin: 12px 0 0; }

/* ── полоса доверия ─────────────────────────────────────── */
.v2-trust-band { position: relative; margin-top: -56px; z-index: 1; padding: 0; }  /* без полей section из style.css */
/* нижний край сцены гаснет в фон страницы — без резкого среза моря */
.v2-hero .v2-scene { -webkit-mask-image: linear-gradient(180deg, #000 80%, transparent 100%); mask-image: linear-gradient(180deg, #000 80%, transparent 100%); }
.v2-trust, [data-theme="dark"] .v2-trust {
  display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; padding: 6px;
  background: var(--bg-card); border: 1px solid var(--v2-edge); border-radius: 26px; box-shadow: var(--shadow);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
.v2-trust .hero-stat { min-width: 0; padding: 20px 22px; text-decoration: none; color: inherit; border-radius: 20px; transition: background .2s; }
.v2-trust .hero-stat + .hero-stat { box-shadow: -1px 0 0 var(--v2-line); }
.v2-trust .val, [data-theme="dark"] .v2-trust .val { font: 600 1.6rem/1.1 var(--v2-disp); letter-spacing: -0.03em; color: var(--text); font-variant-numeric: tabular-nums; }
.v2-trust .lbl, [data-theme="dark"] .v2-trust .lbl { font-size: .88rem; color: var(--v2-ink3); margin-top: 6px; }
.v2-trust-link:hover { background: var(--bg-input); }

/* ── разделы ────────────────────────────────────────────── */
.v2-section { padding: 120px 0; background: transparent; }

/* Способы получения: жёлтая, ночная и стеклянная — разные по весу */
.v2-ways .v2-h2 { margin-bottom: 40px; max-width: 16ch; }
/* три равные колонки: у каждого способа свой список фактов — без пустот */
.v2-ways-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.v2-way {
  position: relative; overflow: hidden; isolation: isolate;
  display: flex; flex-direction: column; gap: 10px; padding: 32px; border-radius: 30px;
  background: var(--bg-card); border: 1px solid var(--v2-edge); box-shadow: var(--shadow-card);
  backdrop-filter: blur(14px); transition: transform .35s var(--v2-out), box-shadow .35s var(--v2-out);
}
.v2-way:hover { transform: translateY(-3px); box-shadow: var(--shadow-hover); }
.v2-way h3 { font: 600 1.45rem/1.1 var(--v2-disp); letter-spacing: -0.025em; margin: 14px 0 2px; }
.v2-way p { margin: 0; color: var(--text-secondary); line-height: 1.55; max-width: 34ch; font-size: 1.02rem; }
.v2-meta { margin-top: auto; padding-top: 22px; font-size: .9rem; font-weight: 500; }
.v2-ic { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; background: var(--bg-input); }
.v2-ic svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.v2-way--main { background: var(--yellow); color: var(--v2-yellow-ink); border-color: transparent; box-shadow: 0 40px 80px -44px rgba(200,150,0,.75); }

.v2-way--main p { color: rgba(23,19,0,.75); }
.v2-way--main .v2-ic { background: rgba(23,19,0,.08); }
.v2-way--main::after { content: ""; position: absolute; z-index: -1; right: -90px; top: -90px; width: 320px; height: 320px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255,255,255,.55), transparent 70%); }
.v2-way--night { background: var(--v2-night); color: #F1EFEA; border-color: rgba(255,255,255,.08); }
.v2-way--night p { color: rgba(241,239,234,.72); }
.v2-way--night .v2-ic { background: rgba(255,255,255,.08); color: var(--yellow); }
.v2-way--night::after { content: ""; position: absolute; z-index: -1; right: -60px; bottom: -120px; width: 300px; height: 300px; border-radius: 50%;
  background: radial-gradient(closest-side, rgba(255,150,50,.40), transparent 70%); }

/* Факты способа: список с галочками через волосяные линии и ссылка на
   подробную страницу (Эдуард 09.10: пустое место в карточках — «добавь описание»). */
.v2-way-facts { list-style: none; margin: 10px 0 0; padding: 0; display: grid; font-size: .94rem; }
.v2-way-facts li { display: flex; align-items: center; gap: 10px; padding: 9px 0; border-top: 1px solid var(--v2-line); }
.v2-way-facts svg { flex: none; width: 16px; height: 16px; fill: none; stroke: var(--v2-brand); stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.v2-way-more { margin-top: auto; padding-top: 14px; display: inline-flex; align-items: center; gap: 6px; align-self: flex-start;
  font-weight: 600; font-size: .94rem; color: var(--text); text-decoration: none; }
.v2-way-more svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; transition: transform .25s var(--v2-out); }
.v2-way-more:hover svg { transform: translateX(3px); }
.v2-way--night .v2-way-facts li { border-top-color: rgba(255,255,255,.10); }
.v2-way--night .v2-way-facts svg { stroke: var(--yellow); }
.v2-way--night .v2-way-more { color: #F1EFEA; }

/* Как это работает: заголовок слева, линия шагов справа */
.v2-how-grid { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 72px; align-items: start; }
.v2-how-head { position: sticky; top: 110px; }
.v2-steps { list-style: none; margin: 0; padding: 0 0 0 44px; position: relative; display: grid; gap: 14px; }
.v2-steps::before { content: ""; position: absolute; left: 11px; top: 30px; bottom: 30px; width: 2px; background: linear-gradient(180deg, var(--yellow), var(--v2-line)); }
.v2-steps li { position: relative; padding: 24px 26px; border-radius: 22px; transition: background .3s var(--v2-out); }
.v2-steps li:hover { background: var(--bg-card); }
.v2-dot { position: absolute; left: -44px; top: 28px; width: 24px; height: 24px; border-radius: 50%; background: var(--bg); border: 2px solid var(--yellow); }
.v2-steps li:first-child .v2-dot { background: var(--yellow); box-shadow: 0 0 0 8px color-mix(in srgb, var(--yellow) 22%, transparent); }
.v2-steps h3 { font: 600 1.25rem var(--v2-disp); letter-spacing: -0.02em; margin: 0 0 8px; }
.v2-steps p { margin: 0; color: var(--text-secondary); line-height: 1.55; max-width: 52ch; }

/* Курс сейчас */
.v2-rates-head { display: flex; align-items: baseline; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 32px; }
.v2-rates-head .v2-h2 { margin: 0; }
.v2-rates-grid { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 16px; align-items: stretch; }
.v2-rates-grid > *, .v2-hero-grid > *, .v2-about-grid > * { min-width: 0; }
.v2-live { padding: 0; background: transparent; }
.v2-live .currencies-grid { display: flex; flex-direction: column; gap: 16px; height: 100%; margin: 0; }
.v2-live .currency-card, [data-theme="dark"] .v2-live .currency-card {
  flex: 1; border-radius: 28px; background: var(--bg-card); border: 1px solid var(--v2-edge);
  box-shadow: var(--shadow-card); backdrop-filter: blur(14px); padding: 24px;
}
.v2-live .rate-val { font: 600 2rem var(--v2-disp); letter-spacing: -0.03em; color: var(--text); }
.v2-chart, [data-theme="dark"] .v2-chart { padding: 0; background: transparent; border: 0; }
.v2-chart .container {
  max-width: none; height: 100%; padding: 26px; border-radius: 28px;
  background: var(--bg-card); border: 1px solid var(--v2-edge); box-shadow: var(--shadow-card); backdrop-filter: blur(14px);
}
.chart-current-rate { font: 600 2rem var(--v2-disp); letter-spacing: -0.03em; color: var(--text); }
.chart-pair-label { color: var(--text-secondary); }
.chart-pair-tabs, .chart-period-tabs, [data-theme="dark"] .chart-pair-tabs, [data-theme="dark"] .chart-period-tabs { background: var(--bg-input); }
.pair-tab, .period-tab, [data-theme="dark"] .pair-tab, [data-theme="dark"] .period-tab { color: var(--text-secondary); }
.pair-tab:hover:not(.active), .period-tab:hover:not(.active),
[data-theme="dark"] .pair-tab:hover:not(.active), [data-theme="dark"] .period-tab:hover:not(.active) { color: var(--text); background: var(--bg-input); }
.pair-tab.active, .period-tab.active, [data-theme="dark"] .pair-tab.active, [data-theme="dark"] .period-tab.active { color: #151004; }
/* График «дороже»: панель выше, точка на конце линии светится закатом,
   изменение за период — плашкой со стрелкой. Рисунок — в main.js (Chart.js). */
.v2-chart .container { display: flex; flex-direction: column; }
.v2-chart .chart-wrap { flex: 1; height: auto; min-height: 300px; margin-top: 18px; }
.v2-chart .chart-wrap canvas { height: 100% !important; min-height: 300px; }
.v2-chart .chart-left { display: flex; flex-direction: column; gap: 4px; }
.v2-chart .chart-current-rate { font-size: 2.6rem; line-height: 1; letter-spacing: -0.04em; }
.v2-chart .chart-pair-label { font-size: .86rem; letter-spacing: .04em; text-transform: uppercase; color: var(--v2-ink3); }
.v2-chart .chart-change:not(:empty) { align-self: flex-start; margin-top: 8px; padding: 5px 10px; border-radius: 999px; font-size: .86rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.v2-chart .chart-change.positive { color: #138A4B; background: rgba(34,197,94,.14); }
.v2-chart .chart-change.negative { color: #C2372B; background: rgba(239,68,68,.12); }
[data-theme="dark"] .v2-chart .chart-change.positive { color: #4ADE80; }
[data-theme="dark"] .v2-chart .chart-change.negative { color: #F87171; }
.v2-chart .chart-live-dot i { width: 10px; height: 10px; left: -5px; top: -5px; background: #FFDD2D;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--bg) 85%, transparent), 0 0 18px 4px rgba(255,170,40,.65); }
.v2-chart .chart-live-dot i::after { border-color: rgba(255,190,60,.8); }
.v2-chart .chart-empty { color: var(--v2-ink3); }

/* Банки: одна стеклянная полоса с полными логотипами, разделёнными волосяными
   линиями (Эдуард 09.10: «как у exchangemoney, но своё»). Логотип вырезается из
   спрайта 1150×50 окном: --x/--w — вариант для светлой темы, --xd/--wd — для
   тёмной (белый текст). Масштаб --s (полоса) × --k (оптика логотипа):
   высота логотипа = 50 px × --s × --k. */
.v2-banks { margin-top: 56px; text-align: center; }
.v2-banks-title { font: 500 1rem var(--v2-font); letter-spacing: 0; margin: 0 0 16px; color: var(--v2-ink3); }
.v2-bankbar {
  --s: .66;
  display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none;
  border-radius: 28px; background: var(--bg-card); border: 1px solid var(--v2-edge); box-shadow: var(--shadow);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); overflow: hidden;
}
.v2-bank { --z: calc(var(--s) * var(--k, 1)); display: flex; align-items: center; justify-content: center; min-height: 92px; padding: 0 14px; }
.v2-bank + .v2-bank { box-shadow: inset 1px 0 0 var(--v2-line); }
.v2-bank-logo { position: relative; display: block; overflow: hidden; height: calc(50px * var(--z)); width: calc(var(--w) * 1px * var(--z)); max-width: 100%; }
.v2-bank-logo img { position: absolute; top: 0; left: calc(var(--x) * -1px * var(--z)); height: 100%; width: auto; max-width: none; }
[data-theme="dark"] .v2-bank-logo { width: calc(var(--wd) * 1px * var(--z)); }
[data-theme="dark"] .v2-bank-logo img { left: calc(var(--xd) * -1px * var(--z)); }
.v2-banks-note { text-wrap: balance; margin: 14px 0 0; font-size: .88rem; color: var(--v2-ink3); }

/* Почему мы: список без карточек + ночная плашка */
.v2-about-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 420px); gap: 64px; align-items: center; }
.v2-about-main .v2-h2 { margin-bottom: 36px; }
.v2-about .feature-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 34px 40px; }
.v2-about .feature-item { display: flex; flex-direction: column; gap: 14px; margin: 0; padding: 0; background: none; border: 0; }
.v2-about .feature-icon, [data-theme="dark"] .v2-about .feature-icon { width: 48px; height: 48px; border-radius: 15px; background: var(--bg-card); border: 1px solid var(--v2-edge); color: var(--v2-brand); }
[data-theme="dark"] .v2-about .feature-icon { color: var(--yellow); }
.v2-about .feature-icon svg { stroke-width: 1.75; }
.v2-about .feature-text h3 { font: 600 1.12rem var(--v2-disp); letter-spacing: -0.015em; margin: 0 0 8px; }
.v2-about .feature-text p { color: var(--text-secondary); margin: 0; line-height: 1.55; }
/* Переключатель языка RU / EN (Эдуард 10.10): в шапке рядом с темой и в
   мобильном меню. Выбор запоминает скрипт языка в <head>. */
.lang-switch { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border-radius: 999px;
  border: 1px solid var(--v2-edge); background: var(--bg-card); }
.lang-switch a { min-width: 34px; padding: 5px 9px; border-radius: 999px; text-align: center; text-decoration: none;
  font: 600 .76rem/1 var(--v2-font); letter-spacing: .04em; color: var(--text-secondary); }
.lang-switch a:hover { color: var(--text); }
.lang-switch a[aria-current] { background: var(--yellow); color: var(--v2-yellow-ink); }
.lang-switch a:focus-visible { outline: 2px solid var(--v2-brand); outline-offset: 2px; }
.mobile-nav-lang .lang-switch a { padding: 7px 14px; font-size: .82rem; }

/* Английская версия: вход и регистрация скрыты — кабинет и его сообщения
   пока только по-русски; англоязычный клиент работает через мессенджеры. */
html[lang="en"] #authButtons, html[lang="en"] #mobileNavAuth, html[lang="en"] #applyRegisterCta { display: none !important; }
/* без рублёвой карточки одна карточка USDT стояла в пустой колонке — курс и
   так крупно над графиком: график на всю ширину */
html[lang="en"] .v2-rates-grid { grid-template-columns: minmax(0, 1fr); }
html[lang="en"] .v2-live { display: none; }

/* Вход через бота — главная кнопка окна входа (Эдуард 13.10) */
.auth-bot { display: grid; gap: 8px; margin: 40px 0 6px; }   /* ниже крестика закрытия */
.auth-bot-btn, .auth-bot-btn:hover { display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  background: #229ED9; color: #fff; border: 0; text-decoration: none; }
.auth-bot-btn svg { width: 20px; height: 20px; }
.auth-bot-note { margin: 0; font-size: .84rem; color: var(--text-secondary); text-align: center; }

/* Окно заявки: «Куда вам ответить?» — обязательное поле (Эдуард 13.10).
   Пока контакта нет, кнопки мессенджеров приглушены и не нажимаются. */
.apply-contact { display: grid; gap: 6px; margin: 4px 0 14px; text-align: left; }
.apply-contact label { font-weight: 600; font-size: .95rem; color: var(--text); }
.apply-contact .form-input { font-size: 1rem; }
.apply-contact-hint { margin: 0; min-height: 1.3em; font-size: .84rem; color: var(--text-secondary); }
.apply-contact-hint[data-kind="ok"] { color: var(--green-primary); }
.apply-contact-hint[data-kind="bad"] { color: var(--v2-warn, #E5484D); }
.apply-contact-hint[data-kind="warn"] { color: var(--v2-brand); }
.apply-msg-btn[disabled] { opacity: .45; cursor: not-allowed; }
.apply-privacy { margin: 12px 0 0; font-size: .78rem; color: var(--text-secondary); text-align: center; }
.apply-privacy a { color: inherit; }

/* Сети USDT на английской главной — на месте банков, та же стеклянная полоса */
.v2-netbar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 0; list-style: none;
  border-radius: 28px; background: var(--bg-card); border: 1px solid var(--v2-edge); box-shadow: var(--shadow);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); overflow: hidden; }
.v2-netbar li { display: grid; gap: 4px; justify-items: center; padding: 24px 12px; }
.v2-netbar li + li { box-shadow: inset 1px 0 0 var(--v2-line); }
.v2-netbar b { font: 600 1.35rem/1 var(--v2-disp); letter-spacing: -0.02em; color: var(--text); }
.v2-netbar span { font-size: .86rem; color: var(--v2-ink3); }

/* «Работаем в Таиланде» — закат по теме страницы (Эдуард 09.10: был тёмным
   всегда и с полосами-«лесенкой» на воде). Небо, солнце, гладкая вода. */
.v2-night {
  position: relative; overflow: hidden; isolation: isolate;
  display: flex; flex-direction: column; justify-content: flex-end; gap: 12px;
  padding: 36px; border-radius: 32px; color: var(--text); min-height: 440px; border: 1px solid var(--v2-edge);
  background: linear-gradient(180deg, var(--v2-sky-top) 0%, var(--v2-sky-mid) 18%, var(--v2-horizon) 30%, var(--v2-sea-bot) 30.1%);
}
.v2-night::before { content: ""; position: absolute; z-index: -1; left: 50%; top: 2%; width: 260px; height: 260px; transform: translateX(-50%); border-radius: 50%;
  background: radial-gradient(circle, var(--v2-sun) 0 34%, transparent 35%), radial-gradient(closest-side, var(--v2-sun-glow), transparent); }
.v2-night::after { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 30%; bottom: 0;
  background: linear-gradient(180deg, color-mix(in srgb, var(--v2-horizon) 28%, transparent), transparent 30%), linear-gradient(180deg, var(--v2-sea-top), var(--v2-sea-bot) 60%); }
.v2-night h3 { font: 600 1.8rem/1.08 var(--v2-disp); letter-spacing: -0.03em; margin: 0; color: var(--text); }
.v2-night p { margin: 0 0 10px; color: var(--text-secondary); line-height: 1.55; }
.v2-night-acts { display: grid; gap: 10px; }
.v2-night .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
/* Кнопки каналов: тёмные в обеих темах, надпись — цветом мессенджера (Эдуард 09.10) */
.v2-night .v2-btn-tg, .v2-night .v2-wa { background: #0E1322; border: 1px solid rgba(255,255,255,.08); box-shadow: 0 10px 24px -14px rgba(8,11,22,.6); }
.v2-night .v2-btn-tg { color: #2AABEE; }
.v2-night .v2-wa { color: #25D366; }
.v2-night .v2-btn-tg:hover, .v2-night .v2-wa:hover { background: #151B2E; }

/* Отзывы: стена по три строки */
.v2-rev-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 36px; }
.v2-rev-head .v2-h2 { margin: 0; }
.v2-rating { display: grid; grid-template-columns: auto auto; column-gap: 14px; align-items: center; text-decoration: none; color: var(--text);
  padding: 14px 20px; border-radius: 20px; background: var(--bg-card); border: 1px solid var(--v2-edge); transition: transform .25s var(--v2-out); }
.v2-rating:hover { transform: translateY(-2px); }
.v2-rating b { grid-row: span 2; font: 600 2.4rem var(--v2-disp); letter-spacing: -0.03em; }
.v2-rating span { color: var(--v2-brand); letter-spacing: 2px; }
[data-theme="dark"] .v2-rating span { color: var(--yellow); }
.v2-rating small { color: var(--v2-ink3); font-size: .84rem; }
#reviews-home .reviews-home-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.home-rev-card, [data-theme="dark"] .home-rev-card {
  display: flex; flex-direction: column; gap: 10px;
  background: var(--bg-card); border: 1px solid var(--v2-edge); box-shadow: var(--shadow-card);
  backdrop-filter: blur(14px); border-radius: 26px; padding: 26px;
}
.home-rev-card__stars { color: var(--v2-brand); order: -1; letter-spacing: 2px; }
[data-theme="dark"] .home-rev-card__stars { color: var(--yellow); }
.home-rev-card__text { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 1.02rem; line-height: 1.55; color: var(--text); }
.home-rev-card__name { font-weight: 600; margin-top: auto; order: 2; }
.home-rev-card__foot { font-size: .84rem; color: var(--v2-ink3); order: 3; }

/* Финальный призыв — та же сцена заката */
.v2-cta { padding-top: 0; }
.v2-cta-box {
  position: relative; overflow: hidden; isolation: isolate;
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 32px;
  padding: 72px 56px 56px; border-radius: 36px; color: var(--text); min-height: 340px;
  border: 1px solid var(--v2-edge);
}
.v2-scene--cta .v2-sky { background: linear-gradient(180deg, var(--v2-sky-top) 0%, var(--v2-sky-mid) 58%, var(--v2-horizon) 84%, var(--v2-horizon) 84.3%); }
.v2-scene--cta .v2-sun { left: 80%; top: 84%; width: 280px; height: 280px; }
.v2-scene--cta .v2-sea { top: 84%; }
.v2-cta-box { padding-bottom: 96px; }
/* Тема — как у всей страницы (раньше блок был ночным всегда); вода гладкая,
   без полос-«лесенки» (Эдуард 09.10) */
.v2-scene--cta .v2-sea { background:
    linear-gradient(180deg, color-mix(in srgb, var(--v2-horizon) 26%, transparent), transparent 30%),
    linear-gradient(180deg, var(--v2-sea-top), var(--v2-sea-bot)); -webkit-mask-image: none; mask-image: none; }
.v2-cta-text { position: relative; }
.v2-cta-box .section-title { color: var(--text); font-size: clamp(1.7rem, 3.4vw, 2.8rem); line-height: 1.05; margin: 0 0 12px; max-width: 16ch; }
.v2-cta-box p { margin: 0; color: var(--text-secondary); max-width: 40ch; }
.v2-cta-acts { display: flex; flex-wrap: wrap; gap: 10px; }
[data-theme="dark"] .v2-cta-box .v2-btn-glass { background: rgba(255,255,255,.10); color: #fff !important; border-color: rgba(255,255,255,.16) !important; }

/* гайды, вопросы, «Мои обмены» — в той же системе */
.search-home { background: transparent; padding: 0 0 110px; }
.search-home .section-title { color: var(--text); }
.search-links a, .search-faq details { border-color: var(--v2-line) !important; }
.search-faq summary { font-weight: 600; }
.user-stats-section { background: transparent; }
.user-stat-card { background: var(--bg-card); border: 1px solid var(--v2-edge); border-radius: 22px; }

/* Подвал — по теме страницы (Эдуард 09.10: «тема там не меняется — всегда
   тёмная»). Светлая — тёплая подложка и тёмный текст, тёмная — ночь как была. */
footer { background: var(--bg-muted); border-top: 1px solid var(--v2-line); color: var(--text-secondary); }
footer .footer-col h2, footer .footer-col h4 { color: var(--text); }
footer .footer-col a, footer .footer-bottom, footer .footer-bottom a { color: var(--text-secondary); }
footer .footer-col a:hover, footer .footer-bottom a:hover { color: var(--v2-brand); }
footer .footer-bottom { border-top-color: var(--v2-line); }
[data-theme="dark"] footer { background: #060913; border-top: 1px solid rgba(255,255,255,.08); color: rgba(255,255,255,.55); }
[data-theme="dark"] footer .footer-col h2, [data-theme="dark"] footer .footer-col h4 { color: #fff; }
[data-theme="dark"] footer .footer-col a, [data-theme="dark"] footer .footer-bottom, [data-theme="dark"] footer .footer-bottom a { color: rgba(255,255,255,.6); }
[data-theme="dark"] footer .footer-col a:hover, [data-theme="dark"] footer .footer-bottom a:hover { color: var(--yellow); }
[data-theme="dark"] footer .footer-bottom { border-top-color: rgba(255,255,255,.08); }

/* ── движение (только если разрешено) ───────────────────── */
@media (prefers-reduced-motion: no-preference) {
  /* первый экран собирается сам, без скрипта */
  .v2-hero-text > *, .v2-calc-slot { animation: v2-up .9s var(--v2-out) both; }
  .v2-hero-text > :nth-child(2) { animation-delay: .06s; }
  .v2-hero-text > :nth-child(3) { animation-delay: .12s; }
  .v2-hero-text > :nth-child(4) { animation-delay: .18s; }
  .v2-calc-slot { animation-delay: .14s; animation-duration: 1.1s; }
  .v2-hero .v2-sun { animation: v2-sunset 2.4s var(--v2-out) both; }
  /* разделы проявляются при прокрутке (класс ставит home-v2.js) */
  .v2-motion [data-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .8s var(--v2-out), transform .9s var(--v2-out); transition-delay: calc(var(--v2-i, 0) * 70ms); }
  .v2-motion [data-reveal].is-in { opacity: 1; transform: none; }
}
@keyframes v2-up { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: none; } }
@keyframes v2-sunset { from { transform: translate(-50%, -84%); opacity: .4; } to { transform: translate(-50%, -54%); opacity: 1; } }

/* ── планшет ────────────────────────────────────────────── */
/* Шапка не влезала уже на 1024 (было и на старой главной) — до 1180 гамбургер:
   в нём те же пункты, вход и регистрация. */
@media (max-width: 1180px) {
  #mainNav { display: none; }
  .burger-btn { display: flex; }
  #authButtons { display: none !important; }
}
@media (max-width: 1024px) {
  .v2-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .v2-hero { min-height: 0; padding-bottom: 140px; }
  .v2-sun { left: 50%; top: 86%; }
  .v2-sky { background: linear-gradient(180deg, var(--v2-sky-top) 0%, var(--v2-sky-mid) 62%, var(--v2-horizon) 86%, var(--v2-horizon) 86.2%); }
  .v2-sea { top: 86%; }
  .v2-how-grid, .v2-rates-grid, .v2-about-grid { grid-template-columns: 1fr; gap: 32px; }
  .v2-how-head { position: static; }
  .v2-live .currencies-grid { flex-direction: row; }
  /* с селектором тёмной темы — иначе её правило сильнее и на телефоне
     полоса сжималась в четыре узкие колонки */
  .v2-trust, [data-theme="dark"] .v2-trust { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .v2-trust .hero-stat:nth-child(3) { box-shadow: 0 -1px 0 var(--v2-line); }
  .v2-trust .hero-stat:nth-child(4) { box-shadow: -1px 0 0 var(--v2-line), 0 -1px 0 var(--v2-line); }
}

/* ── телефон: калькулятор в первом экране ──────────────── */
@media (max-width: 720px) {
  .v2-wrap { padding: 0 16px; }
  .v2-hero, [data-theme="dark"] .v2-hero { padding: 16px 0 96px; display: block; }
  .v2-hero-grid { display: flex; flex-direction: column; gap: 0; }
  .v2-hero-text { display: contents; }
  .v2-where { order: 1; align-self: flex-start; margin-bottom: 14px; font-size: .82rem; }
  .v2-hero h1 { order: 2; font-size: 2.05rem; margin-bottom: 10px; max-width: none; }
  .v2-lead, .v2-hero p.v2-lead { order: 3; font-size: 1rem; margin-bottom: 18px; align-self: flex-start; max-width: none; }
  .v2-calc-slot { order: 4; width: 100%; }
  .calc-card { padding: 20px; border-radius: 28px; }
  .v2-actions { order: 5; margin-top: 16px; }
  .v2-actions .btn-dark { display: none; }          /* «Подать заявку» уже в калькуляторе */
  .v2-actions .btn { width: 100%; justify-content: center; }
  .v2-sun { width: 220px; height: 220px; top: 93%; left: 70%; }
  .v2-sky { background: linear-gradient(180deg, var(--v2-sky-top) 0%, var(--v2-sky-mid) 70%, var(--v2-horizon) 93%, var(--v2-horizon) 93.2%); }
  .v2-sea { top: 93%; }
  .v2-trust-band { margin-top: -48px; }
  .v2-trust .hero-stat { padding: 16px 14px; }
  .v2-trust .val { font-size: 1.15rem !important; }
  .v2-trust .lbl { font-size: .78rem; }

  .v2-section { padding: 72px 0; }
  .v2-ways-grid { grid-template-columns: 1fr; }
  .v2-way--main { grid-row: auto; }
  .v2-way { padding: 26px; }
  .v2-steps { padding-left: 38px; }
  .v2-steps li { padding: 14px 0 14px 6px; }
  .v2-steps li:hover { background: none; }
  .v2-dot { left: -38px; top: 16px; }
  .v2-steps::before { top: 24px; }
  .v2-live .currencies-grid { flex-direction: column; }
  .v2-live .currency-card { padding: 18px; gap: 12px; }
  .v2-live .currency-flag svg { width: 40px; height: 40px; }
  .v2-live .currency-info { min-width: 0; }
  .v2-live .rate-val { font-size: 1.5rem; }
  .v2-chart .container { padding: 18px; }
  .v2-chart .chart-top { flex-direction: column; align-items: stretch; gap: 14px; }
  .v2-chart .chart-controls { width: 100%; align-items: stretch; }
  .v2-chart .chart-pair-tabs, .v2-chart .chart-period-tabs { width: 100%; display: flex; }
  .v2-chart .pair-tab, .v2-chart .period-tab { flex: 1; text-align: center; }
  .v2-chart .chart-current-rate { font-size: 2rem; }
  .v2-chart .chart-wrap, .v2-chart .chart-wrap canvas { min-height: 230px; }
  .v2-about .feature-list { grid-template-columns: 1fr; gap: 26px; }
  .v2-night { min-height: 400px; padding: 28px; }
  .v2-rev-head { flex-direction: column; align-items: flex-start; }
  #reviews-home .reviews-home-grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px;
    margin: 0 -16px; padding: 0 16px 6px; scrollbar-width: none; }
  #reviews-home .reviews-home-grid::-webkit-scrollbar { display: none; }
  #reviews-home .home-rev-card { flex: 0 0 84%; scroll-snap-align: start; }
  .v2-cta-box { grid-template-columns: 1fr; padding: 40px 24px 28px; border-radius: 30px; min-height: 0; }
  .v2-scene--cta .v2-sun { left: 80%; top: 60%; width: 200px; height: 200px; }
  .v2-cta-acts .btn { flex: 1 1 100%; justify-content: center; }
}

/* без прозрачности — сплошные подложки вместо стекла */
/* ── правки Эдуарда 09.10 (вторая доводка) ─────────────────── */
/* Карточка «Курс сейчас» вместо полосы из четырёх цифр: обычный блок —
   крупный курс, изменение за сутки, мини-график, строка фактов. */
.v2-rate-card {
  display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); grid-template-rows: auto auto;
  column-gap: 32px; row-gap: 18px; align-items: center;
  padding: 26px 28px; border-radius: 28px;
  background: var(--bg-card); border: 1px solid var(--v2-edge); box-shadow: var(--shadow);
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
}
.v2-rate-lbl { font-size: .9rem; color: var(--v2-ink3); margin-bottom: 6px; }
.v2-rate-val { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.v2-rate-val span { font: 600 2.6rem/1 var(--v2-disp); letter-spacing: -0.04em; color: var(--text); font-variant-numeric: tabular-nums; }
.v2-rate-val small { font-size: .95rem; color: var(--text-secondary); }
.v2-rate-chg { display: inline-block; margin-top: 12px; padding: 5px 11px; border-radius: 999px; font-size: .84rem; font-weight: 600; }
/* зелёным — движение, выгодное клиенту (data-good у графика): на русской
   главной бат подешевел в рублях, на английской — больше батов за USDT */
.v2-rate-chg.is-good { color: #138A4B; background: rgba(34,197,94,.14); }
.v2-rate-chg.is-bad  { color: #A4561B; background: rgba(240,130,58,.14); }
[data-theme="dark"] .v2-rate-chg.is-good { color: #4ADE80; }
[data-theme="dark"] .v2-rate-chg.is-bad  { color: #FDBA74; }
.v2-spark-wrap { position: relative; height: 96px; }
.v2-spark { display: block; width: 100%; height: 100%; overflow: visible; }
/* цвета мини-графика — здесь, а не в JS (проверка токенов панели) */
.v2-spark .v2-sa { stop-color: #FF8A3D; }
.v2-spark .v2-sb { stop-color: #FFDD2D; }
.v2-spark .v2-spark-dot { fill: #FFDD2D; }
.v2-spark-dot { filter: drop-shadow(0 0 6px rgba(255,170,40,.8)); }
.v2-spark-cap { position: absolute; right: 0; top: -20px; font-size: .74rem; color: var(--v2-ink3); }
.v2-rate-facts { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 22px; padding-top: 16px; border-top: 1px solid var(--v2-line); font-size: .9rem; color: var(--text-secondary); }
.v2-rate-facts b { color: var(--text); font-weight: 650; font-variant-numeric: tabular-nums; }
.v2-rate-facts a { color: inherit; text-decoration: none; }
.v2-rate-facts a:hover b { color: var(--v2-brand); }

/* «На тайский счёт» — не сплошной ярко-жёлтый: мягкий тон, жёлтый акцент */
.v2-way--main {
  background: linear-gradient(160deg, color-mix(in srgb, var(--yellow) 30%, var(--bg-card)) 0%, var(--bg-card) 65%);
  color: var(--text); border: 1px solid color-mix(in srgb, var(--yellow) 45%, transparent);
  box-shadow: var(--shadow-card);
}
[data-theme="dark"] .v2-way--main {
  background: linear-gradient(160deg, rgba(255,221,45,.16) 0%, rgba(255,255,255,.05) 65%);
  border-color: rgba(255,221,45,.32);
}
.v2-way--main p, .v2-way--main .v2-meta { color: var(--text-secondary); }
.v2-way--main .v2-meta { color: var(--text); font-weight: 600; }
.v2-way--main .v2-ic { background: var(--yellow); color: var(--v2-yellow-ink); }
.v2-way--main::after { background: radial-gradient(closest-side, rgba(255,221,45,.28), transparent 70%); }

/* «Мои обмены» — одна компактная карточка: три цифры в строку и список */
.user-stats-section { padding: 28px 0 0; }
.user-stats-section > .container {
  max-width: 1240px; margin: 0 auto; padding: 22px 24px;
  background: var(--bg-card); border: 1px solid var(--v2-edge); border-radius: 26px; box-shadow: var(--shadow-card);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
}
.v2-wrap > .user-stats-section > .container, main > .user-stats-section > .container { width: calc(100% - 56px); }
.user-stats-header { margin-bottom: 14px; }
.user-stats-title { font: 600 1.05rem var(--v2-disp); letter-spacing: -0.01em; }
.user-stats-link { color: var(--v2-brand); font-weight: 600; }
.user-stats-grid { gap: 0; margin-bottom: 10px; }
.user-stat-card, [data-theme="dark"] .user-stat-card { background: none; border: 0; border-radius: 0; padding: 4px 12px; text-align: left; box-shadow: none; backdrop-filter: none; }
.user-stat-card + .user-stat-card { border-left: 1px solid var(--v2-line); }
.user-stat-card:first-child { padding-left: 0; }
.user-stat-val { font: 600 1.25rem/1.1 var(--v2-disp); letter-spacing: -0.02em; color: var(--text); font-variant-numeric: tabular-nums; }
.user-stat-lbl { font-size: .76rem; color: var(--v2-ink3); margin-top: 4px; }
.stats-recent-item { padding: 9px 0; border-bottom-color: var(--v2-line); font-size: .86rem; font-variant-numeric: tabular-nums; }

/* ── телефон: доводка (Эдуард 09.10: «версию для телефона проработай») ── */
@media (max-width: 720px) {
  /* первый экран: короче хвост сцены под калькулятором */
  .v2-hero, [data-theme="dark"] .v2-hero { padding-bottom: 36px; }
  .v2-trust-band { margin-top: -40px; }
  .v2-trust .hero-stat { padding: 14px 14px 16px; }
  /* ритм разделов — плотнее, без пустот по 150 px */
  .v2-section { padding: 56px 0; }
  .v2-ways .v2-h2, .v2-about-main .v2-h2 { margin-bottom: 22px; }
  .v2-how-grid { gap: 22px; }
  .v2-rates-head { margin-bottom: 20px; }
  .v2-rev-head { margin-bottom: 20px; gap: 14px; }
  .v2-banks { margin-top: 36px; }
  .v2-h2 { font-size: 1.75rem; }
  /* ночная карточка: солнце и горизонт выше — заголовок ложится на воду */
  .v2-night { min-height: 470px; }
  .v2-night::before { top: -4%; width: 220px; height: 220px; }
  .v2-night::after { top: 22%; }
  /* финальный блок: солнце садится справа у горизонта, а не на текст */
  .v2-cta-box { padding: 36px 22px 120px; }
  .v2-scene--cta .v2-sun { left: 84%; top: 84%; width: 170px; height: 170px; }
  /* гайды и вопросы — с полями, как всё остальное */
  .search-home > .container { padding-left: 16px; padding-right: 16px; }
  /* плавающие кнопки связи — меньше и ближе к краю, не закрывают текст */
  .floating-contacts { right: 12px !important; bottom: 14px !important; gap: 8px !important; }
  .float-btn { width: 44px !important; height: 44px !important; }
  .float-btn svg { width: 20px; height: 20px; }
  /* карточка курса — в столбик: курс, график, факты */
  .v2-rate-card { grid-template-columns: 1fr; padding: 20px; border-radius: 24px; row-gap: 14px; }
  .v2-rate-val span { font-size: 2.2rem; }
  .v2-spark-wrap { height: 82px; }
  .v2-rate-facts { gap: 6px 16px; font-size: .84rem; padding-top: 14px; }
  .v2-trust-band { margin-top: 0; }
  /* низ сцены под калькулятором: вода без ряби, вся сцена плавно гаснет в
     фон страницы — раньше под водой проступало зарево и шёл резкий срез */
  /* Сцена — только верх экрана: горизонт сразу под абзацем (--v2-hy ставит
     home-v2.js по низу текста), солнце справа от его короткой последней строки,
     над калькулятором (Эдуард 09.10: «солнце пропало в мобилке» — оно садилось
     за калькулятор внизу высокого первого экрана). */
  .v2-lead, .v2-hero p.v2-lead { max-width: 74%; }
  .v2-hero .v2-scene { bottom: auto; height: calc(var(--v2-hy, 340px) + 200px);
    -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 170px), transparent 100%);
            mask-image: linear-gradient(180deg, #000 calc(100% - 170px), transparent 100%); }
  .v2-hero .v2-sky { background: linear-gradient(180deg, var(--v2-sky-top) 0, var(--v2-sky-mid) calc(var(--v2-hy, 340px) * .55), var(--v2-horizon) var(--v2-hy, 340px), var(--v2-sea-top) calc(var(--v2-hy, 340px) + 1px)) !important; }
  .v2-hero .v2-sea, [data-theme="dark"] .v2-hero .v2-sea { top: var(--v2-hy, 340px) !important; -webkit-mask-image: none; mask-image: none;
    background:
      linear-gradient(180deg, rgba(240,130,58,.26), transparent 30%),
      linear-gradient(180deg, var(--v2-sea-top), var(--v2-sea-bot)); }
  .v2-hero .v2-sun { width: 120px; height: 120px; left: 84%; top: var(--v2-hy, 340px); }
  /* кнопка Telegram на закате не читалась; на телефоне есть плавающая и финальный блок */
  .v2-actions { display: none; }
  /* «Мои обмены» на телефоне */
  .user-stats-section > .container { width: calc(100% - 32px); padding: 18px; border-radius: 22px; }
  .user-stat-card { padding: 2px 10px; }
  .user-stat-val { font-size: 1.05rem; white-space: nowrap; }
  .user-stats-grid { grid-template-columns: 1fr 1fr 1.5fr; }
  /* банки — сетка 3×2, линии между ячейками */
  .v2-bankbar { --s: .46; grid-template-columns: repeat(3, minmax(0, 1fr)); border-radius: 24px; }
  .v2-bank { min-height: 72px; padding: 0 8px; }
  .v2-bank + .v2-bank { box-shadow: none; }
  .v2-bank:nth-child(3n+2), .v2-bank:nth-child(3n+3) { box-shadow: inset 1px 0 0 var(--v2-line); }
  .v2-bank:nth-child(n+4) { border-top: 1px solid var(--v2-line); }
}

@media (prefers-reduced-transparency: reduce) {
  .calc-card, .v2-trust, .v2-way, .home-rev-card, .v2-live .currency-card, .v2-chart .container { backdrop-filter: none; background: var(--bg-muted); }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; scroll-behavior: auto !important; } }