/* ============================================================================
 * TAARK — Alívio de GPU no mobile (iPhone). Carregado no <head> para valer já
 * no PRIMEIRO paint (antes de qualquer JS).
 *
 * Motivo: `filter: blur()` com raio grande (ex.: 130px) em elementos grandes
 * estoura o limite de textura da GPU do iPhone, fazendo o Safari travar/recarregar
 * em loop (aparelho esquenta e a página "não abre"). O iPad/desktop têm GPU forte
 * e não sofrem — por isso só limitamos em telas pequenas.
 *
 * Aqui o blur é limitado a um valor seguro; o mobile-fix.js depois troca por um
 * glow em radial-gradient (custo zero) para manter o visual praticamente igual.
 * Telas largas (desktop/iPad em paisagem) ficam 100% inalteradas.
 * ========================================================================== */
@media (max-width: 900px) {
  .blob,
  .ap-particle {
    filter: blur(20px) !important;
    -webkit-filter: blur(20px) !important;
  }
  /* backdrop-filter também é caro no iOS ao rolar — desliga no mobile */
  *, *::before, *::after {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}
