/* ============================================================
   FLASH LANDING HD - fundo imagem 4K + glassmorphism
   Camada que transforma o fundo plano em backdrop de imagem.
   ============================================================ */

/* fundo fixo com imagem 4K + scrim para legibilidade */
body{background:#070606!important}
body::before{display:block!important;
  background:
    linear-gradient(115deg, rgba(7,6,6,0.80) 0%, rgba(7,6,6,0.46) 44%, rgba(7,6,6,0.30) 100%),
    url(/assets/bg.jpg) center center / cover no-repeat !important;
  opacity:1!important;
  filter:none!important;
  z-index:0!important;
}
/* o brilho ja esta na imagem, desativa o glow CSS extra */
body::after{display:none!important}

/* secoes transparentes: a imagem aparece atras de tudo */
.hero,.marquee-section,.cases-section,.roi-section,.pricing-section,
.custom-section,.founder-section,.how-section,.faq-section,.final-cta,footer{
  background:transparent!important;
}
.marquee-section{border-top-color:rgba(255,255,255,0.07)!important;border-bottom-color:rgba(255,255,255,0.07)!important}

/* cards em vidro fosco sobre o fundo */
.case-card,.price-card,.roi-controls,.roi-result,.step,.custom-card,
.float-card,.plan-modal,.cases-cta{
  background:rgba(18,14,13,0.55)!important;
  -webkit-backdrop-filter:blur(14px) saturate(125%);
  backdrop-filter:blur(14px) saturate(125%);
  border-color:rgba(255,255,255,0.10)!important;
}
.price-card.featured{
  background:linear-gradient(180deg, rgba(255,92,40,0.16) 0%, rgba(18,14,13,0.62) 55%)!important;
  border-color:rgba(255,92,40,0.45)!important;
}
.roi-stat{background:rgba(10,8,8,0.55)!important;border-color:rgba(255,255,255,0.08)!important}
.roi-narrative{background:rgba(10,8,8,0.45)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.field-group input{background:rgba(8,7,7,0.62)!important}
nav{background:rgba(8,7,7,0.62)!important}
.faq-item{border-bottom-color:rgba(255,255,255,0.10)!important}
.brand-panel{border-color:rgba(255,255,255,0.10)!important}