:root{--accent:#c9ee55;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px);background:#1f3022}
*{box-sizing:border-box}
body{margin:0;font-family:'Mozilla Text',system-ui,sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;background:#1f3022}
.dk{--bg:#1f3022;--fg:#f6f6e9;--mute:#a9b3a3;--line:#3a4d3c;--hi:var(--accent);--cta:var(--accent);--ctat:#16200f}
.lt{--bg:#fbfbf0;--fg:#2b1a10;--mute:#7a7367;--line:#dcdccf;--hi:#2f7d4f;--cta:#1f3022;--ctat:#f6f6e9}
section{background:var(--bg);color:var(--fg)}
.in{max-width:1240px;margin:0 auto;padding:14vh 7vw;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
em{font-style:normal;font-weight:700;color:var(--hi)}
h1,h2{margin:0;font-weight:500;letter-spacing:-.035em;line-height:1.02}
h1{font-size:clamp(1.7rem,3.5vw,3.6rem);max-width:100%}
.hero .in{max-width:none}
@media (max-width:700px){h1 br{display:none}}
h2{font-size:clamp(1.4rem,2.8vw,2.3rem);max-width:18em}
.lbl{font-family:'JetBrains Mono',monospace;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--hi);margin:0 0 2rem}
.hero{background:radial-gradient(120% 90% at 85% 100%,#37553c 0%,#1f3022 55%,#16241a 100%)}
.hero .in{position:relative}.hero-cta{margin-top:3.8rem}.hero-cta .solid{width:auto;padding:.65rem 1.25rem;font-size:.85rem;background:transparent;color:#f6f6e9;border-color:#3a4d3c;font-weight:500}
.hero h1 .w{display:inline-block;opacity:0;transform:translateY(.45em);animation:wd 1.2s cubic-bezier(.2,.7,.2,1) forwards}
.hero h1{word-spacing:.12em}
@keyframes wd{to{opacity:1;transform:none}}
.cue{position:absolute;left:7vw;bottom:calc(5vh + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:1rem;font-family:'JetBrains Mono',monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);text-decoration:none}
.cue i{display:block;width:28px;height:1px;background:var(--accent)}
#choose .in{min-height:90svh;border-top:1px solid var(--line)}
.q{font-size:clamp(1.5rem,3.2vw,2.6rem);letter-spacing:-.03em;line-height:1.15;margin:0 0 2.6rem;max-width:18em}
.choices{display:flex;flex-wrap:wrap;gap:1rem}
button{font:inherit;font-weight:500;cursor:pointer;border-radius:999px;padding:1.05rem 1.9rem;font-size:1rem;transition:.3s;border:1px solid var(--line);background:transparent;color:var(--fg)}
button:hover{border-color:var(--fg)}
.solid{background:var(--cta);color:var(--ctat);border-color:var(--cta)}
.solid:hover{filter:brightness(1.08);border-color:var(--cta)}.hero-cta .solid:hover{background:rgba(201,238,85,.08);color:#f6f6e9;border-color:#a9b3a3;filter:none}
.sub{max-width:32em;color:var(--mute);font-size:1.15rem;margin:4rem 0 0}
.intro{max-width:32em;font-size:clamp(1.1rem,1.7vw,1.3rem);color:var(--mute);margin:2.6rem 0 6.5rem}
.journey{display:none}
.journey.on{display:block}
.list{list-style:none;padding:0;margin:0 0 9rem;max-width:38em;border-top:1px solid var(--line)}
.list li{display:flex;gap:1.6rem;align-items:baseline;padding:1.7rem 0;border-bottom:1px solid var(--line);font-size:clamp(1.05rem,1.7vw,1.35rem);letter-spacing:-.025em;line-height:1.25}
.list li span{font-family:'JetBrains Mono',monospace;font-size:.75rem;letter-spacing:.1em;color:var(--hi);min-width:1.8rem}
.close{font-size:clamp(1.4rem,2.8vw,2.3rem);letter-spacing:-.03em;line-height:1.15;max-width:18em;margin:0 0 1rem}
.close2{color:var(--mute);font-size:1.1rem;max-width:30em;margin:0 0 2.8rem}
.list.has-cta{margin-bottom:4.8rem}
.cta2{margin:0 0 9rem}
.cta2 button{padding:.65rem 1.3rem;font-size:.9rem;font-weight:500;border-color:var(--fg)}
.cta2 button:hover{background:var(--cta);color:var(--ctat);border-color:var(--cta)}
.switch{margin-top:3.5rem;background:none;border:0;padding:0;border-radius:0;color:var(--mute);font-weight:400;font-size:.95rem;text-decoration:underline;text-underline-offset:4px;align-self:flex-start}
.switch:hover{color:var(--fg)}
footer{background:#16241a;color:#a9b3a3;font-family:'JetBrains Mono',monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;padding:9vh 7vw 7vh}
.modal{position:fixed;inset:0;background:rgba(22,36,26,.985);color:#f6f6e9;display:none;align-items:center;justify-content:center;padding:7vw;z-index:9;overflow:auto;--line:#3a4d3c;--mute:#a9b3a3}
.modal.on{display:flex;animation:wd .5s ease both}
.box{max-width:30rem;width:100%}
.box h2{font-size:clamp(2.2rem,5vw,3.2rem)}
.x{position:absolute;top:calc(1.2rem + env(safe-area-inset-top,0px));right:1.2rem;border:0;color:#a9b3a3;padding:.5rem .9rem;font-weight:400}
label{display:block;font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:1.8rem 0 .1rem}
input{width:100%;font:inherit;font-size:1.2rem;color:#f6f6e9;background:transparent;border:0;border-bottom:1px solid var(--line);padding:.6rem 0;outline:0;border-radius:0}
input:focus{border-color:var(--accent)}
.box .solid{margin-top:1.2rem;width:100%;background:var(--accent);color:#16200f;border-color:var(--accent)}
.err{color:#f1a08f;font-size:.9rem;min-height:1.2rem;margin-top:.8rem}
.consent{display:flex;align-items:flex-start;gap:.75rem;margin:1.8rem 0 0;font-family:'Mozilla Text',system-ui,sans-serif;font-size:.82rem;letter-spacing:0;text-transform:none;line-height:1.45;color:#a9b3a3;cursor:pointer}
.consent input{width:18px;height:18px;flex:0 0 18px;margin:.1rem 0 0;accent-color:var(--accent);border:0;padding:0}
.consent span{display:block}.req{color:var(--accent);font-weight:700}.consent-marker{color:var(--accent);font-weight:700}.consent .optional-marker{display:inline;color:var(--mute);font-size:.78rem}
.hp{position:absolute;left:-9999px}
.rv{opacity:0;transform:translateY(32px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.rv.show{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv,.hero h1 .w,.cue{opacity:1;transform:none;transition:none;animation:none}}

.choices button{flex:1 1 300px;max-width:24rem;padding:1.4rem 1.8rem;border-color:var(--fg)}
.choices button:hover{background:var(--accent);color:#16200f;border-color:var(--accent)}
.journey .in{padding-top:0}
.beat{position:relative;min-height:93svh;display:flex;align-items:center;margin:0 0 clamp(7rem,22vh,14rem)}
.lead{font-size:clamp(1.4rem,2.8vw,2.3rem);letter-spacing:-.03em;line-height:1.2;max-width:22em;margin:0;color:var(--fg)}
.hint{font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:0 0 1.8rem}
.pick li{cursor:pointer;position:relative;padding-right:3rem;user-select:none;-webkit-tap-highlight-color:transparent}
.pick li::after{content:"";position:absolute;right:0;top:50%;width:22px;height:22px;margin-top:-11px;border:1px solid var(--mute);border-radius:50%;transition:background .25s,box-shadow .25s,border-color .25s}
.pick li:hover,.pick li.sel{color:var(--hi)}
.pick li.sel::after{background:var(--hi);border-color:var(--hi);box-shadow:inset 0 0 0 5px var(--bg)}
.pick li:focus-visible{outline:1px solid var(--hi);outline-offset:2px}

.scroll{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:1rem;font-family:'JetBrains Mono',monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);text-decoration:none}
.scroll i{display:block;width:28px;height:1px;background:var(--hi)}
b{font-weight:700}
.choices button{font-size:1.25rem;font-weight:700;padding:1.7rem 2rem}
.ask li{align-items:flex-start}
.ask .qq{margin-bottom:1.3rem}
.opts{display:flex;flex-wrap:wrap;gap:.6rem}
.chip{font-size:.95rem;font-weight:500;padding:.6rem 1.15rem;letter-spacing:0;line-height:1.2}
.chip.on{background:var(--accent);color:#16200f;border-color:var(--accent)}
.in{align-items:center;text-align:center}
h1,h2,.q,.intro,.lead,.close,.close2,.sub{margin-left:auto;margin-right:auto}
.choices{justify-content:center}
.list{margin-left:auto;margin-right:auto;text-align:center}
.list li{justify-content:center}
.pick li{padding-left:3rem;padding-right:3rem}
.ask li{flex-direction:column;align-items:center;gap:.5rem}
.opts{justify-content:center}
.beat{justify-content:center}
.cue{left:7vw}
.scroll{left:0}
.beat{align-self:stretch}
.switch{align-self:center}
footer{text-align:center}
.box{text-align:center}
.box form{text-align:left}
#choose .q{font-size:clamp(1.3rem,2.4vw,2.1rem);max-width:none}
#choose .choices{width:100%;flex-wrap:nowrap;gap:1rem}
#choose .choices button{flex:0 0 auto;max-width:none;padding:1.05rem 2.2rem;font-size:1.1rem}
@media (min-width:701px){#choose .q{white-space:nowrap}}
@media (max-width:700px){#choose .choices{flex-direction:column;align-items:center}}
#a h2{max-width:none}
@media (min-width:701px){#a h2{white-space:nowrap}}
[data-cta]{font-weight:700}
.wabtn{display:inline-block;font-weight:500;font-size:1rem;color:#f6f6e9;text-decoration:none;border:1px solid #3a4d3c;border-radius:999px;padding:.9rem 1.8rem;transition:.3s}
.wabtn:hover{border-color:#f6f6e9}
.who{display:flex;align-items:center;justify-content:center;gap:.9rem;margin-bottom:1.8rem;font-size:.95rem;color:#f6f6e9}
.av{width:56px;height:56px;border-radius:50%;object-fit:cover;display:block;border:1px solid #3a4d3c}
.mwrap{margin:auto;width:100%;max-width:30rem}
.mbar{display:flex;justify-content:flex-end;margin-bottom:2.6rem}
.x{position:static;display:flex;align-items:center;justify-content:center;border:1px solid #3a4d3c;border-radius:999px;padding:.55rem 1.2rem;font-weight:400;font-size:.9rem;color:#a9b3a3}
.x:hover{border-color:#f6f6e9;color:#f6f6e9;background:transparent}
.xi{display:none}
.who{gap:1.1rem;margin-bottom:4rem;text-align:left}
.av{width:68px;height:68px}
.who b{display:block;font-weight:700;font-size:1.05rem;color:#f6f6e9;line-height:1.3}
.who small{display:block;font-size:.82rem;color:#a9b3a3;margin-top:.15rem}
.wabtn:hover{background:var(--accent);color:#16200f;border-color:var(--accent)}
.fwho{font-size:1.15rem;font-weight:700;letter-spacing:0;text-transform:none;color:#f6f6e9}
.frole{margin-top:.2rem}
.fgrid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.4rem 4rem;margin-top:2.6rem}
.fgrid div{font-family:'Mozilla Text',system-ui,sans-serif;font-size:.85rem;line-height:1.6;letter-spacing:0;text-transform:none;max-width:21rem;color:#a9b3a3}
.fgrid span{display:block;font-family:'JetBrains Mono',monospace;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}
.ask{max-width:60rem}
.ask li{padding:3rem 0;gap:1rem}
.ask .qq{margin-bottom:2rem}
@media (min-width:900px){.opts{flex-wrap:nowrap}}
@media (min-width:1100px){#b .close,#b .close2{max-width:none;white-space:nowrap}}
@media (max-width:700px){
  #choose .choices button{width:100%;max-width:22rem}
  .xt{display:none}.xi{display:block}
  .x{width:44px;height:44px;padding:0}
}
.idline{position:absolute;top:calc(4vh + env(safe-area-inset-top,0px));left:7vw;right:7vw;margin:0;font-family:'JetBrains Mono',monospace;font-size:.7rem;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:var(--mute)}
.marks{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.8rem 1.4rem;margin-top:2.6rem;font-family:'Mozilla Text',system-ui,sans-serif;font-size:1.05rem;font-weight:700;letter-spacing:0;text-transform:none;color:#f6f6e9}
.marks i{display:block;width:1px;height:1.5rem;background:#3a4d3c}
.frole{line-height:1.7;max-width:34rem;margin-left:auto;margin-right:auto}
.legal{max-width:46rem;margin:2.8rem auto 0;font-family:'Mozilla Text',system-ui,sans-serif;font-size:.78rem;line-height:1.65;letter-spacing:0;text-transform:none;color:#a9b3a3}
.legal.ouv{margin-top:6vh}
.legal a{color:inherit;text-underline-offset:3px}
.pol{margin:1.2rem 0 0;font-size:.8rem;line-height:1.5;color:#a9b3a3}
.pol a{color:inherit;text-underline-offset:3px}
.who small{line-height:1.4}
.vm,.mbr{display:none}
@media (max-width:700px){.idline{font-size:.6rem;letter-spacing:.07em;line-height:1.7}.fgrid div{font-size:.76rem}.fgrid span{font-size:.66rem}.legal{font-size:.7rem;line-height:1.6}}
@media (max-width:700px){.vd,.sep{display:none}.vm,.mbr{display:inline}}
footer{padding-bottom:0}
.fband{background:#f6f6e9;margin:9vh -7vw 0;padding:1.6rem 7vw calc(1.6rem + env(safe-area-inset-bottom,0px));display:flex;justify-content:center}
.fband img{display:block;height:auto;width:min(8.5rem,40vw)}
footer .fgrid{margin-top:0}
.me{display:flex;align-items:stretch;gap:2.4rem;max-width:48rem;margin:6rem auto 5.6rem;text-align:left;padding-top:3.5rem;border-top:1px solid var(--line)}
.me .ph{flex:0 0 13.5rem;position:relative;min-height:13.5rem;border-radius:1.2rem;overflow:hidden}
.me .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.me>div:last-child{display:flex;flex-direction:column;justify-content:center}
.me h3{margin:0 0 1rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--fg)}
.me p{margin:0;font-size:1.05rem;line-height:1.6;color:var(--mute)}
@media (max-width:700px){.me{flex-direction:column;align-items:center;text-align:center;gap:58px;margin-top:4.5rem;margin-bottom:3.6rem;padding-top:3rem}.me .ph{flex:0 0 auto;width:12rem;height:12rem;min-height:0}}
/* Celular: botões de escolha da jornada no estilo minimalista do botão da abertura */
@media (max-width:700px){#choose .choices{gap:.8rem}#choose .choices button{width:auto;min-width:14rem;max-width:none;padding:.8rem 1.6rem;font-size:.95rem;font-weight:500;border-color:#3a4d3c;color:#f6f6e9;background:transparent}#choose .choices button:hover{background:rgba(201,238,85,.08);color:#f6f6e9;border-color:#a9b3a3}.me+div .solid{font-size:.85rem;padding:.9rem 1.4rem;white-space:nowrap}.beat{min-height:70svh;margin-bottom:2.5rem}.beat .scroll{display:none}.cta2{margin-bottom:8.5rem}.cue{left:0;right:0;justify-content:center;font-size:.6rem;letter-spacing:.07em;gap:.7rem}.cue i{width:20px}.ask .opts{flex-direction:column;align-items:center;flex-wrap:nowrap}.ask .opts .chip{min-width:15rem}}
/* Lista de objetivos com o círculo à esquerda e texto alinhado à esquerda */
.pick{max-width:24rem;text-align:left}.pick li{justify-content:flex-start;padding-left:2.6rem;padding-right:0}.pick li::after{left:0;right:auto}
/* Janela do formulário: respiro entre o texto e o primeiro campo */
#f{padding-top:1.4rem}
/* Seção de contato: apresentação em cima, formulário embaixo */
#contato .in{border-top:1px solid var(--line);--line:#3a4d3c;--mute:#a9b3a3}
.ct{max-width:48rem;width:100%;margin:0 auto;text-align:left}
.ct-me{display:flex;gap:2.6rem;align-items:center}
.ct-me .ph{flex:0 0 13.5rem;height:13.5rem;border-radius:1.2rem;overflow:hidden}
.ct-me .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}
.ct-me h3{margin:0 0 1rem;font-size:clamp(1.5rem,2.6vw,2rem);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.ct-me p{margin:0;font-size:1.05rem;line-height:1.65;color:var(--mute)}
.ct-form{max-width:34rem;margin:0 auto;padding-top:7vh;border-top:1px solid var(--line)}
/* Mesmo respiro das duas primeiras telas: a bio ocupa uma tela, o formulário começa com o mesmo espaço */
#contato .in{padding-top:0;padding-bottom:16vh;justify-content:flex-start}

.ct-me{padding:16vh 0 8vh}
@media (max-width:700px){.ct-me{padding:14vh 0 7vh;min-height:0}}
.ct-form .box{max-width:none;text-align:left}
.ct-form h2,.ct-sub{text-align:center}
.ct-form h2{font-size:clamp(2rem,4vw,2.8rem);margin:0}
.ct-sub{color:var(--mute);margin:1rem auto .4rem;max-width:30rem}
.ct-form form{text-align:left}
#ok{text-align:center}
@media (max-width:700px){.ct-me{flex-direction:column;text-align:center;gap:2rem}.ct-me .ph{flex:0 0 auto;width:12rem;height:12rem}.ct-form{padding-top:6vh}.ct-sub{margin-bottom:2rem}}

/* Proposta: menu, formulário em duas colunas e rodapé de site (só desktop) */
@media (min-width:701px){
.hero .idline{display:none}
.hero .hero-cta{display:none}
.topnav{position:absolute;top:calc(3.2vh + env(safe-area-inset-top,0px));left:5vw;right:5vw;display:flex;align-items:center;justify-content:space-between;gap:2rem;z-index:2;text-align:left}
.brand{display:flex;align-items:center;gap:.8rem;color:#f6f6e9;text-decoration:none}
.brand img{border-radius:8px;display:block}
.brand b{display:block;font-weight:700;font-size:.95rem;letter-spacing:-.01em}
.brand small{display:block;font-family:'JetBrains Mono',monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#a9b3a3;margin-top:.15rem}
.topnav .links{display:flex;align-items:center;gap:2rem}
.topnav .links a{color:#d9dccd;text-decoration:none;font-size:.9rem}
.topnav .links a:hover{color:#c9ee55}
.navcta{padding:.55rem 1.1rem;font-size:.85rem;border-color:#3a4d3c;color:#f6f6e9}
.navcta:hover{border-color:#c9ee55;color:#c9ee55}
.ct-form{max-width:44rem}
.fgrid2{display:grid;grid-template-columns:1fr 1fr;column-gap:2.4rem}
.fgrid2 .full{grid-column:1/-1}
.fnav{display:flex;align-items:center;justify-content:space-between;max-width:60rem;margin:0 auto 4.5rem;padding-bottom:2.2rem;border-bottom:1px solid #2c3d2e;font-family:'Mozilla Text',system-ui,sans-serif;letter-spacing:0;text-transform:none}
.fnav .links{display:flex;gap:2rem}
.fnav .links a{color:#d9dccd;text-decoration:none;font-size:.9rem}
.fnav .links a:hover{color:#c9ee55}
}
@media (max-width:700px){.fnav{display:none}}