@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#1e3d2f;--ink:#233f33;--muted:#647068;--cream:#fbf9f3;--soft:#f0ede3;--gold:#d2b374;--line:#dcded2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a77423;outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.12;font-weight:500;letter-spacing:-1.7px}h1,h2{font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(44px,4.7vw,67px)}h2{font-size:clamp(34px,3.7vw,49px)}h3{font-size:23px;letter-spacing:-.6px}em{font-weight:400;color:#6f7e53}p{color:var(--muted)}.wrap{max-width:1180px;margin:auto;width:calc(100% - 64px)}.topbar{text-align:center;color:#f5f1de;background:var(--green);font-size:10px;letter-spacing:2.8px;padding:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font:23px/.97 Georgia,serif}.brand img{border-radius:11px}.brand small{display:block;font-size:20px}.header nav{display:flex;gap:32px;font-size:13px}.btn{border:0;background:var(--green);color:white;border-radius:7px;padding:17px 25px;display:inline-flex;align-items:center;justify-content:center;gap:35px;font-size:14px;font-weight:700;min-height:54px;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #193b2b21}.btn span{font-size:20px;line-height:1}.btn.small{padding:11px 19px;min-height:43px;font-size:12px}.btn.gold{background:var(--gold);color:#183527}.btn.outline{background:transparent;color:var(--green);border:1px solid #b5c0b4}.hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:50px;min-height:665px;padding-top:24px;padding-bottom:70px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:800;margin-bottom:24px;color:var(--green);display:block}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7b8e55;margin-right:7px}.lead{font-size:16px;max-width:465px;margin:25px 0;line-height:1.8}.lead strong{font-weight:500;color:var(--green)}.micro{font-size:11px;margin-top:14px}.hero-proof{display:flex;gap:28px;margin-top:33px;padding-top:24px;border-top:1px solid var(--line)}.hero-proof span{font-size:10px;color:var(--muted)}.hero-proof b{font-size:23px;font-family:Georgia,serif;display:block;color:var(--green);font-weight:400}.hero-art{position:relative;height:560px;border-radius:180px 180px 16px 16px;background:radial-gradient(ellipse at 50% 40%,#e4e8cf,#e8e8dcd9 55%,#eeece2);display:flex;align-items:center;justify-content:center}.orbit{position:absolute;width:390px;height:390px;border:1px solid #9d9f743d;border-radius:50%;top:85px}.orbit:after{content:'';position:absolute;inset:-26px;border:1px solid #9d9f7425;border-radius:50%}.art-word{position:absolute;right:22px;top:46px;font:italic 24px/1.1 Georgia;color:#7c845e;transform:rotate(7deg)}.phone{border:7px solid #263930;border-radius:33px;overflow:hidden;box-shadow:20px 25px 50px #15312436;background:#f7f3ea}.hero-phone{position:relative;width:234px;transform:rotate(-5deg);z-index:1}.phone img{width:100%}.floating{position:absolute;display:flex;align-items:center;gap:11px;padding:15px 20px;background:#fffdf7;border:1px solid #fff;border-radius:10px;box-shadow:0 12px 30px #20322a0c;z-index:2;font-size:12px;line-height:1.4}.floating small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.floating-top{left:-20px;top:134px}.floating-bottom{right:-17px;bottom:78px}.icon{color:#9c7938;font-size:23px}.screen-caption{position:absolute;bottom:17px;font-size:8px;letter-spacing:1.8px;color:#5f6a58}.benefit-strip{background:#e9ecdf;border-block:1px solid #dce2d1}.benefit-strip .wrap{display:flex;justify-content:space-between;gap:15px;font-size:12px;padding-block:23px}.section{padding-top:95px;padding-bottom:95px}.centered{text-align:center}.section-intro{max-width:590px;margin:22px auto 0;font-size:15px}.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:45px;text-align:left}.pain-grid article{padding:30px;border:1px solid var(--line);border-radius:10px;background:#fefdf9}.number{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#747f5a;display:block;margin-bottom:20px}.pain-grid h3{font-family:Georgia,serif;font-size:25px;line-height:1.2;margin-bottom:15px}.pain-grid p,.app-card p,.steps p{font-size:14px;line-height:1.8}.soft{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:44px}.section-heading>p{max-width:285px;font-size:14px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.screen-wrap{height:355px;overflow:hidden;padding:26px 44px 0;background:#e2e6d8;border-radius:10px;margin-bottom:27px}.screen-wrap img{border:5px solid #35483c;border-radius:23px 23px 0 0;width:100%;box-shadow:0 15px 30px #26392d2b}.app-card:nth-child(2) .screen-wrap{background:#e7dfcb}.app-card:nth-child(3) .screen-wrap{background:#dce4da}.app-card .number{margin-bottom:10px}.app-card h3{font:25px/1.2 Georgia;margin-bottom:13px}.caption{font-size:10px;margin-top:30px;color:#657065}.demo-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.demo-section>div>p:not(.eyebrow){margin-top:23px;max-width:425px;font-size:15px}.quiz-box{border:1px solid var(--line);border-radius:12px;padding:33px;background:#fffdf7;box-shadow:0 12px 40px #293d2d05}.quiz-label{font-size:9px;letter-spacing:1.8px;color:#718059}.quiz-box h3{font:26px/1.3 Georgia;margin:20px 0}.answers{display:grid;gap:9px}.answers button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:12px 15px;border:1px solid #dce1d4;background:#f9f9f1;border-radius:7px;color:var(--green);font-size:13px;cursor:pointer}.answers button.correct{background:#dbe9d6;border-color:#598155}.answers button.wrong{background:#f6e8da;border-color:#a8794c}.answers button:disabled{cursor:default}.quiz-box #quiz-feedback{font-size:12px;min-height:42px;line-height:1.5;margin-top:16px}.dark{background:var(--green);color:#f9f5e8}.dark p{color:#c3cec1}.dark em{color:var(--gold)}.dark .eyebrow{color:var(--gold)}.ritual{padding-block:75px}.ritual-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.ritual figure img{aspect-ratio:1/1;object-fit:cover;object-position:63%;border-radius:9px}.ritual figcaption{font-size:9px;color:#bcc8b7;margin-top:8px}.ritual p:not(.eyebrow){margin-top:22px;font-size:15px}.ritual .btn{margin-top:29px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:55px}.steps article{position:relative}.steps article>span{display:grid;place-items:center;background:#e9ecdf;border-radius:50%;width:44px;height:44px;font-family:Georgia;font-size:23px;margin-bottom:22px}.steps h3{font:25px Georgia;margin-bottom:13px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:55px;align-items:stretch}.plan{position:relative;border:1px solid #d9decf;border-radius:10px;padding:30px 27px;background:#fffdf8}.plan-kicker{font-size:8px;font-weight:700;letter-spacing:1.3px}.plan h3{font:29px Georgia;margin:16px 0 23px}.price{font-family:Manrope,Arial,sans-serif;font-size:49px;letter-spacing:-2px;font-weight:600;line-height:1.2;white-space:nowrap}.price small{font-size:19px;letter-spacing:-1px}.price>span{font-size:12px;letter-spacing:0;font-weight:400}.billing{font-size:11px;margin-top:10px}.saving{background:#eaf0e0;color:#48683b;padding:9px 10px;text-align:center;font-size:11px;border-radius:5px;margin-top:20px}.saving.neutral{background:#f2f1e9;color:#66725f}.plan ul{list-style:none;padding:17px 0 20px;margin:0;font-size:12px;line-height:2.6}.plan li:before{content:'✓';color:#809953;padding-right:9px}.plan .btn{width:100%;font-size:12px;gap:18px;padding-inline:12px}.featured{background:var(--green);color:#f8f5e9;border-color:var(--green)}.featured .billing{color:#c5d0bd}.featured .saving{background:#ffffff12;color:#e5ca90}.featured li:before{color:#dfc185}.ribbon{position:absolute;top:-25px;left:-1px;right:-1px;height:29px;background:var(--gold);color:#274431;font-size:9px;font-weight:800;letter-spacing:1.3px;text-align:center;border-radius:8px 8px 0 0;padding:6px}.featured{border-radius:0 0 10px 10px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq-section>div>p:last-child{margin-top:22px;font-size:14px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:25px;font-size:14px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:20px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:13px;line-height:1.8;margin-top:15px}.closing{padding:75px 0}.closing img{margin:0 auto 24px;border-radius:14px}.closing h2{font-size:43px}.closing p:not(.eyebrow){margin-top:23px}.closing .btn{margin-top:27px}.footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-block:35px}.footer .brand{font-size:19px}.footer>p,.footer>span{font-size:10px}
@media(min-width:1450px){.hero{gap:80px}}@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.hero{gap:30px}.hero-art{height:520px}.hero-phone{width:215px}.floating{padding:12px}.floating-top{left:-10px;top:110px}.floating-bottom{right:-5px;bottom:65px}.orbit{width:300px;height:300px}.art-word{font-size:20px}.screen-wrap{padding:22px 25px 0;height:300px}.demo-section,.ritual-grid,.faq-section{gap:40px}.price{font-size:41px}.plan{padding:26px 19px}.pain-grid article{padding:23px}.header nav{gap:18px}}
@media(max-width:740px){.wrap{width:calc(100% - 40px)}.topbar{font-size:8px;letter-spacing:2px}.header{height:82px}.header nav{display:none}.header .btn{font-size:10px;padding:10px 13px;gap:15px}.brand{font-size:21px}.brand small{font-size:18px}.brand img{width:36px;height:36px}.hero{grid-template-columns:1fr;padding-top:24px;padding-bottom:36px;gap:35px}.hero-copy{text-align:center}.eyebrow{font-size:8px;letter-spacing:1.65px;margin-bottom:20px}h1{font-size:45px;letter-spacing:-1.7px}.lead{font-size:14px;margin:23px auto}.hero .btn{font-size:12px;gap:25px}.micro{font-size:9px}.hero-proof{justify-content:center;gap:32px;margin-top:25px;padding-top:20px}.hero-proof span{font-size:9px}.hero-proof b{font-size:23px}.hero-art{height:488px;max-width:445px;width:100%;margin:auto}.hero-phone{width:202px}.floating{font-size:10px;padding:13px 10px;gap:8px}.floating small{font-size:8px}.floating-top{left:-8px;top:123px}.floating-bottom{right:-7px;bottom:73px}.icon{font-size:19px}.art-word{right:22px;top:40px;font-size:21px}.benefit-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:9px;padding-block:18px}.section{padding-block:64px}h2{font-size:35px;letter-spacing:-1px}.section-intro{font-size:14px}.pain-grid,.app-grid,.steps,.plans{grid-template-columns:1fr}.pain-grid{gap:13px;margin-top:30px}.pain-grid article{padding:25px}.pain-grid h3{font-size:25px}.number{margin-bottom:13px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;max-width:100%;font-size:14px}.app-grid{gap:38px}.screen-wrap{height:350px;padding:25px 64px 0;max-width:400px;margin-inline:auto}.app-card .number{margin-top:20px}.app-card h3{font-size:25px}.demo-section,.ritual-grid,.faq-section{grid-template-columns:1fr;gap:30px}.quiz-box{padding:25px}.ritual{padding-block:50px}.ritual figure img{aspect-ratio:1.15}.ritual h2{font-size:36px}.steps{gap:27px;margin-top:35px}.steps article{padding-left:63px}.steps article>span{position:absolute;left:0;top:0;width:40px;height:40px}.steps h3{font-size:23px}.plans{gap:22px;margin-top:33px}.plan{padding:30px}.plan.featured{margin-top:25px}.price{font-size:52px}.plan ul{font-size:13px}.plan-kicker{font-size:9px}.faq-section{gap:35px}.closing{padding-block:60px}.closing h2{font-size:35px}.closing p{font-size:14px}.footer{flex-direction:column;gap:16px;text-align:center}.footer .brand img{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}.btn:hover{transform:none}}
.collection{padding-top:0}.collection figure>img{border-radius:12px}.collection-list{list-style:none;margin:25px 0 0;padding:0}.collection-list li{padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.collection-list strong,.collection-list span{display:block}.collection-list span{font-size:12px;color:var(--muted);margin-top:4px}@media(max-width:740px){.orbit{width:calc(100% - 70px);height:auto;aspect-ratio:1}.collection{padding-top:0}.collection figure{max-width:440px;margin:auto}}
.listening{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.listening .section-intro{margin:23px 0 0}.listening figure img{border-radius:12px;aspect-ratio:1/1;object-fit:cover;object-position:35% center}.reading-path{list-style:none;padding:0;margin:27px 0 0;display:grid;gap:21px}.reading-path li{display:flex;gap:15px}.reading-path li>span{flex-shrink:0;display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#e9ecdf;font:19px Georgia}.reading-path strong{font-size:14px}.reading-path p{font-size:13px;margin-top:4px}.monthly-note{font-size:12px;background:#e9ecdf;border:1px solid #dce2d1;border-radius:7px;padding:12px 16px;margin-top:22px;color:var(--green)}.collection p strong{color:var(--green)}.ritual figure img{object-position:52% center}.plan{display:flex;flex-direction:column}.plan .btn{margin-top:auto}@media(max-width:740px){.listening{grid-template-columns:1fr;gap:30px}.listening figure img{aspect-ratio:1.2/1}.listening{padding-bottom:0}}

/* ---------------------------------------------------------------
   Estrutura de venda: mecanismo, pilha de entregas, comparativo,
   garantia e barra fixa de compra.
   --------------------------------------------------------------- */

/* O porquê do problema: três etapas ligadas por uma linha. */
.mecanismo{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:38px;position:relative}
.mecanismo article{background:var(--cream);border:1px solid var(--line);border-radius:20px;padding:26px 22px;position:relative}
.mecanismo .passo{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;font-weight:700;margin-bottom:14px}
.mecanismo h3{margin:0 0 8px;font-size:19px;color:var(--green)}
.mecanismo p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}

/* O que está incluído, item a item. */
.pilha{display:grid;gap:14px;margin-top:34px}
.pilha li{display:grid;grid-template-columns:44px 1fr auto;gap:18px;align-items:start;
  background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:20px 22px;list-style:none}
.pilha .marca{width:44px;height:44px;border-radius:12px;background:#e7efe9;color:var(--green);
  display:flex;align-items:center;justify-content:center;font-size:20px}
.pilha h3{margin:0 0 4px;font-size:17.5px;color:var(--green)}
.pilha p{margin:0;color:var(--muted);font-size:14.5px;line-height:1.6}
.pilha .valor{font-size:13px;color:var(--green);font-weight:700;white-space:nowrap;padding-top:4px}
.pilha-total{margin-top:22px;padding:22px;border-radius:18px;background:var(--green);color:#fff;text-align:center}
.pilha-total strong{display:block;font-size:22px;margin-bottom:4px}
.pilha-total span{font-size:14px;opacity:.86}

/* Comparativo: o que fica espalhado contra o que fica junto. */
.comparativo{margin-top:34px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--cream)}
.comparativo table{width:100%;border-collapse:collapse}
.comparativo th,.comparativo td{padding:15px 18px;text-align:left;font-size:15px;border-bottom:1px solid var(--line)}
.comparativo thead th{background:#e7efe9;color:var(--green);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.comparativo tbody tr:last-child td{border-bottom:0}
.comparativo td:first-child{color:var(--ink);font-weight:600}
.comparativo .nao{color:var(--muted)}
.comparativo .sim{color:var(--green);font-weight:600}
.comparativo col.destaque,.comparativo th.destaque{background:#f3f7f4}
.comparativo td.destaque{background:#f3f7f4}

/* Garantia. */
.garantia{display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center;
  background:var(--cream);border:1px solid var(--line);border-radius:22px;padding:28px}
.garantia .selo{width:96px;height:96px;border-radius:50%;border:2px dashed var(--gold);
  display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--green);line-height:1.1}
.garantia .selo b{font-size:28px}
.garantia .selo small{font-size:11px;letter-spacing:.08em}
.garantia h3{margin:0 0 8px;font-size:21px;color:var(--green)}
.garantia p{margin:0;color:var(--muted);font-size:15px;line-height:1.65}

/* Barra fixa de compra — só no celular, onde o botão sai da tela. */
.barra-compra{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;
  align-items:center;gap:14px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));
  background:rgba(251,249,243,.97);border-top:1px solid var(--line);backdrop-filter:blur(8px)}
.barra-compra div{flex:1;line-height:1.25}
.barra-compra strong{display:block;font-size:15px;color:var(--green)}
.barra-compra small{font-size:12px;color:var(--muted)}
.barra-compra .btn{padding:13px 18px;font-size:14px}

@media (max-width:860px){
  .mecanismo{grid-template-columns:1fr}
  .pilha li{grid-template-columns:40px 1fr;gap:14px}
  .pilha .valor{grid-column:2;padding-top:6px}
  .comparativo{overflow-x:auto}
  .comparativo th,.comparativo td{padding:13px 12px;font-size:14px}
  .garantia{grid-template-columns:1fr;text-align:center;justify-items:center}
  .barra-compra{display:flex}
  body{padding-bottom:78px}
}

/* Título de tabela só para leitor de tela. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
