/* ======================================================================
   HOME V3 — AITRADEBOT EDITION (2026-11-02)
   Photo-faithful: dark-teal + mint, phone mockup hero, stats, steps, signals
   Scope: body.v3-home only.
   ====================================================================== */

body.v3-home {
  /* единая палитра со всеми страницами сайта */
  --hb: var(--bg);
  --hb2: var(--bg-2);
  --hcard: var(--surface-solid);
  --hline: var(--line-strong);
  --hline-soft: var(--line);
  --hmint: var(--brand);
  --hmint-2: var(--brand-2);
  --htxt: var(--text);
  --hmut: var(--muted);
  --hred: var(--red);
  --hsan: 'Manrope', 'Segoe UI', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}
body.v3-home h1, body.v3-home h2, body.v3-home h3 {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: -.03em;
}
body.v3-home em { font-style: normal; }
body.v3-home .container { width: min(1140px, 92%); margin-inline: auto; }

/* ---------- page bg ---------- */
/* ---------- page bg: teal candle art (fixed, full viewport) ---------- */
body.v3-home .page-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  background: var(--bg) url("../img/bg-candles.svg") center / cover no-repeat;
}
body.v3-home .page-bg::after {
  display: block !important;
  content: '' !important;
  position: absolute;
  inset: 0;
  opacity: .5;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");
}

/* aurora above the candle photo */
body.v3-home .page-bg::before { display: block !important; }
body.v3-home .v4-hero::before {
  content: '';
  position: absolute; inset: -10% -20% auto; height: 70%;
  background:
    radial-gradient(46% 60% at 78% 30%, rgba(141, 123, 255, .16), transparent 70%),
    radial-gradient(38% 50% at 30% 10%, rgba(38, 196, 166, .12), transparent 72%);
  filter: blur(18px);
  pointer-events: none;
  z-index: 0;
  animation: v4-aurora 16s ease-in-out infinite alternate;
}
body.v3-home .v4-hero > .container { position: relative; z-index: 1; }
@keyframes v4-aurora {
  0% { transform: translate3d(0, 0, 0) scale(1); opacity: .85; }
  100% { transform: translate3d(-3%, 2%, 0) scale(1.08); opacity: 1; }
}

/* bento features + pointer glow */
body.v3-home .v4-feats { grid-template-columns: repeat(6, 1fr); }
body.v3-home .v4-feat { grid-column: span 2; position: relative; overflow: hidden; }
body.v3-home .v4-feat:nth-child(1) { grid-column: span 3; }
body.v3-home .v4-feat:nth-child(2) { grid-column: span 3; }
body.v3-home .v4-feat:nth-child(3),
body.v3-home .v4-feat:nth-child(4),
body.v3-home .v4-feat:nth-child(5) { grid-column: span 2; }
body.v3-home .v4-feat::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(220px 160px at var(--mx, 50%) var(--my, 0%), rgba(141, 123, 255, .14), transparent 70%);
  opacity: 0; transition: opacity .3s ease;
}
body.v3-home .v4-feat:hover::before { opacity: 1; }
body.v3-home .v4-feat:hover { box-shadow: 0 18px 44px rgba(0, 12, 8, .5), inset 0 1px 0 rgba(255, 255, 255, .08); }

/* gradient hairline on key panels */
body.v3-home .v4-live,
body.v3-home .v4-stats,
body.v3-home .v4-cta,
body.v3-home .v4-phone {
  border: 1px solid transparent;
  background-origin: border-box;
  background-clip: padding-box, border-box;
}
body.v3-home .v4-live {
  background-image:
    linear-gradient(160deg, rgba(21, 25, 38, .78), rgba(10, 12, 20, .9)),
    linear-gradient(140deg, rgba(141, 123, 255, .5), rgba(141, 123, 255, .04) 45%, rgba(141, 123, 255, .3));
}
body.v3-home .v4-stats {
  background-image:
    linear-gradient(120deg, rgba(96, 78, 200, .18), rgba(16, 19, 32, .62) 55%),
    linear-gradient(140deg, rgba(141, 123, 255, .45), rgba(141, 123, 255, .03) 50%, rgba(141, 123, 255, .25));
}
body.v3-home .v4-cta {
  background-image:
    linear-gradient(120deg, rgba(109, 90, 220, .35), rgba(9, 30, 23, .92) 60%),
    linear-gradient(140deg, rgba(109, 255, 200, .6), rgba(141, 123, 255, .05) 45%, rgba(141, 123, 255, .4));
}
body.v3-home .v4-phone {
  background-image:
    linear-gradient(168deg, #181c2b, #10131f 62%, #0b0d16),
    linear-gradient(160deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .02) 40%, rgba(141, 123, 255, .25));
}

@media (max-width: 900px) {
  body.v3-home .v4-feats { grid-template-columns: repeat(2, 1fr); }
  body.v3-home .v4-feat,
  body.v3-home .v4-feat:nth-child(n) { grid-column: span 1; }
  body.v3-home .v4-feat:nth-child(1) { grid-column: span 2; }
}
@media (max-width: 420px) {
  body.v3-home .v4-feats { grid-template-columns: 1fr; }
  body.v3-home .v4-feat:nth-child(1) { grid-column: span 1; }
}

/* единая палитра: больше не прячем общий индикатор прокрутки */

/* ---------- eyebrow pill ---------- */
body.v3-home .v4-eyebrow {
  display: inline-block; padding: .55rem 1.1rem;
  border: 1px solid rgba(141, 123, 255, .35); border-radius: 999px;
  background: rgba(141, 123, 255, .07); color: var(--hmint);
  font-size: .62rem; font-weight: 800; letter-spacing: .22em;
}
body.v3-home .v4-head--center { text-align: center; display: grid; justify-items: center; gap: .8rem; margin-bottom: 2.4rem; }
body.v3-home .v4-h2 { margin: 0; font-size: clamp(1.65rem, 4.4vw, 2.5rem); line-height: 1.12; color: var(--htxt); }
body.v3-home .v4-head--center p { margin: .2rem 0 0; max-width: 58ch; color: var(--hmut); font-size: .92rem; line-height: 1.65; }

/* ---------- buttons ---------- */
body.v3-home .v4-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
  min-height: 52px; padding: .95rem 1.55rem; border: 0; border-radius: 14px;
  font: 700 .92rem/1 var(--hsan); letter-spacing: .01em; text-decoration: none; cursor: pointer;
  transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
}
body.v3-home .v4-btn em { font-weight: 800; font-size: 1rem; line-height: 1; transition: transform .22s ease; }
body.v3-home .v4-btn:hover em { transform: translateX(3px); }
body.v3-home .v4-btn--mint {
  background: var(--grad-brand);
  color: #120e24;
  font-weight: 800;
  box-shadow: 0 14px 34px rgba(141, 123, 255, .22), inset 0 1px 0 rgba(255, 255, 255, .4);
}
body.v3-home .v4-btn--mint:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(141, 123, 255, .38); }
body.v3-home .v4-btn--glass {
  border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .05);
  color: var(--htxt); backdrop-filter: blur(8px);
}
body.v3-home .v4-btn--glass:hover { background: rgba(255, 255, 255, .09); transform: translateY(-2px); }
body.v3-home .v4-btn--block { width: 100%; }
body.v3-home .v4-btn.is-owned { box-shadow: 0 0 0 2px rgba(141, 123, 255, .5), 0 12px 30px rgba(141, 123, 255, .22); }
body.v3-home .v4-btn--play {
  border: 1px solid rgba(255, 255, 255, .12); background: transparent; color: var(--htxt);
}
body.v3-home .v4-btn--play:hover { background: rgba(255, 255, 255, .06); transform: translateY(-2px); }
body.v3-home .v4-play {
  display: inline-grid; place-items: center; width: 30px; height: 30px; flex: 0 0 30px;
  border-radius: 50%; background: rgba(141, 123, 255, .14); border: 1px solid rgba(141, 123, 255, .4);
}
body.v3-home .v4-play b { width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent var(--hmint); margin-left: 2px; }
body.v3-home .v4-textlink { color: var(--hmint); font-weight: 800; font-size: .86rem; text-decoration: none; }
body.v3-home .v4-textlink:hover { filter: brightness(1.15); }

/* ---------- tags & chips ---------- */
body.v3-home .v4-tag {
  display: inline-grid; place-items: center; padding: .38rem .7rem; border-radius: 9px;
  font-size: .66rem; font-weight: 800; letter-spacing: .06em; line-height: 1;
}
body.v3-home .v4-tag--buy { background: linear-gradient(135deg, #3ddc9a, #20f3a4); color: #120e24; box-shadow: 0 6px 16px rgba(141, 123, 255, .25); }
body.v3-home .v4-tag--sell { background: linear-gradient(135deg, #ff8798, #f45f79); color: #2b040d; box-shadow: 0 6px 16px rgba(244, 95, 121, .25); }
body.v3-home .v4-chip {
  display: inline-flex; padding: .45rem .85rem; border: 1px solid var(--hline-soft); border-radius: 999px;
  background: rgba(255, 255, 255, .04); color: var(--hmut); font-size: .62rem; font-weight: 800; letter-spacing: .1em;
}
body.v3-home .v4-chip--mint { border-color: rgba(141, 123, 255, .4); background: rgba(141, 123, 255, .1); color: var(--hmint); }

/* ================= HERO ================= */
body.v3-home .v4-hero { padding: clamp(1.4rem, 4vw, 3.4rem) 0 clamp(2rem, 5vw, 3.6rem); }
body.v3-home .v4-hero__wrap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); gap: 2.4rem; align-items: center; }
body.v3-home .v4-pill {
  display: inline-block; padding: .55rem 1.05rem; border: 1px solid rgba(141, 123, 255, .3);
  border-radius: 999px; background: rgba(141, 123, 255, .06); color: var(--hmint);
  font-size: .62rem; font-weight: 800; letter-spacing: .2em; white-space: nowrap;
}
body.v3-home .v4-h1 { margin: 1.2rem 0 0; font-size: clamp(2.3rem, 5.6vw, 3.5rem); line-height: 1.05; color: #fff; }
body.v3-home .v4-h1 em { color: var(--hmint); }
body.v3-home .v4-lead { margin: 1.15rem 0 0; max-width: 46ch; color: var(--hmut); font-size: .95rem; line-height: 1.7; }
body.v3-home .v4-chips { display: flex; flex-wrap: wrap; gap: .9rem; margin-top: 1.4rem; }
body.v3-home .v4-chips span {
  display: inline-flex; align-items: center; gap: .5rem;
  color: var(--htxt); font-size: .78rem; font-weight: 700;
}
body.v3-home .v4-chips svg { width: 20px; height: 20px; padding: 4px; border-radius: 7px; fill: var(--hmint); background: rgba(141, 123, 255, .1); border: 1px solid rgba(141, 123, 255, .25); }
body.v3-home .v4-hero__acts { display: flex; align-items: center; flex-wrap: wrap; gap: .8rem; margin-top: 1.7rem; }

/* --- stage (right composite) --- */
body.v3-home .v4-stage { position: relative; min-height: 560px; display: grid; align-items: center; justify-items: center; }
body.v3-home .v4-stage__glow {
  position: absolute; inset: 8% 4%; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle at 55% 45%, rgba(141, 123, 255, .16), transparent 62%);
  filter: blur(46px);
}
body.v3-home .v4-stage__bg { position: absolute; right: -4%; top: 6%; width: 62%; height: 88%; opacity: .5; }
body.v3-home .v4-stage__bg svg { width: 100%; height: 100%; }

/* phone mockup */
body.v3-home .v4-phone {
  position: relative; z-index: 2; width: min(300px, 82vw); padding: 1rem .95rem 1.1rem;
  border: 1px solid rgba(255, 255, 255, .16); border-radius: 34px;
  background: linear-gradient(168deg, #181c2b, #10131f 62%, #0b0d16);
  box-shadow: 0 40px 90px rgba(2, 12, 8, .6), inset 0 1px 0 rgba(255, 255, 255, .12);
  display: grid; gap: .8rem;
}
body.v3-home .v4-phone::before {
  content: ''; position: absolute; top: 8px; left: 50%; transform: translateX(-50%);
  width: 56px; height: 6px; border-radius: 99px; background: rgba(255, 255, 255, .14);
}
body.v3-home .v4-phone__top { display: flex; justify-content: space-between; align-items: center; margin-top: .45rem; color: #fff; font-size: .8rem; font-weight: 800; letter-spacing: .01em; }
body.v3-home .v4-phone__live { display: inline-flex; align-items: center; gap: .25rem; margin-left: .35rem; color: #20f3a4; font-size: .48rem; font-weight: 900; letter-spacing: .12em; vertical-align: middle; }
body.v3-home .v4-phone__live i { width: 5px; height: 5px; border-radius: 50%; background: #20f3a4; box-shadow: 0 0 8px #20f3a4; animation: v4ScanBlink 1s steps(2) infinite; }
body.v3-home .v4-phone__top span { color: rgba(255, 255, 255, .5); font-size: 1rem; }
body.v3-home .v4-phone__candles { height: 148px; border-radius: 12px; overflow: hidden; background: rgba(255, 255, 255, .02); }
body.v3-home .v4-phone__scan-chart { position: relative; }
body.v3-home .v4-phone__scanner { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
body.v3-home .v4-phone__scanner::after { content: ''; position: absolute; left: -10%; right: -10%; top: 0; height: 2px; background: linear-gradient(90deg, transparent, #20f3a4, #8d7bff, transparent); box-shadow: 0 0 14px #20f3a4; animation: v4MarketScan 2.2s ease-in-out infinite; }
body.v3-home .v4-phone__scanner i { position: absolute; width: 42px; height: 42px; left: 50%; top: 50%; transform: translate(-50%, -50%); border: 1px solid rgba(141,123,255,.7); border-radius: 50%; box-shadow: 0 0 24px rgba(141,123,255,.5), inset 0 0 18px rgba(32,243,164,.2); animation: v4RadarPulse 1.8s ease-in-out infinite; }
body.v3-home .v4-phone__scanner b { position: absolute; inset: 18% 25%; border: 1px solid rgba(32,243,164,.55); border-radius: 50%; animation: v4RadarSpin 3s linear infinite; }
body.v3-home .v4-phone__scanner span { position: absolute; left: 10px; bottom: 8px; color: #20f3a4; font: 700 .52rem/1 Manrope, sans-serif; letter-spacing: .14em; text-shadow: 0 0 10px rgba(32,243,164,.7); animation: v4ScanBlink 1.2s steps(2) infinite; }
@keyframes v4MarketScan { 0%,100% { transform: translateY(0); opacity: .25; } 50% { transform: translateY(135px); opacity: 1; } }
@keyframes v4RadarPulse { 0%,100% { transform: translate(-50%,-50%) scale(.7); opacity: .4; } 50% { transform: translate(-50%,-50%) scale(1.35); opacity: 1; } }
@keyframes v4RadarSpin { to { transform: rotate(360deg); } }
@keyframes v4ScanBlink { 50% { opacity: .35; } }
body.v3-home .v4-phone__candles svg, body.v3-home .v4-chartbox__chart svg { width: 100%; height: 100%; display: block; }
body.v3-home .v4-phone__ai { border: 1px solid rgba(141, 123, 255, .22); border-radius: 14px; background: rgba(141, 123, 255, .05); padding: .8rem .85rem; }
body.v3-home .v4-phone__ai b { display: flex; align-items: center; gap: .5rem; color: #fff; font-size: .8rem; }
body.v3-home .v4-phone__ai svg { width: 22px; height: 22px; padding: 4px; border-radius: 7px; fill: var(--hmint); background: linear-gradient(135deg, rgba(141, 123, 255, .25), rgba(141, 123, 255, .08)); box-shadow: 0 0 14px rgba(141, 123, 255, .25); }
body.v3-home .v4-phone__ai ul { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; gap: .35rem; }
body.v3-home .v4-phone__ai li { display: flex; align-items: center; gap: .45rem; color: var(--hmut); font-size: .72rem; }
body.v3-home .v4-phone__ai li em { color: var(--hmint); font-weight: 800; font-style: normal; }

/* ---- превью анализа: скан → результат ---- */
body.v3-home .v4-aiprev__scan ul { list-style: none; margin: .6rem 0 0; padding: 0; display: grid; gap: .35rem; }
body.v3-home .v4-aiprev__scan li { display: flex; align-items: center; gap: .45rem; color: var(--hmut); font-size: .72rem; opacity: .4; transform: translateX(-4px); transition: opacity .45s ease, transform .45s ease, color .45s ease; }
body.v3-home .v4-aiprev__scan li em { color: var(--hmint); font-weight: 800; font-style: normal; }
body.v3-home .v4-aiprev__scan li.is-on { opacity: 1; transform: none; color: var(--htxt); }
body.v3-home .v4-aiprev__scan li.is-on em { animation: v4check .45s ease; }
@keyframes v4check { 0% { transform: scale(.4); } 60% { transform: scale(1.25); } 100% { transform: scale(1); } }

body.v3-home .v4-aiprev__result { display: grid; gap: .5rem; animation: v4result .5s ease; }
body.v3-home .v4-aiprev__result[hidden] { display: none; }
@keyframes v4result { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
body.v3-home .v4-aiprev__status { display: flex; align-items: center; gap: .4rem; color: var(--hmint); font-size: .62rem; font-weight: 800; letter-spacing: .12em; }
body.v3-home .v4-aiprev__status i { width: 7px; height: 7px; border-radius: 50%; background: var(--hmint); box-shadow: 0 0 10px var(--hmint); animation: v4pulse 1.6s ease infinite; }
@keyframes v4pulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
body.v3-home .v4-aiprev__row { display: flex; align-items: center; gap: .55rem; }
body.v3-home .v4-aiprev__pair b { display: block; color: #fff; font-size: .85rem; }
body.v3-home .v4-aiprev__pair small { color: var(--hmut); font-size: .6rem; }
body.v3-home .v4-aiprev__conf { margin-left: auto; color: #fff; font-size: 1rem; font-weight: 800; }
body.v3-home .v4-aiprev__bar { height: 6px; border-radius: 6px; background: rgba(255, 255, 255, .08); overflow: hidden; }
body.v3-home .v4-aiprev__bar i { display: block; height: 100%; width: 87%; border-radius: 6px; background: var(--grad-brand); box-shadow: 0 0 12px rgba(141, 123, 255, .45); transition: width .8s cubic-bezier(.2, .7, .3, 1); }
body.v3-home .v4-aiprev__bar.is-sell i { background: linear-gradient(135deg, #ff6d84, #ff9db0); box-shadow: 0 0 12px rgba(255, 109, 132, .4); }
body.v3-home .v4-aiprev__result p { margin: 0; color: var(--hmut); font-size: .7rem; line-height: 1.45; }
body.v3-home .v4-aiprev__entry { color: var(--hmint); font-size: .62rem; font-weight: 700; border-top: 1px dashed rgba(141, 123, 255, .25); padding-top: .45rem; }
body.v3-home .v4-aiprev__result .v4-tag--sell { background: linear-gradient(135deg, #ff6d84, #ff5271); color: #fff; box-shadow: 0 6px 16px rgba(255, 93, 122, .25); }

/* floating cards */
body.v3-home .v4-float { position: absolute; z-index: 3; }
body.v3-home .v4-float--growth {
  top: 6%; right: 0; padding: .75rem 1rem; border: 1px solid var(--hline);
  border-radius: 14px; background: rgba(16, 19, 32, .82); backdrop-filter: blur(10px);
  box-shadow: 0 18px 40px rgba(2, 12, 8, .5);
  display: grid; gap: .25rem; text-align: right;
}
body.v3-home .v4-float--growth small { color: var(--hmut); font-size: .6rem; font-weight: 700; letter-spacing: .04em; }
body.v3-home .v4-float--growth b { color: var(--hmint); font-size: .95rem; }
body.v3-home .v4-float--growth i { font-style: normal; font-size: .8rem; }
body.v3-home .v4-float--sigs { right: -6%; top: 34%; display: grid; gap: .55rem; }
body.v3-home .v4-sigcard {
  display: flex; align-items: center; gap: .6rem; min-width: 210px;
  padding: .6rem .7rem; border: 1px solid var(--hline); border-radius: 12px;
  background: rgba(16, 19, 32, .85); backdrop-filter: blur(10px);
  box-shadow: 0 14px 34px rgba(2, 12, 8, .5);
}
body.v3-home .v4-sigcard b { display: block; color: #fff; font-size: .78rem; }
body.v3-home .v4-sigcard small { color: var(--hmut); font-size: .6rem; }

/* ================= FEATURES ================= */
body.v3-home .v4-section { padding: clamp(2.4rem, 6vw, 4.6rem) 0; }
body.v3-home .v4-section--tight { padding-top: clamp(1.2rem, 3vw, 2rem); }
body.v3-home .v4-feats { display: grid; grid-template-columns: repeat(5, 1fr); gap: .8rem; }
body.v3-home .v4-feat {
  padding: 1.25rem 1.1rem; border: 1px solid var(--hline-soft); border-radius: 18px;
  background: linear-gradient(165deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .015));
  display: grid; gap: .55rem; align-content: start;
  transition: transform .25s ease, border-color .25s ease;
}
body.v3-home .v4-feat:hover { transform: translateY(-4px); border-color: rgba(141, 123, 255, .3); }
body.v3-home .v4-feat i { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; background: rgba(141, 123, 255, .1); border: 1px solid rgba(141, 123, 255, .28); }
body.v3-home .v4-feat svg { width: 22px; height: 22px; fill: none; stroke: var(--hmint); stroke-width: 1.8; stroke-linejoin: round; stroke-linecap: round; }
body.v3-home .v4-feat h3 { margin: .3rem 0 0; font-size: .95rem; color: #fff; }
body.v3-home .v4-feat p { margin: 0; color: var(--hmut); font-size: .76rem; line-height: 1.55; }

/* ================= STATS band ================= */
body.v3-home .v4-stats {
  display: grid; grid-template-columns: 1.1fr 1fr 1fr 1fr 1fr; gap: 1.2rem; align-items: center;
  padding: 1.7rem 2rem; border: 1px solid rgba(141, 123, 255, .18); border-radius: 22px;
  background: linear-gradient(120deg, rgba(96, 78, 200, .16), rgba(16, 19, 32, .6) 55%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}
body.v3-home .v4-stats__head h3 { margin: 0; font-size: 1.25rem; line-height: 1.25; color: #fff; }
body.v3-home .v4-stat { display: grid; gap: .3rem; text-align: center; position: relative; }
body.v3-home .v4-stat + .v4-stat::before { content: ''; position: absolute; left: -0.6rem; top: 12%; bottom: 12%; width: 1px; background: rgba(255, 255, 255, .08); }
body.v3-home .v4-stat b { color: var(--hmint); font-size: clamp(1.5rem, 3vw, 1.9rem); font-weight: 800; letter-spacing: -.02em; }
body.v3-home .v4-stat small { color: var(--hmut); font-size: .68rem; line-height: 1.4; }

/* ================= STEPS ================= */
body.v3-home .v4-steps { display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr; gap: 1rem; align-items: stretch; }
body.v3-home .v4-step__arrow { display: grid; place-items: center; color: var(--hmint); font-size: 1.3rem; font-weight: 800; }
body.v3-home .v4-step {
  padding: 1.5rem 1.4rem; border: 1px solid var(--hline-soft); border-radius: 20px;
  background: linear-gradient(165deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012));
}
body.v3-home .v4-step i {
  display: inline-grid; place-items: center; width: 44px; height: 44px; border-radius: 50%;
  background: linear-gradient(135deg, #b0a3ff, #8d7bff); color: #16123a;
  font-size: 1.1rem; font-weight: 800; font-style: normal;
  box-shadow: 0 12px 26px rgba(141, 123, 255, .3);
}
body.v3-home .v4-step h3 { margin: 1rem 0 0; font-size: 1.05rem; color: #fff; }
body.v3-home .v4-step p { margin: .5rem 0 0; color: var(--hmut); font-size: .8rem; line-height: 1.6; }

/* ================= LIVE SIGNALS ================= */
body.v3-home .v4-live {
  display: grid; grid-template-columns: .92fr 1.08fr; gap: 2rem; align-items: center;
  padding: clamp(1.4rem, 3.2vw, 2.2rem); border: 1px solid var(--hline-soft); border-radius: 26px;
  background: linear-gradient(160deg, rgba(21, 25, 38, .75), rgba(10, 12, 20, .85));
  overflow: hidden; position: relative;
}
body.v3-home .v4-live::after {
  content: ''; position: absolute; right: -80px; top: -80px; width: 240px; height: 240px; border-radius: 50%;
  background: radial-gradient(circle, rgba(141, 123, 255, .14), transparent 65%); pointer-events: none;
}
body.v3-home .v4-live__copy { display: grid; gap: .9rem; justify-items: start; padding-right: .6rem; }
body.v3-home .v4-live__copy p { margin: 0; color: var(--hmut); font-size: .9rem; line-height: 1.65; max-width: 44ch; }
body.v3-home .v4-live__board { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; align-items: stretch; }
body.v3-home .v4-siglist { display: grid; gap: .55rem; align-content: start; }
body.v3-home .v4-sigrow {
  display: grid; grid-template-columns: auto 1fr; gap: .35rem .7rem; align-items: center;
  padding: .75rem .8rem; border: 1px solid var(--hline-soft); border-radius: 14px;
  background: rgba(255, 255, 255, .028);
}
body.v3-home .v4-sigrow > .v4-tag { grid-row: 1 / 3; }
body.v3-home .v4-sigrow__pair b { display: block; color: #fff; font-size: .82rem; }
body.v3-home .v4-sigrow__pair small { color: var(--hmut); font-size: .62rem; }
body.v3-home .v4-sigrow__nums { text-align: right; display: grid; gap: .12rem; }
body.v3-home .v4-sigrow__nums b { color: #fff; font-size: .82rem; font-weight: 700; }
body.v3-home .v4-sigrow__nums small { font-size: .62rem; font-weight: 700; }
body.v3-home .v4-sigrow__nums .is-up { color: var(--hmint); }
body.v3-home .v4-sigrow__nums .is-down { color: var(--hred); }
body.v3-home .v4-sigrow__nums i { font-style: normal; color: var(--hmut); font-size: .56rem; letter-spacing: .04em; }
body.v3-home .v4-chartbox { position: relative; min-height: 240px; border: 1px solid var(--hline-soft); border-radius: 14px; background: rgba(6, 8, 14, .5); overflow: hidden; }
body.v3-home .v4-chartbox__chart { position: absolute; inset: 0; }
body.v3-home .v4-chartbox__mark { position: absolute; top: 10px; right: 10px; padding: .35rem .6rem; border-radius: 8px; background: linear-gradient(135deg, #3ddc9a, #20f3a4); color: #120e24; font-size: .62rem; font-weight: 800; box-shadow: 0 8px 18px rgba(141, 123, 255, .35); }
body.v3-home .v4-chartbox__ai { position: absolute; bottom: 10px; right: 10px; padding: .4rem .65rem; border-radius: 9px; border: 1px solid rgba(141, 123, 255, .3); background: rgba(6, 20, 15, .8); color: var(--hmint); font-size: .62rem; font-weight: 800; }

/* ================= PLANS ================= */
body.v3-home .v4-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; }
body.v3-home .v4-plan {
  padding: 1.4rem 1.3rem; border: 1px solid var(--hline-soft); border-radius: 22px;
  background: linear-gradient(165deg, rgba(255, 255, 255, .04), rgba(255, 255, 255, .012));
  display: grid; gap: .75rem; align-content: start; position: relative;
  transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}
body.v3-home .v4-plan:hover { transform: translateY(-4px); border-color: rgba(141, 123, 255, .28); }
body.v3-home .v4-plan--featured {
  border-color: rgba(141, 123, 255, .4);
  background: linear-gradient(165deg, rgba(141, 123, 255, .1), rgba(16, 19, 32, .55) 55%);
  box-shadow: 0 26px 60px rgba(2, 12, 8, .5), 0 0 40px rgba(141, 123, 255, .12);
}
body.v3-home .v4-plan__top { display: flex; justify-content: space-between; align-items: center; }
body.v3-home .v4-plan__index { color: rgba(141, 123, 255, .4); font-size: 1.4rem; font-weight: 800; }
body.v3-home .v4-plan h3 { margin: 0; font-size: 1.25rem; color: #fff; }
body.v3-home .v4-plan__desc { margin: 0; color: var(--hmut); font-size: .78rem; line-height: 1.55; min-height: 2.4em; }
body.v3-home .v4-plan__price { display: flex; align-items: baseline; gap: .5rem; }
body.v3-home .v4-plan__price span { color: var(--hmut); font-size: .66rem; font-weight: 800; letter-spacing: .12em; }
body.v3-home .v4-plan__price b { color: #fff; font-size: 1.75rem; font-weight: 800; letter-spacing: -.02em; }
body.v3-home .v4-plan__ai { justify-self: start; display: inline-flex; align-items: center; gap: .5rem; padding: .55rem .9rem; border: 1px solid rgba(141, 123, 255, .35); border-radius: 11px; background: rgba(141, 123, 255, .08); }
body.v3-home .v4-plan__ai b { color: var(--hmint); font-size: 1rem; font-weight: 800; }
body.v3-home .v4-plan__ai span { color: var(--hmut); font-size: .68rem; font-weight: 700; }
body.v3-home .v4-plan ul { list-style: none; margin: 0; padding: .15rem 0; display: grid; gap: .38rem; }
body.v3-home .v4-plan ul li { display: flex; justify-content: space-between; gap: 1rem; padding: .55rem .75rem; border: 1px solid var(--hline-soft); border-radius: 11px; background: rgba(255, 255, 255, .02); color: var(--hmut); font-size: .72rem; font-weight: 700; }
body.v3-home .v4-plan ul li b { color: #fff; font-weight: 800; }
body.v3-home .v4-note { margin-top: 1rem; color: rgba(157, 191, 174, .75); font-size: .68rem; line-height: 1.6; }
body.v3-home .v4-plan.is-owned { border-color: rgba(141, 123, 255, .6); box-shadow: 0 0 0 1px rgba(141, 123, 255, .35), 0 20px 50px rgba(2, 12, 8, .5); }

/* ================= FAQ ================= */
body.v3-home .v4-faq { display: grid; grid-template-columns: .8fr 1.2fr; gap: 2.6rem; align-items: start; }
body.v3-home .v4-faq__intro { display: grid; gap: .7rem; justify-items: start; }
body.v3-home .v4-faq__intro p { margin: .2rem 0 0; color: var(--hmut); font-size: .86rem; line-height: 1.6; }
body.v3-home .v4-faq__list { display: grid; gap: .55rem; }
body.v3-home .v4-faq__item { border: 1px solid var(--hline-soft); border-radius: 15px; background: rgba(255, 255, 255, .028); overflow: hidden; }
body.v3-home .v4-faq__item summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1rem 1.1rem; cursor: pointer; color: #fff; font-weight: 700; font-size: .9rem; }
body.v3-home .v4-faq__item summary::-webkit-details-marker { display: none; }
body.v3-home .v4-faq__item summary span { position: relative; width: 22px; height: 22px; flex: 0 0 22px; border: 1px solid var(--hline); border-radius: 8px; }
body.v3-home .v4-faq__item summary span::before { content: '+'; position: absolute; inset: 0; display: grid; place-items: center; color: var(--hmint); font-weight: 800; font-size: .95rem; }
body.v3-home .v4-faq__item[open] summary span::before { content: '–'; }
body.v3-home .v4-faq__item p { margin: 0; padding: 0 1.1rem 1.05rem; color: var(--hmut); font-size: .8rem; line-height: 1.65; }

/* ================= FINAL CTA ================= */
body.v3-home .v4-cta {
  position: relative; display: grid; grid-template-columns: 1.25fr .75fr; gap: 1.4rem; align-items: center;
  padding: clamp(1.6rem, 4vw, 2.6rem) clamp(1.4rem, 4vw, 2.6rem);
  border-radius: 24px; overflow: hidden;
  background: linear-gradient(120deg, rgba(109, 90, 220, .35), rgba(9, 30, 23, .92) 60%);
  border: 1px solid rgba(141, 123, 255, .25);
  box-shadow: 0 30px 70px rgba(2, 12, 8, .55);
}
body.v3-home .v4-cta__glow { position: absolute; left: -60px; top: -80px; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle, rgba(141, 123, 255, .22), transparent 65%); filter: blur(40px); pointer-events: none; }
body.v3-home .v4-cta__copy { position: relative; }
body.v3-home .v4-cta__copy h2 { margin: 0; font-size: clamp(1.5rem, 3.6vw, 2.2rem); line-height: 1.15; color: #fff; }
body.v3-home .v4-cta__copy h2 em { color: var(--hmint); }
body.v3-home .v4-cta__copy p { margin: .7rem 0 0; color: var(--hmut); font-size: .9rem; line-height: 1.6; }
body.v3-home .v4-cta__acts { position: relative; display: grid; gap: .7rem; justify-items: center; }
body.v3-home .v4-cta__acts small { color: rgba(157, 191, 174, .8); font-size: .68rem; letter-spacing: .04em; }

/* ================= RESPONSIVE ================= */
@media (max-width: 1140px) {
  body.v3-home .v4-float--sigs { display: none; }
  body.v3-home .v4-feats { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 1060px) {
  body.v3-home .v4-hero__wrap { grid-template-columns: 1fr; gap: 2.2rem; }
  body.v3-home .v4-stage { min-height: 470px; }
  body.v3-home .v4-live { grid-template-columns: 1fr; }
  body.v3-home .v4-faq { grid-template-columns: 1fr; gap: 1.6rem; }
}
@media (max-width: 900px) {
  body.v3-home .v4-stats { grid-template-columns: 1fr 1fr; padding: 1.4rem 1.2rem; }
  body.v3-home .v4-stats__head { grid-column: 1 / -1; text-align: center; }
  body.v3-home .v4-stat + .v4-stat::before { display: none; }
  body.v3-home .v4-steps { grid-template-columns: 1fr; }
  body.v3-home .v4-step__arrow { display: none; }
  body.v3-home .v4-feats { grid-template-columns: repeat(2, 1fr); }
  body.v3-home .v4-plans { grid-template-columns: 1fr; }
  body.v3-home .v4-cta { grid-template-columns: 1fr; text-align: center; }
  body.v3-home .v4-cta__acts { justify-items: center; }
}
@media (max-width: 560px) {
  body.v3-home .v4-feats { grid-template-columns: 1fr 1fr; }
  body.v3-home .v4-live__board { grid-template-columns: 1fr; }
  body.v3-home .v4-float--growth { right: 2%; top: 2%; }
  body.v3-home .v4-h1 { font-size: clamp(2rem, 8.6vw, 2.6rem); }
}
@media (max-width: 420px) {
  body.v3-home .v4-feats { grid-template-columns: 1fr; }
}

/* === V4 phone top: СКАНИРОВАНИЕ как в AI VISION TERMINAL (2026-11-10) === */
body.v3-home .v4-phone__scan-top { gap: .5rem; }
body.v3-home .v4-scan-tag { display: inline-flex; align-items: center; gap: .32rem; font: 800 .58rem/1 'JetBrains Mono', ui-monospace, Consolas, monospace; letter-spacing: .16em; text-transform: uppercase; color: #a79bff; }
body.v3-home .v4-scan-tag i { width: 6px; height: 6px; border-radius: 50%; background: #20f3a4; box-shadow: 0 0 9px #20f3a4; animation: v4ScanBlink 1s steps(2) infinite; }
body.v3-home .v4-scan-right { display: flex; align-items: baseline; gap: .45rem; min-width: 0; }
body.v3-home .v4-scan-right small { font: 600 .5rem/1.3 Manrope, sans-serif; color: rgba(214,224,255,.62); letter-spacing: .05em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 34vw; }
body.v3-home .v4-scan-right b { font: 800 .74rem/1 'JetBrains Mono', ui-monospace, Consolas, monospace; color: #20f3a4; text-shadow: 0 0 10px rgba(32,243,164,.6); font-variant-numeric: tabular-nums; }