:root{
  --creme:#FCF5F4;
  --lilas-nevoa:#EEE5F3;
  --lilas:#C5A3C9;
  --lilas-2:#926BA2;
  --roxo:#5B3A6E;
  --roxo-escuro:#381C45;
  --roxo-profundo:#2A1435;

  --ouro:#D5A143;
  --ouro-claro:#EDD1A1;
  --ouro-escuro:#B4832F;

  --paper:#FFFFFF;
  --ink:#381C45;
  --ink-soft:#7A6284;
  --line:rgba(56,28,69,.13);

  --display:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --texto:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
  --serif:Georgia,"Times New Roman",serif;

  --r:16px;
  --sombra:0 10px 40px rgba(56,28,69,.09);
  
  --seda:radial-gradient(120% 100% at 20% 10%,#FFFFFF 0%,var(--lilas-nevoa) 45%,var(--creme) 100%);
  --seda-img:linear-gradient(rgba(252,245,244,.72),rgba(252,245,244,.86)),
             url("../assets/images/seda-lilas.jpg");
}

*{box-sizing:border-box}
[hidden]{display:none!important}

html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:16px/1.6 var(--texto);
  -webkit-text-size-adjust:100%;
  color-scheme:light;
}
img{max-width:100%;display:block}
em{font-family:var(--serif);font-style:italic;font-weight:400}

.selo{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:#1A1A1A;color:#FFD84D;
  font:600 11px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;
  padding:8px 12px;text-align:center;
}
.selo strong{color:#fff}
.selo span{opacity:.75;letter-spacing:.06em}
body.tem-selo{padding-top:29px}
body.tem-selo .tela{min-height:calc(100vh - 29px)}

.wrap{width:100%;max-width:1060px;margin:0 auto;padding:0 20px}
.wrap--estreito{max-width:660px}
.centro{text-align:center}

.tela{
  min-height:100vh;display:flex;align-items:center;padding:48px 0;
  background:var(--seda-img),var(--seda);
  background-size:cover,auto;background-position:center,center;
}
.tela--centro{text-align:center}

.secao{padding:64px 0}
.secao--claro{background:var(--creme)}
.secao--nevoa{background:var(--lilas-nevoa)}
.secao--escuro{background:var(--roxo-profundo);color:#fff}
.secao--oferta{background:linear-gradient(165deg,var(--roxo-profundo) 0%,var(--roxo-escuro) 55%,var(--roxo) 100%);color:#fff}

.marca-inicio{width:min(280px,72%);margin:0 auto 26px}
.hero__logo{width:min(440px,88%);margin:0 auto 26px}
.marca-rodape{width:170px;margin:0 auto 20px;opacity:.85}

.eyebrow{
  font:700 11px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;
  color:var(--ouro-escuro);margin:0 0 14px;
}
.eyebrow--claro{color:var(--ouro-claro)}

.titulo-g{
  font-family:var(--display);font-weight:700;
  font-size:clamp(27px,6.4vw,40px);line-height:1.16;letter-spacing:-.015em;
  margin:0 0 18px;color:var(--roxo-escuro);
}
.titulo-m{
  font-family:var(--display);font-weight:700;
  font-size:clamp(22px,4.8vw,32px);line-height:1.2;letter-spacing:-.01em;
  margin:0 0 18px;color:var(--roxo-escuro);
}
.titulo-m--claro,.titulo-g.titulo-m--claro{color:#fff}
.titulo-p{
  font-family:var(--display);font-weight:700;
  font-size:18px;line-height:1.3;margin:0 0 12px;
}
.lead{font-size:17px;color:var(--ink-soft);margin:0 0 28px}
.prosa p{margin:0 0 16px}
.prosa{color:var(--ink-soft)}
.fecho{font-size:18px;margin:28px 0 0;color:var(--roxo)}

.micro{font-size:12.5px;line-height:1.5;color:var(--ink-soft);margin:14px 0 0}
.micro--claro{color:rgba(255,255,255,.6)}
.micro--fraco{opacity:.6}
.micro--privacidade{
  max-width:420px;margin:22px auto 0;padding-top:16px;
  border-top:1px solid var(--line);
}
.micro--aviso{
  max-width:460px;margin:24px auto 0;
  background:rgba(255,255,255,.7);border-left:3px solid var(--ouro);
  padding:12px 14px;text-align:left;border-radius:0 8px 8px 0;
}

.tag{
  display:inline-block;font:700 10.5px/1 var(--texto);
  letter-spacing:.12em;text-transform:uppercase;
  padding:6px 10px;border-radius:99px;margin:0 0 14px;
}
.tag--pendente{background:#FFF3C4;color:#7A5A00}

.btn{
  display:inline-block;border:0;cursor:pointer;
  font:700 15px/1 var(--texto);letter-spacing:.02em;
  padding:16px 32px;border-radius:99px;
  text-decoration:none;text-align:center;
  transition:transform .15s ease,box-shadow .15s ease,filter .15s ease;
}
.btn--cta{
  background:linear-gradient(160deg,var(--ouro-claro) 0%,var(--ouro) 45%,var(--ouro-escuro) 100%);
  color:var(--roxo-profundo);
  box-shadow:0 10px 26px rgba(180,131,47,.32);
}
.btn--cta:hover{filter:brightness(1.06);transform:translateY(-2px)}
.btn--grande{font-size:16px;padding:18px 36px}
.btn--largo{display:block;width:100%}
.btn--fantasma{
  background:transparent;color:var(--ink-soft);
  font-weight:600;font-size:13.5px;padding:12px 18px;
  text-decoration:underline;text-underline-offset:3px;
}
.btn:focus-visible{outline:3px solid var(--lilas-2);outline-offset:3px}

.quiz-topo{max-width:420px;margin:0 auto 34px}
.progresso{height:5px;background:rgba(56,28,69,.12);border-radius:99px;overflow:hidden}
.progresso__barra{
  height:100%;width:14%;border-radius:99px;
  background:linear-gradient(90deg,var(--lilas-2),var(--ouro));
  transition:width .35s ease;
}
.quiz-contador{
  font:600 11px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-soft);margin:12px 0 0;
}
#quiz-conteudo{animation:entra .3s ease}
@keyframes entra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.opcoes{display:grid;gap:10px;max-width:520px;margin:28px auto 0;text-align:left}
.opcao{
  display:block;width:100%;cursor:pointer;
  background:rgba(255,255,255,.85);border:1.5px solid var(--line);
  border-radius:14px;padding:16px 18px;
  font:500 15.5px/1.4 var(--texto);color:var(--ink);text-align:left;
  transition:border-color .15s ease,background-color .15s ease,transform .1s ease;
}
.opcao:hover{border-color:var(--lilas-2);background:#fff}
.opcao:active{transform:scale(.99)}
.opcao:focus-visible{outline:3px solid var(--lilas-2);outline-offset:2px}

.hero{
  position:relative;overflow:hidden;
  padding:56px 0 64px;text-align:center;
}
.hero__fundo{
  position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(90% 70% at 78% 8%,rgba(213,161,67,.14) 0%,transparent 60%),
    radial-gradient(100% 80% at 12% 92%,rgba(146,107,162,.16) 0%,transparent 62%),
    var(--seda-img),
    var(--seda);
  background-size:auto,auto,cover,auto;
  background-position:center,center,center,center;
}
.hero .wrap{position:relative;z-index:1}
.hero__titulo{
  font-family:var(--display);font-weight:700;
  font-size:clamp(25px,6vw,38px);line-height:1.2;letter-spacing:-.015em;
  color:var(--roxo-escuro);max-width:640px;margin:0 auto 18px;
}
.hero__sub{
  max-width:520px;margin:0 auto 30px;
  font-size:17px;line-height:1.55;color:var(--ink-soft);
}

.barra-topo{
  background:var(--roxo-profundo);color:var(--ouro-claro);text-align:center;
  font:600 11.5px/1 var(--texto);letter-spacing:.12em;text-transform:uppercase;
  padding:11px 16px;
}

.lista-perguntas{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.lista-perguntas li{
  background:var(--paper);border-radius:14px;padding:16px 18px 16px 48px;
  position:relative;font-size:16px;box-shadow:var(--sombra);text-align:left;
}
.lista-perguntas li::before{
  content:"?";position:absolute;left:16px;top:15px;
  width:22px;height:22px;border-radius:99px;
  background:linear-gradient(150deg,var(--ouro-claro),var(--ouro-escuro));
  color:var(--roxo-profundo);
  font:800 12px/22px var(--texto);text-align:center;
}

.fases{display:grid;gap:14px;margin:30px 0 0}
.fase{
  background:rgba(255,255,255,.06);border:1px solid rgba(237,209,161,.22);
  border-radius:var(--r);padding:22px;
}
.fase__num{
  font-family:var(--display);font-weight:700;font-size:30px;line-height:1;
  color:var(--ouro);margin:0 0 6px;
}
.fase__dias{
  font:700 10.5px/1 var(--texto);letter-spacing:.16em;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin:0 0 10px;
}
.fase__nome{
  font-family:var(--display);font-weight:700;font-size:18px;letter-spacing:.03em;
  margin:0 0 4px;color:#fff;
}
.fase__chamada{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--lilas);margin:0 0 10px}
.fase__texto{margin:0;color:rgba(255,255,255,.68);font-size:14px}

.entregaveis{display:grid;gap:14px;margin:28px 0 0}
.entregavel{
  background:var(--paper);border-radius:var(--r);padding:22px;
  box-shadow:var(--sombra);border-top:3px solid var(--ouro);
}
.entregavel__tag{
  display:inline-block;background:var(--roxo-escuro);color:var(--ouro-claro);
  font:700 10px/1 var(--texto);letter-spacing:.16em;
  padding:6px 10px;border-radius:99px;margin:0 0 12px;
}
.entregavel h3{font-family:var(--display);font-weight:700;font-size:17px;margin:0 0 6px;color:var(--roxo-escuro)}
.entregavel p{margin:0;font-size:14.5px;color:var(--ink-soft)}

.publico{display:grid;gap:16px;margin:24px 0 0}
.publico__col{border-radius:var(--r);padding:24px;border:1.5px solid var(--line)}
.publico__col--sim{background:var(--lilas-nevoa);border-color:rgba(146,107,162,.3)}
.publico__col--nao{background:var(--creme)}
.publico ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.publico li{position:relative;padding-left:26px;font-size:15.5px;color:var(--ink-soft)}
.publico li::before{position:absolute;left:0;top:0;font-weight:800}
.publico__col--sim li::before{content:"✓";color:var(--ouro-escuro)}
.publico__col--nao li::before{content:"—";color:var(--lilas-2)}

.autora{display:grid;gap:24px;align-items:start}
.autora__foto{
  background:linear-gradient(150deg,var(--lilas) 0%,var(--lilas-2) 60%,var(--roxo) 100%);
  border-radius:var(--r);aspect-ratio:4/5;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:20px;text-align:center;
}
.autora__foto span{
  font-family:var(--display);font-weight:700;font-size:52px;
  color:rgba(255,255,255,.92);letter-spacing:.04em;
}
.autora__foto .micro{color:rgba(255,255,255,.9);margin-top:12px}

.depoimentos{display:grid;gap:14px;margin:26px 0 0}
.depoimento{
  border:1.5px dashed var(--line);border-radius:var(--r);
  padding:32px 20px;text-align:center;
  font:700 12px/1.5 var(--texto);letter-spacing:.1em;
  color:var(--ink-soft);background:var(--creme);
}

.cartao-oferta{
  background:var(--paper);color:var(--ink);
  border-radius:22px;padding:32px 24px;text-align:center;
  box-shadow:0 20px 60px rgba(0,0,0,.25);
  border-top:4px solid var(--ouro);
}
.cartao-oferta__linha{color:var(--ink-soft);margin:0 0 20px;font-size:15px}
.preco{margin:0 0 24px;line-height:1;color:var(--roxo-escuro)}
.preco__prefixo{font-family:var(--display);font-weight:700;font-size:22px;vertical-align:top;color:var(--ink-soft)}
.preco__valor{font-family:var(--display);font-weight:700;font-size:clamp(58px,16vw,84px);letter-spacing:-.04em}
.preco__centavos{font-family:var(--display);font-weight:700;font-size:24px;vertical-align:top}

.arrependimento{
  margin:30px 0 0;padding:22px;
  background:rgba(255,255,255,.07);border:1px solid rgba(237,209,161,.24);
  border-radius:var(--r);
}
.arrependimento .titulo-p{color:var(--ouro-claro)}
.arrependimento p{margin:0;font-size:14.5px;color:rgba(255,255,255,.85)}

.faq{margin:26px 0 0;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  cursor:pointer;padding:18px 34px 18px 0;position:relative;
  font-weight:600;font-size:16px;list-style:none;color:var(--roxo-escuro);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"+";position:absolute;right:6px;top:16px;
  font:700 22px/1 var(--texto);color:var(--ouro-escuro);
}
.faq details[open] summary::after{content:"–"}
.faq p{margin:0 0 20px;color:var(--ink-soft);font-size:15px}

.rodape{
  background:var(--creme);color:var(--ink-soft);
  padding:40px 0;text-align:center;
  border-top:1px solid var(--line);
}

.toast{
  position:fixed;left:50%;bottom:90px;transform:translateX(-50%);
  background:var(--roxo-profundo);color:#fff;z-index:200;
  padding:13px 20px;border-radius:99px;
  font:600 13.5px/1 var(--texto);box-shadow:0 8px 30px rgba(0,0,0,.3);
  max-width:calc(100% - 32px);text-align:center;
}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease}
.reveal.is-in{opacity:1;transform:none}

@media (min-width:720px){
  .secao{padding:88px 0}
  .hero{padding:72px 0 88px}
  .fases{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
  .entregaveis{grid-template-columns:repeat(2,1fr)}
  .publico{grid-template-columns:1fr 1fr}
  .depoimentos{grid-template-columns:repeat(3,1fr)}
  .autora{grid-template-columns:280px 1fr;gap:40px;align-items:center}
  .lista-perguntas{grid-template-columns:1fr 1fr}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
  .reveal{opacity:1;transform:none}
}

.tempo-dia{
  margin:22px 0 0;padding:12px 16px;
  display:inline-block;border-radius:99px;
  background:rgba(237,209,161,.12);border:1px solid rgba(237,209,161,.3);
  color:var(--ouro-claro);font:600 13.5px/1 var(--texto);
}

.mockup{margin:26px 0 0}
.mockup img{border-radius:var(--r);box-shadow:0 18px 50px rgba(56,28,69,.18);margin:0 auto}
.mockup__legenda{
  border:1.5px dashed var(--line);border-radius:var(--r);
  padding:44px 22px;background:var(--creme);
  font:700 12px/1.6 var(--texto);letter-spacing:.08em;color:var(--ink-soft);
}

.porque{
  margin:24px 0 0;padding-top:20px;border-top:1px solid var(--line);text-align:left;
}
.porque__titulo{
  font-family:var(--display);font-weight:700;font-size:14.5px;
  margin:0 0 6px;color:var(--roxo-escuro);
}
.porque__texto{margin:0;font-size:14px;line-height:1.55;color:var(--ink-soft)}

.passos{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:14px;counter-reset:none}
.passo{
  display:flex;gap:16px;align-items:flex-start;
  background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:20px;box-shadow:var(--sombra);
}
.passo__n{
  flex:0 0 34px;height:34px;border-radius:99px;
  background:linear-gradient(150deg,var(--ouro-claro),var(--ouro-escuro));
  color:var(--roxo-profundo);
  font:800 15px/34px var(--texto);text-align:center;
}
.passo__titulo{font-family:var(--display);font-weight:700;font-size:16px;margin:0 0 4px;color:var(--roxo-escuro)}
.passo__texto{margin:0;font-size:14.5px;color:var(--ink-soft)}

.barra-cta{
  position:fixed;left:0;right:0;bottom:0;z-index:90;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:11px 16px;
  background:rgba(42,20,53,.97);
  border-top:1px solid rgba(237,209,161,.28);
  box-shadow:0 -8px 28px rgba(0,0,0,.22);
  animation:sobe .25s ease;
}
@keyframes sobe{from{transform:translateY(100%)}to{transform:none}}
.barra-cta__info{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.barra-cta__rotulo{
  font:600 10.5px/1.3 var(--texto);letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.6);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.barra-cta__preco{font-family:var(--display);font-weight:700;font-size:19px;color:#fff}
.barra-cta__btn{padding:13px 24px;font-size:14.5px;flex:0 0 auto;box-shadow:none}

body.tem-barra-cta .rodape{padding-bottom:96px}

@media (min-width:720px){
  .passos{grid-template-columns:repeat(3,1fr)}
  .passo{flex-direction:column}
  .barra-cta{
    left:auto;right:24px;bottom:24px;border-radius:99px;
    border:1px solid rgba(237,209,161,.28);padding:10px 12px 10px 22px;
  }
  body.tem-barra-cta .rodape{padding-bottom:40px}
}

.objecoes{display:grid;gap:12px;margin:26px 0 0}
.objecao{
  background:var(--paper);border:1px solid var(--line);
  border-radius:var(--r);padding:20px 22px;box-shadow:var(--sombra);
}
.objecao__p{
  font-family:var(--display);font-weight:700;font-size:16.5px;
  margin:0 0 8px;color:var(--roxo-escuro);
}
.objecao__r{margin:0;font-size:15px;color:var(--ink-soft)}

.inclui{
  list-style:none;margin:0 0 22px;padding:18px 0 0;
  border-top:1px solid var(--line);
  display:grid;gap:9px;text-align:left;
}
.inclui li{
  position:relative;padding-left:26px;
  font-size:14.5px;color:var(--ink-soft);
}
.inclui li::before{
  content:"✓";position:absolute;left:0;top:0;
  font-weight:800;color:var(--ouro-escuro);
}