# Palco de holofotes neon — cones de luz, grade fraca, barras de sinal, discos de vidro

Aprendido em 2026-09-09 transplantando o estilo da landing da Fxology (prop
firm; referência era um walkthrough em vídeo, `NASH/referencias/
pinterest_50a993d1_720.mp4`, 22 quadros medidos em
`~/Documents/MNZS/replicas/nash-fxology/ref/`) para a marca Nash: verde
`#3EFF93` → Vivid Red `#E50000`, logo trocado, slogan fora. Render-verificado
em Chromium headless (Playwright) a 1440×900, herói e cada seção. Transplante
de gramática, não réplica.

- **Palco**: `#0A0A0F` (referência `#0F1112`), herói em `#000` puro. Grade
  quadrada de 96 px em branco 4,5 %, com `mask-image: radial-gradient` pra
  sumir nas bordas — a referência só mostra grade no miolo.
- **Cones de luz**: `conic-gradient` + blur vira névoa, medido (herói inteiro
  lia como haze vermelho). Cone nítido é um `::before` com
  `clip-path: polygon(47% 0, 53% 0, 100% 100%, 0 100%)` e
  `linear-gradient(180deg, acento .7, acento .32 35 %, .08 70 %, transparent)`,
  com o `filter: blur(22px)` no pai, não no filho — blur antes do clip deixa
  a borda dura. Três cones (−11°, 5°, 19°) de 30–46 % de largura e 130 % de
  altura, `transform-origin: 50% 0`, mais um `radial-gradient` largo
  (`blur(60px)`) só pra tingir o topo.
- **Colchete em "L"**: `border-top` + `border-right` de 1 px em
  `rgba(255,60,60,.9)`, brilho por `filter: drop-shadow` em dois passos (6 px
  .9 + 18 px .5). `box-shadow` num elemento só de borda desenha a sombra em
  volta da caixa inteira e inventa um retângulo — visto no primeiro render.
- **Barras de sinal (as velas da referência)**: 30 barras de 6 px na faixa
  `bottom: 11 %`, alturas 10–54 px por PRNG semeado, 30 % vazadas
  (`border` branco .28, sem brilho), o resto cheias no acento com
  `0 0 12px` acento .6; pavio de 1 px branco .18 atravessando 8 px acima e
  abaixo. Entram com `scaleY` de 0, `stagger` .025 a partir do centro.
- **Marquee com gradiente contínuo**: texto branco de 17 vw, peso 400,
  tracking −.05 em, `translateX(−50%)` em 28 s sobre duas cópias; a cor vem de
  um `::after` por cima com `linear-gradient(90deg, acento, acento .95 22 %,
  transparent 68 %)` em `mix-blend-mode: multiply` — branco × acento = acento,
  preto × acento = preto. `background-clip: text` por span reinicia o
  gradiente a cada palavra.
- **Painel com aurora**: borda 1 px acento .42, raio 16, fundo `#0D0D12`,
  `0 0 60px` acento .1. A onda são quatro elipses grandes em `blur(34px)` e
  `screen`, mais duas faixas finas (760×22 e 14 px, `blur(5px)`,
  `rotate(−17deg) skewX(−20deg)`) com `linear-gradient` horizontal claro no
  meio — sem as faixas o painel lia como um borrão, não como fumaça.
- **Fitas**: SVG 1440×800 `slice`; tubo principal `stroke-width 30` em
  `linearGradient` branco → `#FFD0D0` → acento, dobrado por uma cópia 44 px no
  acento a .55 sob `feGaussianBlur 10` (o halo) e uma cópia 8 px preta .35
  deslocada 8 px (a sombra que dá volume); secundários 3–6 px em gradiente
  branco .15 → acento. Desenhadas por `strokeDashoffset` em `scrub` .6 —
  numa captura de página inteira aparecem vazias porque o scroll volta a 0;
  conferir com viewport rolada até a seção.
- **Chão em perspectiva**: SVG `preserveAspectRatio: none`, 7 raios
  convergindo para y = 300 e 5 horizontais, acento .28; marcadores HTML
  absolutos com haste 1 px em gradiente, esfera 12 px
  `radial-gradient(#fff, acento-claro 45 %, acento .2 70 %)` + `0 0 22px` e
  `0 0 60px`, e um canto em "L" 18×14 ao lado. Anos no pé, `translateX(−50%)`.
- **Discos de vidro**: 6 elipses 300–360 × 380–440 em arco, `mix-blend-mode:
  screen`, `backdrop-filter: blur(3px)`, fundo `radial-gradient(circle at 40%
  34%, acento-claro .5, acento .26 55 %, escuro .12 80 %)`, aro
  `inset 0 0 0 2px` branco .28 + reflexo `inset 30px 24px 90px` branco .08;
  aberração cromática por `::before` em `conic-gradient(#FFB347, #FF3C8F,
  #4A8DFF)` mascarado em anel de 5 px (`mask: radial-gradient(farthest-side,
  transparent calc(100% − 5px), #000 …)`) a .55. Inclinação por
  `perspective(900px) rotateY(±12…38deg)`. Texto do marquee por cima, branco,
  22 vw, peso 500.
- **Excluído de propósito**: o conteúdo de trading (velas como candlestick,
  tabela de preços, tiers, Trustpilot, Discord, globo, contador), o slogan, e
  o verde — a cor da marca é o Vivid Red desde 2026-09-08.
- **Conota**: holofotes vindos do alto fazem do herói um palco antes de uma
  página — a marca entra como quem sobe pra ser vista; a grade fraca diz que
  há sistema por trás do escuro; barras de sinal no pé dizem "isto mede
  alguma coisa" sem precisar de gráfico; o marquee gigante é a voz que não
  cabe na tela; discos de vidro translúcidos no final são o produto virando
  objeto — luz que dá pra segurar. Uma cor só, saturada, sobre preto absoluto
  faz da cor a única coisa viva, e trocar verde por vermelho troca "lucro" por
  "sinal, alerta, presença" — coerente com um agente que corta ruído.