/* ============================================================
   TOKENS
   ============================================================ */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }

:root {
  --negro:        #050505;
  --negro-light:  #0d0d0d;
  --negro-mid:    #111111;
  --dourado:      #C5A028;
  --dourado-light:#D9B645;
  --dourado-shine:#F2D16B;
  --dourado-bg:   #1a1300;
  --branco:       #FFFFFF;
  --branco-90:    rgba(255,255,255,0.92);
  --branco-85:    rgba(255,255,255,0.88);
  --branco-70:    rgba(255,255,255,0.82);
  --branco-50:    rgba(255,255,255,0.72);
  --branco-20:    rgba(255,255,255,0.25);
  --branco-10:    rgba(255,255,255,0.12);
  --borda:        #222222;
  --borda-dourada:rgba(184,134,11,0.25);

  --font-serif:     "Playfair Display", Georgia, serif;
  --font-sans:      "Jost", -apple-system, sans-serif;
  --font-sign:      "Great Vibes", cursive;

  --s1:8px; --s2:16px; --s3:24px; --s4:32px; --s5:40px;
  --s6:48px; --s7:56px; --s8:64px; --s9:80px; --s10:100px;
}

html { scroll-behavior:smooth; font-size:16px; scroll-padding-top:80px; }

body {
  font-family:var(--font-sans);
  font-weight:300;
  background:var(--negro);
  color:var(--branco);
  line-height:1.7;
  overflow-x:hidden;
  overflow-y:auto;
  -webkit-font-smoothing:antialiased;
}

.container { max-width:1200px; margin:0 auto; padding:0 var(--s9); }
img { max-width:100%; display:block; }
a   { text-decoration:none; color:inherit; }
/* Acessibilidade: links distinguíveis sem depender apenas da cor */
a:hover, a:focus-visible { text-decoration:underline; text-underline-offset:3px; color:var(--dourado); }
a:focus-visible { outline:2px solid var(--dourado); outline-offset:3px; border-radius:2px; }

/* Vibe Scroll: Instagram Reels — cada seção ocupa tela cheia com snap */
#hero, #problema, #solucao, #benefícios, #prova, #faq, #avaliacao {
  min-height:100vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
/* Seções menores podem ter altura reduzida */
.ruptura { scroll-snap-align:none; min-height:auto; }

.gold { color:var(--dourado); }
em   { font-style:italic; }

/* Skip link */
.skip-link {
  position:absolute; top:-40px; left:var(--s2);
  background:var(--dourado); color:var(--negro);
  padding:8px 16px; border-radius:4px; font-weight:500;
  transition:top 0.2s;
  z-index:9999;
}
.skip-link:focus { top:var(--s2); }

/* ============================================================
   TIPOGRAFIA
   ============================================================ */
.section-title {
  font-family:var(--font-serif);
  font-size:clamp(26px,4vw,40px);
  font-weight:600;
  line-height:1.2;
  margin-bottom:var(--s6);
  text-align:center;
  letter-spacing:-0.01em;
}

/* ============================================================
   BOTÕES
   ============================================================ */
.btn {
  display:inline-block;
  font-family:var(--font-sans);
  font-weight:500;
  font-size:17px;
  padding:18px 40px;
  border-radius:8px;
  border:none;
  cursor:pointer;
  text-align:center;
  transition:all 0.25s ease;
  position:relative;
  overflow:hidden;
  background:var(--dourado);
  color:var(--negro);
  letter-spacing:0.05em;
  text-transform:uppercase;
}
.btn::before {
  content:"";
  position:absolute; top:0; left:-100%;
  width:100%; height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.25),transparent);
  transition:left 0.5s ease;
}
.btn:hover::before { left:100%; }
.btn:hover {
  background:var(--dourado-light);
  transform:translateY(-2px);
  box-shadow:0 8px 30px rgba(184,134,11,0.4);
}

/* ============================================================
   KEYFRAMES
   ============================================================ */
@keyframes shimmer { 0%{background-position:0% center} 100%{background-position:200% center} }
@keyframes pulse   { 0%,100%{transform:scale(1)} 50%{transform:scale(1.025)} }
@keyframes fadeUp  { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }
@keyframes glow    { 0%,100%{opacity:0.04} 50%{opacity:0.08} }

/* ============================================================
   NAV
   ============================================================ */
#nav {
  position:fixed; top:0; left:0; right:0;
  z-index:1000;
  background:rgba(5,5,5,0.96);
  backdrop-filter:blur(12px);
  border-bottom:1px solid var(--branco-10);
  transition:all 0.3s ease;
}
#nav.scrolled { box-shadow:0 4px 24px rgba(0,0,0,0.6); }

.nav-inner {
  max-width:1200px; margin:0 auto;
  padding:var(--s2) var(--s9);
  display:flex; align-items:center; justify-content:space-between;
}

.nav-logo { display:flex; flex-direction:column; align-items:flex-start; }

.nav-signature {
  font-family:var(--font-sign);
  font-size:28px;
  background:linear-gradient(90deg,var(--dourado) 0%,var(--dourado-light) 25%,var(--dourado-shine) 50%,var(--dourado-light) 75%,var(--dourado) 100%);
  background-size:200% auto;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:shimmer 4s linear infinite;
  line-height:1.5; padding:6px 0 4px; display:block; position:relative;
}
.nav-signature::after {
  content:""; position:absolute; bottom:2px; left:0;
  width:100%; height:1px;
  background:linear-gradient(90deg,transparent,var(--dourado),transparent);
  opacity:0.4;
}

.nav-tagline {
  font-size:10px; font-weight:500;
  color:var(--branco-50);
  letter-spacing:0.15em; text-transform:uppercase; margin-top:2px;
}

.nav-cta {
  background:var(--dourado); color:var(--negro);
  font-family:var(--font-sans); font-weight:500;
  font-size:13px; padding:10px 24px; border-radius:6px;
  transition:all 0.25s ease; letter-spacing:0.06em; text-transform:uppercase;
}
.nav-cta:hover { background:var(--dourado-light); }

#hamburger {
  display:none; flex-direction:column; gap:5px;
  background:none; border:none; cursor:pointer; padding:4px;
  flex-shrink:0; margin-left:var(--s2);
}
#hamburger span { display:block; width:24px; height:2px; background:var(--branco); transition:all 0.3s ease; }

#navMobile {
  display:none; flex-direction:column;
  background:var(--negro-mid); border-top:1px solid var(--branco-10);
  padding:var(--s3); gap:var(--s2);
}
#navMobile.active { display:flex; }
#navMobile a { color:var(--branco); font-size:16px; padding:var(--s1) 0; border-bottom:1px solid var(--branco-10); }
.nav-mobile-cta {
  background:var(--dourado)!important; color:var(--negro)!important;
  font-weight:500!important; text-align:center; padding:14px!important;
  border-radius:6px; border:none!important; letter-spacing:0.05em; text-transform:uppercase;
}

/* ============================================================
   HERO
   ============================================================ */
#hero {
  min-height:100vh;
  display:flex; align-items:center;
  background:linear-gradient(135deg,var(--negro) 0%,#0c0a00 50%,var(--negro) 100%);
  padding-top:calc(var(--s9) + var(--s4));
  position:relative; overflow:hidden;
}
.hero-glow {
  position:absolute; top:0; left:0; right:0; bottom:0;
  background:radial-gradient(ellipse at 20% 50%,rgba(184,134,11,0.06) 0%,transparent 60%);
  pointer-events:none;
  animation:glow 4s ease-in-out infinite;
}

.hero-inner {
  display:grid; grid-template-columns:1fr 1fr;
  gap:var(--s5); align-items:center;
  position:relative; z-index:1;
}

.hero-text { opacity:1; transform:none; }

.hero-eyebrow {
  font-family:var(--font-sans); font-weight:500;
  font-size:12px; color:var(--dourado);
  letter-spacing:0.18em; text-transform:uppercase;
  margin-bottom:var(--s2);
  display:flex; align-items:center; gap:var(--s2);
}
.hero-eyebrow::before {
  content:""; display:block;
  width:28px; height:1px; background:var(--dourado); opacity:0.6;
}

.hero-title {
  font-family:var(--font-serif);
  font-size:clamp(34px,5vw,58px);
  font-weight:700; line-height:1.1;
  margin-bottom:var(--s2);
  letter-spacing:-0.015em;
}

.hero-subtitle {
  font-family:var(--font-serif);
  font-style:italic; font-weight:400;
  font-size:clamp(20px,2.8vw,34px);
  color:var(--dourado); line-height:1.2;
  margin-bottom:var(--s3); letter-spacing:0em;
}

.hero-description {
  font-weight:300; font-size:18px;
  color:var(--branco-70); line-height:1.78;
  margin-bottom:var(--s4); max-width:580px;
}

.hero-cta-group { margin-bottom:var(--s3); }

.btn-hero {
  font-size:17px; padding:20px 44px;
  animation:pulse 2.2s infinite;
}

.hero-urgencia {
  font-family:var(--font-sans); font-weight:500;
  font-size:12px; color:var(--dourado);
  letter-spacing:0.08em; text-transform:uppercase;
  margin-top:var(--s2); opacity:0.8;
}

.hero-trust {
  display:flex; align-items:center;
  gap:var(--s2); flex-wrap:wrap;
}
.hero-trust span { font-size:13px; font-weight:300; color:var(--branco-50); }
.trust-sep { width:4px; height:4px; border-radius:50%; background:var(--branco-20); flex-shrink:0; }

.hero-image {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height:400px;
}
.hero-photo {
  width: 100%;
  max-width: 500px;
  height: auto;
  aspect-ratio: 3 / 4;
  object-fit: contain;
  position: relative;
  z-index: 1;
  -webkit-mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
  mask-image: radial-gradient(ellipse 80% 90% at 50% 50%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
  /* Evitar CLS definindo tamanho intrínseco */
  contain-intrinsic-size:500px 667px;
}

/* Glow dourado difuso atrás da imagem */
.hero-image-glow {
  position:absolute; inset:-8%;
  background:radial-gradient(ellipse at center,rgba(184,134,11,0.07) 0%,rgba(184,134,11,0.02) 45%,transparent 70%);
  pointer-events:none; z-index:0;
  animation:glow 5s ease-in-out infinite;
}
/* Gradiente lateral para fundir a imagem ao fundo escuro */
#hero::after {
  content:""; position:absolute;
  top:0; right:0; width:52%; height:100%;
  background:linear-gradient(90deg,transparent 0%,rgba(5,5,5,0.25) 25%,rgba(5,5,5,0.65) 55%,rgba(5,5,5,1) 100%);
  pointer-events:none; z-index:0;
}

/* ============================================================
   PROBLEMA
   ============================================================ */
#problema {
  padding:var(--s10) 0;
  background:var(--negro-light);
  border-top:1px solid var(--borda);
}

.dores-list {
  display:flex; flex-direction:column; gap:var(--s2);
  margin-bottom:var(--s6);
  max-width:680px; margin-left:auto; margin-right:auto;
}

.dor-item {
  background:var(--negro); border:1px solid var(--borda);
  border-radius:12px; padding:var(--s3) var(--s3) var(--s3) var(--s5);
  position:relative; font-weight:300; font-size:17px;
  color:var(--branco-70); line-height:1.65;
  transition:border-color 0.3s ease, transform 0.3s ease;
}
.dor-item:hover { border-color:var(--borda-dourada); transform:translateX(4px); }
.dor-icon {
  position:absolute; left:var(--s2); top:calc(var(--s3) + 8px);
  width:8px; height:8px; border-radius:50%;
  background:var(--dourado); opacity:0.6;
}
.dor-item strong { font-weight:500; color:var(--branco-90); }

.problema-reveal {
  text-align:center; max-width:680px; margin:0 auto var(--s5);
}
.problema-reveal h3 {
  font-family:var(--font-serif); font-size:clamp(22px,3vw,32px);
  font-weight:600; line-height:1.25; margin-bottom:var(--s1);
  letter-spacing:-0.01em;
}
.problema-key {
  font-family:var(--font-serif)!important;
  font-style:italic!important; font-size:24px!important;
  color:var(--dourado)!important;
  margin:var(--s3) 0 var(--s2)!important;
  letter-spacing:0em!important;
}
.problema-reveal p {
  font-weight:300; font-size:17px; color:var(--branco-70);
  margin-bottom:var(--s1); line-height:1.75;
}

.problema-quote {
  max-width:580px; margin:0 auto var(--s6);
  border-left:3px solid var(--dourado);
  padding:var(--s3); background:var(--negro);
  border-radius:0 10px 10px 0;
}
.problema-quote p {
  font-family:var(--font-serif); font-style:italic; font-weight:400;
  font-size:17px; color:var(--branco); margin-bottom:var(--s1);
  line-height:1.65; letter-spacing:0em;
}
.problema-quote cite {
  font-size:13px; color:var(--branco-50); font-style:normal; font-weight:300;
}

/* CTA BRIDGE */
.cta-bridge {
  text-align:center; margin-top:var(--s5);
}
.cta-bridge p {
  font-weight:300; font-size:16px; color:var(--branco-50);
  margin-top:var(--s2);
}

/* ============================================================
   RUPTURA
   ============================================================ */
.ruptura {
  background:linear-gradient(135deg,#1a1200 0%,#221800 50%,#1a1200 100%);
  border-top:1px solid rgba(184,134,11,0.2);
  border-bottom:1px solid rgba(184,134,11,0.2);
  padding:var(--s6) 0;
  text-align:center;
  position:relative; overflow:hidden;
}
.ruptura::before {
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(ellipse at center,rgba(184,134,11,0.07) 0%,transparent 70%);
  pointer-events:none;
}
.ruptura-inner { position:relative; z-index:1; }
.ruptura h3 {
  font-family:var(--font-serif); font-style:italic; font-weight:400;
  font-size:clamp(20px,3vw,30px); color:var(--dourado);
  margin-bottom:var(--s2); letter-spacing:0em;
}
.ruptura p {
  font-weight:300; font-size:16px; color:var(--branco-70);
  max-width:540px; margin:0 auto;
}

/* ============================================================
   SOLUCAO
   ============================================================ */
#solucao {
  padding:var(--s10) 0;
  background:var(--negro);
  border-top:1px solid var(--borda);
}

.solucao-intro {
  max-width:680px; margin:0 auto var(--s6); text-align:center;
}
.solucao-intro p {
  font-weight:300; font-size:17px; color:var(--branco-70);
  margin-bottom:var(--s1); line-height:1.78;
}
.solucao-intro strong { font-weight:500; color:var(--branco-90); }

.método-title {
  font-family:var(--font-serif); font-style:italic; font-weight:400;
  font-size:clamp(18px,2.5vw,26px);
  text-align:center; margin-bottom:var(--s4);
  color:var(--dourado); letter-spacing:0em;
}

.método-grid {
  display:flex; flex-direction:column; gap:var(--s2);
  max-width:680px; margin:0 auto var(--s5);
}

.método-card {
  background:var(--negro-light); border:1px solid var(--borda);
  border-radius:12px; padding:var(--s4);
  display:flex; align-items:flex-start; gap:var(--s3);
  transition:border-color 0.3s ease;
}
.método-card:hover { border-color:var(--borda-dourada); }

.método-numero {
  font-family:var(--font-serif); font-size:48px;
  font-weight:400; color:var(--dourado);
  line-height:1; flex-shrink:0; letter-spacing:-0.02em;
}
.método-content :is(h3, h4) {
  font-family:var(--font-serif); font-size:20px; font-weight:700;
  margin-bottom:6px; color:var(--branco); letter-spacing:-0.01em;
}
.método-content p { font-weight:300; font-size:16px; color:var(--branco-70); line-height:1.7; }

.solucao-footer {
  text-align:center; font-weight:300; font-size:17px;
  color:var(--branco); max-width:680px; margin:0 auto var(--s5);
}
.solucao-footer strong { font-weight:500; color:var(--dourado); }

/* ============================================================
   BENEFICIOS
   ============================================================ */
#benefícios {
  padding:var(--s10) 0;
  background:var(--negro-mid);
  border-top:1px solid var(--borda);
}

.benefícios-grid {
  display:grid; grid-template-columns:repeat(2,1fr);
  gap:var(--s2); margin-bottom:var(--s6);
}

.beneficio-card {
  background:var(--negro); border:1px solid var(--borda);
  border-radius:12px; padding:var(--s3); padding-top:var(--s3);
  transition:border-color 0.3s ease;
}
.beneficio-card:hover { border-color:var(--dourado); }

.beneficio-check {
  display:block; width:18px; height:18px; border-radius:50%;
  background:var(--dourado); margin-bottom:var(--s2); position:relative;
}
.beneficio-check::after {
  content:""; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:7px; height:7px; border-radius:50%; background:var(--negro);
}
.beneficio-card :is(h3, h4) {
  font-family:var(--font-serif); font-size:17px; font-weight:600;
  margin-bottom:6px; color:var(--branco); line-height:1.3; letter-spacing:-0.01em;
}
.beneficio-card p { font-weight:300; font-size:14px; color:var(--branco-70); line-height:1.65; }

.filtro-title {
  font-family:var(--font-serif); font-size:clamp(20px,3vw,28px);
  font-weight:600; text-align:center; margin-bottom:var(--s4);
  letter-spacing:-0.01em;
}

.benefícios-filtro {
  display:grid; grid-template-columns:1fr 1fr;
  gap:var(--s2); max-width:800px; margin:0 auto var(--s6);
}

.filtro-box {
  background:var(--negro); border:1px solid var(--borda);
  border-radius:12px; padding:var(--s4);
}
.filtro-box.sem { border-top:2px solid rgba(255,255,255,0.15); }
.filtro-box.com { border-top:2px solid var(--dourado); }

.filtro-box h4 {
  font-family:var(--font-serif); font-size:17px; font-weight:600;
  margin-bottom:var(--s2); color:var(--branco); letter-spacing:-0.01em;
}

.filtro-box ul { list-style:none; display:flex; flex-direction:column; gap:var(--s2); }
.filtro-box li {
  font-weight:300; font-size:15px; color:var(--branco-70);
  display:flex; align-items:flex-start; gap:var(--s2); line-height:1.5;
}

.check {
  width:16px; height:16px; border-radius:50%;
  background:var(--dourado); flex-shrink:0; margin-top:3px; position:relative;
}
.check::after {
  content:""; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:6px; height:6px; border-radius:50%; background:var(--negro);
}
.cross {
  width:16px; height:16px; border-radius:50%;
  border:2px solid rgba(255,255,255,0.3);
  flex-shrink:0; margin-top:3px; position:relative;
}
.cross::after {
  content:"x"; position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  font-size:12px; color:rgba(255,255,255,0.3); line-height:1;
}

/* CTA mid-page */
.cta-mid { text-align:center; margin-top:var(--s4); }
.cta-mid p { font-weight:300; font-size:14px; color:var(--branco-50); margin-top:var(--s2); }

/* ============================================================
   PROVA SOCIAL
   ============================================================ */
#prova {
  padding:var(--s10) 0;
  background:var(--negro);
  border-top:1px solid var(--borda);
  position:relative; overflow:hidden;
}
#prova::before {
  content:""; position:absolute; top:0; left:0; right:0; bottom:0;
  background:radial-gradient(ellipse at 50% 0%,rgba(184,134,11,0.05) 0%,transparent 60%);
  pointer-events:none;
}

.depoimentos-grid {
  display:grid; grid-template-columns:repeat(3,1fr);
  gap:var(--s3); margin-bottom:var(--s8);
  position:relative; z-index:1;
}

.depoimento-card {
  background:var(--negro-mid); border:1px solid var(--borda);
  border-radius:12px; padding:var(--s3);
  transition:border-color 0.3s ease, transform 0.3s ease;
}
.depoimento-card:hover { border-color:var(--borda-dourada); transform:translateY(-4px); }

.whatsapp-bubble {
  background:#1a1a1a; border-radius:8px;
  padding:var(--s2); margin-bottom:var(--s2);
  border:1px solid #2a2a2a;
}
.wpp-header {
  display:flex; align-items:center; gap:10px;
  margin-bottom:var(--s1); padding-bottom:var(--s1);
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.wpp-avatar {
  width:32px; height:32px; border-radius:50%;
  background:linear-gradient(135deg,#2a5c2a,#1a4d1a);
  display:flex; align-items:center; justify-content:center;
  font-family:var(--font-sans); font-weight:500; font-size:13px; color:#4fc44f;
  flex-shrink:0;
}
.wpp-name { font-size:13px; font-weight:500; color:#4fc44f; }
.wpp-platform { font-size:11px; color:var(--branco-50); margin-left:auto; }
.wpp-msg {
  background:#1f2c1f; border-radius:0 8px 8px 8px;
  padding:10px 14px;
}
.wpp-msg p {
  font-weight:300; font-size:14px; color:var(--branco-70);
  line-height:1.6; font-style:italic;
}
.wpp-time { font-size:11px; color:var(--branco-50); text-align:right; margin-top:4px; }

.depoimento-card cite {
  font-family:var(--font-sans); font-weight:500; font-size:13px;
  color:var(--dourado); font-style:normal; letter-spacing:0.04em;
  display:block; margin-top:var(--s1);
}
.depoimento-local {
  font-size:12px; font-weight:300; color:var(--branco-50); margin-top:2px;
}

.metricas {
  display:grid; grid-template-columns:repeat(4,1fr);
  gap:var(--s3); text-align:center;
  max-width:900px; margin:0 auto;
  padding:var(--s5) var(--s4);
  background:var(--negro-mid); border:1px solid var(--borda);
  border-radius:16px; position:relative; z-index:1;
}
.metrica { display:flex; flex-direction:column; align-items:center; gap:6px; }
.metrica-numero {
  font-family:var(--font-serif); font-size:clamp(36px,4vw,52px);
  font-weight:700; color:var(--dourado); line-height:1; letter-spacing:-0.02em;
}
.metrica-label {
  font-weight:300; font-size:13px; color:var(--branco-70); line-height:1.4;
  max-width:100px;
}

/* ============================================================
   FAQ
   ============================================================ */
#faq {
  padding:var(--s10) 0;
  background:var(--negro-light);
  border-top:1px solid var(--borda);
}

.faq-list {
  max-width:680px; margin:0 auto;
  display:flex; flex-direction:column; gap:var(--s2);
}

.faq-item {
  background:var(--negro); border:1px solid var(--borda);
  border-radius:10px; overflow:hidden; transition:border-color 0.3s ease;
}
.faq-item:hover { border-color:rgba(184,134,11,0.2); }
.faq-item.active { border-color:var(--borda-dourada); }

.faq-question {
  width:100%; background:none; border:none;
  padding:var(--s3); display:flex; align-items:center;
  justify-content:space-between; cursor:pointer;
  font-family:var(--font-serif); font-size:17px; font-weight:600;
  color:var(--branco); text-align:left;
  transition:all 0.3s ease; letter-spacing:-0.005em;
}
.faq-question:hover { color:var(--dourado); }
.faq-item.active .faq-question { color:var(--dourado); }

.faq-icon {
  font-size:22px; color:var(--dourado);
  transition:transform 0.3s ease; flex-shrink:0;
  margin-left:var(--s2); line-height:1;
}
.faq-icon::before { content:"+"; }
.faq-item.active .faq-icon { transform:rotate(45deg); }

.faq-answer { max-height:0; overflow:hidden; transition:max-height 0.4s ease, padding 0.3s ease; }
.faq-item.active .faq-answer { max-height:400px; padding:0 var(--s3) var(--s3); }

.faq-answer p {
  font-weight:300; font-size:15px; color:var(--branco-70);
  line-height:1.78; margin-bottom:var(--s1);
}
.faq-answer p:last-child { margin-bottom:0; }

/* ============================================================
   CTA FINAL
   ============================================================ */
#avaliacao {
  padding:var(--s10) 0;
  background:linear-gradient(180deg,var(--negro) 0%,#0f0b00 50%,var(--negro) 100%);
  text-align:center; position:relative; overflow:hidden;
  border-top:1px solid var(--borda);
}
#avaliacao::before {
  content:"";
  position:absolute; inset:0;
  background:radial-gradient(ellipse at 50% 50%,rgba(184,134,11,0.08) 0%,transparent 65%);
  pointer-events:none;
}

.cta-final-content { max-width:580px; margin:0 auto; position:relative; z-index:1; }

.cta-final-hook {
  font-family:var(--font-serif); font-style:italic; font-weight:400;
  font-size:clamp(14px,2vw,18px);
  color:var(--branco-50); margin-bottom:var(--s3);
  letter-spacing:0em;
}

.cta-final-content h2 {
  font-family:var(--font-serif); font-size:clamp(26px,4vw,42px);
  font-weight:700; line-height:1.1; margin-bottom:var(--s4);
  letter-spacing:-0.015em;
}



.btn-cta-final { font-size:18px; padding:22px 52px; animation:pulse 2s infinite; }

.cta-lead-form {
  display:grid;
  gap:var(--s2);
  text-align:left;
  margin:0 auto var(--s3);
}

.field-group {
  display:flex;
  flex-direction:column;
  gap:8px;
}

.field-group label {
  font-size:13px;
  font-weight:500;
  color:var(--branco-85);
  letter-spacing:0.04em;
  text-transform:uppercase;
}

.field-group input,
.field-group select {
  width:100%;
  min-height:54px;
  border:1px solid var(--borda-dourada);
  border-radius:8px;
  background:rgba(255,255,255,0.06);
  color:var(--branco);
  font-family:var(--font-sans);
  font-size:16px;
  padding:0 16px;
  outline:none;
  transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}

.field-group select option {
  background:var(--negro-mid);
  color:var(--branco);
}

.field-group input:focus,
.field-group select:focus {
  border-color:var(--dourado-light);
  background:rgba(255,255,255,0.09);
  box-shadow:0 0 0 3px rgba(184,134,11,0.18);
}

.field-group input.is-invalid,
.field-group select.is-invalid {
  border-color:#d15b5b;
}

.field-error,
.form-status {
  min-height:18px;
  font-size:12px;
  color:#f2a6a6;
}

.form-status {
  color:var(--branco-70);
  text-align:center;
}

.cta-lead-form .btn-cta-final {
  width:100%;
  margin-top:4px;
}

.cta-combinado {
  font-size:14px;
  line-height:1.6;
  color:var(--branco-70);
  margin:var(--s2) auto 0;
  max-width:520px;
}

.cta-urgencia {
  font-weight:500; font-size:13px; color:var(--dourado);
  margin-top:var(--s2); letter-spacing:0.07em; text-transform:uppercase;
}

.cta-final-nota {
  font-weight:300; font-size:13px; color:var(--branco-50);
  margin-top:var(--s4); line-height:1.65; max-width:480px; margin-left:auto; margin-right:auto;
}

/* ============================================================
   FOOTER
   ============================================================ */
footer {
  padding:var(--s5) 0;
  background:var(--negro);
  border-top:1px solid var(--borda);
  text-align:center;
}

.footer-sig {
  font-family:var(--font-sign);
  font-size:36px;
  background:linear-gradient(90deg,var(--dourado) 0%,var(--dourado-light) 25%,var(--dourado-shine) 50%,var(--dourado-light) 75%,var(--dourado) 100%);
  background-size:200% auto;
  -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent;
  animation:shimmer 4s linear infinite;
  margin-bottom:var(--s3);
  display:inline-block;
  line-height:1.4;
  position:relative;
  padding:4px 0;
}
.footer-sig::after {
  content:""; position:absolute; bottom:2px; left:10%;
  width:80%; height:1px;
  background:linear-gradient(90deg,transparent,var(--dourado),transparent);
  opacity:0.3;
}

.footer-links {
  display:flex; justify-content:center; gap:var(--s4); margin-bottom:var(--s3);
}
.footer-icon {
  color:var(--branco-50); transition:color 0.25s ease, transform 0.25s ease;
  display:flex; align-items:center; justify-content:center;
  padding: 12px;
}
.footer-icon:hover { color:var(--dourado); transform:scale(1.1); }
.footer-icon svg { width:22px; height:22px; }

.footer-nota {
  font-weight:300; font-size:11px; color:var(--branco-50);
  max-width:560px; margin:0 auto var(--s2); line-height:1.65;
}
.footer-copy { font-weight:300; font-size:12px; color:rgba(255,255,255,0.3); margin-bottom:8px; }
.footer-credit { font-weight:300; font-size:12px; color:rgba(255,255,255,0.25); }
.footer-credit a { color:var(--dourado); transition:opacity 0.2s; }
.footer-credit a:hover { opacity:0.7; }

/* ============================================================
   TERMÔMETRO DE BLOQUEIO
   ============================================================ */
#termometro {
  padding: var(--s10) 0;
  background: var(--negro-light);
  border-top: 1px solid var(--borda);
  text-align: center;
}

.termometro-container {
  max-width: 600px;
  margin: 0 auto;
  background: var(--negro);
  border: 1px solid var(--borda);
  border-radius: 20px;
  padding: var(--s6) var(--s4);
  box-shadow: 0 20px 40px rgba(0,0,0,0.5);
}

.termometro-instrucao {
  font-size: 18px;
  color: var(--branco-70);
  margin-bottom: var(--s4);
}

.termometro-options {
  display: flex;
  flex-direction: column;
  gap: var(--s2);
  margin-bottom: var(--s6);
}

.termometro-option {
  display: flex;
  align-items: center;
  gap: var(--s3);
  background: var(--negro-mid);
  padding: var(--s2) var(--s3);
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid transparent;
  text-align: left;
}

.termometro-option:hover {
  border-color: var(--borda-dourada);
  background: var(--negro-mid);
  transform: translateX(5px);
}

.termometro-option input {
  accent-color: var(--dourado);
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.option-text {
  font-size: 16px;
  color: var(--branco-70);
  transition: color 0.3s ease;
}

.termometro-option input:checked + .option-text {
  color: var(--branco);
  font-weight: 500;
}

.progress-wrapper {
  margin-bottom: var(--s6);
}

.progress-label {
  font-family: var(--font-serif);
  font-size: 18px;
  color: var(--dourado);
  margin-bottom: var(--s2);
  text-align: center;
}

.progress-bar-bg {
  width: 100%;
  height: 12px;
  background: #222;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--borda);
}

.progress-fill {
  width: 0%;
  height: 100%;
  background: linear-gradient(90deg, var(--dourado), var(--dourado-shine));
  box-shadow: 0 0 15px var(--dourado);
  transition: width 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.termometro-result {
  padding: var(--s4);
  background: var(--dourado-bg);
  border: 1px solid var(--dourado);
  border-radius: 12px;
  transition: all 0.5s ease;
}

.termometro-result.hidden {
  display: none;
  opacity: 0;
}

.termometro-result p {
  font-family: var(--font-serif);
  font-size: 18px;
  color: var(--branco);
  margin-bottom: var(--s4);
  line-height: 1.5;
}

.btn-result {
  width: 100%;
}

/* ============================================================
   NOTIFICAÇÕES DE SUCESSO
   ============================================================ */
.notification-toast {
  position: fixed;
  bottom: var(--s4);
  left: var(--s4);
  background: var(--negro-mid);
  border: 1px solid var(--dourado);
  border-radius: 12px;
  padding: var(--s2) var(--s3);
  z-index: 9998;
  transform: translateX(-120%);
  transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s ease;
  opacity: 0;
  box-shadow: 0 10px 30px rgba(0,0,0,0.8), 0 0 15px rgba(184,134,11,0.2);
  max-width: 300px;
}

.notification-toast.show {
  transform: translateX(0);
  opacity: 1;
}

.toast-content {
  display: flex;
  align-items: center;
  gap: var(--s2);
}

.toast-icon {
  font-size: 20px;
  filter: drop-shadow(0 0 5px var(--dourado));
}

.toast-text {
  font-size: 14px;
  color: var(--branco-90);
  font-weight: 300;
  line-height: 1.4;
}

/* ============================================================
   SCAN ENERGÉTICO
   ============================================================ */


.scan-beam {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg, transparent, var(--dourado), transparent);
  box-shadow: 0 0 20px var(--dourado), 0 0 40px var(--dourado-light);
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.scan-word {
  position: relative;
  color: inherit;
  transition: color 0.3s ease, text-shadow 0.3s ease;
  font-weight: 500;
}

.scan-word.highlight {
  color: var(--dourado-shine);
  text-shadow: 0 0 10px var(--dourado), 0 0 20px var(--dourado-light);
  transition: none;
}

#btnFloat {
  display:none;
  position:fixed; bottom:var(--s3);
  left:var(--s3); right:var(--s3);
  background:var(--dourado); color:var(--negro);
  font-family:var(--font-sans); font-weight:500; font-size:15px;
  padding:var(--s2); border-radius:8px; text-align:center;
  z-index:999; box-shadow:0 6px 24px rgba(0,0,0,0.6);
  animation:pulse 2s infinite;
  letter-spacing:0.05em; text-transform:uppercase;
  transition:opacity 0.3s ease; opacity:1;
  text-decoration:none;
}

/* ============================================================
   SCROLL REVEAL
   ============================================================ */
.reveal { opacity:0; transform:translateY(22px); transition:opacity 0.55s ease, transform 0.55s ease; }
.reveal.visible { opacity:1; transform:translateY(0); }

/* ============================================================
   RESPONSIVO
   ============================================================ */
@media (max-width:900px) {
  .container { padding:0 var(--s6); }
  .nav-inner { padding:var(--s2) var(--s6); }
  .nav-logo { max-width:calc(100% - 56px); }
  .nav-cta { display:none; }
  #hamburger { display:flex; }
  .depoimentos-grid { grid-template-columns:1fr; max-width:540px; margin-left:auto; margin-right:auto; }
  .metricas { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:768px) {
  .container { padding:0 var(--s4); }
  .nav-inner { padding:var(--s2) var(--s4); }
  .hero-inner { grid-template-columns:1fr; gap:var(--s4); text-align:center; }
  .hero-image { order:-1; width:100%; max-width:300px; aspect-ratio:auto; margin:0 auto; }
  .hero-photo { width:100%; height:auto; object-fit:contain; -webkit-mask-image: none; mask-image: none; }
  /* No mobile a imagem é centralizada — remove o gradiente lateral */
  #hero::after { display:none; }
  .hero-description { margin-left:auto; margin-right:auto; }
  .hero-trust { justify-content:center; }
  .hero-eyebrow { justify-content:center; }
  .benefícios-grid { grid-template-columns:1fr; }
  .benefícios-filtro { grid-template-columns:1fr; }
  .footer-sig { font-size:30px; }
}

@media (max-width:480px) {
  .container { padding:0 var(--s3); }
  .nav-inner { padding:14px var(--s3); }
  #hero { padding-top:90px; min-height:auto; padding-bottom:var(--s7); }
  .hero-title    { font-size:30px; }
  .hero-subtitle { font-size:19px; }
  .hero-description { font-size:16px; }
  .btn-hero { font-size:15px; padding:var(--s2) var(--s3); width:100%; }
  #problema, #solucao, #benefícios, #prova, #faq, #avaliacao { padding:var(--s7) 0; }
  .dor-item { font-size:15px; padding-left:var(--s4); }
  .método-numero { font-size:38px; }
  .método-content :is(h3, h4) { font-size:18px; }
  .método-card { padding:var(--s3); gap:var(--s2); }
  .metricas { grid-template-columns:repeat(2,1fr); gap:var(--s3); padding:var(--s3); }
  .metrica-numero { font-size:36px; }
  .faq-question { font-size:15px; padding:var(--s2) var(--s3); }
  .cta-preco { font-size:36px; }
  .btn-cta-final { font-size:16px; padding:var(--s2) var(--s4); width:100%; }
  #btnFloat { display:block; }
  .footer-links { flex-direction:column; gap:var(--s2); }
  .footer-sig { font-size:28px; }
}

@media (prefers-reduced-motion:reduce) {
  *, *::before, *::after {
    animation-duration:0.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:0.01ms!important;
  }
}

  /* Skip link — acessibilidade */
  .skip-link {
    position: absolute;
    top: -100%;
    left: var(--s2);
    background: #8B6914;
    color: var(--negro);
    padding: var(--s1) var(--s2);
    border-radius: 0 0 4px 4px;
    font-weight: 700;
    font-size: 0.875rem;
    text-decoration: none;
    z-index: 9999;
    transition: top 0.2s;
  }
  .skip-link:focus { top: 0; }