/* home-fx.css — index.html tik. Scroll/entrance efektai.
 * Viskas gerbia prefers-reduced-motion (žr. apačioje) ir yra papildoma
 * ant esamo proto-2026.css/proto-extra.css sluoksnio — nieko neperrašo. */

/* ── Scroll progreso juostelė ─────────────────────────────────────────── */
.hfx-progress {
  position: fixed; top: 0; left: 0; height: 3px; width: 0%;
  z-index: 200; pointer-events: none;
  background: linear-gradient(90deg, #7c3aed, #22d3ee);
  transition: width .08s linear;
}

/* ── H1 žodis-po-žodžio atsiradimas ───────────────────────────────────────
 * PASTABA: anksčiau čia buvo overflow:hidden „mask" efektas — jis apkarpydavo
 * lietuviškų raidžių varnukes/nosines (ą č ę į š ų ū), nes tamprus leading
 * (.9–.95) duoda eilutės aukštį mažesnį už raidės pilną glifo dėžę. Vietoj
 * apkarpymo — paprastas fade+pakilimas, jokio overflow. */
.hfx-word {
  display: inline-block;
  opacity: 0;
  transform: translateY(.3em);
  transition: opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1);
}
.hfx-h1-in .hfx-word { opacity: 1; transform: translateY(0); }

/* ── Hero fonas + turinys: lengvas parallax/exit scrol'inant ──────────── */
[data-hfx="hero-bg"] { will-change: transform; }
[data-hfx="hero-content"] { will-change: transform, opacity; }

/* ── Magnetiniai CTA mygtukai (tik pelė, ne lietimas) ─────────────────── */
@media (hover: hover) and (pointer: fine) {
  .hfx-magnet { transition: transform .18s cubic-bezier(.16,1,.3,1); }
}

@media (prefers-reduced-motion: reduce) {
  .hfx-word-inner { transition: none; transform: none; }
  .hfx-progress { display: none; }
}

/* ── DUK <details> — proto-2026.css neturi marker/group-open utility'ų ──── */
.marker\:content-none::marker { content: ''; }
.marker\:content-none::-webkit-details-marker { display: none; }
.group[open] > summary .group-open\:rotate-45 { transform: rotate(45deg); }