/* Piloto Automatico — site (home v2 + landings). Reconstruido do Figma "Home — Piloto Automatico"
   (fileKey CuALJThkKas16a85m39upJ, canvas 304:18). Tokens = variaveis do Figma (semantic/*, color/*).
   Mobile-first (390px); desktop de referencia 1440 com container de 1200. Servido em /site/site.css */
:root{
  --lime-50:#FBFEF2;--lime-100:#F2FBD8;--lime-200:#E6F8B4;--lime-300:#D6F47E;--lime-400:#C6F24F;--lime-500:#A9D13B;--lime-600:#8AAE2D;--lime-700:#687F22;--lime-800:#4A5818;--lime-900:#2C340E;
  --n-0:#FFFFFF;--n-50:#F8F9F7;--n-100:#F4F5F2;--n-200:#E7E9E4;--n-300:#D3D6CF;--n-400:#A8ADA3;--n-500:#797E76;--n-600:#5B6066;--n-700:#2B2F33;--n-800:#1B1E22;--n-900:#111317;
  --n-sunken:#F1F3EE;--hero-sub:#1B1B1C;
  --error:#EF4444;--error-bg:#FEE2E2;--error-text:#B91C1C;--success:#22C55E;--success-text:#15803D;
  /* semanticos (componentes so usam estes) */
  --brand:var(--lime-400);--brand-hover:var(--lime-500);--brand-active:var(--lime-600);--on-brand:var(--n-900);
  --bg-body:var(--n-50);--surface-1:var(--n-0);--surface-2:var(--n-100);--surface-sunken:var(--n-sunken);--surface-inverse:var(--n-900);--surface-inverse-2:var(--n-800);
  --text:var(--n-900);--text-2:var(--n-600);--text-muted:var(--n-400);--text-inv:var(--n-0);--text-inv-muted:var(--n-400);
  --border:var(--n-200);--border-strong:var(--n-300);--border-inv:var(--n-800);
  --r-sm:4px;--r-md:12px;--r-lg:8px;--r-xl:24px;--r-2xl:32px;--r-full:9999px;
  --shadow-box:0 16px 40px -8px rgba(18,20,23,.08);--shadow-card:0 20px 48px -12px rgba(18,20,23,.08);
  --f-display:"Outfit","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --f-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gutter:20px;--maxw:calc(1200px + var(--gutter)*2);
  --fab-bottom:16px;
}
@media (min-width:900px){:root{--gutter:32px}}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;font-family:var(--f-sans);font-size:16px;line-height:1.5;color:var(--text);background:var(--bg-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--f-display);margin:0}
p{margin:0}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
:focus-visible{outline:2px solid var(--text);outline-offset:2px}
/* quebra de linha do desenho (so a partir de 720px; no celular o texto corre) */
.br{display:none}
@media (min-width:720px){.br{display:block}}

/* ---------- botoes ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 24px;border-radius:var(--r-full);border:1px solid transparent;font:600 14px/1 var(--f-sans);text-decoration:none;cursor:pointer;transition:background .15s;white-space:nowrap}
.btn-primary{background:var(--brand);color:var(--on-brand)}
.btn-primary:hover{background:var(--brand-hover)}
.btn-primary:active{background:var(--brand-active)}
.btn-primary[disabled]{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}
.btn-secondary{background:var(--surface-1);border-color:var(--border-strong);color:var(--text)}
.btn-secondary:hover{background:var(--surface-2)}
.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--text)}
.btn-outline:hover{background:var(--surface-1)}
.btn-ghost{background:var(--surface-1);border-color:var(--border-strong);color:var(--text);min-height:51px;padding:0 24px;font-size:16px;gap:10px}
.btn-ghost:hover{background:var(--surface-2)}
.btn-dark{background:var(--surface-inverse);color:var(--text-inv)}
.btn-dark:hover{background:var(--n-700)}
.btn-white{background:var(--surface-1);color:var(--text)}
.btn-white:hover{background:var(--surface-2)}
.btn-sm{min-height:41px;padding:0 20px}
.btn-soon{opacity:.55;cursor:default;pointer-events:none}

/* ---------- nav (dentro do hero lime) ---------- */
.nav{position:sticky;top:0;z-index:50;background:var(--brand);padding:12px 0}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:41px}
.brand{display:flex;align-items:center;gap:10px;font:600 20px/normal var(--f-display);letter-spacing:-.02em;text-decoration:none;color:var(--text)}
.brand img{width:28px;height:28px;flex:none}
.nav-links,.nav-acts{display:none}
.nav-toggle{background:none;border:0;width:44px;height:44px;border-radius:var(--r-md);cursor:pointer;color:var(--text);display:grid;place-items:center}
.nav-toggle:hover{background:var(--surface-1)}

.menu{position:fixed;inset:0;z-index:100;background:var(--bg-body);overflow:auto;padding:0 var(--gutter) 40px}
.menu[hidden]{display:none}
.menu-top{display:flex;align-items:center;justify-content:space-between;height:68px}
.menu h2{font:600 11px/normal var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:24px 0 4px}
.menu a.ml{display:block;padding:12px 0;font:600 20px var(--f-display);text-decoration:none;border-bottom:1px solid var(--border)}
.menu .menu-cta{margin-top:28px;display:grid;gap:12px}
.menu .menu-cta .btn{width:100%}
@media (min-width:1100px){
  .nav{padding:32px 0 16px;top:-32px}
  .nav-toggle{display:none}
  .nav-links{display:flex;align-items:center;gap:32px}
  .nav-links a{font:500 14px/normal var(--f-sans);color:var(--text);text-decoration:none;padding:12px 0}
  .nav-links a:hover{text-decoration:underline;text-underline-offset:4px}
  .nav-acts{display:flex;align-items:center;gap:12px}
  .nav-login{font:500 15px/normal var(--f-sans);color:var(--text);text-decoration:none;padding:10px 8px}
  .nav-login:hover{text-decoration:underline;text-underline-offset:4px}
}

/* ---------- hero (lime cheio, tudo centralizado) ---------- */
.hero{background:var(--brand);padding:28px 0 56px;text-align:center}
.hero-in{display:flex;flex-direction:column;align-items:center;gap:24px}
.hero-selo{display:inline-flex;align-items:center;gap:8px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-full);padding:8px 16px;font:500 13px/normal var(--f-sans);color:var(--text-2);max-width:100%;text-align:left}
.hero-selo img{width:8px;height:8px;flex:none}
.hero h1{font-size:40px;font-weight:700;line-height:.96;letter-spacing:-.03em;color:var(--text);max-width:1000px;text-wrap:balance}
.hero .sub{font-size:18px;line-height:1.5;color:var(--hero-sub);max-width:760px}
.hero .sub em{font-style:normal;font-weight:700}
@media (min-width:720px){.hero h1{font-size:56px}.hero .sub{font-size:20px}}
@media (min-width:1100px){.hero{padding:39px 0 88px}.hero h1{font-size:72px}}

/* ---------- secoes ---------- */
.sec{padding:72px 0}
.sec-head{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin-bottom:48px}
.overline{font:600 11px/normal var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.sec-h{font-size:34px;font-weight:700;line-height:1.05;letter-spacing:-.03em;text-wrap:balance}
@media (min-width:720px){.sec{padding:96px 0}.sec-head{margin-bottom:64px}.sec-h{font-size:44px}}
@media (min-width:1100px){.sec{padding:128px 0}.sec-h{font-size:56px}.sec-h.one{line-height:1}}
.sec-foot{display:flex;flex-direction:column;align-items:center;gap:32px;margin-top:48px;text-align:center}
.sec-foot p{font:600 20px/1.35 var(--f-display);letter-spacing:-.02em}
.nota-ilus{font-size:12px;color:var(--text-muted);text-align:center;margin-top:16px}
@media (min-width:720px){.sec-foot{margin-top:64px}.sec-foot p{font-size:24px}}

/* 02 prova social */
.prova{padding:32px 0 40px}
.prova-in{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.avatares{position:relative;width:180.5px;height:54.7px;flex:none}
.avatares img{position:absolute;left:-4.1px;top:-4.1px;width:184.6px;height:62.9px;max-width:none}
.prova p{font-size:16px;line-height:1.55;color:var(--text-2);max-width:483px}
@media (min-width:720px){.prova{padding:27px 0 51px}.prova-in{flex-direction:row;justify-content:center;gap:24px;text-align:left}}

/* 03 promessa */
.promessa{padding:72px 0}
.promessa-in{display:grid;gap:32px}
.pcol-t{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.promessa h2{font-size:32px;font-weight:700;line-height:1;letter-spacing:-.03em}
.promessa h2 em{font-style:normal}
.pcol-b{display:flex;flex-direction:column;gap:24px}
.pcol-b p{font-size:17px;line-height:1.65;color:var(--text-2)}
.pcol-b p strong,.pcol-b p em{font-weight:700;font-style:normal}
.pcol-b p.h{font:600 24px/1.3 var(--f-display);letter-spacing:-.02em;color:var(--text)}
@media (min-width:720px){.promessa{padding:96px 0}.promessa-in{grid-template-columns:1fr 1fr;gap:64px}.promessa h2{font-size:38px}.pcol-t{gap:40px}}
@media (min-width:1100px){.promessa{padding:70px 0}.promessa-in{grid-template-columns:560px 1fr;gap:120px}.promessa h2{font-size:42px}}

/* 03b como funciona (landings) */
.como-grid{display:grid;gap:16px}
.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px}
.card h3{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin-bottom:12px}
.card p{color:var(--text-2);font-size:16px;line-height:1.6}
.passo .num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--r-full);background:var(--brand);font:700 16px var(--f-display);margin-bottom:16px}
@media (min-width:720px){.como-grid{grid-template-columns:repeat(3,1fr);gap:24px}}

/* 04 o time */
.time-sec{padding:72px 0}
.time-grid{display:grid;gap:16px}
.membro{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.membro .topo{display:flex;align-items:center;justify-content:space-between}
.membro .n{font:600 11px/normal var(--f-sans);letter-spacing:.08em;color:var(--text-muted)}
.membro .dot{width:10px;height:10px}
.membro h3{font-size:24px;font-weight:700;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:12px}
.membro p{font-size:16px;line-height:1.55;color:var(--text-2)}
.membro.destaque{background:var(--brand);border-color:var(--brand)}
.membro.destaque .n,.membro.destaque p{color:var(--on-brand)}
@media (min-width:720px){.time-sec{padding:96px 0}.time-grid{grid-template-columns:repeat(2,1fr);gap:24px}.membro{min-height:300px}}
@media (min-width:1100px){.time-sec{padding:96px 0 128px}.time-grid.tres{grid-template-columns:repeat(3,1fr)}}

/* 05 frase-assinatura */
.frase-sec{background:var(--surface-inverse);padding:64px 0;text-align:center}
.frase{font-family:var(--f-display);font-weight:700;font-size:44px;line-height:.96;letter-spacing:-.04em;color:var(--text-inv)}
.frase span{display:block}
.frase .l2{color:var(--brand)}
@media (min-width:720px){.frase-sec{padding:84px 0}.frase{font-size:72px}}
@media (min-width:1100px){.frase-sec{padding:100px 0}.frase{font-size:96px}}

/* 06 cases */
.cases-sec{padding:72px 0}
.cases-grid{display:grid;gap:16px;align-items:start}
.case{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:32px;display:flex;flex-direction:column;gap:20px}
.case .meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.case .hora{background:var(--surface-inverse);color:var(--text-inv);font:600 11px/normal var(--f-sans);letter-spacing:.06em;padding:4px 12px;border-radius:var(--r-sm);text-transform:uppercase}
.case .sep{font-size:12px;color:var(--text-muted)}
.case .seg{font:600 11px/normal var(--f-sans);letter-spacing:.1em;color:var(--text-2);text-transform:uppercase}
.case h3{font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.02em}
.case p{font-size:16px;line-height:1.6;color:var(--text-2)}
@media (min-width:720px){.cases-sec{padding:96px 0}.cases-grid{grid-template-columns:repeat(2,1fr);gap:24px}.cases-grid.n1{grid-template-columns:minmax(0,588px);justify-content:center}}
@media (min-width:1100px){.cases-sec{padding:128px 0}}

/* 07 ataque a alternativa */
.ataque{background:var(--surface-sunken);padding:72px 0}
.ataque .sec-h{text-align:center;margin-bottom:40px}
.tent-grid{display:grid;gap:16px}
.tent{border:1px dashed var(--border-strong);border-radius:var(--r-xl);padding:32px;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.tent .x{width:34px;height:34px;border-radius:var(--r-full);background:var(--surface-2);display:grid;place-items:center;font:600 14px/1 var(--f-sans);color:var(--text-muted)}
.tent h3{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.02em}
.tent p{font-size:16px;line-height:1.6;color:var(--text-2)}
.virada{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:40px;text-align:center}
.virada p{font-size:18px;line-height:1.55;color:var(--text-2);max-width:965px}
.virada .pill{display:inline-flex;align-items:center;justify-content:center;background:var(--brand);color:var(--on-brand);border-radius:var(--r-full);padding:8px 24px;min-width:min(344px,100%);font:700 30px/normal var(--f-display);letter-spacing:-.03em}
@media (min-width:720px){.ataque{padding:96px 0}.ataque .sec-h{margin-bottom:56px}.tent-grid{grid-template-columns:repeat(var(--cols,3),1fr);gap:24px}.virada{margin-top:64px}.virada p{font-size:20px}}
@media (min-width:1100px){.ataque{padding:60px 0}}

/* 08 numeros (so com valores reais: flag mostrar_numeros) */
.numeros{background:var(--surface-inverse);padding:64px 0}
.numeros h2{line-height:normal;font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text-inv);text-align:center;margin-bottom:40px}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stat{background:var(--surface-inverse-2);border-radius:var(--r-xl);padding:24px;display:flex;flex-direction:column;gap:12px}
.stat b{font:700 30px/1.05 var(--f-display);letter-spacing:-.03em;color:var(--text-inv)}
.stat:nth-child(2) b{color:var(--brand)}
.stat span{font-size:14px;line-height:1.5;color:var(--text-inv-muted)}
@media (min-width:720px){.numeros{padding:96px 0}.numeros h2{margin-bottom:48px}.stats{grid-template-columns:repeat(4,1fr);gap:24px}.stat b{font-size:36px}}

/* 09 camada analitica */
.analitica{padding:72px 0}
.ana-grid{display:grid;gap:16px}
.ana{border-radius:var(--r-2xl);padding:32px;min-height:300px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}
.ana.dark{background:var(--surface-inverse);color:var(--text-inv)}
.ana.lime{background:var(--brand);color:var(--on-brand)}
.ana .ico{width:50px;height:50px;border-radius:var(--r-full);display:grid;place-items:center;font:400 17px/1 var(--f-sans)}
.ana.dark .ico{background:var(--brand);color:var(--on-brand)}
.ana.lime .ico{background:var(--on-brand);color:var(--brand)}
.ana h3{font-size:26px;font-weight:700;line-height:1.1;letter-spacing:-.03em;text-transform:uppercase;margin-bottom:16px}
.ana p{font-size:16px;line-height:1.6;margin-bottom:16px}
.ana.dark p{color:var(--text-inv-muted)}
.ana .btn{min-height:41px;padding:0 20px}
@media (min-width:720px){.analitica{padding:96px 0}.ana-grid{grid-template-columns:repeat(2,1fr);gap:24px}.ana{padding:40px;height:340px}.ana h3{font-size:30px}}
@media (min-width:1100px){.analitica{padding:128px 0}}

/* 10 CTA final (o fluxo de 4 passos) */
.cta-final{background:var(--surface-sunken);padding:72px 0}
.cta-in{max-width:880px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:40px}
.cta-t{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.cta-t h2{font-size:34px;font-weight:700;line-height:1;letter-spacing:-.03em}
.cta-t p{font-size:17px;line-height:1.6;color:var(--text-2);max-width:660px}
.cta-sem{font:500 16px/normal var(--f-sans);color:var(--text-2);text-align:center}
.cta-alt{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;font-size:15px;line-height:normal;color:var(--text-2)}
.cta-alt a{text-decoration:none;display:inline-flex;gap:6px}
.cta-alt a b{font-weight:600}
.cta-alt .criar b{color:var(--lime-700)}
.cta-alt .ent b{color:var(--text)}
.cta-alt a:hover b{text-decoration:underline;text-underline-offset:3px}
.cta-alt .dotsep{color:var(--text-muted)}
@media (min-width:720px){.cta-final{padding:96px 0}.cta-t h2{font-size:44px}.cta-in{gap:48px}}
@media (min-width:1100px){.cta-final{padding:128px 0}.cta-t h2{font-size:56px}}

/* 11 FAQ (itens abertos, 2 colunas) */
.faq-sec{padding:72px 0}
.faq-cols{display:grid;gap:40px}
.faq-col{display:flex;flex-direction:column;gap:40px;min-width:0}
.faq-item{border-top:1px solid var(--border);padding-top:24px;display:flex;flex-direction:column;gap:12px}
.faq-item h3{font-size:20px;font-weight:600;line-height:1.35;letter-spacing:-.01em}
.faq-item p{font-size:16px;line-height:1.65;color:var(--text-2)}
@media (min-width:720px){.faq-sec{padding:96px 0}.faq-cols{grid-template-columns:1fr 1fr;gap:64px;align-items:start}}
@media (min-width:1100px){.faq-sec{padding:128px 0}}

/* 11b sobre */
.sobre{background:var(--surface-1)}
.sobre .lead{color:var(--text-2);max-width:640px;margin:0 auto 28px;text-align:center}
.selos{display:grid;gap:12px;margin-top:20px}
.selo{display:flex;gap:10px;align-items:flex-start;background:var(--lime-50);border:1px solid var(--lime-300);border-radius:var(--r-xl);padding:20px}
.selo .icon{color:var(--lime-700);margin-top:2px}
@media (min-width:720px){.selos{grid-template-columns:repeat(3,1fr)}}

/* lista de espera */
.espera{padding:72px 0;text-align:center}
.espera .wrap{max-width:720px}
.espera h2{font-size:34px;font-weight:700;letter-spacing:-.03em;margin-bottom:12px}
.espera p{color:var(--text-2);font-size:17px;line-height:1.6}

/* 12 rodape */
.foot{background:var(--surface-inverse);color:var(--text-inv);padding:64px 0 32px}
.foot-top{display:flex;flex-direction:column;gap:40px}
.foot .brand{color:var(--text-inv)}
.foot .tag{font:700 26px/1.15 var(--f-display);letter-spacing:-.03em;margin-top:24px;max-width:420px}
.foot-links{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.foot-links h4{font:600 11px/normal var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-inv-muted);margin:0 0 16px}
.foot-links a{display:block;font:500 16px/normal var(--f-sans);color:var(--text-inv);text-decoration:none;margin-bottom:16px}
.foot-links a:last-child{margin-bottom:0}
.foot a:hover{text-decoration:underline;text-underline-offset:3px}
.foot-seo{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:40px}
.foot-seo div{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px}
.foot-seo h4{font:600 11px/normal var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-inv-muted);margin:0}
.foot-seo a{font:400 14px/normal var(--f-sans);color:var(--text-inv-muted);text-decoration:none}
.foot-seo a:hover{color:var(--text-inv)}
.foot-legal{margin-top:40px;padding-top:24px;border-top:1px solid var(--border-inv);display:flex;flex-direction:column;gap:8px;font:400 13px/normal var(--f-sans);color:var(--text-inv-muted)}
.foot-legal a{text-decoration:none;color:inherit}
.foot-legal a:hover{color:var(--text-inv)}
.foot .aviso{margin-top:16px;font-size:12px;line-height:1.5;color:var(--text-inv-muted);max-width:760px}
@media (min-width:720px){.foot{padding:96px 0 40px}.foot-legal{flex-direction:row;justify-content:space-between;align-items:center}.foot .tag{font-size:30px}}
@media (min-width:1100px){.foot-top{flex-direction:row;justify-content:space-between;align-items:flex-start}.foot-links{display:flex;gap:64px}.foot-links>div{min-width:0}.foot-seo{margin-top:64px}.foot-legal{margin-top:64px}}

/* botao flutuante mobile */
.fab{position:fixed;left:50%;transform:translateX(-50%);bottom:var(--fab-bottom);z-index:40;box-shadow:var(--shadow-card)}
.fab[hidden]{display:none}
@media (min-width:900px){.fab{display:none!important}}

/* banner de consentimento (nao e modal) */
.cookie{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--surface-1);border-top:1px solid var(--border);padding:12px var(--gutter);display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--text-2)}
.cookie[hidden]{display:none}
.cookie p{flex:1 1 220px}
.cookie .btn{min-height:36px;padding:0 16px;font-size:13px}
html.has-cookie{--fab-bottom:96px}

/* ============ A CAIXA (hero = caixa de conversa; final = fluxo em card) ============ */
.caixa{position:relative;width:100%;color:var(--text);text-align:left}
.caixa[data-variant=hero]{max-width:760px}
.caixa[data-variant=final]{max-width:880px}
.cx-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-2xl);padding:20px 16px 16px 20px;box-shadow:var(--shadow-box)}
.caixa[data-variant=final] .cx-card,.caixa.is-flow .cx-card{padding:24px;box-shadow:var(--shadow-card)}
@media (min-width:720px){.cx-card{padding:24px 20px 20px 24px}.caixa[data-variant=final] .cx-card,.caixa.is-flow .cx-card{padding:40px}}
.cx-step[hidden]{display:none!important}
/* passo 1 do hero: caixa de conversa */
.cx-s1.cx-box{display:flex;flex-direction:column;gap:20px}
.cx-ta-wrap{position:relative}
.cx-ta-wrap textarea{width:100%;border:0;outline:0;resize:none;font:400 17px/1.5 var(--f-sans);color:var(--text);background:transparent;min-height:52px;max-height:144px;display:block;padding:0}
@media (min-width:720px){.cx-ta-wrap textarea{min-height:26px}}
.cx-ta-wrap textarea::placeholder{color:var(--text-muted)}
.cx-bar{display:flex;align-items:center;justify-content:space-between;gap:8px}
.cx-abtn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--r-full);border:1px solid var(--surface-2);background:var(--surface-2);font:500 14px/normal var(--f-sans);color:var(--text-2);cursor:pointer;min-height:33px}
.cx-abtn .emo{font-size:14px;color:var(--text);line-height:1}
.cx-abtn:hover{background:var(--n-200)}
.cx-area .cx-abtn{background:var(--surface-1);border-color:var(--border)}
.cx-area .cx-abtn:hover{background:var(--surface-2)}
.cx-send,.cx-next{width:50px;height:50px;border-radius:var(--r-full);border:0;background:var(--brand);color:var(--on-brand);display:grid;place-items:center;cursor:pointer;flex:none;font:600 20px/1 var(--f-display)}
.cx-send .icon,.cx-next .icon{width:20px;height:20px;stroke-width:2}
.cx-send:hover,.cx-next:hover{background:var(--brand-hover)}
.cx-send[disabled]{background:var(--surface-2);color:var(--text-muted);cursor:not-allowed}
/* chips (fora do card) */
.cx-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px auto 0;max-width:716px}
.cx-chips[hidden]{display:none}
.cx-chip{border:1px solid var(--border);background:var(--surface-1);color:var(--text-2);font:500 13px/normal var(--f-sans);padding:8px 16px;border-radius:var(--r-full);cursor:pointer;min-height:32px}
.cx-chip:hover{background:var(--surface-2)}
.cx-chip[aria-pressed=true]{background:var(--on-brand);color:var(--text-inv);border-color:var(--on-brand)}
.cx-err{color:var(--error-text);font-size:13px;margin-top:6px}
.cx-err[hidden],.cx-note[hidden]{display:none}
.cx-note{font-size:13px;color:var(--text-2);margin-top:8px}
/* passos do fluxo */
.cx-flow{display:flex;flex-direction:column;gap:32px}
.cx-prog{display:flex;gap:8px}
.cx-prog i{flex:1;height:4px;border-radius:var(--r-full);background:var(--border)}
.cx-prog i.on{background:var(--brand)}
.cx-q{display:flex;flex-direction:column;gap:8px}
.cx-over{display:flex;align-items:center;justify-content:space-between;gap:12px;font:600 11px/normal var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}
.cx-q h3{font-size:24px;font-weight:600;line-height:1.2;letter-spacing:-.02em}
.cx-q .sub{font-size:16px;line-height:1.55;color:var(--text-2)}
@media (min-width:720px){.cx-q h3{font-size:30px}}
.cx-link{background:none;border:0;padding:4px 0;font:500 12px/normal var(--f-sans);letter-spacing:0;text-transform:none;color:var(--text-2);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.cx-link:hover{color:var(--text)}
.cx-opts{display:flex;flex-wrap:wrap;gap:8px}
.cx-opt{padding:12px 20px;border-radius:var(--r-full);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font:500 16px/normal var(--f-sans);cursor:pointer}
.cx-opt:hover{background:var(--n-200)}
.cx-opt[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}
.cx-area{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-xl);min-height:200px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
@media (min-width:720px){.cx-area{min-height:240px;padding:20px 20px 20px 24px}}
.cx-fields{display:flex;flex-direction:column;gap:16px}
.cx-fld{flex:1;min-width:0}
.cx-in{width:100%;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--r-xl);padding:18px 24px;font:400 17px/normal var(--f-sans);color:var(--text)}
.cx-in::placeholder{color:var(--text-muted)}
.cx-in:focus{outline:2px solid var(--text);outline-offset:2px}
.cx-in[aria-invalid=true]{border-color:var(--error)}
@media (min-width:720px){.cx-fields{flex-direction:row}.cx-in{padding:20px 24px}}
.cx-go{width:100%;min-height:64px;border:0;border-radius:var(--r-full);background:var(--brand);color:var(--on-brand);font:700 20px/normal var(--f-display);letter-spacing:.04em;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer}
.cx-go:hover{background:var(--brand-hover)}
.cx-go[disabled]{opacity:.7;cursor:progress}
.cx-go .spin{width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:cxs .7s linear infinite}
@keyframes cxs{to{transform:rotate(360deg)}}
.cx-micro{font-size:12px;color:var(--text-muted);line-height:1.45;margin-top:-12px}
.cx-micro a{color:var(--text-2)}
.cx-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0}
/* gravacao */
.cx-rec{display:flex;align-items:center;gap:10px;min-height:54px}
.cx-rec[hidden],.cx-player[hidden],.cx-ta-wrap textarea[hidden]{display:none}
.cx-rec canvas{flex:1;height:36px;min-width:0}
.cx-dot{width:10px;height:10px;border-radius:50%;background:var(--error);animation:cxp 1s infinite}
@keyframes cxp{50%{opacity:.3}}
.cx-time{font:600 14px var(--f-sans);font-variant-numeric:tabular-nums;min-width:42px}
.cx-mini{border:1px solid var(--border-strong);background:var(--surface-1);border-radius:var(--r-full);min-height:36px;padding:0 16px;font:500 13px var(--f-sans);cursor:pointer}
.cx-mini.stop{background:var(--brand);border-color:var(--brand);font-weight:600}
.cx-player{display:flex;align-items:center;gap:10px;min-height:54px}
.cx-play{width:36px;height:36px;border-radius:var(--r-full);border:0;background:var(--brand);display:grid;place-items:center;cursor:pointer;flex:none}
.cx-player .bar{flex:1;height:4px;background:var(--border);border-radius:4px;overflow:hidden}
.cx-player .bar i{display:block;height:100%;width:0;background:var(--brand-active)}
.cx-up{font-size:12px;color:var(--text-2)}
/* recebido */
.cx-ok{display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}
.cx-check{width:72px;height:72px;border-radius:var(--r-full);background:var(--brand);display:grid;place-items:center;font-size:34px;line-height:1}
.cx-ok h3{font-size:36px;font-weight:700;line-height:1.1;letter-spacing:-.03em}
.cx-ok p{font-size:17px;line-height:1.65;color:var(--text-2);max-width:760px}
.cx-ok .cx-pre{font-size:13px;line-height:normal;color:var(--text-muted)}
@media (min-width:720px){.cx-ok h3{font-size:44px}}
.cx-ret{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:8px 0}
.cx-ret h3{font-size:24px;font-weight:600;letter-spacing:-.02em}

.cx-area .cx-ta-wrap{flex:1}
.cx-area textarea{min-height:96px;max-height:none}

/* ============ PAGINAS DE APOIO: /100-ideias e /replica-em-acao (layout "apoio", fase 3) ============ */
.ideia[hidden],.ideias-grid[hidden],.ideias-vazio[hidden],.ideias-filtro[hidden],.demo-panel[hidden],.demo-tabs[hidden],.demo-replay[hidden]{display:none!important}
.nav-links a[aria-current=page]{text-decoration:underline;text-underline-offset:4px;font-weight:600}
.menu a.ml[aria-current=page]{background:var(--surface-2)}
.hero-apoio{padding:28px 0 48px}
.hero-apoio h1{font-size:36px}
.hero-apoio .sub em{font-style:normal;font-weight:700}
@media (min-width:720px){.hero-apoio h1{font-size:52px}}
@media (min-width:1100px){.hero-apoio{padding:39px 0 72px}.hero-apoio h1{font-size:64px}}

/* 100 ideias */
.ideias-sec{padding:40px 0 72px}
.ideias-filtro{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:24px}
.ideias-q{font:600 11px/normal var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
.seg-chips{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding:4px 2px 8px;scrollbar-width:thin}
.seg-chip{flex:none;border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text);font:500 14px/normal var(--f-sans);padding:10px 18px;border-radius:var(--r-full);cursor:pointer;min-height:44px;white-space:nowrap}
.seg-chip:hover{background:var(--surface-2)}
.seg-chip[aria-pressed=true]{background:var(--on-brand);color:var(--text-inv);border-color:var(--on-brand)}
.ideias-cont{text-align:center;font:500 15px/normal var(--f-sans);color:var(--text-2);margin-bottom:24px}
.ideias-cont b{font:700 20px/normal var(--f-display);color:var(--text)}
.ideias-grid{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.ideia{display:flex}
.ideia article{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:28px;display:flex;flex-direction:column;gap:12px;width:100%}
.ideia-seg{font:600 11px/normal var(--f-sans);letter-spacing:.1em;color:var(--text-2);text-transform:uppercase}
.ideia h3{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.02em}
.ideia p{font-size:16px;line-height:1.6;color:var(--text-2);flex:1}
.ideia .btn{align-self:flex-start;margin-top:8px}
.ideias-vazio{text-align:center;font-size:17px;line-height:1.6;color:var(--text-2);max-width:520px;margin:24px auto 0;padding:32px;border:1px dashed var(--border-strong);border-radius:var(--r-xl)}
@media (min-width:720px){.seg-chips{flex-wrap:wrap;justify-content:center;overflow:visible}.ideias-grid{grid-template-columns:repeat(2,1fr);gap:20px}.ideias-sec{padding:56px 0 96px}}
@media (min-width:1100px){.ideias-grid{grid-template-columns:repeat(3,1fr);gap:24px}.ideias-sec{padding:72px 0 128px}}

/* replica em acao: telefone + conversa demonstrativa */
.demo-sec{padding:40px 0 72px}
.demo-head{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px;text-align:center}
.demo-h{font:600 11px/normal var(--f-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-2)}
.demo-tabs{display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:4px 2px 8px}
.demo-tab{flex:none;border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text);font:600 15px/normal var(--f-sans);padding:10px 24px;border-radius:var(--r-full);cursor:pointer;min-height:44px}
.demo-tab:hover{background:var(--surface-2)}
.demo-tab[aria-selected=true]{background:var(--on-brand);color:var(--text-inv);border-color:var(--on-brand)}
.demo-grid{display:grid;gap:28px;align-items:center;justify-content:center}
.fone-col{display:flex;flex-direction:column;align-items:center;gap:16px}
.fone{width:100%;max-width:380px;border:8px solid var(--surface-inverse);border-radius:40px;background:var(--surface-sunken);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column}
.fone-rotulo{background:var(--surface-inverse);color:var(--text-inv);font:600 10.5px/1.3 var(--f-sans);letter-spacing:.08em;text-transform:uppercase;text-align:center;padding:2px 12px 10px}
.fone-top{display:flex;align-items:center;gap:10px;background:var(--surface-1);border-bottom:1px solid var(--border);padding:12px 16px}
.fone-av{width:36px;height:36px;border-radius:var(--r-full);background:var(--brand);display:grid;place-items:center;flex:none}
.fone-nome{display:flex;flex-direction:column;min-width:0}
.fone-nome b{font:600 15px/1.2 var(--f-sans)}
.fone-nome small{font:400 12px/1.2 var(--f-sans);color:var(--success-text)}
.fone-body{height:430px;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:8px;scroll-behavior:smooth}
.msg{max-width:84%;padding:9px 12px 6px;font:400 14.5px/1.45 var(--f-sans);color:var(--text);animation:msgpop .25s ease-out}
.msg time{display:block;text-align:right;font-size:11px;line-height:1;color:var(--n-500);margin-top:4px}
.msg-c{align-self:flex-start;background:var(--surface-1);border:1px solid var(--border);border-radius:4px 16px 16px 16px}
.msg-p{align-self:flex-end;background:var(--lime-200);border-radius:16px 4px 16px 16px}
.msg.off{display:none}
.typing{align-self:flex-end;display:flex;gap:4px;padding:12px 14px;background:var(--lime-200);border-radius:16px 4px 16px 16px}
.typing i{width:6px;height:6px;border-radius:var(--r-full);background:var(--n-600);animation:typedot 1s infinite ease-in-out}
.typing i:nth-child(2){animation-delay:.15s}
.typing i:nth-child(3){animation-delay:.3s}
@keyframes msgpop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes typedot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.demo-bast{max-width:520px}
.demo-bast h3{margin-bottom:16px}
.demo-bast ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.demo-bast li{position:relative;padding-left:24px;font-size:16px;line-height:1.55;color:var(--text-2)}
.demo-bast li::before{content:"";position:absolute;left:0;top:.55em;width:10px;height:10px;border-radius:var(--r-full);background:var(--brand)}
.demo-nota{max-width:640px;margin:32px auto 0;text-align:center;font-size:13px;line-height:1.55;color:var(--text-2)}
.demo-video{max-width:760px;margin:0 auto 48px;text-align:center}
.demo-video h3{font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}
.demo-video video{width:100%;border-radius:var(--r-xl);background:var(--surface-inverse)}
.demo-video p{font-size:13px;color:var(--text-2);margin-top:12px}
@media (min-width:720px){.demo-sec{padding:56px 0 96px}}
@media (min-width:900px){.demo-grid{grid-template-columns:minmax(0,380px) minmax(0,520px);gap:72px}}
@media (min-width:1100px){.demo-sec{padding:72px 0 128px}}