:root{
  --gold-1:#F7CC66; --gold-2:#BE7D39; --gold-3:#794820;
  --gold-grad:linear-gradient(135deg, var(--gold-1) 0%, var(--gold-2) 55%, var(--gold-3) 100%);
  --gold:#C9973F; --gold-light:#D3A24C;
  --dark:#1D1D1B; --dark-soft:#28241F; --grey:#6E6459;
  --card:#F7F2E7; --border:#E9E0CC; --cream:#FBF7ED;
  --green:#4B5E3D; --red:#8B3A2F;
}
*{box-sizing:border-box;}
body{
  font-family:'Lora', Georgia, serif;
  background:var(--cream); color:var(--dark); margin:0; padding:0; line-height:1.6;
}
h1,h2,h3,.kicker,.btn,button,.tier-badge,.num,.pnum{font-family:'Poppins', -apple-system, sans-serif;}
.wrap{max-width:760px; margin:0 auto; padding:0 24px; position:relative;}
section{padding:56px 0;}

.gold-text{
  background:var(--gold-grad); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}

/* Arco decorativo — ecoa o círculo da logo VIJAY (e o "magic ring" do pilates) */
.ring-deco{
  position:absolute; border-radius:50%; pointer-events:none;
  background:var(--gold-grad);
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));
  mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 3px));
}

/* HERO */
.hero{background:var(--dark); color:#fff; padding:56px 0 60px; text-align:center; position:relative; overflow:hidden;}
.hero .ring-deco{width:520px; height:520px; top:-260px; right:-220px; opacity:.35;}
.hero-logo{position:relative; max-width:280px; width:70%; height:auto; margin:0 auto 8px; display:block;}
.parent-badge{
  position:relative; display:inline-block; background:rgba(247,204,102,0.12); color:var(--gold-1);
  font-family:'Poppins',sans-serif; font-size:12px; font-weight:600; letter-spacing:.3px; padding:6px 14px; border-radius:20px; margin-bottom:22px;
  border:1px solid rgba(247,204,102,0.3);
}
.hero h1{position:relative; font-size:33px; font-weight:700; color:#fff; margin:0 0 16px; line-height:1.28; text-wrap:balance;}
.hero h1 em{font-style:normal;}
.hero p{position:relative; font-family:'Lora',serif; font-size:17px; color:#D8D2C4; max-width:560px; margin:0 auto 28px;}
.btn{
  position:relative; display:inline-block; background:var(--gold-grad); color:#231B0F; font-family:'Poppins',sans-serif; font-weight:600; font-size:15.5px;
  padding:15px 32px; border-radius:8px; border:none; cursor:pointer; text-decoration:none; letter-spacing:.2px;
}
.btn:hover{filter:brightness(1.08);}
.hero small{position:relative; display:block; margin-top:12px; color:#9A9280; font-size:13px;}

/* DOR */
.dor ul{list-style:none; padding:0; margin:24px 0;}
.dor li{background:var(--card); border-radius:10px; padding:14px 18px; margin-bottom:10px; font-size:16px;}
.dor .destaque{font-weight:700; font-size:17px; margin-top:20px;}

h2{font-size:24px; color:var(--dark); margin-bottom:14px;}
.kicker{color:var(--gold); font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:1px; margin-bottom:8px;}

/* CREDIBILIDADE DE MERCADO */
.credibilidade{background:var(--card);}
.stats{display:flex; gap:16px; flex-wrap:wrap; margin-top:20px;}
.stat{flex:1; min-width:140px; background:#fff; border:1px solid var(--border); border-radius:10px; padding:18px;}
.stat .num{
  font-size:30px; font-weight:800; font-variant-numeric:tabular-nums;
  background:var(--gold-grad); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
.stat .txt{font-size:13px; color:var(--grey); margin-top:6px;}
.fonte{font-size:12px; color:var(--grey); margin-top:14px; font-style:italic;}

/* SELO VIJAY MARKETING (empresa-mãe) */
.parent-card{
  background:var(--dark); border-radius:14px; padding:26px 24px; margin-top:22px;
  position:relative; overflow:hidden;
}
.parent-card-title{position:relative; color:var(--gold-1); font-weight:700; font-size:15px; margin-bottom:16px;}
.parent-stats{position:relative; display:flex; gap:16px; flex-wrap:wrap; margin-bottom:16px;}
.pstat{flex:1; min-width:100px; text-align:center;}
.pnum{font-size:28px; font-weight:800; font-variant-numeric:tabular-nums; color:#fff;}
.ptxt{font-size:12.5px; color:#B7AD98; margin-top:4px;}
.parent-note{position:relative; font-family:'Lora',serif; font-size:13.5px; color:#D8D2C4; margin:0; line-height:1.6;}

/* CTA MEIO / FINAL */
.cta-mid{text-align:center; background:var(--dark); color:#fff; border-radius:14px; padding:40px 24px; margin:20px 0; position:relative; overflow:hidden;}
.cta-final .ring-deco{width:280px; height:280px; bottom:-160px; left:-120px; opacity:.25;}
.cta-mid h3{position:relative; color:#fff; font-size:22px; margin-bottom:10px;}
.cta-mid p{position:relative; font-family:'Lora',serif; color:#D8D2C4; margin-bottom:22px; font-size:15px;}
.cta-final{margin-top:30px;}

/* DIAGNÓSTICO WIDGET */
#diag-section{display:none; background:var(--card);}
.progress-bar{height:6px; background:var(--border); border-radius:4px; overflow:hidden; margin-bottom:24px;}
.progress-fill{height:100%; background:var(--gold-grad); width:0%; transition:width .25s ease;}
.qcount{font-family:'Poppins',sans-serif; font-size:13px; color:var(--grey); margin-bottom:6px;}
.question{font-size:19px; font-weight:700; margin-bottom:16px; line-height:1.4; font-family:'Poppins',sans-serif;}
.options{display:flex; flex-direction:column; gap:10px; margin-bottom:24px;}
.opt{border:1.5px solid var(--border); border-radius:10px; padding:14px 16px; cursor:pointer; font-size:15px; transition:.15s; background:#fff;}
.opt:hover{border-color:var(--gold-light);}
.opt.selected{border-color:var(--gold-2); background:#FBF3E0; font-weight:600;}
.nav{display:flex; justify-content:space-between; gap:12px;}
button.btn-primary{background:var(--gold-grad); color:#231B0F; border:none; font-weight:600; font-family:'Poppins',sans-serif; padding:12px 22px; border-radius:8px; cursor:pointer; font-size:15px;}
button.btn-primary:disabled{background:#E2D9C4; color:#8a8070; cursor:not-allowed;}
button.btn-secondary{background:transparent; color:var(--grey); font-family:'Poppins',sans-serif; border:1.5px solid var(--border); padding:12px 22px; border-radius:8px; cursor:pointer; font-size:15px;}
.btn-full{width:100%; padding:15px;}

/* LEAD FORM */
#lead-section{display:none;}
.lead-sub{color:var(--grey); font-size:14px; margin-bottom:20px;}
.field{margin-bottom:16px;}
.field label{display:block; font-size:13px; font-weight:700; margin-bottom:6px;}
.field input{width:100%; padding:13px 14px; border:1.5px solid var(--border); border-radius:8px; font-size:15px; font-family:inherit;}
.field input:focus{outline:none; border-color:var(--gold);}
.field input.input-error{border-color:var(--red);}
.form-error{display:none; color:var(--red); font-family:'Poppins',sans-serif; font-size:13px; font-weight:600; margin:-6px 0 16px; line-height:1.5;}

/* REPORT */
#report-section{display:none; background:var(--card);}
.tier-badge{display:inline-block; background:var(--dark); color:var(--gold-1); font-family:'Poppins',sans-serif; padding:10px 20px; border-radius:8px; font-size:19px; font-weight:700; margin-bottom:10px;}
.recommend-box{background:var(--dark); color:#fff; border-radius:12px; padding:24px; margin:16px 0;}
.recommend-box .label{font-family:'Poppins',sans-serif; color:var(--gold-1); font-size:12px; text-transform:uppercase; letter-spacing:1px; font-weight:700;}
.recommend-box .why{font-family:'Lora',serif; font-size:14px; color:#D8D2C4; line-height:1.6; margin-top:8px;}
.section-title{font-family:'Poppins',sans-serif; font-size:16px; font-weight:700; margin:26px 0 10px; border-bottom:2px solid var(--border); padding-bottom:6px;}
.gap-item{border-radius:10px; padding:14px 16px; margin-bottom:10px; border-left:4px solid var(--red); background:#FBEFEC; font-size:14px;}
.gap-item .tag{font-family:'Poppins',sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:.5px; color:var(--red); font-weight:700; display:block; margin-bottom:6px;}
.gap-item .gap-action{font-family:'Lora',serif; font-size:14.5px; line-height:1.55; color:var(--dark);}
.gap-item .gap-answer{font-family:'Poppins',sans-serif; font-size:12px; color:var(--grey); margin-top:8px; font-style:normal;}
.gap-future{border-left-color:var(--gold-2); background:#FBF3E0;}
.gap-future .tag{color:var(--gold-2);}
.ok-item{border-radius:10px; padding:10px 16px; margin-bottom:6px; border-left:4px solid var(--green); background:#EEF3EC; font-size:13.5px;}

footer{text-align:center; padding:36px 0; font-size:13px; color:var(--grey); font-family:'Poppins',sans-serif;}

/* WHATSAPP FLUTUANTE */
.wa-float{
  position:fixed; right:20px; bottom:20px; z-index:999;
  width:56px; height:56px; border-radius:50%;
  background:#25D366; color:#fff;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 6px 18px rgba(0,0,0,.28);
  animation:wa-pulse 2.6s ease-in-out infinite;
}
.wa-float svg{width:29px; height:29px;}
.wa-float:hover{background:#22C15E; box-shadow:0 8px 22px rgba(0,0,0,.34);}
@keyframes wa-pulse{
  0%, 100%{box-shadow:0 6px 18px rgba(0,0,0,.28), 0 0 0 0 rgba(37,211,102,.45);}
  50%{box-shadow:0 6px 18px rgba(0,0,0,.28), 0 0 0 9px rgba(37,211,102,0);}
}
@media (prefers-reduced-motion: reduce){
  .wa-float{animation:none;}
}
@media (max-width:480px){
  .wa-float{right:16px; bottom:16px; width:52px; height:52px;}
  .wa-float svg{width:27px; height:27px;}
}