:root{--ebano:#291C0E;--terracota:#6E473B;--bege:#A78D78;--pedra:#BEB5A9;--off:#E1D4C2;--display:"Cormorant Garamond",Georgia,serif;--body:"Source Serif 4",Georgia,serif}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:linear-gradient(180deg,#291C0E,#352619 40%,#291C0E);background-attachment:scroll;color:var(--off);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.55}
img{display:block}
:focus-visible{outline:3px solid var(--bege);outline-offset:3px;border-radius:4px}
main{max-width:640px;margin:0 auto}
.bar{padding:16px 22px 0;max-width:640px;margin:0 auto}
.back{display:inline-flex;align-items:center;gap:10px;font:600 .74rem var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--off);text-decoration:none;padding:10px 0}
.hero{padding:34px 22px 12px}
.hero .ic svg{width:46px;height:46px;fill:none;stroke:var(--bege);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.kick{display:block;margin:20px 0 10px;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--bege)}
h1{font:600 clamp(2.4rem,11vw,3.6rem)/1.02 var(--display);margin:0;color:#F6F0E7;text-wrap:balance}
.tag{margin:16px 0 0;font:italic 500 1.4rem/1.3 var(--display);color:var(--off)}
.blk{padding:34px 22px 0}
.blk h2,.cta h2{font:600 clamp(1.9rem,8vw,2.5rem)/1.05 var(--display);margin:0 0 14px;color:#F6F0E7}
.blk h3,.more h3{margin:28px 0 12px;font:600 .72rem var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--bege)}
.blk p{margin:0 0 12px;font-size:1.04rem;color:var(--pedra)}
.steps{list-style:none;margin:6px 0 0;padding:0 0 0 22px;border-left:1px solid rgba(167,141,120,.4)}
.steps li{position:relative;padding:0 0 22px 18px}
.steps li:last-child{padding-bottom:0}
.steps li:before{content:"";position:absolute;left:-27px;top:9px;width:9px;height:9px;border-radius:50%;background:var(--bege)}
.steps b{display:block;font:600 1.35rem/1.15 var(--display);color:#F6F0E7;margin-bottom:4px}
.steps p{margin:0;font-size:1rem}
.act{list-style:none;margin:0;padding:0}
.act li{position:relative;padding:12px 0 12px 26px;border-bottom:1px solid rgba(167,141,120,.22);color:var(--off);font-size:1.02rem}
.act li:before{content:"";position:absolute;left:0;top:1.25em;width:12px;height:1px;background:var(--bege)}
.who{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.who li{padding:8px 14px;border:1px solid rgba(167,141,120,.4);border-radius:999px;font-size:.9rem;color:var(--off)}
.cta{margin:44px 22px 0;padding:30px 22px;border:1px solid rgba(167,141,120,.35);border-radius:22px;background:rgba(53,38,25,.6)}
.cta em{font-style:italic;color:var(--bege);font-weight:500}
.cta p{margin:0 0 20px;color:var(--pedra)}
.wa{display:flex;align-items:center;justify-content:center;gap:12px;padding:17px 22px;border-radius:999px;background:var(--off);color:var(--ebano);text-decoration:none;font:600 .8rem var(--body);letter-spacing:.14em;text-transform:uppercase}
.wa svg{width:20px;height:20px;fill:currentColor}
.more{padding:10px 22px 0}
.more nav{display:flex;flex-direction:column}
.more nav a{padding:13px 0;border-bottom:1px solid rgba(167,141,120,.22);color:var(--off);text-decoration:none;font:600 1.2rem/1.2 var(--display)}
.ft{padding:44px 22px calc(44px + env(safe-area-inset-bottom));display:flex;justify-content:center}
.ft img{height:64px;width:auto;filter:brightness(0) invert(.88);opacity:.9}
.bub{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:var(--off);color:var(--ebano);box-shadow:0 6px 18px rgba(0,0,0,.4);text-decoration:none}
.bub svg{width:28px;height:28px;fill:currentColor}
@media(min-width:860px){.bar{padding-left:0;padding-right:0}.bar,main{max-width:720px}}
