:root{
  --cream:#FBF4E8; --warm:#FFFDF9; --sky:#8DB6D6; --sky-l:#E7F0F7; --blue:#5E93B8; --blue-d:#3F6F92;
  --terra:#C2603F; --terra-d:#A44E31; --honey:#F2C46D; --sage:#A9BFA0; --sage-d:#6E8A63;
  --ink:#2E3A4B; --ink-s:#5A6270;
  --shadow:0 10px 30px -12px rgba(164,78,49,.22), 0 2px 6px rgba(164,78,49,.06);
  --r:20px;
  --f-head:"Lora", Georgia, serif; --f-body:"Nunito", system-ui, sans-serif; --f-hand:"Caveat", cursive;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0; color:var(--ink); font:400 17px/1.65 var(--f-body);
  background-color:var(--cream);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .42 0 0 0 0 .3 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue-d)}
h1,h2,h3{font-family:var(--f-head);font-weight:700;line-height:1.2;margin:0 0 .6em;color:var(--ink)}
h1{font-size:34px;letter-spacing:-.01em}
h2{font-size:28px}
h3{font-size:21px;font-weight:600}
p{margin:0 0 1em}
.center{text-align:center}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:720px;margin-left:auto;margin-right:auto}
.sub{color:var(--ink-s);max-width:640px;margin-left:auto;margin-right:auto}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:8px}

/* Toques manuscritos e marca-texto */
.hand{font-family:var(--f-hand);font-weight:600;color:var(--terra)}
.hand-tag{font-size:28px;margin:0 0 .2em;transform:rotate(-2deg);display:inline-block}
.mark{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 12' preserveAspectRatio='none'%3E%3Cpath d='M2 8c30-4 60-5 98-4s70 2 98-2' fill='none' stroke='%23F2C46D' stroke-width='7' stroke-linecap='round' opacity='.85'/%3E%3C/svg%3E") no-repeat 0 92%/100% .38em;
  padding-bottom:.08em;
}

/* Botões */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:54px;padding:14px 34px;border-radius:999px;border:2px solid var(--terra);
  background:var(--terra);color:#fff;font:700 18px/1.2 var(--f-body);text-decoration:none;cursor:pointer;
  box-shadow:0 10px 22px -10px rgba(164,78,49,.7);
  transition:transform .2s ease, background .2s ease, box-shadow .2s ease;
}
.btn:hover{background:var(--terra-d);border-color:var(--terra-d);transform:translateY(-2px);box-shadow:0 14px 26px -10px rgba(164,78,49,.75)}
.btn-lg{font-size:19px;padding:16px 42px}
.btn-sm{min-height:44px;padding:10px 22px;font-size:16px}
.btn-block{display:flex;width:100%}
.btn-ghost{background:transparent;color:var(--terra-d);box-shadow:none}
.btn-ghost:hover{background:var(--terra);color:#fff}

.trust{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14.5px;color:var(--ink-s)}
.trust li{display:flex;align-items:center;gap:6px}
.trust svg{width:18px;height:18px;color:var(--blue)}
.trust-center{justify-content:center;margin-top:28px}

/* Seções e divisores em pincelada */
.sec{position:relative;padding:64px 0 72px}
.sec-blue{background:var(--sky-l)}
.divider{position:absolute;left:0;top:-38px;width:100%;height:40px;fill:var(--cream);display:block}
.sec-blue > .divider{fill:var(--sky-l)}

/* Manchas de aquarela */
.blob{position:absolute;z-index:0;border-radius:42% 58% 63% 37% / 45% 40% 60% 55%;filter:blur(6px);pointer-events:none}
.blob-blue{background:var(--sky);opacity:.2;inset:-6% -8% -10% -4%}
.blob-honey{background:var(--honey);opacity:.2;inset:-8% -4% -6% -8%;border-radius:58% 42% 40% 60% / 50% 60% 40% 50%}
.blob-terra{background:var(--terra);opacity:.12;width:110%;height:90%;left:-5%;top:8%}

/* HERO */
.hero{position:relative;padding:28px 0 0;overflow:hidden}
.hero-inner{max-width:1120px;margin:0 auto;padding:0 20px}
.hero-text{position:relative;z-index:2}
.lead{font-size:18px;color:var(--ink-s);margin-bottom:24px}
.hero-pic img{width:100%;margin-top:30px;border-radius:24px;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M3 4C20 1 40 3 60 1.5S90 3 97 2c2 15 1 35 2 55s-1 30 0 40c-18 2-40 0-60 1.5S10 97 2 98C1 80 3 60 1.5 40S3 15 3 4Z'/%3E%3C/svg%3E") center/100% 100%;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M3 4C20 1 40 3 60 1.5S90 3 97 2c2 15 1 35 2 55s-1 30 0 40c-18 2-40 0-60 1.5S10 97 2 98C1 80 3 60 1.5 40S3 15 3 4Z'/%3E%3C/svg%3E") center/100% 100%;
}

/* Colunas com imagem */
.two-col{display:grid;gap:36px;align-items:center}
.art{position:relative;margin:0}
.art img{position:relative;z-index:1;border-radius:26px;box-shadow:var(--shadow)}
.torn{
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M4 3c15 1 30-2 46 0s30-1 46 1c1 14-1 30 1 46s0 30-1 46c-16 1-30-1-46 1S18 96 3 97c-1-15 1-31-1-47S4 18 4 3Z'/%3E%3C/svg%3E") center/100% 100%;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M4 3c15 1 30-2 46 0s30-1 46 1c1 14-1 30 1 46s0 30-1 46c-16 1-30-1-46 1S18 96 3 97c-1-15 1-31-1-47S4 18 4 3Z'/%3E%3C/svg%3E") center/100% 100%;
}

/* Lista de identificação */
.dots{list-style:none;padding:0;margin:0 0 22px}
.dots li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px dashed rgba(94,147,184,.3)}
.dots li:last-child{border-bottom:0}
.dots svg{flex:none;width:22px;height:22px;color:var(--sage-d);margin-top:3px}

/* Cards */
.card{background:var(--warm);border-radius:var(--r);box-shadow:var(--shadow);padding:26px 24px;position:relative}
.stats{display:grid;gap:18px;margin-top:10px}
.stat{text-align:center}
.stat .num{font:700 34px/1.1 var(--f-head);color:var(--terra);margin-bottom:10px}
.stat p:last-child{margin:0}
.source{font-size:13.5px;color:var(--ink-s);text-align:center;margin:22px auto 0;max-width:640px}

.callout{margin:22px 0 0;padding:20px 22px;background:var(--sky-l);border-radius:18px;border-left:5px solid var(--sky);
  font:italic 500 20px/1.5 var(--f-head);color:var(--ink)}

/* Dentro do guia */
.inside{display:grid;gap:40px;align-items:start;margin-top:20px}
.cover-stage{position:relative;display:flex;flex-direction:column;align-items:center;padding:10px 0}
.ebook{position:relative;z-index:1;width:230px;aspect-ratio:1/1.41;border-radius:6px 14px 14px 6px;overflow:hidden;background:#fff;
  box-shadow:-6px 0 0 -2px #e9dccb inset, 18px 24px 40px -18px rgba(46,58,75,.45), 2px 4px 10px rgba(46,58,75,.12)}
.ebook > img{width:100%;height:100%;object-fit:cover}
.ebook::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(255,255,255,.2) 4%,transparent 8%)}
.tilt{transform:rotate(-4deg)}
.hand-note{font-size:26px;margin:18px 0 0;transform:rotate(3deg);position:relative;z-index:1}

.chapters{list-style:none;counter-reset:c;padding:0;margin:0}
.chapters li{counter-increment:c;position:relative;padding:12px 0 12px 52px;border-bottom:1px dashed rgba(94,147,184,.35)}
.chapters li:last-child{border-bottom:0}
.chapters li::before{content:counter(c);position:absolute;left:0;top:10px;width:38px;height:38px;display:grid;place-items:center;
  font:700 20px/1 var(--f-head);color:var(--terra);background:rgba(194,96,63,.1);border-radius:50% 45% 55% 48%}
.chapters strong{font-family:var(--f-head);font-weight:600;color:var(--ink)}

/* Galeria */
.gallery-title{margin-top:60px}
.gallery{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 20px 18px;margin:0 -20px;scrollbar-width:none}
.gallery::-webkit-scrollbar{display:none}
.thumb{flex:0 0 72%;scroll-snap-align:center;border:0;padding:0;background:none;cursor:zoom-in;border-radius:14px;text-align:left}
.page{width:100%;height:auto;aspect-ratio:900/1273;object-fit:cover;background:var(--warm);border-radius:6px;padding:0;border:8px solid var(--warm);
  box-shadow:0 14px 30px -14px rgba(164,78,49,.35), 0 2px 6px rgba(164,78,49,.08)}
.gallery-dots{display:flex;justify-content:center;gap:8px}
.gallery-dots span{width:8px;height:8px;border-radius:50%;background:rgba(94,147,184,.35);transition:all .2s}
.gallery-dots span.on{background:var(--terra);width:22px;border-radius:6px}
.cta-row{margin-top:36px}

/* Sinceridade */
.honest{display:grid;gap:18px;margin-top:24px}
.honest h3{color:var(--blue-d)}
.card-muted{background:rgba(255,253,249,.7)}
.ticks,.feat{list-style:none;padding:0;margin:0}
.ticks li,.feat li{display:flex;gap:10px;align-items:flex-start;padding:7px 0}
.ticks svg,.feat svg{flex:none;width:22px;height:22px;margin-top:2px}
.yes{color:var(--sage-d)} .no{color:#b9bcc2}
.x-red{color:#C4402F}
.based{margin:26px auto 0;max-width:820px;font-size:14px;color:var(--ink-s);text-align:center;padding:14px 20px;border-radius:14px;background:var(--sky-l)}

/* Bônus */
.bonus-grid{display:grid;gap:20px;margin-top:20px}
.bonus{padding:0;overflow:hidden;display:grid}
.bonus img{width:100%;aspect-ratio:16/10;object-fit:cover}
.bonus > div{padding:20px 22px 24px}
.bonus h3{color:var(--blue-d);margin-bottom:.4em}
.bonus p{font-size:16px;color:var(--ink-s);margin:0}
.tag{display:inline-block;font:700 13px/1 var(--f-body);letter-spacing:.04em;color:var(--terra-d);background:#F7DDD2;padding:7px 12px;border-radius:999px;margin-bottom:10px}
.tag::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--honey);margin-right:7px;vertical-align:1px}

/* Planos */
.plans{display:grid;gap:22px;margin-top:20px;align-items:center;max-width:860px;margin-left:auto;margin-right:auto}
.plan{text-align:center;padding:30px 24px 26px}
.plan h3{font-size:24px;margin:16px 0 4px}
.plan .feat{text-align:left;margin:16px 0 22px}
.plan .feat li{font-size:16px;border-bottom:1px dashed #efe4d6}
.plan .feat li.off{color:var(--ink-s)}
.plan .feat li.off span{opacity:.72}
.plan .feat li.off em{font-style:normal;white-space:nowrap}
.plan-premium{border:3px solid var(--terra);padding-top:40px}
.ribbon{position:absolute;top:-20px;left:50%;transform:translateX(-50%) rotate(-3deg);background:var(--terra);color:#fff;font-size:26px;line-height:1;padding:6px 22px 8px;border-radius:999px;box-shadow:0 6px 14px -6px rgba(164,78,49,.6)}
.price{font:700 48px/1 var(--f-head);color:var(--ink);margin:0}
.price .cur{font-size:22px;vertical-align:18px;margin-right:4px;color:var(--ink-s)}
.ebook.ebook-mini{width:96px;margin:0 auto;border-radius:4px 8px 8px 4px;transform:rotate(-3deg)}
.pay-methods{text-align:center;font-size:14px;color:var(--ink-s);margin:10px 0 0}

/* Garantia */
.guarantee{display:grid;gap:20px;justify-items:center;text-align:center;max-width:820px}
.seal{position:relative;width:170px;height:170px}
.seal svg{width:100%;height:100%}
.seal span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font:700 18px/1 var(--f-body);color:var(--blue-d)}
.seal b{font:700 54px/1 var(--f-head);color:var(--terra)}

/* FAQ */
.faq details{background:var(--warm);border-radius:16px;box-shadow:0 4px 14px -8px rgba(164,78,49,.25);margin-bottom:12px}
.faq summary{list-style:none;cursor:pointer;padding:18px 54px 18px 20px;font:600 18px/1.35 var(--f-head);position:relative;border-radius:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:20px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;
  background:var(--sky-l) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 7v10M7 12h10' stroke='%235E93B8' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{padding:0 20px 18px;margin:0;color:var(--ink-s)}

/* Fechamento */
.closing{position:relative;padding-bottom:56px}
.closing-img{position:relative}
.closing-img img{width:100%;max-height:560px;object-fit:cover}
.divider-top{top:-1px;transform:scaleY(-1);z-index:1}
.closing-text{margin-top:-60px;position:relative;z-index:2;background:var(--cream);border-radius:28px;padding-top:34px;padding-bottom:10px}

/* Cuidado */
.care{text-align:center;font-size:15px;background:var(--sky-l);border-radius:18px;padding:16px 22px;margin:0 auto 48px;max-width:680px}
.care p{margin:0}
.care a{font-weight:700;color:var(--blue-d)}

/* Rodapé */
.footer{background:#F3E8D6;padding:44px 0 110px;font-size:14px;color:var(--ink-s)}
.footer .brand{font:700 24px var(--f-head);color:var(--terra);margin-bottom:12px}
.footer a{color:var(--ink)}
.footer .disclaimer{font-size:13px}

/* Barra fixa */
.sticky-bar{position:fixed;left:10px;right:10px;bottom:10px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;
  background:var(--warm);border-radius:999px;padding:8px 8px 8px 20px;box-shadow:0 10px 30px -8px rgba(46,58,75,.35);
  transform:translateY(140%);transition:transform .35s ease}
.sticky-bar.show{transform:none}
.sticky-bar p{margin:0;font-size:15px;line-height:1.25}
.sticky-bar strong{color:var(--terra-d)}

/* Lightbox */
.lightbox{position:fixed;inset:0;z-index:60;background:rgba(46,58,75,.72);display:grid;place-items:center;padding:24px}
.lightbox[hidden]{display:none}
.lb-body{width:min(92vw,560px,calc(88vh / 1.4144))}
.lb-body .page{display:block}
.lb-close{position:absolute;top:14px;right:14px;width:48px;height:48px;border-radius:50%;border:0;background:var(--warm);color:var(--ink);cursor:pointer;display:grid;place-items:center}
.lb-close svg{width:22px;height:22px}

/* Cookies */
.cookies{position:fixed;z-index:50;left:12px;right:12px;bottom:12px;max-width:520px;margin:0 auto;background:var(--warm);border-radius:18px;padding:16px 18px;
  box-shadow:0 12px 30px -10px rgba(46,58,75,.35);font-size:14.5px;display:flex;flex-direction:column;gap:12px}
.cookies[hidden]{display:none}
.cookies p{margin:0}
.cookies div{display:flex;gap:10px}

/* Animações */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .7s ease, transform .7s ease}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .btn,.sticky-bar,.faq summary::after{transition:none}
}

/* ---------- Tablet e desktop ---------- */
@media (min-width:640px){
  .stats{grid-template-columns:repeat(3,1fr)}
  .honest{grid-template-columns:1fr 1fr}
  .bonus-grid{grid-template-columns:1fr 1fr}
  .thumb{flex-basis:44%}
}
@media (min-width:768px){
  .plans{grid-template-columns:1fr 1fr}
  .plan-basic{order:-1}
  .plan-premium{padding-top:46px;padding-bottom:34px}
}
@media (min-width:900px){
  h1{font-size:50px}
  h2{font-size:36px}
  .sec{padding:90px 0 100px}
  .hero{min-height:min(88vh,760px);display:flex;align-items:center;padding:60px 0 90px}
  .hero-inner{width:100%}
  .hero-text{max-width:560px;padding:34px 36px 30px;margin-left:-36px;border-radius:32px;
    background:radial-gradient(ellipse at 40% 50%,rgba(251,244,232,.92),rgba(251,244,232,.8) 60%,rgba(251,244,232,0) 100%)}
  .hero-pic{position:absolute;inset:0;z-index:0}
  .hero-pic img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;margin:0;border-radius:0;-webkit-mask:none;mask:none}
  .hero::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:44px;z-index:1;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath fill='%23FBF4E8' d='M0 34c58-9 115-20 190-14s118 22 205 20 135-26 228-27 140 21 236 23 150-21 238-22 139 14 205 10 98-12 138-10V60H0Z'/%3E%3C/svg%3E") center/100% 100%}
  .two-col{grid-template-columns:1.05fr 1fr;gap:64px}
  .two-col.rev > figure{order:-1}
  .inside{grid-template-columns:340px 1fr;gap:60px}
  .ebook{width:270px}
  .gallery{display:grid;grid-template-columns:repeat(4,1fr);overflow:visible;margin:0;padding:10px 0}
  .thumb{transition:transform .25s}
  .thumb:hover{transform:translateY(-6px) rotate(-1deg)}
  .gallery-dots{display:none}
  .guarantee{grid-template-columns:200px 1fr;text-align:left;justify-items:start;align-items:center;gap:40px}
  .seal{width:200px;height:200px}
  .closing-text{margin-top:-110px;padding:44px 48px 20px}
  .sticky-bar{display:none}
  .footer{padding-bottom:50px}
}