/* Navega v3 — redesign out/2026 (briefing). Componentes novos; v2.css continua valendo. */
:root{--verde-a:#2E5540;--verde-b:#3E6B4F;--verde-c:#4F7E5E;--oliva:#2E5540;--areia:#F5F1E9;--prata:#E4DCD0;--salva:#A9B39F;--terra2:#D35F22}

/* barra de anúncio */
.topbar{background:var(--verde-a);color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-align:center;padding:9px 16px}
.topbar a{color:#F3C9A8;text-decoration:none}.topbar a:hover{text-decoration:underline}

/* hero container oliva flutuante */

  background-image:radial-gradient(60% 50% at 50% 0%,rgba(255,255,255,.10),transparent 60%),linear-gradient(120deg,var(--verde-a) 0%,var(--verde-b) 55%,var(--verde-c) 100%)}

/* pilares */
.pil .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.pil .pc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px}
.pil .pc .ic{width:44px;height:44px;border-radius:12px;background:var(--areia);display:grid;place-items:center;margin-bottom:16px}
.pil .pc h3{font-size:20px;margin:0}.pil .pc p{color:var(--ink2);font-size:15px;margin-top:8px}
@media(max-width:860px){.pil .grid{grid-template-columns:1fr}}

/* bento hoje x com a navega */
.bento{background:var(--areia)}
.bento .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:38px;align-items:start}
.bento .col h3{font-size:24px;margin:0 0 4px;display:flex;align-items:center;gap:10px}
.bento .col h3 small{font-family:var(--sans);font-weight:500;font-size:15px;color:var(--ink3)}
.bento .col .chip{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#EEF4EA;color:var(--verde);border:1px solid #D8E6D2;margin-left:auto}
.bento .cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.bento .bc{border-radius:18px;padding:18px;min-height:190px;position:relative;overflow:hidden}
.bento .bc .t{font-weight:600;font-size:15px;margin:0 0 12px;display:flex;align-items:center;gap:8px}
.bento .hoje .bc{background:#F1EEE6;border:1px solid var(--prata);color:var(--ink2)}
.bento .hoje .bc.pink{background:#F6E9E6}
.bento .com .bc{background:#fff;border:1px solid var(--prata);color:var(--ink)}
.bento .com .bc.dark{background:var(--verde-b);color:#fff;border-color:transparent}
.bento .com .bc.lar{background:var(--terra2);color:#fff;border-color:transparent}
.bento .com .bc.wide{grid-column:1/-1;min-height:0}
/* mini-ui dentro dos cards */
.mini{font-family:var(--mono);font-size:11px}
.sheet{background:#fff;border:1px solid var(--prata);border-radius:10px;overflow:hidden}
.sheet .r{display:grid;grid-template-columns:28px 1fr 1fr 1fr;border-bottom:1px solid var(--prata)}
.sheet .r span{padding:6px 8px;border-right:1px solid var(--prata);color:var(--ink3);font-family:var(--mono);font-size:10.5px}
.sheet .r span.err{background:#FDECEA;color:#B3261E;position:relative}
.err-tip{position:absolute;right:10px;bottom:10px;background:#B3261E;color:#fff;font-size:11px;padding:4px 9px;border-radius:999px;font-family:var(--sans)}
.flowm{display:flex;flex-direction:column;gap:8px}
.flowm .n{align-self:flex-start;background:#fff;border:1px solid var(--prata);border-radius:999px;padding:5px 11px;font-size:12px;color:var(--ink2)}
.flowm .n.warn{background:#FBE3D6;border-color:#F0B98F;color:#9A4A17;margin-left:24px}
.flowm .n.manual{margin-left:48px}
.tasks{background:#fff;border:1px solid var(--prata);border-radius:10px;overflow:hidden}
.tasks .r{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--prata);font-size:12px;color:var(--ink2)}
.tasks .r b{font-weight:600;color:var(--ink)}.tasks .r .pd{font-family:var(--mono);font-size:10px;background:#F6E9E6;color:#9A4A17;padding:3px 8px;border-radius:999px}
.calc{display:grid;gap:10px}
.calc .row{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.calc .row b{font-family:var(--mono);font-weight:500}
.calc .bar{height:8px;border-radius:999px;background:rgba(255,255,255,.25);overflow:hidden}.calc .bar i{display:block;height:100%;width:0;background:#fff;border-radius:999px;animation:grow 1.6s .4s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes grow{to{width:var(--w)}}
.calc .big{font-family:var(--serif);font-size:34px;line-height:1;margin-top:6px}
.calc .big small{font-family:var(--mono);font-size:12px;opacity:.8;margin-left:8px}
.wmsg{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px;font-size:13px;line-height:1.45}
.wmsg .h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12.5px;margin-bottom:6px}.wmsg .h i{width:16px;height:16px;border-radius:50%;background:#25D366;display:inline-block}
.wmsg .ok{display:flex;gap:8px;margin-top:10px}.wmsg .ok span{flex:1;text-align:center;font-size:12px;padding:7px;border-radius:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14)}
.wmsg .ok span.on{background:#2FB36B;border-color:#2FB36B;color:#fff}
.sync{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:4px}
.sync .side{display:grid;gap:8px}.sync .side img{height:40px;width:auto;display:block}
.sync .hub{width:46px;height:46px;border-radius:50%;background:var(--areia);border:1px solid var(--prata);display:grid;place-items:center;font-size:18px;animation:spin 6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pills span{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;padding:5px 10px;border-radius:999px;background:#EEF4EA;color:var(--verde);border:1px solid #D8E6D2}
.pills span::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#2FB36B;margin-right:6px;vertical-align:middle}
@media(max-width:900px){.bento .cols{grid-template-columns:1fr}}
@media(max-width:560px){.bento .cards{grid-template-columns:1fr}}

/* serviços com diagrama */
.sol .scard .dia{height:64px;width:100%;max-width:220px;margin:-6px 0 12px;display:block}.sol .cards{grid-template-columns:repeat(5,minmax(0,1fr))}
.sol .scard .dia .w{fill:none;stroke:var(--prata);stroke-width:1.5}
.sol .scard .dia .nd{fill:#fff;stroke:var(--prata);stroke-width:1.5}
.sol .scard .dia .dot{fill:var(--terra2)}

/* stepper 01-04 */
.steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.steps::before{content:"";position:absolute;left:28px;right:28px;top:26px;height:2px;background:var(--prata)}
.steps .st{position:relative;background:transparent}
.steps .k{width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--prata);display:grid;place-items:center;font-family:var(--mono);font-size:14px;color:var(--ink2);position:relative;z-index:1;transition:all .3s}
.steps .st.on .k{background:var(--oliva);border-color:var(--oliva);color:#fff}
.steps h3{font-size:18px;margin:16px 0 0}.steps p{color:var(--ink2);font-size:14.5px;margin-top:6px}
@media(max-width:860px){.steps{grid-template-columns:1fr 1fr}.steps::before{display:none}}

/* abas para quem é */
.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:30px}
.tabs button{font:inherit;font-weight:600;font-size:14px;padding:10px 18px;border-radius:999px;border:1px solid var(--prata);background:#fff;color:var(--ink2);cursor:pointer;transition:all .2s}
.tabs button.on{background:var(--oliva);color:#fff;border-color:var(--oliva)}
.tabp{display:none;margin:26px auto 0;max-width:900px;background:#fff;border:1px solid var(--prata);border-radius:20px;padding:30px;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}
.tabp.on{display:grid;animation:wup .4s both}
.tabp h3{font-size:24px;margin:0}.tabp p{color:var(--ink2);margin-top:10px}
.tabp ul{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.tabp li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink)}
.tabp li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:#EEF4EA;border:1px solid #D8E6D2;margin-top:2px}
@media(max-width:760px){.tabp{grid-template-columns:1fr}}

/* faq sanfona */
.faq3 details{border:1px solid var(--prata);border-radius:14px;background:#fff;margin-top:10px;overflow:hidden}
.faq3 summary{list-style:none;cursor:pointer;padding:18px 22px;font-weight:600;font-size:16.5px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq3 summary::-webkit-details-marker{display:none}
.faq3 summary::after{content:"+";font-family:var(--mono);font-size:20px;color:var(--ink3);transition:transform .25s}
.faq3 details[open] summary::after{transform:rotate(45deg)}
.faq3 .a{padding:0 22px 20px;color:var(--ink2);font-size:15px;line-height:1.6}

/* loja: abas e cards */
.lt{display:flex;gap:8px;justify-content:center;margin-top:28px}
.lt button{font:inherit;font-weight:600;font-size:14px;padding:10px 18px;border-radius:999px;border:1px solid var(--prata);background:#fff;color:var(--ink2);cursor:pointer}
.lt button.on{background:var(--oliva);color:#fff;border-color:var(--oliva)}
.lp{display:none}.lp.on{display:block;animation:wup .4s both}
.lp .grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.lp .mc{background:#fff;border:1px solid var(--prata);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}
.lp .mc .st{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:999px;background:#FBF2EC;color:var(--terra2);align-self:flex-start}
.lp .mc .st.ok{background:#EEF4EA;color:var(--verde)}
.lp .mc h3{font-size:22px;margin:0}.lp .mc p{color:var(--ink2);font-size:15px;margin:0}
.lp .mc .pr{font-family:var(--serif);font-size:26px;margin-top:4px}.lp .mc .pr small{font-family:var(--mono);font-size:12px;color:var(--ink3);margin-left:6px}
.lp .mc .vis{height:120px;border-radius:12px;background:var(--areia);border:1px solid var(--prata);display:grid;place-items:center;overflow:hidden}
@media(max-width:760px){.lp .grid{grid-template-columns:1fr}}

/* rodapé legal */
.fbase .legal{display:block;margin-top:6px;font-family:var(--mono);font-size:11px;letter-spacing:.03em}

/* radar: topo e "reúne" */

.reune .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}
.reune .rc{background:#fff;border:1px solid var(--prata);border-radius:16px;padding:20px}
.reune .rc h3{font-size:17px;margin:0}.reune .rc p{color:var(--ink2);font-size:14px;margin-top:6px}
.reune .rc .st{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);display:block;margin-bottom:10px}
.reune .rc .st.dev{color:var(--terra2)}.reune .rc .st.rm{color:var(--ink3)}
@media(max-width:900px){.reune .grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.reune .grid{grid-template-columns:1fr}}



.ponte .rshot .win{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.35);color:var(--ink)}
.ponte .rshot .bar{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3)}
.ponte .rshot .bar i{width:9px;height:9px;border-radius:50%;background:var(--line2);display:inline-block}
.ponte .rshot img{display:block;width:100%;height:auto}
.tabp .sync .side img{height:44px}

.geo-resumo{background:var(--areia)}.geo-resumo .geo-h{font-size:28px}
.geo-resumo .geo-dl{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.geo-resumo .geo-dl dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--terra2);margin:0}
.geo-resumo .geo-dl dd{margin:8px 0 0;font-size:14px;color:var(--ink2);background:#fff;border:1px solid var(--prata);border-radius:14px;padding:16px}
.geo-resumo .geo-dl>div{display:contents}
@media(max-width:900px){.geo-resumo .geo-dl{grid-template-columns:1fr 1fr}}@media(max-width:560px){.geo-resumo .geo-dl{grid-template-columns:1fr}}

.reune .rc .st.ok{color:var(--verde)}

.geo-resumo .geo-dl dt{grid-row:1}.geo-resumo .geo-dl dd{grid-row:2}
.lp .mc .btn{align-self:flex-start;margin-top:auto}
.lp .mc .vis svg{max-width:100%}

/* pop-ups: flutuação e linhas de conexão */

/* pop-ups nas páginas internas (ihero) */
.ihero .in{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.ihero .in>.txt{min-width:0}
.pops{position:relative;height:340px}
.pops .card{position:absolute;left:60px;right:60px;top:40px;bottom:40px;background:#fff;border:1px solid var(--prata);border-radius:18px;box-shadow:0 24px 60px rgba(30,40,20,.14);overflow:hidden}
.pops .card .bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3)}
.pops .card .bar i{width:9px;height:9px;border-radius:50%;background:var(--line2);display:inline-block}
.pops .card .bar i:nth-child(1){background:#F28B82}.pops .card .bar i:nth-child(2){background:#F3C96B}.pops .card .bar i:nth-child(3){background:#7ED957}
.pops .card .body{padding:16px}
.pops .card img.shot{display:block;width:100%;height:auto}
.pops .pop{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border:1px solid var(--prata);border-radius:14px;padding:9px 14px 9px 9px;box-shadow:0 16px 40px rgba(30,40,20,.18);font-size:14px;font-weight:600;white-space:nowrap;animation:flt 5s ease-in-out infinite}
.pops .pop img{height:32px;width:auto;border-radius:8px}
.pops .pop .ic{width:32px;height:32px;border-radius:9px;background:#EEF4EA;color:var(--verde-b);display:grid;place-items:center;font-size:15px}
.pops .pop.g{background:var(--verde-b);color:#fff;border-color:transparent}
.pops .pop.g .ic{background:rgba(255,255,255,.18);color:#fff}
.pops .pop.o{background:var(--terra2);color:#fff;border-color:transparent}
.pops .p1{left:-10px;top:10px}.pops .p2{right:-10px;top:70px;animation-delay:1.1s}.pops .p3{left:0;bottom:30px;animation-delay:2.2s}.pops .p4{right:10px;bottom:-6px;animation-delay:3.3s}
.pops .links{position:absolute;inset:0;z-index:2;pointer-events:none}
.pops .links path{fill:none;stroke:var(--salva);stroke-width:1.5;stroke-dasharray:4 6;animation:dash 1.6s linear infinite}
.pops .links circle{fill:var(--terra2)}
.pops .tasks .r{font-size:13px}
.pops .pills{margin-top:0}
@media(max-width:900px){.ihero .in{grid-template-columns:1fr}.pops{height:300px;margin-top:10px}.pops .card{left:30px;right:30px}.pops .pop{font-size:13px}.pops .pop img{height:26px}}
@media(max-width:560px){.pops{display:none}}


/* ===== topo (print aprovado 19/10): caixa verde, janela saindo por baixo, pop-ups saindo pelas laterais ===== */
:root{--verde-caixa:#233E2D;--pill-verde:#DDEFE0;--pill-bege:#F3E6C9}
@keyframes wup{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes flt{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes dash{to{stroke-dashoffset:-20}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,179,107,.55)}70%{box-shadow:0 0 0 10px rgba(47,179,107,0)}100%{box-shadow:0 0 0 0 rgba(47,179,107,0)}}
.hero3{background:var(--areia);padding:22px 0 70px;overflow:hidden}
.hero3 .box{position:relative;background:var(--verde-caixa);color:#fff;border-radius:28px;padding:72px 24px 0;text-align:center}
.hero3 .kick{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);margin:0}
.hero3 h1{color:#fff;font-size:clamp(38px,5.2vw,66px);line-height:1.06;letter-spacing:-.02em;margin:18px auto 0;max-width:22ch;font-weight:400}
.hero3 h1 em{font-style:italic;color:#fff}
.hero3 .sub{color:rgba(255,255,255,.85);font-size:clamp(16px,1.5vw,19px);margin:22px auto 0;max-width:58ch}
.hero3 .ctas{display:flex;gap:26px;justify-content:center;align-items:center;margin-top:30px;flex-wrap:wrap}
.hero3 .btn.pri{background:var(--lar)}
.hero3 .ctas .lnk{color:#fff;font-weight:600;text-decoration:none;font-size:15px}.hero3 .ctas .lnk:hover{text-decoration:underline}
.hero3 .stgw{transform:translateY(60px);margin-top:48px}
.hero3 .stg{position:relative;max-width:900px;margin:0 auto}
.hero3 .box{margin-bottom:60px}
.hero3 .win{position:relative;z-index:1;background:#fff;border-radius:16px;box-shadow:0 30px 80px rgba(20,40,25,.35);overflow:hidden;color:var(--ink);text-align:left;border:1px solid #D9DED6}
.hero3 .win .bar{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3);background:#fff}
.hero3 .win .bar i{width:10px;height:10px;border-radius:50%;background:var(--line2);display:inline-block}
.hero3 .win .bar i:nth-child(1){background:#F28B82}.hero3 .win .bar i:nth-child(2){background:#F3C96B}.hero3 .win .bar i:nth-child(3){background:#7ED957}
.hero3 .win .crop{height:400px;overflow:hidden}.hero3 .win .crop img{display:block;width:100%;height:auto}
/* pop-ups */
.hero3 .pop{position:absolute;z-index:3;display:flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border:1px solid #D9DED6;border-radius:14px;padding:10px 14px;box-shadow:0 16px 40px rgba(20,40,25,.22);font-size:15px;font-weight:600;white-space:nowrap;animation:flt 5s ease-in-out infinite}
.hero3 .pop img{height:44px;width:auto;display:block}
.hero3 .pop.pill{padding:7px 14px;font-size:13.5px;border-radius:999px;background:var(--pill-verde);color:#1F4D30;border-color:transparent}
.hero3 .pop.pill.bege{background:var(--pill-bege);color:#5A3E1B}
.hero3 .pop.pill::before{content:"";width:7px;height:7px;border-radius:50%;background:#2FB36B;display:inline-block}
.hero3 .pop.pill.bege::before{background:#D35F22}
.hero3 .l1{left:-120px;top:22px}.hero3 .l2{left:-90px;top:70px;animation-delay:.8s}.hero3 .l3{left:-130px;top:142px;animation-delay:1.6s}.hero3 .l4{left:-80px;top:214px;animation-delay:2.4s}
.hero3 .r1{right:-110px;top:60px;animation-delay:.4s}.hero3 .r2{right:-70px;top:190px;animation-delay:1.2s}.hero3 .r3{right:-40px;top:236px;animation-delay:2s}
.hero3 .wa{width:300px;white-space:normal;display:block;padding:12px 14px;font-weight:400;font-size:13px;line-height:1.4}
.hero3 .wa .h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12.5px}.hero3 .wa .h i{width:18px;height:18px;border-radius:50%;background:#25D366;display:inline-block}
.hero3 .wa .h .lv{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink3)}.hero3 .wa p{margin:6px 0 0;color:var(--ink2)}
.hero3 .links{position:absolute;left:-140px;right:-140px;top:0;bottom:0;width:calc(100% + 280px);height:100%;z-index:2;pointer-events:none}
.hero3 .links path{fill:none;stroke:#8AA58F;stroke-width:1.5;stroke-dasharray:4 6;animation:dash 1.6s linear infinite}
.hero3 .links circle{fill:#D35F22}
.hero3 .reveal-up{animation:wup .8s cubic-bezier(.2,.8,.2,1) both}
.hero3 .d1{animation-delay:.2s}.hero3 .d2{animation-delay:.35s}.hero3 .d3{animation-delay:.5s}.hero3 .d4{animation-delay:.7s}.hero3 .d5{animation-delay:.9s}
.hero3 .pop.reveal-up{animation:wup .8s .9s cubic-bezier(.2,.8,.2,1) both,flt 5s 1.8s ease-in-out infinite}
@media(max-width:1200px){.hero3 .l1{left:-40px}.hero3 .l2{left:-30px}.hero3 .l3{left:-50px}.hero3 .l4{left:-20px}.hero3 .r1{right:-30px}.hero3 .r2{right:-10px}.hero3 .r3{right:0}}
@media(max-width:900px){.hero3 .pop,.hero3 .links{display:none}.hero3 .box{border-radius:20px;padding-top:52px}.hero3{padding-top:12px;padding-bottom:40px}.hero3 .win .crop{height:240px}.hero3 .stg{margin-bottom:-30px}}
/* radar: mesma caixa, texto à esquerda */
.rhero3 .box{text-align:left;padding:72px 48px 0}
.rhero3 .box .in{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:end}
.rhero3 h1{text-align:left;margin-left:0;max-width:14ch}.rhero3 .sub{margin-left:0;text-align:left}.rhero3 .ctas{justify-content:flex-start}
.rhero3 .box .in>div:first-child{padding-bottom:64px}
.rhero3 .stgw{margin-top:0}.rhero3 .stg{max-width:none}
@media(max-width:900px){.rhero3 .box .in{grid-template-columns:1fr}.rhero3 .box{padding:52px 20px 0}.rhero3 .box .in>div:first-child{padding-bottom:36px}}

/* ===== animações v3 ===== */
.stag>*{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.16,.8,.24,1)}
.stag.vis>*{opacity:1;transform:none}
.stag.from-l>*{transform:translateX(-24px)}.stag.from-r>*{transform:translateX(24px)}
/* mini-UIs só animam quando aparecem */
.anim .calc .bar i{animation-play-state:paused}.anim.vis .calc .bar i{animation-play-state:running}
.anim .flowm .n{opacity:0;transform:translateX(-10px);transition:all .5s}.anim.vis .flowm .n{opacity:1;transform:none}
.anim.vis .flowm .n:nth-child(2){transition-delay:.5s}.anim.vis .flowm .n:nth-child(3){transition-delay:1s}
.anim .tasks .r{opacity:0;transform:translateY(8px);transition:all .45s}.anim.vis .tasks .r{opacity:1;transform:none}
.anim.vis .tasks .r:nth-child(2){transition-delay:.25s}.anim.vis .tasks .r:nth-child(3){transition-delay:.5s}.anim.vis .tasks .r:nth-child(4){transition-delay:.75s}
.anim .pills span{opacity:0;transform:scale(.8);transition:all .4s cubic-bezier(.2,.8,.2,1)}.anim.vis .pills span{opacity:1;transform:none}
.anim.vis .pills span:nth-child(2){transition-delay:.2s}.anim.vis .pills span:nth-child(3){transition-delay:.4s}.anim.vis .pills span:nth-child(4){transition-delay:.6s}
.anim .wmsg .ok span.on{animation:pulse 2.4s 1.2s infinite}
.sheet .err.cur::after{content:"";display:inline-block;width:1px;height:11px;background:#B3261E;margin-left:1px;vertical-align:-1px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.typing{display:inline-flex;gap:4px;padding:4px 0}.typing i{width:6px;height:6px;border-radius:50%;background:var(--ink3);display:inline-block;animation:tp 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}
@keyframes tp{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}
/* stepper com barra que enche */
.steps .prog{position:absolute;left:28px;top:26px;height:2px;background:var(--verde-b);width:0;transition:width 1.2s cubic-bezier(.2,.8,.2,1);z-index:0}
.steps .st.on .k{box-shadow:0 0 0 6px rgba(62,107,79,.15)}
/* status pulsando */
.obras .st.dev::before,.reune .rc .st.dev::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--terra2);margin-right:6px;vertical-align:middle;animation:pulse 2.2s infinite;box-shadow:0 0 0 0 rgba(211,95,34,.5)}
/* hover nos pop-ups e cards */
.pop,.hero3 .pop{transition:box-shadow .25s,translate .2s}
.hero3 .pop:hover,.pops .pop:hover{box-shadow:0 24px 54px rgba(20,40,25,.3)}
.pil .pc,.reune .rc,.lp .mc,.qc{transition:transform .25s,box-shadow .25s}
.pil .pc:hover,.reune .rc:hover,.lp .mc:hover,.qc:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(30,40,20,.10)}
.pil .pc .ic{transition:transform .3s}.pil .pc:hover .ic{transform:rotate(-6deg) scale(1.08)}
/* história rolável */
.story{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start;margin-top:40px}
.story .steps-col{display:grid;gap:34vh;padding:20vh 0}
.story .step{opacity:.35;transition:opacity .4s;max-width:38ch}.story .step.on{opacity:1}
.story .step .n{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--terra2)}
.story .step h3{font-size:26px;margin:10px 0 0}.story .step p{color:var(--ink2);margin-top:10px}
.story .frame{position:sticky;top:110px;background:#fff;border:1px solid var(--prata);border-radius:18px;overflow:hidden;box-shadow:0 30px 70px rgba(20,40,25,.18)}
.story .frame .bar{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--ink3)}
.story .frame .bar i{width:10px;height:10px;border-radius:50%;background:var(--line2);display:inline-block}
.story .frame .bar i:nth-child(1){background:#F28B82}.story .frame .bar i:nth-child(2){background:#F3C96B}.story .frame .bar i:nth-child(3){background:#7ED957}
.story .frame img{display:block;width:100%;height:420px;object-fit:cover;object-position:50% 0%;transition:object-position 1.1s cubic-bezier(.2,.8,.2,1)}
.story .frame .cap{position:absolute;left:16px;bottom:16px;background:var(--verde-caixa);color:#fff;font-size:13px;padding:8px 12px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
@media(max-width:900px){.story{grid-template-columns:1fr}.story .frame{position:relative;top:0}.story .steps-col{gap:40px;padding:0}.story .step{opacity:1}.story .frame img{height:260px}}
.pops .card{opacity:0;transform:translateY(20px);transition:all .7s cubic-bezier(.16,.8,.24,1)}.pops.vis .card{opacity:1;transform:none}
.pops .pop{opacity:0;transition:opacity .5s,box-shadow .25s}.pops.vis .pop{opacity:1}
.pops.vis .p1{transition-delay:.3s}.pops.vis .p2{transition-delay:.5s}.pops.vis .p3{transition-delay:.7s}.pops.vis .p4{transition-delay:.9s}
.pops .links path{opacity:0;transition:opacity .6s 1s}.pops.vis .links path{opacity:1}
.pops .pop{border-radius:14px;padding:9px 14px 9px 9px}.pops .pop img{height:40px}
.bento h2 em,.sec h2 em{font-style:italic;font-weight:400}

/* ================= feature/1.3 — home ================= */
:root{--agua1:#0A5C4F;--agua2:#0F8A72;--agua3:#14A98A;--menta:#BFF5E3}
.sec h2 em{font-style:italic;font-weight:400}

/* 1. tela que muda ao rolar (pilares) */
.sy{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;margin-top:40px}
.sy-steps{display:grid;gap:38vh;padding:12vh 0 22vh}
.sy-step{opacity:.28;transition:opacity .5s,transform .5s;transform:translateX(-6px)}
.sy-step.on{opacity:1;transform:none}
.sy-step .n{font-family:var(--mono);font-size:12px;letter-spacing:.14em;color:var(--terra2)}
.sy-step h3{font-size:30px;margin:10px 0 0;line-height:1.1}.sy-step p{color:var(--ink2);font-size:16.5px;margin-top:12px;max-width:40ch}
.sy-sticky{position:sticky;top:120px}
.lap{position:relative;padding:0 30px 26px}
.lap-scr{position:relative;background:#fff;border:10px solid #1d2a22;border-bottom-width:14px;border-radius:18px;height:360px;overflow:hidden;box-shadow:0 40px 80px rgba(20,40,25,.22)}
.lap-base{height:16px;margin:0 -30px;background:linear-gradient(#cfd5cd,#aeb6ac);border-radius:0 0 18px 18px;position:relative}
.lap-base::before{content:"";position:absolute;left:50%;top:0;width:90px;height:6px;margin-left:-45px;background:#9aa398;border-radius:0 0 8px 8px}
.lap-bar{display:flex;align-items:center;gap:7px;padding:9px 12px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:10.5px;color:var(--ink3);background:#fff}
.lap-bar i{width:9px;height:9px;border-radius:50%;display:inline-block}.lap-bar i:nth-child(1){background:#F28B82}.lap-bar i:nth-child(2){background:#F3C96B}.lap-bar i:nth-child(3){background:#7ED957}
.scr{position:absolute;left:0;right:0;top:36px;bottom:0;padding:22px 26px;opacity:0;transform:scale(.96) translateY(10px);transition:opacity .55s,transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.lap[data-s="1"] .s1,.lap[data-s="2"] .s2,.lap[data-s="3"] .s3{opacity:1;transform:none}
.flow3{display:flex;align-items:center;gap:8px;margin-bottom:18px}
.flow3 span{flex:none;background:#fff;border:1px solid var(--prata);border-radius:12px;padding:6px 10px;box-shadow:0 6px 16px rgba(20,40,25,.08)}.flow3 img{height:30px;display:block}
.flow3 b{flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--verde-b) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:fl 1s linear infinite}
@keyframes fl{to{background-position:24px 0}}
.chk{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.chk li{display:flex;gap:10px;align-items:center;font-size:14px;background:#F5F7F3;border:1px solid #DDE7D8;border-radius:10px;padding:9px 12px;opacity:0;transform:translateX(-10px)}
.chk li::before{content:"✓";width:20px;height:20px;border-radius:50%;background:var(--verde-b);color:#fff;font-size:11px;display:grid;place-items:center;flex:none}
.lap[data-s="1"] .chk li{animation:chk .5s forwards}.lap[data-s="1"] .chk li:nth-child(2){animation-delay:.35s}.lap[data-s="1"] .chk li:nth-child(3){animation-delay:.7s}.lap[data-s="1"] .chk li:nth-child(4){animation-delay:1.05s}
@keyframes chk{to{opacity:1;transform:none}}
.s2 .lt{font-family:var(--mono);font-size:11px;color:var(--ink3);margin:0 0 10px}
.wf{display:flex;align-items:flex-end;gap:12px;height:230px;border-bottom:1px solid var(--prata)}
.wf .b{flex:1;position:relative;height:0;background:var(--verde-b);border-radius:8px 8px 0 0;transition:height .9s cubic-bezier(.2,.8,.2,1)}
.wf .b.neg{background:#F0B98F}.wf .b.ok{background:var(--terra2)}
.lap[data-s="2"] .wf .b{height:var(--h)}.lap[data-s="2"] .wf .b:nth-child(2){transition-delay:.15s}.lap[data-s="2"] .wf .b:nth-child(3){transition-delay:.3s}.lap[data-s="2"] .wf .b:nth-child(4){transition-delay:.45s}.lap[data-s="2"] .wf .b:nth-child(5){transition-delay:.6s}
.wf .b i{position:absolute;top:-22px;left:0;right:0;text-align:center;font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--ink)}
.wf .b em{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-style:normal;font-size:11.5px;color:var(--ink3)}
.s3{background:linear-gradient(180deg,#E8EFE6,#F5F1E9);display:flex;flex-direction:column;gap:12px;justify-content:center}
.wmsg2{background:#fff;border-radius:14px;padding:12px 14px;box-shadow:0 10px 26px rgba(20,40,25,.12);max-width:360px;transform:translateY(16px);opacity:0;transition:all .6s}
.lap[data-s="3"] .wmsg2{transform:none;opacity:1}.lap[data-s="3"] .wmsg2.sm{transition-delay:.5s;margin-left:40px}
.wmsg2 .h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:12.5px}.wmsg2 .h i{width:16px;height:16px;border-radius:50%;background:#25D366}.wmsg2 .h span{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--ink3);font-weight:400}
.wmsg2 p{margin:6px 0 0;font-size:13.5px;color:var(--ink2)}
.wmsg2 .ok{display:flex;gap:8px;margin-top:10px}.wmsg2 .ok span{flex:1;text-align:center;font-size:12px;padding:7px;border-radius:9px;background:#F1F3EF}.wmsg2 .ok span.on{background:#2FB36B;color:#fff}
.lap .pp{position:absolute;z-index:3;background:#fff;border:1px solid #D9DED6;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:600;box-shadow:0 16px 36px rgba(20,40,25,.18);opacity:0;transform:scale(.8) translateY(10px);transition:all .5s cubic-bezier(.2,.8,.2,1);white-space:nowrap}
.lap .pp1{left:-14px;top:30px;background:var(--pill-verde);border-color:transparent;color:#1F4D30}
.lap .pp2{right:-20px;top:120px}.lap .pp2 b{color:var(--verde-b)}
.lap .pp3{right:0;bottom:70px;display:flex;align-items:center;gap:8px}.lap .pp3 i{width:10px;height:10px;border-radius:50%;background:#25D366;animation:pulse 2s infinite}
.lap[data-s="1"] .pp1,.lap[data-s="2"] .pp2,.lap[data-s="3"] .pp3{opacity:1;transform:none;animation:flt 5s 0.6s ease-in-out infinite}
@media(max-width:900px){.sy{grid-template-columns:1fr;gap:20px}.sy-stage{order:-1}.sy-sticky{top:76px;z-index:2}.lap-scr{height:260px}.sy-steps{gap:46vh;padding:4vh 0 10vh}.sy-step h3{font-size:24px}.lap .pp{display:none}.wf{height:150px}}

/* 2. números em cards */
.auth3{padding:30px 0 60px;background:linear-gradient(180deg,#FBF7F0,#F5F1E9)}
.auth3 .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.auth3 .nc{position:relative;background:#fff;border:1px solid var(--prata);border-radius:18px;padding:22px 20px 18px;overflow:hidden;transition:transform .25s,box-shadow .25s}
.auth3 .nc:hover{transform:translateY(-5px);box-shadow:0 22px 44px rgba(20,40,25,.12)}
.auth3 .ico{position:absolute;right:16px;top:14px;width:34px;height:34px;border-radius:10px;background:#EEF4EA;color:var(--verde-b);display:grid;place-items:center;font-size:16px;transition:transform .4s}
.auth3 .nc:hover .ico{transform:rotate(-10deg) scale(1.1)}
.auth3 .k{font-family:var(--serif);font-size:36px;line-height:1.05;color:var(--ink)}
.auth3 .d{color:var(--ink2);font-size:14px;margin-top:6px;max-width:26ch}
.auth3 .sp{display:block;width:100%;height:34px;margin-top:14px}.auth3 .sp path{fill:none;stroke:var(--terra2);stroke-width:2;stroke-dasharray:200;stroke-dashoffset:200;transition:stroke-dashoffset 1.6s .3s}
.auth3 .stag.vis .sp path{stroke-dashoffset:0}
.auth3 .mini-logos{display:flex;gap:6px;margin-top:14px}.auth3 .mini-logos img{height:24px;background:#fff;border:1px solid var(--prata);border-radius:8px;padding:2px 6px}
.auth3 .obs{margin-top:16px;color:var(--ink3);font-size:12.5px}
@media(max-width:900px){.auth3 .grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.auth3 .grid{grid-template-columns:1fr}}

/* 3. mercado com palavras orbitando */
.merc{position:relative;overflow:hidden}
.orbit{position:absolute;inset:0;pointer-events:none}
.orbit .ob{position:absolute;background:#fff;border:1px solid var(--prata);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;color:var(--ink2);box-shadow:0 12px 28px rgba(20,40,25,.10);animation:flt 6s ease-in-out infinite;transition:translate .3s}
.orbit .o1{left:6%;top:18%}.orbit .o2{left:12%;top:62%;animation-delay:1s;background:var(--pill-verde);color:#1F4D30;border-color:transparent}.orbit .o3{left:3%;top:40%;animation-delay:2s}
.orbit .o4{right:5%;top:20%;animation-delay:.5s}.orbit .o5{right:10%;top:62%;animation-delay:1.5s;background:var(--pill-bege);color:#5A3E1B;border-color:transparent}.orbit .o6{right:2%;top:42%;animation-delay:2.5s}
.era{display:flex;align-items:stretch;justify-content:center;gap:14px;margin:30px auto 0;max-width:720px}
.era .e{flex:1;border-radius:16px;padding:16px 18px;text-align:left;border:1px solid var(--prata);background:#fff;transition:transform .3s}
.era .e b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3)}.era .e span{display:block;margin-top:6px;font-size:15px}
.era .old{opacity:.65;text-decoration:line-through;text-decoration-color:rgba(211,95,34,.6)}
.era .new{background:var(--verde-caixa);color:#fff;border-color:transparent}.era .new b{color:var(--menta)}
.era .arrow{align-self:center;font-size:22px;color:var(--terra2);animation:nudge 1.6s ease-in-out infinite}
@keyframes nudge{50%{transform:translateX(6px)}}
@media(max-width:900px){.orbit{display:none}.era{flex-direction:column}.era .arrow{transform:rotate(90deg);animation:none}}

/* 4. etapas com painel */
.steps .st{cursor:pointer}.steps .st:hover .k{border-color:var(--verde-b)}
.ppan{position:relative;margin-top:30px;background:#fff;border:1px solid var(--prata);border-radius:20px;min-height:200px;overflow:hidden}
.pp-in{position:absolute;inset:0;padding:26px 30px;display:grid;grid-template-columns:1.4fr 1fr;gap:30px;align-items:center;opacity:0;transform:translateY(12px);transition:all .5s;pointer-events:none}
.pp-in.on{position:relative;opacity:1;transform:none;pointer-events:auto}
.pp-in>p{color:var(--ink2);font-size:15.5px;margin:0}
.pmap{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pmap span{position:relative;background:#F5F7F3;border:1px solid #DDE7D8;border-radius:12px;padding:10px 14px;font-size:14px}
.pmap span:not(:last-child)::after{content:"→";position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:12px}
.pmap .slow{background:#FBE3D6;border-color:#F0B98F;color:#9A4A17;animation:pulse2 1.8s infinite}
.pmap .slow em{display:block;font-style:normal;font-family:var(--mono);font-size:10.5px;margin-top:2px}
@keyframes pulse2{50%{box-shadow:0 0 0 6px rgba(211,95,34,.12)}}
.pflow{display:flex;align-items:center;gap:6px}
.pflow span{background:#F5F7F3;border:1px solid #DDE7D8;border-radius:12px;padding:10px 12px;font-size:13.5px;white-space:nowrap}
.pflow .hub{background:var(--verde-caixa);color:#fff;border-color:transparent}
.pflow i{flex:1;min-width:16px;height:2px;background:repeating-linear-gradient(90deg,var(--terra2) 0 6px,transparent 6px 12px);background-size:24px 2px;animation:fl 1s linear infinite}
.pterm{background:#16211A;color:#CFE9D8;border-radius:12px;padding:14px 16px;font-family:var(--mono);font-size:12.5px;display:grid;gap:6px}
.pterm div{opacity:0}.pterm b{color:#7ED957;font-weight:500;margin-left:6px}
.pp-in.on .pterm div{animation:chk .4s forwards}.pp-in.on .pterm div:nth-child(2){animation-delay:.4s}.pp-in.on .pterm div:nth-child(3){animation-delay:.8s}.pp-in.on .pterm div:nth-child(4){animation-delay:1.2s}
.pchart{width:100%;height:120px}.pchart .ar{fill:rgba(62,107,79,.12)}.pchart .ln{fill:none;stroke:var(--verde-b);stroke-width:2.5;stroke-dasharray:400;stroke-dashoffset:400}
.pp-in.on .pchart .ln{animation:draw 1.6s forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@media(max-width:760px){.pp-in{grid-template-columns:1fr;padding:20px}.pflow{flex-wrap:wrap}}

/* 5. o que já está rodando: lista + demo */
.ob-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:26px;margin-top:34px;align-items:stretch}
.ob-list{display:grid;gap:10px}
.obi{text-align:left;font:inherit;cursor:pointer;background:#fff;border:1px solid var(--prata);border-radius:16px;padding:16px 18px;display:grid;gap:4px;transition:all .25s;position:relative;overflow:hidden}
.obi b{font-family:var(--serif);font-size:19px;font-weight:500;color:var(--ink)}.obi>span:last-child{color:var(--ink2);font-size:14px}
.obi .st{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--verde-b)}.obi .st.dev{color:var(--terra2)}
.obi::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--terra2);transform:scaleY(0);transition:transform .3s}
.obi.on{border-color:var(--verde-b);box-shadow:0 14px 30px rgba(20,40,25,.10)}.obi.on::after{transform:none}
.obi:hover{transform:translateX(4px)}
.ob-demo{position:relative;background:linear-gradient(160deg,#F5F1E9,#E8EFE6);border:1px solid var(--prata);border-radius:22px;padding:26px;min-height:380px;overflow:hidden}
.dm{position:absolute;inset:26px;opacity:0;transform:translateY(14px) scale(.98);transition:all .5s;pointer-events:none}
.dm.on{opacity:1;transform:none;pointer-events:auto}
.dmh{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-bottom:14px}
.dc-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--prata);font-size:15px}
.dc-row b{font-family:var(--mono);font-weight:500}.dc-row.neg b{color:#B3261E}
.dc-row .tp::after{content:"";display:inline-block;width:1px;height:14px;background:var(--ink);margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
.dc-sep{height:10px}
.dc-tot{display:flex;justify-content:space-between;align-items:baseline;margin-top:12px;background:var(--verde-caixa);color:#fff;border-radius:14px;padding:14px 16px}
.dc-tot b{font-family:var(--serif);font-size:30px;font-weight:400}
.chat{display:grid;gap:10px}
.chat p{margin:0;max-width:78%;padding:10px 14px;border-radius:16px;font-size:14.5px;opacity:0;transform:translateY(8px)}
.chat .u{background:#fff;justify-self:end;border-bottom-right-radius:4px}.chat .a{background:#DCF8C6;border-bottom-left-radius:4px}
.dm.on .chat p{animation:chk .4s forwards}.dm.on .chat p:nth-child(2){animation-delay:.9s}.dm.on .chat p:nth-child(3){animation-delay:1.9s}.dm.on .chat p:nth-child(4){animation-delay:2.6s}
.typing2{display:flex;gap:4px;width:60px}.typing2 i{width:7px;height:7px;border-radius:50%;background:#5E6356;animation:tp 1.2s infinite}.typing2 i:nth-child(2){animation-delay:.2s}.typing2 i:nth-child(3){animation-delay:.4s}
.kp{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kp div{background:#fff;border:1px solid var(--prata);border-radius:14px;padding:16px}.kp b{display:block;font-family:var(--serif);font-size:32px;font-weight:400}.kp span{color:var(--ink2);font-size:13.5px}
.dm img{width:100%;border-radius:12px;border:1px solid var(--prata);box-shadow:0 20px 40px rgba(20,40,25,.15)}
.pp-in-r{position:absolute;right:-6px;bottom:30px;background:#fff;border-radius:999px;padding:8px 14px;font-weight:600;font-size:13.5px;box-shadow:0 14px 30px rgba(20,40,25,.2);animation:flt 5s ease-in-out infinite}
@media(max-width:900px){.ob-grid{grid-template-columns:1fr}.ob-demo{min-height:400px}}

/* 6. ponte Radar verde-água com zoom */
.ponte2{background:linear-gradient(160deg,var(--agua1),var(--agua2) 55%,var(--agua3));color:#fff;padding:90px 0 70px;overflow:hidden;position:relative}
.ponte2::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 40% at 50% 0%,rgba(255,255,255,.14),transparent 70%)}
.pt-txt{position:relative;text-align:center;max-width:760px;margin:0 auto}
.pt-txt .kick{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--menta);margin:0}
.pt-txt h2{color:#fff;font-size:clamp(34px,4.6vw,58px);margin:14px 0 0;font-weight:400}.pt-txt h2 em{color:var(--menta)}
.pt-txt p{color:rgba(255,255,255,.88);font-size:17.5px;margin:16px auto 0;max-width:56ch}
.pt-txt .ctas{display:flex;gap:22px;justify-content:center;align-items:center;margin-top:26px;flex-wrap:wrap}
.pt-txt .btn.pri{background:#fff;color:var(--agua1)}.pt-txt .lnk{color:#fff;font-weight:600;text-decoration:none}
.pt-stage{position:relative;max-width:1000px;margin:50px auto 0;perspective:1400px}
.pt-lap{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 50px 100px rgba(0,30,20,.45);transform-origin:50% 100%;transform:rotateX(var(--rx,18deg)) scale(var(--sc,.86));transition:transform .1s linear;border:8px solid #0d3a31}
.pt-lap .lap-bar{background:#fff}
.pt-lap img{display:block;width:100%;height:auto}
.ponte2 .pp{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:14px;padding:10px 14px;font-weight:600;font-size:14px;box-shadow:0 18px 40px rgba(0,30,20,.3);opacity:0;transform:translateY(20px) scale(.9);transition:all .6s cubic-bezier(.2,.8,.2,1)}
.ponte2 .pp img{height:28px}.ponte2 .pp i{width:10px;height:10px;border-radius:50%;background:#2FB36B;animation:pulse 2s infinite}.ponte2 .pp i.wa{background:#25D366}
.ponte2 .q1{left:-60px;top:12%}.ponte2 .q2{right:-50px;top:18%}.ponte2 .q3{left:-40px;bottom:22%}.ponte2 .q4{right:-30px;bottom:14%}
.ponte2.p1 .q1,.ponte2.p2 .q2,.ponte2.p3 .q3,.ponte2.p4 .q4{opacity:1;transform:none;animation:flt 5s 1s ease-in-out infinite}
.pt-obs{text-align:center;font-family:var(--mono);font-size:11px;color:rgba(255,255,255,.6);margin-top:26px;position:relative}
@media(max-width:1200px){.ponte2 .q1,.ponte2 .q3{left:-10px}.ponte2 .q2,.ponte2 .q4{right:-10px}}
@media(max-width:760px){.ponte2 .pp{display:none}.pt-lap{transform:none}}

/* 7. calculadora ao vivo */
.pv{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;background:#fff;border:1px solid var(--prata);border-radius:24px;padding:36px;box-shadow:0 30px 60px rgba(20,40,25,.08)}
.mk{display:inline-flex;gap:4px;background:var(--areia);border-radius:999px;padding:4px;margin-top:22px}
.mk button{font:inherit;font-size:13.5px;font-weight:600;border:0;background:transparent;color:var(--ink2);padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s}
.mk button.on{background:var(--verde-caixa);color:#fff}
.sl{display:block;margin-top:20px;font-size:14px;color:var(--ink2)}.sl b{float:right;font-family:var(--mono);color:var(--ink);font-weight:500}
.sl input{width:100%;margin-top:10px;accent-color:var(--terra2)}
.pv-res{background:linear-gradient(160deg,#F5F1E9,#E8EFE6);border-radius:18px;padding:24px;display:flex;flex-direction:column}
.r-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--prata);font-size:15px}.r-row b{font-family:var(--mono);font-weight:500;color:#B3261E}
.r-bar{height:10px;border-radius:999px;background:#F0B98F;margin:18px 0 6px;overflow:hidden}.r-bar i{display:block;height:100%;background:var(--verde-b);width:0;transition:width .4s}
.r-big{display:flex;flex-direction:column;margin:10px 0 18px}.r-big span{color:var(--ink2);font-size:14px}.r-big b{font-family:var(--serif);font-size:44px;font-weight:400;line-height:1.05;transition:color .3s}.r-big em{font-style:normal;font-family:var(--mono);font-size:12px;color:var(--ink3)}
.r-big b.neg{color:#B3261E}
.pv-res .btn{margin-top:auto;align-self:flex-start}
@media(max-width:860px){.pv{grid-template-columns:1fr;padding:22px}}

/* 8. em resumo novo */
.res3{background:var(--areia)}
.res3 .geo-h{font-size:clamp(28px,3vw,38px);margin-top:10px}
.res3 .geo-dl{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:26px}
.res3 .rt{background:#fff;border:1px solid var(--prata);border-top:4px solid var(--verde-b);border-radius:16px;padding:20px;transition:transform .25s,box-shadow .25s}
.res3 .rt:nth-child(2){border-top-color:var(--terra2)}.res3 .rt:nth-child(3){border-top-color:var(--agua2)}.res3 .rt:nth-child(4){border-top-color:var(--salva)}
.res3 .rt:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(20,40,25,.10)}
.res3 .ri{font-size:22px;color:var(--verde-b)}
.res3 dt{grid-row:auto!important;font-family:var(--serif);font-size:20px;letter-spacing:0;text-transform:none;color:var(--ink);margin:8px 0 0}
.res3 dd{grid-row:auto!important;background:none!important;border:0!important;padding:0!important;margin:8px 0 0!important;font-size:14.5px;color:var(--ink2)}
@media(max-width:900px){.res3 .geo-dl{grid-template-columns:1fr 1fr}}@media(max-width:520px){.res3 .geo-dl{grid-template-columns:1fr}}
.res3 .geo-dl>div.rt{display:block}
.auth3 .k{font-size:clamp(26px,2.4vw,34px);padding-right:40px}
@media(max-width:900px){.lap{padding:0 6px 18px}.lap-base{margin:0 -6px}.scr{padding:14px}.flow3 span{padding:4px 6px}.flow3 img{height:22px}.chk li{font-size:12.5px;padding:7px 10px}}
html,body{overflow-x:clip}
@media(max-width:900px){.sy{display:block}.sy-stage{position:sticky;top:72px;z-index:2;padding:8px 0;background:linear-gradient(#F8F7F3 85%,rgba(248,247,243,0))}.sy-sticky{position:static}.sy-steps{gap:55vh;padding:10vh 0 30vh}}
@media(max-width:900px){.sy-stage{position:relative;top:0;background:none;padding:0 0 20px}.sy-steps{gap:22px;padding:0}.sy-step{opacity:1;transform:none}.sy-step.on h3{color:var(--verde-b)}}

/* 1.4 · fundo branco: secoes brancas, a cor fica so nos detalhes (caixa verde, cards, pop-ups, Radar) */
:root{--bg2:#fff;--bg3:#fff}
.hero3,.bento,.res3,.geo-resumo,.auth3{background:#fff}
.sec.tintg,.bento,.res3,.auth3{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.sy-stage{background:linear-gradient(#fff 85%,rgba(255,255,255,0))}
/* 1.4 · topo mais compacto: um pedaco do painel ja aparece na primeira tela */
nav.main .btn{white-space:nowrap}
.hero3{padding-top:12px}
.hero3 .box{padding-top:44px;margin-bottom:40px}
.hero3 h1{font-size:clamp(36px,4.6vw,60px);margin-top:12px}
.hero3 .sub{margin-top:12px}
.hero3 .ctas{margin-top:22px}
.hero3 .stgw{margin-top:28px;transform:translateY(36px)}
@media(max-width:900px){.hero3 .box{padding-top:36px}}

/* 1.4 · faixa "Indique a Navega" inteira, no estilo novo (vale para todas as paginas) */
body .part-cta{max-width:var(--maxw);margin:0 auto;padding:0 24px}
body .part-cta .box{position:relative;overflow:hidden;margin-top:34px;margin-bottom:10px;border:0;border-radius:26px;padding:34px 40px 34px 170px;background:radial-gradient(60% 140% at 100% 0%,rgba(20,169,138,.38),transparent 60%),var(--verde-caixa);color:#fff;box-shadow:0 26px 60px rgba(20,40,25,.18)}
body .part-cta .box h3{color:#fff;font-size:clamp(22px,2.4vw,28px)}
body .part-cta .box p{color:rgba(255,255,255,.82);font-size:15.5px;margin-top:6px}
body .part-cta .box .btn{position:relative;z-index:1}
body .part-cta .box::before{content:"";position:absolute;left:38px;top:50%;width:104px;height:48px;margin-top:-24px;background:radial-gradient(circle at 18px 24px,#F3C9A8 0 15px,transparent 16px),radial-gradient(circle at 86px 24px,var(--menta) 0 15px,transparent 16px),linear-gradient(90deg,transparent 30px,rgba(255,255,255,.55) 30px,rgba(255,255,255,.55) 74px,transparent 74px) 0 23px/100% 2px no-repeat}
body .part-cta .box::after{content:"";position:absolute;left:66px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--terra2);box-shadow:0 0 12px var(--terra2);animation:pc-vai 2.4s ease-in-out infinite}
@keyframes pc-vai{0%,100%{transform:translateX(0)}50%{transform:translateX(38px)}}
@media(max-width:700px){body .part-cta .box{padding:100px 24px 28px}body .part-cta .box::before{left:24px;top:26px;margin-top:0}body .part-cta .box::after{left:52px;top:45px;margin-top:0}}

/* ===== EM RESUMO 1.5: quatro cartoes iguais, largura total ===== */
.geo-resumo:not(.res3){padding-top:70px;padding-bottom:80px}
.geo-resumo:not(.res3) .geo-h{font-size:clamp(30px,3.2vw,42px);text-align:center;margin:0 auto}
.geo-resumo:not(.res3) .geo-h::before{content:"Em poucas palavras";display:block;font:500 11.5px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--terra2);margin-bottom:12px}
.geo-resumo:not(.res3) .geo-dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto 1fr;column-gap:18px;row-gap:0;margin:34px 0 0;width:100%;max-width:none;counter-reset:rs}
.geo-resumo:not(.res3) .geo-dl dt{grid-row:1;position:relative;margin:0;background:#fff;border:1px solid #E4DCD0;border-bottom:0;border-radius:20px 20px 0 0;padding:26px 26px 0;font:500 23px/1.2 var(--serif);letter-spacing:0;text-transform:none;color:var(--ink)}
.geo-resumo:not(.res3) .geo-dl dt::before{counter-increment:rs;content:"0" counter(rs);display:block;font:500 12px var(--mono);letter-spacing:.12em;color:var(--ink3);margin-bottom:12px}
.geo-resumo:not(.res3) .geo-dl dt::after{content:"";position:absolute;left:26px;top:-1px;width:48px;height:4px;border-radius:0 0 4px 4px;background:var(--terra2)}
.geo-resumo:not(.res3) .geo-dl dt:nth-of-type(2)::after{background:var(--agua2)}
.geo-resumo:not(.res3) .geo-dl dt:nth-of-type(3)::after{background:var(--verde-b)}
.geo-resumo:not(.res3) .geo-dl dt:nth-of-type(4)::after{background:var(--salva)}
.geo-resumo:not(.res3) .geo-dl dd{grid-row:2;margin:0;background:#fff;border:1px solid #E4DCD0;border-top:0;border-radius:0 0 20px 20px;padding:14px 26px 28px;font-size:15.5px;line-height:1.62;color:var(--ink2)}
@media(max-width:1000px){
  .geo-resumo:not(.res3) .geo-dl{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto auto}
  .geo-resumo:not(.res3) .geo-dl dt:nth-of-type(n+3){grid-row:3;margin-top:18px}
  .geo-resumo:not(.res3) .geo-dl dd:nth-of-type(n+3){grid-row:4}
}
@media(max-width:640px){
  .geo-resumo:not(.res3) .geo-dl{grid-template-columns:1fr;grid-template-rows:none}
  .geo-resumo:not(.res3) .geo-dl dt,.geo-resumo:not(.res3) .geo-dl dd{grid-row:auto!important}
  .geo-resumo:not(.res3) .geo-dl dt:not(:first-of-type){margin-top:14px}
  .geo-resumo:not(.res3) .geo-dl dt{font-size:21px;padding:22px 22px 0}
  .geo-resumo:not(.res3) .geo-dl dd{padding:12px 22px 22px}
}
/* home: as quatro respostas com o mesmo peso */
.res3 .geo-dl{grid-auto-rows:1fr;gap:18px}
.res3 .rt{padding:26px;border-radius:20px}
.res3 dt{font-size:22px}
.res3 dd{font-size:15.5px!important;line-height:1.62}

/* ===== quadro de compra (WhatsApp, calculadora) usado na home e nas paginas ===== */
.wqsec{padding-top:0}
.wq{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;background:var(--verde-caixa);color:#fff;border-radius:28px;padding:34px 40px;text-decoration:none;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}
.wq:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(20,40,25,.6)}
.wq-k{display:inline-block;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;background:rgba(255,255,255,.12);border-radius:999px;padding:5px 12px}
.wq h3{margin:14px 0 0;font:500 clamp(26px,2.6vw,34px)/1.15 var(--serif);color:#fff}
.wq p{margin:10px 0 0;color:rgba(255,255,255,.82);font-size:15.5px;line-height:1.6;max-width:52ch}
.wq-go{display:inline-block;margin-top:18px;background:var(--terra2);color:#fff;font-weight:600;font-size:14.5px;border-radius:999px;padding:11px 20px}
.wq-il{position:relative;height:230px}
.wq-ph{position:absolute;left:50%;top:6px;width:210px;margin-left:-105px;height:250px;background:#ECE5DD;border-radius:26px 26px 0 0;border:6px solid #12241A;border-bottom:0;padding:18px 12px;display:flex;flex-direction:column;gap:8px}
.wq-b{max-width:88%;padding:8px 10px;border-radius:12px;font-size:12.5px;line-height:1.35;color:#1B1E15;opacity:0;transform:translateY(8px)}
.wq-b.u{background:#fff;align-self:flex-start}.wq-b.a{background:#D9FDD3;align-self:flex-end}
.wq.vis .wq-b{animation:wqIn .45s forwards}.wq.vis .wq-b:nth-child(2){animation-delay:.9s}.wq.vis .wq-b:nth-child(3){animation-delay:1.8s}
@keyframes wqIn{to{opacity:1;transform:none}}
.wq-il img{position:absolute;width:52px;height:52px;border-radius:14px;box-shadow:0 12px 26px -10px rgba(0,0,0,.5);animation:flt 5s ease-in-out infinite}
.wq-i1{left:4%;top:30px}.wq-i2{left:10%;top:130px;animation-delay:1.2s!important}.wq-i3{right:2%;top:70px;animation-delay:2.2s!important}
@media(max-width:800px){.wq{grid-template-columns:1fr;padding:28px 24px}.wq-il{height:200px}}
.wqc{background:#F5F1E9;color:var(--ink);grid-template-columns:1.1fr .9fr}
.wqc h3{color:var(--ink)}.wqc p{color:var(--ink2)}.wqc .wq-k{background:#fff;color:var(--terra2)}
.wqc:hover{box-shadow:0 30px 60px -34px rgba(20,40,25,.4)}
.wqc-pr{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.wqc-pr div{background:#fff;border:1px solid #E4DCD0;border-radius:16px;padding:14px 12px;text-align:center;transform:translateY(8px);opacity:0;transition:all .45s}
.wq.vis .wqc-pr div{transform:none;opacity:1}.wq.vis .wqc-pr div:nth-child(2){transition-delay:.15s}.wq.vis .wqc-pr div:nth-child(3){transition-delay:.3s}
.wqc-pr small{display:block;font:500 10.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink3)}
.wqc-pr b{display:block;margin-top:8px;font:500 26px var(--serif);white-space:nowrap}.wqc-pr b i{font-style:normal;font-size:14px}
.wqc-pr span{display:block;margin-top:4px;font-size:12.5px;color:var(--ink2)}
.wqc-pr .on{background:var(--verde-caixa);border-color:var(--verde-caixa);color:#fff}.wqc-pr .on small,.wqc-pr .on span{color:rgba(255,255,255,.8)}
@media(max-width:800px){.wqc{grid-template-columns:1fr}.wqc-pr b{font-size:21px}}
.wqtop{padding-top:56px;padding-bottom:0}
.wqtop .cap{text-align:center;max-width:none;margin-bottom:26px}
.wqtop + .sec{padding-top:70px}
/* ===== RADAR: cor propria (agua) e o radar girando em todo lugar que fala dele ===== */
:root{--rd1:#0A5C4F;--rd2:#0F8A72;--rd3:#14A98A;--rdm:#BFF5E3}
@keyframes rdGira{to{transform:rotate(360deg)}}
/* item Radar no menu: um radarzinho girando */
nav.main>a[href="/radar/"]::before,nav.main>a[href="/en/radar/"]::before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:0;background:conic-gradient(from 0deg,var(--rd3),rgba(20,169,138,.12) 65%,var(--rd3));box-shadow:0 0 0 2px rgba(20,169,138,.18);animation:rdGira 2.4s linear infinite}
/* pagina do Radar: so o topo e o centro do hub na cor dele; o resto segue o padrao do site */
.pg-radar .rxh .box{background:linear-gradient(140deg,var(--rd1),var(--rd2) 60%,var(--rd3));overflow:hidden}
.pg-radar .rxh .box::before{content:"";position:absolute;left:auto;right:-90px;top:-90px;width:360px;height:360px;margin:0;border-radius:50%;background:none;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 46px rgba(255,255,255,.05),0 0 0 92px rgba(255,255,255,.035)}
.pg-radar .rxh .box::after{content:"";position:absolute;left:auto;right:0;top:0;width:180px;height:180px;margin:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(191,245,227,.4),transparent 35%);box-shadow:none;animation:rdGira 4s linear infinite}
.pg-radar .rxh .box .in{position:relative;z-index:1}
.pg-radar .rxh .kick{color:var(--rdm)}
/* centro do "O que o Radar reune" */
.ru-c{background:linear-gradient(150deg,var(--rd1),var(--rd2) 60%,var(--rd3))!important}
.ru-c::after{content:"";position:absolute;left:50%;top:50%;width:230px;height:230px;margin:-115px 0 0 -115px;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 34px rgba(255,255,255,.05),0 0 0 68px rgba(255,255,255,.035);pointer-events:none}
.ru-c .ru-pv b{color:var(--rdm)}
/* home: o Radar na lista de outros produtos */
.obi[data-d="d-radar"] .st{color:var(--rd2)}
.obi[data-d="d-radar"]::after{background:var(--rd2)}
.obi[data-d="d-radar"].on{border-color:var(--rd2);box-shadow:0 14px 30px rgba(15,138,114,.18)}
.obi[data-d="d-radar"] .rz{background:linear-gradient(90deg,var(--rd2),var(--rd3))}
#d-radar{inset:14px;padding:18px 18px 54px;border-radius:18px;background:linear-gradient(140deg,var(--rd1),var(--rd2) 60%,var(--rd3));overflow:hidden}
#d-radar::before{content:"";position:absolute;right:-70px;top:-70px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 36px rgba(255,255,255,.05),0 0 0 72px rgba(255,255,255,.035)}
#d-radar::after{content:"";position:absolute;right:0;top:0;width:130px;height:130px;border-radius:50%;background:conic-gradient(from 0deg,rgba(191,245,227,.4),transparent 35%);animation:rdGira 4s linear infinite}
#d-radar>*{position:relative;z-index:1}
#d-radar .dmh{color:var(--rdm)}
#d-radar .dm-go{position:absolute;left:18px;bottom:16px;color:#fff}
#d-radar .pp-in-r{position:absolute;color:var(--rd1)}
/* case: origem do Radar */
.origem .eyebrow{color:var(--rd2)!important}
.origem .box{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--rd1),var(--rd2) 60%,var(--rd3))!important;border:0!important;color:#fff;padding:30px 34px!important}
.origem .box p{color:rgba(255,255,255,.88)!important;position:relative;z-index:1;max-width:60ch}
.origem .box>div{position:relative;z-index:1}
.origem .box::before{content:"";position:absolute;left:auto;right:-80px;top:-80px;width:300px;height:300px;margin:0;border-radius:50%;background:none;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 0 40px rgba(255,255,255,.05),0 0 0 80px rgba(255,255,255,.035)}
.origem .box::after{content:"";position:absolute;left:auto;right:70px;top:70px;width:150px;height:150px;margin:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(191,245,227,.4),transparent 35%);box-shadow:none;animation:rdGira 4s linear infinite}
.origem .btn{background:#fff!important;color:var(--rd1)!important;border-color:#fff!important}
/* qualquer botao que leva para o Radar */
a.btn[href="/radar/"],a.btn[href="/radar/#diag"],a.btn[href="/en/radar/"]{background:var(--rd2);border-color:var(--rd2);color:#fff}
/* ===== a IAzinha da Navega em selo (onde a pagina fala de IA) ===== */
.iam{position:relative;display:inline-grid;place-items:center;flex:none;width:var(--z,56px);height:var(--z,56px);border-radius:50%;vertical-align:middle;
  background:radial-gradient(circle at 50% 45%,#21402F,#0C1811 72%);box-shadow:0 10px 22px -10px rgba(12,24,17,.7),inset 0 0 0 1px rgba(127,246,223,.2)}
.iam canvas{display:block;width:100%;height:100%;border-radius:50%}
.iam.s{--z:34px}.iam.m{--z:52px}.iam.g{--z:112px}
.sc-ia{position:absolute;right:14px;top:14px;z-index:2}
.pop.iap{display:flex;align-items:center;gap:10px;padding:6px 14px 6px 6px;border-radius:999px;background:#fff;color:var(--ink);font:600 12.5px/1.25 var(--sans);text-align:left}
.cx-ia{display:inline-flex;align-items:center;gap:7px;margin-left:auto;margin-right:10px;color:var(--ink2)}
.cx-ia + .cx-live{margin-left:0}
.dd-ia,.dj-ia,.hx-ia{overflow:hidden}