/* ── Свой указатель ───────────────────────────────────────────────────
   Маленький кругляш одного размера везде: не растёт ни на наведении, ни на
   нажатии. Меняется только цвет — по фону под собой, чтобы не теряться на
   светлых секциях. */
.kursor {
  --kursor-cvet: #8fd3ff;
  --kursor-svechenie: rgba(143, 211, 255, 0.3);
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}

/* На светлом фоне голубой кругляш теряется — там он тёмный. */
.kursor.na-svetlom {
  --kursor-cvet: #14161b;
  --kursor-svechenie: rgba(20, 22, 27, 0.18);
}

/* Позиция задаётся transform-ом с translate(-50%, -50%): полей не добавлять,
   иначе кругляш уезжает на половину своего размера — тем сильнее, чем крупнее. */
.kursor-tochka {
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  box-sizing: border-box;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--kursor-cvet);
  box-shadow: 0 0 8px var(--kursor-svechenie);
  will-change: transform;
  transition: background 220ms ease,
              opacity 200ms ease;
}

.kursor.ushyol .kursor-tochka { opacity: 0; }

/* Системный указатель прячем только когда свой уже показался — иначе
   на тач-экранах и до первого движения мыши остались бы без указателя. */
.svoy-kursor,
.svoy-kursor a,
.svoy-kursor button,
.svoy-kursor summary,
.svoy-kursor label,
.svoy-kursor select,
.svoy-kursor input,
.svoy-kursor textarea,
.svoy-kursor [role="button"],
.svoy-kursor [contenteditable="true"],
.svoy-kursor .hero-graph-breakout,
.svoy-kursor .cta-card,
.svoy-kursor .cta-card-grab,
.svoy-kursor .graph-node { cursor: none; }

@media (hover: none), (prefers-reduced-motion: reduce) {
  .kursor { display: none; }

  .svoy-kursor,
  .svoy-kursor a,
  .svoy-kursor button,
  .svoy-kursor summary,
  .svoy-kursor label,
  .svoy-kursor select,
  .svoy-kursor input,
  .svoy-kursor textarea,
  .svoy-kursor [role="button"],
  .svoy-kursor [contenteditable="true"],
  .svoy-kursor .hero-graph-breakout,
  .svoy-kursor .cta-card,
  .svoy-kursor .cta-card-grab,
  .svoy-kursor .graph-node { cursor: auto; }
}