/* ============================================================
   Амбиентное «световое поле» — 1:1 из process1/site2-merged
   (glass-overlay.css). Анимированный фиксированный слой: цветные
   радиальные пятна .b1–.b3 дрейфуют, ленты .rib/.rib2 вращаются,
   .sweep уводит всё в белое по диагонали, зерно поверх.
   Только для главной (подключается и вставляется лишь в index.html).
   Отличие от оригинала одно: z-index:0 → -1, чтобы слой лёг ПОЗАДИ
   контента record-capital без правки z-index у секций (body/main
   прозрачны, поэтому поле просвечивает).
   ============================================================ */
.rk-lightfield { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.rk-lightfield .b { position: absolute; border-radius: 50%; will-change: transform; }
.rk-lightfield .b1 { width: 56%; height: 76%; left: -10%; top: -16%;
  background: radial-gradient(circle, rgba(105,130,255,.26), rgba(105,130,255,0) 66%); animation: rkd1 34s ease-in-out infinite alternate; }
.rk-lightfield .b2 { width: 50%; height: 66%; left: 44%; top: -22%;
  background: radial-gradient(circle, rgba(140,160,255,.30), rgba(140,160,255,0) 66%); animation: rkd2 41s ease-in-out infinite alternate; }
.rk-lightfield .b3 { width: 66%; height: 62%; left: 16%; top: 34%;
  background: radial-gradient(circle, rgba(180,194,255,.44), rgba(180,194,255,0) 68%); animation: rkd3 47s ease-in-out infinite alternate; }
.rk-lightfield .sweep { position: absolute; inset: -10%; pointer-events: none;
  background: linear-gradient(118deg,
    rgba(255,255,255,0) 8%, rgba(255,255,255,.28) 34%,
    rgba(255,255,255,.66) 58%, rgba(255,255,255,.88) 78%, rgba(255,255,255,.96) 100%); }
.rk-lightfield .rib { position: absolute; left: -18%; top: -6%; width: 136%; height: 86%; border-radius: 50%;
  filter: blur(44px); will-change: transform;
  background: conic-gradient(from 202deg at 50% 50%,
    rgba(147,166,255,0) 0deg, rgba(147,166,255,.20) 44deg, rgba(120,145,255,.30) 76deg,
    rgba(255,255,255,.56) 98deg,
    rgba(180,194,255,.34) 116deg, rgba(147,166,255,.16) 146deg,
    rgba(147,166,255,0) 206deg);
  transform: rotate(-14deg) scaleY(.58); animation: rkr1 56s linear infinite; }
.rk-lightfield .rib2 { position: absolute; left: 6%; top: 26%; width: 110%; height: 64%; border-radius: 50%;
  filter: blur(60px); opacity: .6;
  background: conic-gradient(from 40deg at 50% 50%,
    rgba(150,170,255,0) 0deg, rgba(150,170,255,.24) 50deg,
    rgba(255,255,255,.44) 92deg, rgba(150,170,255,0) 150deg);
  transform: rotate(9deg) scaleY(.5); animation: rkr2 68s linear infinite; }
.rk-lightfield::after { content: ""; position: absolute; inset: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxNDAnIGhlaWdodD0nMTQwJz48ZmlsdGVyIGlkPSduJz48ZmVUdXJidWxlbmNlIHR5cGU9J2ZyYWN0YWxOb2lzZScgYmFzZUZyZXF1ZW5jeT0nMC45JyBudW1PY3RhdmVzPScyJyBzdGl0Y2hUaWxlcz0nc3RpdGNoJy8+PGZlQ29sb3JNYXRyaXggdHlwZT0nc2F0dXJhdGUnIHZhbHVlcz0nMCcvPjwvc3ZnPg==");
  background-size: 140px 140px; opacity: .15; mix-blend-mode: overlay; }

@keyframes rkd1 { to { transform: translate(7%,9%) scale(1.1); } }
@keyframes rkd2 { to { transform: translate(-9%,7%) scale(1.08); } }
@keyframes rkd3 { to { transform: translate(5%,-8%) scale(1.12); } }
@keyframes rkr1 { to { transform: rotate(346deg) scaleY(.58); } }
@keyframes rkr2 { to { transform: rotate(369deg) scaleY(.5); } }

@media (prefers-reduced-motion: reduce) {
  .rk-lightfield .b, .rk-lightfield .rib, .rk-lightfield .rib2 { animation: none; }
}
@media (prefers-reduced-transparency: reduce) {
  .rk-lightfield { opacity: .5; }
}