:root{
  --forest:#1f4d2e;--green:#2e8b67;--green-deep:#1f7a4f;--mint:#4fd08a;
  --orange:#e8711a;--rust:#9a3f0c;--rust-label:#b8460b;
  --ink:#13261a;--ink-soft:#3d4e43;--muted:#4b5e51;--line:#d3ded5;--line-card:#dfe5df;
  --surface:#ffffff;--stage:#f6f8f3;--paper:#f4f6f2;--problem:#7a3b1d;
  --mono:ui-monospace,Consolas,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:76px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--surface);color:var(--ink);font:400 15px/1.5 "Lexend","Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--green-deep)}a:hover{color:var(--forest)}
:focus-visible{outline:2px solid var(--forest);outline-offset:2px;border-radius:4px}
.faixa{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.pular{position:absolute;left:-999px;top:8px;background:var(--forest);color:#fff;padding:8px 14px;border-radius:999px;z-index:100}
.pular:focus{left:16px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* topo */
.topo{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--line-card)}
.topo .faixa{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--forest);font-weight:700;font-size:24px;letter-spacing:-.03em}
.marca img{width:36px;height:36px}
.topo nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.topo nav a:not(.bt){color:var(--ink-soft);text-decoration:none;font-size:14px;font-weight:600}
.topo nav a:not(.bt):hover{color:var(--forest)}
@media (max-width:720px){.topo nav a:not(.bt){display:none}}

/* botões */
.bt{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border-radius:999px;font:600 14px "Lexend",system-ui,sans-serif;text-decoration:none;border:1.5px solid var(--forest);transition:background .15s,color .15s}
.bt-pri{background:var(--forest);color:#fff}.bt-pri:hover{background:#163a22;color:#fff}
.bt-sec{background:#fff;color:var(--forest)}.bt-sec:hover{background:var(--stage);color:var(--forest)}
.bt-peq{min-height:38px;padding:0 16px;font-size:13px}

/* tipografia comum */
.olho{margin:0 0 14px;font:600 11.5px/1.3 var(--mono);letter-spacing:.14em;color:var(--rust-label)}
h1,h2,h3{color:var(--forest);margin:0}
h1 em,h2 em{font-style:normal;color:var(--orange)}
.cab{max-width:760px;margin:0 0 22px}
.cab h2,.contato h2,.fundador h2{font:700 clamp(1.6rem,3.2vw,2.3rem)/1.12 "Lexend",system-ui,sans-serif;letter-spacing:-.02em}
.intro{margin:12px 0 0;color:var(--ink-soft);font-size:16px;max-width:68ch}
.sec{margin-top:0;margin-bottom:0;padding-top:72px}

/* hero */
.hero{padding-top:72px;padding-bottom:40px}
.hero h1{font:700 clamp(2.4rem,6vw,4.4rem)/1.02 "Lexend",system-ui,sans-serif;letter-spacing:-.03em;max-width:15ch}
.hero .lead{margin:22px 0 0;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.45;color:var(--ink);max-width:56ch}
.hero .sub{margin:10px 0 0;color:var(--muted);max-width:62ch}
.acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}

/* rede */
.sec-rede{padding-top:40px}
.sec-rede .hero2{border:1px solid var(--line-card)}
.legenda .leg p{display:none}
.legenda .leg q{background:none;border-left:0;padding:0;color:var(--ink-soft)}
.legenda .leg{background:var(--surface)}

/* metamorfose */
#metamorfose .palco{margin-top:8px}

/* produtos */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:980px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.cards{grid-template-columns:1fr}}
.card{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 22px 20px;border:1px solid var(--line-card);border-top:4px solid var(--setor,var(--orange));border-radius:8px;background:#fff}
.card .tag{margin:0;font:600 10.5px/1.3 var(--mono);letter-spacing:.12em;color:var(--setor)}
.card h3{font:700 1.45rem/1.15 "Lexend",system-ui,sans-serif;letter-spacing:-.02em}
.card .prob{margin:0;color:var(--problem);font-size:14px}
.card .sol{margin:0;color:#22332a;font-size:14.5px}
.card .fluxo{margin:4px 0 0;padding:10px 12px;background:var(--stage);border-radius:8px;font:600 11px/1.5 var(--mono);letter-spacing:.04em;color:var(--muted)}
.card .fluxo b{color:var(--green-deep)}
.card .estado-p{margin:auto 0 0;padding-top:6px;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--ink-soft)}
.card .estado-p span{flex:none;width:8px;height:8px;border-radius:50%;background:var(--green)}
.card .estado-p.em span{background:var(--orange)}
.card-prox{background:var(--stage);border:1.5px dashed var(--line);border-top:4px solid var(--orange);--setor:var(--rust-label)}
.card-prox .bt{align-self:flex-start;margin-top:auto}

/* núcleo */
.regras{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;counter-reset:r}
.regras li{counter-increment:r;position:relative;padding:44px 16px 16px;border:1.5px solid var(--line);border-radius:12px;color:var(--ink-soft);font-size:14px}
.regras li::before{content:counter(r);position:absolute;left:16px;top:14px;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;font:700 11px/22px "Lexend",system-ui,sans-serif;text-align:center}
.regras b{display:block;color:var(--forest);font-size:15px;margin-bottom:4px}
.numeros{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:var(--forest);border-radius:14px;padding:24px}
.numeros div{display:flex;flex-direction:column;gap:4px}
.numeros b{font:700 clamp(1.8rem,4vw,2.6rem)/1 "Lexend",system-ui,sans-serif;color:#fff;letter-spacing:-.02em}
.numeros span{color:#bfe8c9;font-size:13.5px}
.numeros .nota{grid-column:1/-1;margin:6px 0 0;font:600 10.5px var(--mono);letter-spacing:.1em;color:#bfe8c9;text-transform:uppercase}
@media (max-width:720px){.numeros{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* visão */
#visao .citacao{font-size:clamp(1.2rem,2.4vw,1.6rem)}

/* fundador */
.fundador{display:grid;grid-template-columns:160px minmax(0,1fr);gap:28px;align-items:center;background:var(--stage);border-radius:14px;padding:28px}
.fundador img{width:160px;height:160px}
.fundador p:not(.olho){margin:10px 0 0;color:var(--ink-soft);max-width:62ch}
@media (max-width:640px){.fundador{grid-template-columns:1fr}.fundador img{width:110px;height:110px}}

/* contato */
.contato{padding-bottom:80px}

/* rodapé */
.rodape{border-top:1px solid var(--line-card);background:var(--paper);padding:28px 0 40px}
.rodape .faixa{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center}
.rodape p{margin:0;color:var(--muted);font-size:13px}
.rodape .marca{font-size:20px}.rodape .marca img{width:28px;height:28px}
.rodape .pendente{color:var(--rust-label);font-family:var(--mono);font-size:12px}
[hidden]{display:none!important}
@media (max-width:720px){.sec-rede .hero2{overflow-x:auto;-webkit-overflow-scrolling:touch}.sec-rede .hero2 svg{min-width:820px}}
.email{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.email-end{font:700 clamp(1.3rem,3vw,1.9rem)/1.1 "Lexend",system-ui,sans-serif;color:var(--forest);letter-spacing:-.02em;user-select:all;margin-right:8px}
.email .bt{cursor:pointer}
.aviso{flex-basis:100%;min-height:1.2em;font-size:13px;color:var(--green-deep)}
.topo{top:env(safe-area-inset-top,0px)}

/* etapas */
.etapas{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:1080px){.etapas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.etapas{grid-template-columns:1fr}}
.etapa{display:flex;flex-direction:column;gap:8px;padding:18px;border:1.5px solid var(--line);border-radius:12px;background:#fff;min-width:0}
.et-top{display:flex;align-items:center;justify-content:space-between}
.et-ic{width:44px;height:44px;border-radius:50%;display:grid;place-content:center;background:var(--stage);color:var(--forest);border:1.5px solid var(--line)}
.etapa:last-child .et-ic{background:var(--forest);color:#fff;border-color:var(--forest)}
.et-n{font:600 10.5px var(--mono);letter-spacing:.12em;color:var(--rust-label)}
.etapa h3{font:700 1.05rem/1.25 "Lexend",system-ui,sans-serif}
.etapa p{margin:0;font-size:13.5px;color:var(--ink-soft)}
.et-pr{margin-top:auto;background:#f2f7f1;border-left:3px solid var(--green);border-radius:0 8px 8px 0;padding:8px 10px;font-size:12.5px;color:var(--ink)}
.et-pr b,.et-fo b{display:block;font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--green-deep);margin-bottom:2px}
.et-fo{font-size:12px;color:var(--muted)}
.et-fo ul{margin:0;padding-left:16px}
#metamorfose .loopnota{margin:14px 0 0}
/* sistema mental */
.sm-como{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:s}
.sm-como li{counter-increment:s;background:var(--stage);border-radius:12px;padding:16px 16px 16px 54px;position:relative;font-size:14px;color:var(--ink-soft)}
.sm-como li::before{content:counter(s);position:absolute;left:16px;top:16px;width:26px;height:26px;border-radius:50%;background:var(--forest);color:#fff;font:700 12px/26px "Lexend",system-ui,sans-serif;text-align:center}
.sm-como b{display:block;color:var(--forest);font-size:15.5px;margin-bottom:2px}
.sm-ben{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sm-ben article{border:1.5px solid var(--line);border-top:4px solid var(--green);border-radius:8px;padding:16px;min-width:0}
.sm-ben h3{font:700 1rem/1.25 "Lexend",system-ui,sans-serif;margin-bottom:6px}
.sm-ben p{margin:0;font-size:13.5px;color:var(--ink-soft)}
.sm-fontes{margin:14px 0 0;font-size:12.5px;color:var(--muted);max-width:90ch}
.sm-fontes b{color:var(--forest)}
@media (max-width:980px){.sm-ben{grid-template-columns:repeat(2,minmax(0,1fr))}.sm-como{grid-template-columns:1fr}}
@media (max-width:560px){.sm-ben{grid-template-columns:1fr}}
