/* Achado real, com print, 09/set: importar o CSS COMPILADO INTEIRO da referência
   (Tailwind v4) causava um bug muito mais sério do que o esperado — aquele arquivo
   não é só ".pearl-badge"/".gradient-button", ele também redefine TODAS as classes
   utilitárias genéricas do Tailwind (".absolute", ".mt-5", ".z-10", etc.) dentro de
   "@layer utilities". Como esta página também renderiza componentes REAIS do Studio
   (StudioPricingSection e outros, que usam o Tailwind v3 do próprio projeto), as
   duas definições da MESMA classe brigavam pela cascata — foi isso que deixou o
   botão "Testar Grátis Agora" transparente, o texto "Sem fidelidade" quase
   invisível, e linhas/"listras" estranhas espalhadas pela página.

   Fix: só as classes REALMENTE customizadas (não-genéricas) da referência entram
   aqui — .pearl-badge/.pearl-panel, a pílula escura com brilho interno usada no
   badge do hero. O .gradient-button foi abandonado por outro motivo: o CSS dele só
   define a cor de fundo dentro de ":hover" (o resto era JS animando as variáveis
   customizadas por fora) — sem hover, o botão também ficava sem nenhum fundo. Os
   botões desta página agora usam um degradê Tailwind normal (bg-gradient-to-r),
   já testado e funcionando no resto do Studio. */

.pearl-badge {
  isolation: isolate;
  color: #ffffffe0;
  background-color: #0a0a0a;
  position: relative;
  overflow: hidden;
  box-shadow:
    inset 0 0.2rem 0.45rem #ffffff47,
    inset 0 -0.08rem 0.2rem #000000bf,
    inset 0 -0.22rem 0.5rem #ffffff4d,
    0 0.5rem 0.9rem #00000059;
}
.pearl-badge:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background-color: #ffffff1f;
  border-radius: 50%;
  height: 65%;
  position: absolute;
  top: -15%;
  left: -5%;
  right: -5%;
}
.pearl-panel {
  isolation: isolate;
  background-color: #0a0a0a;
  position: relative;
  box-shadow:
    inset 0.4rem 0 0.9rem #ffffff0f,
    inset 0 0 3rem #ffffff0d,
    -0.5rem 0 2rem #00000073;
}
.pearl-panel:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(120% 60% at 100% 0, #ffffff1a, #0000 60%), linear-gradient(#ffffff0d 0%, #0000 30%);
  position: absolute;
  inset: 0;
}