/* ==========================================================
   LIDERA PRÁTICO — folha de estilo única
   Para mudar a cor da marca inteira, altere --accent abaixo.
   ========================================================== */

:root{
  /* superfícies — quentes, nunca branco puro */
  --paper:#fbfaf8;
  --paper-2:#f6f3ef;
  --card:#ffffff;

  /* texto — preto quente, nunca #000 */
  --ink:#1e1b18;
  --ink-2:#6b6259;
  --line:#e6e0d8;

  /* marca */
  --accent:#a8462f;
  --accent-hover:#8c3a26;
  --accent-tint:#fbf0eb;
  --accent-line:#e2b6a5;

  /* âmbar de apoio, usado com parcimônia */
  --amber:#c2853c;

  /* neutro frio, para o contraste "antes / depois" */
  --slate:#59636d;
  --slate-tint:#f1f2f1;

  --shadow-sm:0 1px 2px rgba(30,27,24,.05);
  --shadow-md:0 1px 2px rgba(30,27,24,.04), 0 8px 22px rgba(30,27,24,.06);
  --shadow-lg:0 2px 4px rgba(30,27,24,.04), 0 18px 44px rgba(30,27,24,.09);

  --max:1060px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:17px;line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
img,svg{max-width:100%}

.container{width:min(100% - 40px,var(--max));margin:0 auto}
.section{padding:88px 0}

/* faixas com degradê sutil — nunca cor chapada */
.tint{
  background:linear-gradient(180deg,#f8f5f1 0%,var(--paper-2) 45%,#f8f5f1 100%);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

h1,h2,h3{margin:0;font-family:Archivo,Inter,sans-serif;line-height:1.1;letter-spacing:-.035em;font-weight:800}
h1{max-width:16ch;font-size:clamp(2.1rem,5.6vw,3.7rem)}
h2{max-width:23ch;font-size:clamp(1.65rem,3.2vw,2.5rem)}
h3{font-size:1.06rem;letter-spacing:-.02em;font-weight:700}
p{margin:0}

.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  margin-bottom:18px;
  color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--accent);border-radius:2px}

.lead{max-width:58ch;color:var(--ink-2);font-size:clamp(1.05rem,1.7vw,1.22rem)}

.brand{
  display:inline-block;padding:26px 0;
  font-family:Archivo,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:1.15rem;
  text-decoration:none;
}
.brand span{color:var(--accent)}

/* ---------- HERO ---------- */
.hero{
  padding:64px 0 78px;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(760px 420px at 88% 6%, rgba(194,133,60,.14), transparent 62%),
    radial-gradient(620px 380px at 4% 96%, rgba(168,70,47,.07), transparent 60%),
    linear-gradient(180deg,#f9f6f2 0%,var(--paper) 72%);
}
.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:56px;align-items:center}
.hero h1{margin-bottom:22px}
.hero .lead{margin-bottom:32px}
.hero-art{width:100%;height:auto;color:var(--accent)}
.hero-art .soft{color:var(--accent-line)}
.hero-art .warm{color:var(--amber)}

.price-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:22px}
.price{font-family:Archivo,sans-serif;font-size:2.5rem;font-weight:800;letter-spacing:-.045em}
.price small{color:var(--ink-2);font-family:Inter,sans-serif;font-size:.94rem;font-weight:500;letter-spacing:0}

.button{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:56px;padding:14px 32px;border-radius:8px;
  background:linear-gradient(180deg,#b85039 0%,var(--accent) 100%);
  color:#fff;font-weight:700;font-size:1.02rem;text-decoration:none;
  box-shadow:var(--shadow-md);
  transition:background .18s ease,transform .18s ease,box-shadow .18s ease;
}
.button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.button.ghost{background:transparent;color:var(--accent);border:1px solid var(--accent-line);box-shadow:none}
.button.ghost:hover{background:var(--accent-tint);color:var(--accent-hover)}
.microcopy{margin-top:14px;color:var(--ink-2);font-size:.88rem}

/* ---------- DOR ---------- */
.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.story-copy{color:var(--ink-2)}
.story-copy p+p{margin-top:18px}
.pull{
  margin-top:26px;padding:26px 28px;border-radius:10px;
  border-left:3px solid var(--accent);
  background:linear-gradient(180deg,#fff 0%,#fdfaf8 100%);
  box-shadow:var(--shadow-sm);
  color:var(--ink);font-size:1.14rem;font-weight:600;line-height:1.45;
}

.section-heading{max-width:62ch;margin-bottom:44px}
.section-heading p{margin-top:16px;color:var(--ink-2)}

/* ---------- INDICADORES ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.stat{padding:34px 30px;border-left:1px solid var(--line)}
.stat:first-child{border-left:0;padding-left:0}
.stat-num{
  display:block;font-family:Archivo,sans-serif;
  font-size:clamp(2.4rem,5vw,3.3rem);font-weight:800;letter-spacing:-.05em;line-height:1;
  color:var(--accent);
}
.stat-txt{margin-top:12px;color:var(--ink);font-size:1rem;font-weight:600;line-height:1.4}
.stat-src{margin-top:8px;color:var(--ink-2);font-size:.8rem}

/* ---------- SITUAÇÕES ---------- */
.scenes{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.scene{
  display:flex;gap:20px;padding:28px;align-items:flex-start;
  border-radius:12px;background:var(--card);
  box-shadow:var(--shadow-md);
}
.scene svg{flex:0 0 56px;width:56px;height:56px;color:var(--accent)}
.scene svg .soft{color:var(--accent-line)}
.scene h3{margin-bottom:7px;font-size:1.02rem}
.scene p{color:var(--ink-2);font-size:.96rem}

/* ---------- TROCA DE FRASES (assinatura) ---------- */
.swap{display:grid;gap:20px}
.swap-item{border-radius:12px;overflow:hidden;background:var(--card);box-shadow:var(--shadow-md)}
.swap-row{padding:24px 26px}
.swap-bad{background:linear-gradient(180deg,#f4f5f4 0%,var(--slate-tint) 100%);border-bottom:1px solid var(--line)}
.swap-good{background:linear-gradient(180deg,#fdf4f0 0%,var(--accent-tint) 100%)}
.swap-label{display:block;margin-bottom:8px;font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.swap-bad .swap-label{color:var(--slate)}
.swap-good .swap-label{color:var(--accent)}
.swap-phrase{font-size:1.07rem;font-weight:600;line-height:1.45}
.swap-bad .swap-phrase{color:#3f474e}
.swap-note{margin-top:9px;color:var(--ink-2);font-size:.94rem}

/* ---------- KIT ---------- */
.kit{display:grid;grid-template-columns:repeat(2,1fr);gap:0 48px}
.kit-item{padding:24px 0;border-top:1px solid var(--line)}
.kit-item h3{margin-bottom:7px}
.kit-item p{color:var(--ink-2);font-size:.98rem}
.bonus{
  margin-top:36px;padding:32px;border-radius:12px;
  border:1px solid var(--accent-line);
  background:linear-gradient(135deg,var(--accent-tint) 0%,#fdf7f3 100%);
  box-shadow:var(--shadow-sm);
}
.bonus h3{margin-bottom:9px;color:var(--accent);font-size:1.12rem}
.bonus p{color:var(--ink-2)}

/* ---------- PARA QUEM ---------- */
.audience{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.abox{padding:32px;border-radius:12px;background:var(--card);box-shadow:var(--shadow-md)}
.abox.yes{background:linear-gradient(160deg,var(--accent-tint) 0%,#fff 78%);border:1px solid var(--accent-line)}
.abox h3{margin-bottom:16px;font-size:1.1rem}
.abox ul{margin:0;padding-left:20px;color:var(--ink-2)}
.abox li+li{margin-top:10px}

/* ---------- OFERTA ---------- */
.offer{
  max-width:600px;margin:0 auto;padding:44px 38px;text-align:center;
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fdfbf9 100%);
  border:1px solid var(--line);
  box-shadow:var(--shadow-lg);
}
.offer .eyebrow{justify-content:center}
.offer .price{display:block;margin:8px 0 2px}
.offer ul{margin:26px 0;padding:0;list-style:none;text-align:left;color:var(--ink-2)}
.offer li{padding:12px 0;border-top:1px solid var(--line)}
.offer li::before{content:"→ ";color:var(--accent);font-weight:700}
.guarantee{
  margin-top:22px;padding:20px;border-radius:10px;text-align:left;
  background:var(--paper-2);color:var(--ink-2);font-size:.93rem;
}

.cta-band{text-align:center}
.cta-band h2{max-width:22ch;margin:0 auto 18px}
.cta-band p{max-width:54ch;margin:0 auto 28px;color:var(--ink-2)}
.cta-band .eyebrow{justify-content:center}

/* ---------- FAQ ---------- */
.faq{max-width:800px}
details{padding:22px 0;border-top:1px solid var(--line)}
summary{cursor:pointer;font-size:1.02rem;font-weight:600}
details p{max-width:68ch;margin-top:12px;color:var(--ink-2)}

/* ---------- CATÁLOGO (home) ---------- */
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.prod{
  display:flex;flex-direction:column;padding:32px;border-radius:12px;
  background:var(--card);box-shadow:var(--shadow-md);
}
.prod.live{background:linear-gradient(160deg,var(--accent-tint) 0%,#fff 76%);border:1px solid var(--accent-line)}
.tag{display:inline-block;margin-bottom:14px;padding:5px 12px;border-radius:100px;font-size:.66rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.tag.on{background:var(--accent);color:#fff}
.tag.soon{background:var(--slate-tint);color:var(--slate)}
.prod h3{margin-bottom:9px;font-size:1.2rem}
.prod p{color:var(--ink-2);font-size:.97rem;flex-grow:1}
.prod .act{margin-top:24px}
.prod .price{display:block;font-size:1.5rem;margin-bottom:16px}

/* ---------- RODAPÉ ---------- */
footer{
  padding:44px 0 56px;border-top:1px solid var(--line);
  background:linear-gradient(180deg,var(--paper-2) 0%,#f2eee8 100%);
  color:var(--ink-2);font-size:.82rem;
}
footer p+p{margin-top:10px}

/* ---------- MOBILE ---------- */
@media (max-width:760px){
  body{font-size:16px}
  .container{width:min(100% - 28px,var(--max))}
  .section{padding:60px 0}
  .hero{padding:48px 0 58px}
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero-art{max-width:330px;margin:0 auto}
  .story,.kit,.audience,.scenes,.grid{grid-template-columns:1fr;gap:18px}
  .kit{gap:0}
  .stats{grid-template-columns:1fr}
  .stat{padding:26px 0;border-left:0;border-top:1px solid var(--line)}
  .stat:first-child{border-top:0;padding-top:0}
  .scene{gap:16px;padding:22px}
  .scene svg{flex-basis:44px;width:44px;height:44px}
  .button{width:100%}
  .offer{padding:32px 22px}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}

/* ==========================================================
   COMPONENTES DA PÁGINA DE VENDAS — v2
   ========================================================== */

/* nav fixa */
.nav{position:sticky;top:0;z-index:50;background:rgba(251,250,248,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}
.nav .brand{padding:0;font-size:1.05rem}
.nav .button{min-height:44px;padding:10px 20px;font-size:.9rem}

/* rótulo de seção centralizado */
.label{display:block;margin-bottom:10px;color:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.center{text-align:center}
.center h2{margin-left:auto;margin-right:auto}
.center .section-heading{margin-left:auto;margin-right:auto}

/* narrativa "você conhece esse dia" */
.beats{max-width:60ch;font-size:1.15rem;color:var(--ink-2)}
.beats p{padding:14px 0;border-bottom:1px solid var(--line)}
.beats p:last-child{border-bottom:0}
.beats strong{color:var(--ink);font-weight:700}

/* lista de atritos */
.friction{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:32px}
.friction span{padding:16px 18px;border-radius:8px;background:var(--slate-tint);color:var(--slate);font-size:.95rem;font-weight:600}

/* números grandes (faz a conta) */
.bignums{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:34px}
.bignum{padding:26px 22px;border-radius:12px;background:var(--card);box-shadow:var(--shadow-md);text-align:center}
.bignum b{display:block;font-family:Archivo,sans-serif;font-size:clamp(1.9rem,4vw,2.6rem);font-weight:800;letter-spacing:-.05em;color:var(--accent);line-height:1}
.bignum small{display:block;margin-top:10px;color:var(--ink-2);font-size:.88rem;line-height:1.4}
.bignum i{display:block;margin-top:8px;color:var(--ink-2);font-size:.74rem;font-style:normal;opacity:.8}

/* passos numerados */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.step{padding:30px;border-radius:12px;background:var(--card);box-shadow:var(--shadow-md)}
.step b{display:block;font-family:Archivo,sans-serif;font-size:1.6rem;font-weight:800;color:var(--accent-line);letter-spacing:-.04em;margin-bottom:14px}
.step h3{margin-bottom:8px}
.step p{color:var(--ink-2);font-size:.96rem}

/* antes x depois */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.col{padding:32px;border-radius:12px}
.col.before{background:linear-gradient(180deg,#f4f5f4,var(--slate-tint));border:1px solid var(--line)}
.col.after{background:linear-gradient(180deg,#fdf4f0,var(--accent-tint));border:1px solid var(--accent-line)}
.col h3{margin-bottom:6px}
.col .col-tag{display:block;margin-bottom:18px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.col.before .col-tag{color:var(--slate)}
.col.after .col-tag{color:var(--accent)}
.col ul{margin:0;padding-left:20px;color:var(--ink-2)}
.col li+li{margin-top:10px}

/* amostra grátis */
.sample{
  display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;
  padding:44px;border-radius:16px;
  background:linear-gradient(135deg,#fff 0%,var(--accent-tint) 100%);
  border:1px solid var(--accent-line);box-shadow:var(--shadow-lg);
}
.sample h2{margin-bottom:14px}
.sample p{color:var(--ink-2);margin-bottom:24px}

/* dias do guia */
.days{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px}
.day{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--line)}
.day b{flex:0 0 64px;white-space:nowrap;font-family:Archivo,sans-serif;font-weight:800;color:var(--accent);font-size:.85rem;letter-spacing:.08em;padding-top:3px}
.day span{color:var(--ink);font-weight:600;font-size:.99rem}
.day em{display:block;color:var(--ink-2);font-style:normal;font-weight:400;font-size:.92rem;margin-top:2px}

/* linha do tempo pós-compra */
.timeline{display:grid;gap:0}
.tl{display:flex;gap:22px;padding:20px 0;border-top:1px solid var(--line);align-items:baseline}
.tl b{flex:0 0 44px;white-space:nowrap;font-family:Archivo,sans-serif;font-weight:800;color:var(--accent-line);font-size:1.15rem}
.tl span{font-weight:600}
.tl em{font-style:normal;color:var(--ink-2);display:block;font-weight:400;font-size:.95rem;margin-top:2px}

/* caixa de limite (o que não é) */
.limits{padding:38px;border-radius:14px;background:var(--card);box-shadow:var(--shadow-md);border-left:4px solid var(--accent)}
.limits ul{margin:20px 0 0;padding-left:20px;color:var(--ink-2)}
.limits li+li{margin-top:10px}

/* depoimentos */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.quote-card{padding:28px;border-radius:12px;background:var(--card);box-shadow:var(--shadow-md)}
.quote-card p{color:var(--ink);font-size:1rem;line-height:1.55}
.quote-card footer{margin-top:18px;padding:0;background:none;border:0;color:var(--ink-2);font-size:.86rem}

/* preço com ancoragem */
.pricebox{max-width:560px;margin:0 auto;padding:0;border-radius:18px;overflow:hidden;background:var(--card);box-shadow:var(--shadow-lg);border:1px solid var(--accent-line)}
.pricebox-top{padding:34px 34px 26px;text-align:center;background:linear-gradient(180deg,var(--accent-tint),#fff)}
.anchor{color:var(--ink-2);font-size:.98rem}
.anchor s{opacity:.7}
.pricebox .price{display:block;margin:10px 0 2px;font-size:3.1rem;color:var(--accent)}
.installment{color:var(--ink-2);font-size:.95rem}
.pricebox-body{padding:28px 34px 34px}
.pricebox-body ul{margin:0 0 26px;padding:0;list-style:none;color:var(--ink-2)}
.pricebox-body li{padding:12px 0;border-top:1px solid var(--line)}
.pricebox-body li::before{content:"→ ";color:var(--accent);font-weight:700}
.pricebox .button{width:100%}
.trust{margin-top:14px;text-align:center;color:var(--ink-2);font-size:.82rem}

/* garantia */
.warranty{max-width:720px;margin:0 auto;padding:38px;border-radius:14px;background:linear-gradient(135deg,var(--accent-tint),#fff);border:1px solid var(--accent-line);box-shadow:var(--shadow-md)}
.warranty h2{margin-bottom:16px}
.warranty p{color:var(--ink-2)}
.warranty .badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.warranty .badges span{padding:9px 16px;border-radius:100px;background:#fff;border:1px solid var(--accent-line);color:var(--accent);font-size:.84rem;font-weight:700}

@media (max-width:760px){
  .nav .button{display:none}
  .friction,.bignums,.steps,.compare,.sample,.days,.quotes{grid-template-columns:1fr;gap:12px}
  .days{gap:0}
  .sample{padding:28px;gap:24px}
  .limits{padding:26px}
  .pricebox-top,.pricebox-body{padding:26px 22px}
  .warranty{padding:28px}
  .beats{font-size:1.05rem}
}


/* reforço de layout das listas numeradas */
.day > span, .tl > span{display:block;flex:1 1 auto;min-width:0}
.day > span > em, .tl > span > em{display:block !important;font-style:normal !important}
.day > b, .tl > b{white-space:nowrap}