:root{--bg:#f2f4f1;--ink:#141a16;--ink2:#374151;--muted:#6b7280;--line:#e2e6e1;--green:#22c55e;--green-d:#15803d;--green-l:#dcfce7;--dark:#141a16;--dark2:#1f2823;--wa:#25d366;--r:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg) linear-gradient(rgba(20,26,22,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,26,22,.05) 1px,transparent 1px);background-size:auto,44px 44px,44px 44px;line-height:1.5}
img,video{max-width:100%}
h1,h2,h3{font-family:'Space Grotesk','DM Sans',sans-serif;letter-spacing:-.02em;line-height:1.1;margin:0}
h2{font-size:clamp(26px,5vw,36px)}h3{font-size:18px}p{margin:0}
a{color:var(--green-d)}
.wrap{width:min(100% - 40px,1120px);margin-inline:auto}
.mono{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--green-d)}
.hl{background:linear-gradient(transparent 55%,#bbf7d0 55%);padding:0 2px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 24px;border-radius:999px;background:var(--green);color:#0b1a10;font-weight:700;font-size:17px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;box-shadow:0 8px 24px rgba(34,197,94,.35);white-space:nowrap}
.btn:hover{background:#16a34a}.btn.sec{background:rgba(255,255,255,.85);border:1px solid #d6dcd6;color:var(--ink);box-shadow:none}.btn.dark{background:var(--dark);color:#fff;box-shadow:none}.btn.full{width:100%}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r)}
.dark-card{background:var(--dark);color:#fff;border:0}.dark-card .mono{color:var(--green)}
section{padding:40px 0}
/* header */
.top{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand img{height:26px;width:auto}.brand b{display:block;font-family:'Space Grotesk',sans-serif;font-size:14px;line-height:1.1}.brand small{display:block;font-size:9px;letter-spacing:.1em;font-weight:700;color:var(--green-d)}
.nav{display:none;gap:22px;font-size:14px;font-weight:600}.nav a{color:var(--ink2);text-decoration:none}
.top .btn{min-height:40px;padding:0 16px;font-size:13px;box-shadow:none}
/* hero */
.hero{position:relative;overflow:hidden;background:linear-gradient(160deg,#dff3e6 0%,#f2f4f1 55%,#e9efe8 100%);padding:16px 0 24px}
.hero .robot{position:absolute;right:-40px;top:8px;height:360px;width:auto;-webkit-mask-image:linear-gradient(180deg,#000 45%,transparent 100%);mask-image:linear-gradient(180deg,#000 45%,transparent 100%);pointer-events:none}
.tabs{position:relative;display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.9);border:1px solid #fff}
.tabs span{white-space:nowrap;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700}.tabs .on{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06)}.tabs .off{color:var(--ink2);font-weight:600;display:inline-flex;gap:6px;align-items:center}.pill{padding:2px 8px;border-radius:999px;background:var(--green-l);color:var(--green-d);font-weight:700;font-size:12px}
.hero-card{position:relative;margin-top:130px;padding:22px 18px;border-radius:28px;background:rgba(255,255,255,.94);border:1px solid #fff;box-shadow:0 18px 50px rgba(20,26,22,.1);display:flex;flex-direction:column;gap:14px}
.hero-card .big{font-family:'Space Grotesk',sans-serif;font-size:40px;line-height:1;font-weight:700}
.hero h1{font-family:'DM Sans',sans-serif;font-size:16px;font-weight:500;color:var(--ink2);letter-spacing:0;line-height:1.5}
.price-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.price{font-family:'Space Grotesk',sans-serif;font-size:40px;font-weight:700;color:var(--green-d);line-height:1}.price small{font-size:22px}
.via{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12px;color:var(--ink2);font-weight:600}.chips{display:flex}.chip{display:inline-flex;align-items:center;gap:4px;height:34px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:700}.chip+.chip{margin-left:-8px}.chip img{width:22px;height:22px;border-radius:999px}
.cta2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cta2 .btn{min-height:54px;font-size:14px;padding:0 10px}
.fine{font-size:12px;color:var(--muted);text-align:center}
.clock{position:relative;margin-top:12px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:20px;background:rgba(255,255,255,.94);border:1px solid #fff;font-size:13px}.clock i{display:flex;min-width:38px;height:38px;border-radius:12px;background:var(--green-l);align-items:center;justify-content:center}
/* sections */
.why{padding:22px;display:flex;flex-direction:column;gap:12px}.why .t{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;line-height:1.15}.why p{font-size:14px;color:#d7ded9}
.scroller{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.scroller>*{scroll-snap-align:start;flex:0 0 236px}
.vid{display:flex;flex-direction:column;gap:8px}.vid .box{position:relative;aspect-ratio:4/3;border-radius:16px;overflow:hidden;background:var(--dark2)}.vid video{width:100%;height:100%;object-fit:cover;display:block}.vid .tag{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:700;pointer-events:none}.vid .tag::before{content:"";width:6px;height:6px;border-radius:999px;background:var(--green)}.vid b{font-size:13px}
.steps{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:40px 1fr;gap:14px}.step .n{display:flex;flex-direction:column;align-items:center}.step .n i{width:36px;height:36px;border-radius:999px;background:var(--green-l);color:var(--green-d);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:'Space Grotesk',sans-serif;font-style:normal}.step .n i.last{background:var(--green);color:#0b1a10}.step .n em{flex:1;width:2px;background:#d6dcd6;min-height:36px}.step>div:last-child{padding-bottom:20px}.step p{color:var(--ink2);font-size:14px;margin-top:4px}
.sim{padding:22px;display:flex;flex-direction:column;gap:16px}.two-col{display:flex;flex-direction:column;gap:14px}.sim .val{display:flex;align-items:baseline;gap:8px}.sim .val b{font-family:'Space Grotesk',sans-serif;font-size:48px;line-height:1}.sim input[type=range]{width:100%;accent-color:var(--green);height:32px}
.bars{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-items:end;height:120px}.bars>div{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;justify-content:flex-end}.bars b{font-size:11px}.bars .bar{width:100%;border-radius:8px 8px 0 0;background:#d6dcd6;transition:background .2s}.bars .bar.on{background:var(--green)}.bars small{font-size:11px;color:var(--muted)}
.badge-red{display:inline-flex;padding:6px 12px;border-radius:999px;background:#fee2e2;color:#b91c1c;font-weight:700;font-size:12px}
.cats{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.cats button{white-space:nowrap;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;background:#fff;color:var(--ink);border:1px solid var(--line);font-family:inherit}.cats button.on{background:var(--dark);color:var(--green)}
.tasks{display:none;flex-direction:column;gap:8px}.tasks.on{display:flex}.task{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid var(--line);font-size:14px;font-weight:600}.task span:last-child{color:var(--green-d);font-family:'Space Grotesk',sans-serif;font-weight:700}
.real{background:var(--dark);color:#fff}.real .yt{display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0b1a10;position:relative;text-decoration:none;cursor:pointer}.real .yt img{width:100%;height:100%;object-fit:cover;display:block;opacity:.85}.real .yt .play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.play i{width:62px;height:62px;border-radius:999px;background:var(--green);display:flex;align-items:center;justify-content:center}.play i::after{content:"";border-left:22px solid #0b1a10;border-top:13px solid transparent;border-bottom:13px solid transparent;margin-left:5px}.yt iframe{width:100%;height:100%;border:0}
.dark-box{background:var(--dark2);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:10px}
.press{width:230px;background:#fff;border-radius:16px;padding:12px;color:var(--ink);display:flex;flex-direction:column;gap:8px}.press .ph{aspect-ratio:4/3;border-radius:10px;background:#e9ede8;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);text-align:center;padding:10px}.press b{font-size:12px}.press p{font-size:12px;color:#4b5563}
.facts{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:#c9d1cc}.facts b{color:#fff}
.pend{border:1px dashed #d49a00;border-radius:16px;padding:14px;background:#2a2412;font-size:13px;color:#f2e6c2}
.gets{display:flex;flex-direction:column;gap:10px}.get{padding:16px;display:flex;gap:14px;align-items:flex-start}.get i{min-width:44px;height:44px;border-radius:14px;background:var(--green-l);display:flex;align-items:center;justify-content:center}.get.on{border-color:var(--green);background:#f0fdf4}.get.on i{background:var(--green)}.get b{font-size:16px}.get p{font-size:14px;color:#4b5563}
form.lead{padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 40px rgba(20,26,22,.08)}form.lead label{font-size:13px;font-weight:600;color:var(--ink2);display:flex;flex-direction:column;gap:6px}form.lead input{height:52px;border-radius:14px;border:1px solid #cfd5cf;padding:0 16px;font-size:16px;font-family:inherit;width:100%}
.faq details{border-top:1px solid var(--line);padding:14px 0}.faq summary{cursor:pointer;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--green)}.faq details[open] summary::after{content:"−"}.faq p{color:#4b5563;font-size:14px;margin-top:8px}
.close{padding:28px 22px;border-radius:24px;display:flex;flex-direction:column;gap:14px}.close p{font-size:14px;color:#c9d1cc}
footer{padding:20px 0 100px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer div+div{margin-top:6px}footer a{color:#4b5563}
.wa{position:fixed;right:16px;bottom:16px;z-index:30;display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 16px 0 14px;border-radius:999px;background:var(--wa);color:#0b1a10;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 8px 24px rgba(37,211,102,.4)}
/* obrigado */
.prog{display:flex;gap:6px}.prog i{flex:1;height:6px;border-radius:999px;background:#d6dcd6}.prog i.on{background:var(--green)}
.code{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:700;letter-spacing:.1em;color:var(--green-d);padding:12px;border:2px dashed var(--green);border-radius:12px;background:#fff;text-align:center}
.copy{width:100%;height:44px;border-radius:10px;border:0;background:var(--dark);color:#fff;font-weight:700;font-family:inherit;font-size:14px;cursor:pointer}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two img{width:100%;border-radius:12px;border:1px solid var(--line);display:block}.two p{font-size:12px;color:var(--ink2);margin-top:6px}
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.up{animation:up .7s cubic-bezier(.2,.7,.2,1) both}
@media (prefers-reduced-motion:reduce){.up{animation:none}}
/* desktop */
@media (min-width:900px){
 .nav{display:flex}.top .btn{min-height:42px;padding:0 20px;font-size:14px}
 .hero{padding:40px 0 48px;min-height:640px}.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
 .hero .robot{right:80px;top:20px;height:620px;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 100%);mask-image:linear-gradient(180deg,#000 60%,transparent 100%)}
 .hero-card{margin-top:18px;padding:32px}.hero-card .big{font-size:60px;line-height:.98}.price{font-size:48px}.cta2 .btn{min-height:56px;font-size:16px}
 section{padding:48px 0}
 .why{padding:36px;flex-direction:row;gap:32px;align-items:center}.why .t{font-size:32px}
 .scroller.grid5{display:grid;grid-template-columns:repeat(5,1fr);overflow:visible}.scroller.grid5>*{flex:auto}
 .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;border-top:1px solid var(--line);padding-top:24px}.step{grid-template-columns:1fr}.step .n em{display:none}.step>div:last-child{padding:0}
 .two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.bars{height:220px;gap:12px}
 .tasks.on{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.task{padding:16px 18px;font-size:15px}
 .real .grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.press{width:auto}.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
 .gets-form{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
 .faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px}
 .close{flex-direction:row;align-items:center;justify-content:space-between;padding:48px}.close h2{max-width:640px}
 footer{padding:24px 0 40px}footer .wrap{display:flex;justify-content:space-between;gap:24px}
}

/* ===== Captura de leads (hd.js / app.js) — só elementos novos ===== */
.hd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form.lead label.hd-check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;font-size:12px;line-height:1.4;color:var(--muted)}
form.lead label.hd-check input{width:20px;height:20px;min-width:20px;padding:0;margin:0;border-radius:4px;accent-color:var(--green)}
.hd-err{color:#b00020;font-size:13px;font-weight:600;min-height:1em;margin:0}
.hd-err:empty{display:none}
[hidden]{display:none!important}
form.lead button[type=submit]{white-space:normal;line-height:1.2;text-align:center;padding:10px 20px}

/* ===== Correções da auditoria de diagramação (21/09/2026) ===== */
/* 1. "Gravar e ganhar" centralizado na vertical (a pílula estica junto com "Turbinadas") */
.tabs .on{display:inline-flex;align-items:center}
/* 2. Títulos com as linhas equilibradas: evita palavra sozinha na última linha */
h1,h2,h3{text-wrap:balance}
/* 4. Perguntas do FAQ com área de toque de 44px, sem mudar o espaçamento visível */
.faq details{padding:4px 0}
.faq details[open]{padding-bottom:14px}
.faq summary{padding:10px 0}
.faq summary + p{margin-top:-2px}
/* 5. Celulares pequenos (<360px): a barra "Gravar e ganhar / Turbinadas" era cortada em 27px */
@media (max-width:359px){.tabs{gap:4px;padding:5px}.tabs span{padding:7px 10px;font-size:12px}.tabs .pill{padding:2px 7px;font-size:11px}}

/* ===== Página para empresas: /empresas e /obrigado-empresa (28/09/2026, roteiro v3) ===== */
/* Só acrescenta: nenhuma regra acima foi mudada. Componentes novos com prefixo .emp- */
/* Formulário: select com a mesma cara dos inputs (seta própria: a do sistema muda em cada celular) */
form.lead select{height:52px;border-radius:14px;border:1px solid #cfd5cf;padding:0 44px 0 16px;font-size:16px;font-family:inherit;width:100%;color:var(--ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;-webkit-appearance:none;appearance:none;cursor:pointer}
form.lead select:invalid{color:var(--muted)}form.lead select option{color:var(--ink)}
/* Campo opcional: "(opcional)" mais apagado, na mesma linha do rótulo */
.emp-opc{font-style:normal;font-weight:500;color:var(--muted)}
/* Hero (29/09, anúncios): a frase-gancho do anúncio é o título grande; as 3 batidas viram uma linha curta logo abaixo */
.emp-hero h1.emp-gancho{font-family:'Space Grotesk','DM Sans',sans-serif;font-size:clamp(22px,6.6vw,30px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
.emp-gancho2{font-size:15px;color:var(--ink2);padding-left:12px;border-left:3px solid var(--green)}.emp-gancho2 b{color:var(--ink)}
.emp-ancora{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;line-height:1.25;color:var(--ink)}.emp-ancora .hl{white-space:nowrap}
.emp-quem{font-size:15px;color:#4b5563}
/* Botão do topo: "Estratégia grátis" é mais longo que "Passo a passo"; no celular de 320px o texto encolhe um pouco */
@media (max-width:359px){.emp-top .btn{padding:0 12px;font-size:12px}}
.emp-hero .price-row{flex-wrap:wrap}.emp-hero .price{font-size:32px}.emp-hero .price small{font-size:18px}
.emp-apartir{display:block;margin-bottom:4px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:700;color:var(--ink2)}
.emp-para{font-size:13px;color:#4b5563;margin-top:4px}
.emp-setores{font-size:14px;font-weight:600;color:var(--ink)}
/* 3 setores no hero: etiquetas iguais, nenhuma marcada (não são botões); a terceira desce de linha no celular (sem cortar nem rolar a tela) */
.emp-tabs{flex-wrap:wrap;background:none;border:0;padding:0}.emp-tabs span{border:1px solid #fff;background:rgba(255,255,255,.6);color:var(--ink2);font-weight:600}
/* Foto do topo (equipe-oficina.webp, deitada 1536x1024) no lugar do robô em pé do index: sem posição fixa nem máscara.
   No celular vem antes das etiquetas; no computador fica na 2ª coluna do hero */
/* Foto do topo como FUNDO (igual ao robô do index): fica atrás do cartão e some num degradê */
.emp-hero .emp-bgs{position:absolute;left:0;right:0;top:0;height:400px;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent 100%);mask-image:linear-gradient(180deg,#000 50%,transparent 100%)}
/* As fotos se alternam (lava-rápido, hotel, hidráulica): só a que tem .on aparece, com troca suave */
.emp-hero .emp-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%;opacity:0;transition:opacity 1.2s ease}
.emp-hero .emp-bg.on{opacity:1}
@media (prefers-reduced-motion:reduce){.emp-hero .emp-bg{transition:none}}
/* Vídeos de exemplo (só as mãos): mesmo visual dos clipes do index, em 16:9 */
.emp-vids-sec h2{margin:6px 0 6px}.emp-vids-intro{font-size:15px;color:var(--ink2);margin-bottom:14px;max-width:62ch}
.emp-vids>*{flex:0 0 232px}.emp-v{margin:0;display:flex;flex-direction:column;gap:8px}
.emp-v .box{position:relative;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--dark2)}
.emp-v video{width:100%;height:100%;object-fit:cover;display:block}
.emp-v .tag{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;pointer-events:none}
.emp-v figcaption{font-size:14px;font-weight:700;color:var(--ink)}
.emp-vids-sec .emp-nota{margin-top:10px}
.emp-hero .wrap{position:relative}
.emp-hero .emp-tabs span{background:rgba(255,255,255,.88);color:var(--ink);transition:background .4s,color .4s}
/* A etiqueta do setor da foto que está aparecendo acende junto */
.emp-hero .emp-tabs span.on{background:var(--green);border-color:var(--green);color:#0b1a10}
.emp-cta{grid-template-columns:1fr}
/* Botão com texto longo: quebra a linha em vez de estourar a tela no celular */
.emp-quebra{white-space:normal;text-align:center;line-height:1.2}
.emp-lead{font-size:15px;color:var(--ink2);margin-bottom:16px}
.emp-sub{margin:32px 0 6px;font-size:22px}
/* O caminho: 3 passos ligados por seta até o resultado (em pé no celular, deitado no computador) */
.emp-caminho{display:grid;gap:34px}
.emp-etapa{position:relative;padding:18px;display:flex;flex-direction:column;gap:6px}.emp-etapa p{font-size:14px;color:var(--ink2)}
.emp-etapa::after{content:"";position:absolute;left:50%;bottom:-30px;width:26px;height:26px;margin-left:-13px;border-radius:999px;z-index:1;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230b1a10' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") no-repeat center}
.emp-etapa-t{display:flex;align-items:center;gap:10px;margin-bottom:2px}
.emp-ico{flex:none;width:40px;height:40px;border-radius:12px;background:var(--green-l);display:flex;align-items:center;justify-content:center}
.emp-res-c{padding:20px 18px;border-radius:var(--r);display:flex;flex-direction:column;gap:8px}.emp-res-c .emp-ico{background:var(--green)}
.emp-res-c .t{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;line-height:1.2}.emp-res-c p{font-size:14px;color:#d7ded9}
.emp-res-c .emp-zero{margin-top:auto;padding-top:10px;border-top:1px solid rgba(255,255,255,.14);font-size:14px;color:#d7ded9}.emp-zero b{font-family:'Space Grotesk',sans-serif;font-size:22px;color:var(--green)}
/* Quem ganha o quê: 3 cartões */
.emp-lados{display:grid;gap:10px}
.emp-lado{padding:18px;display:flex;flex-direction:column;gap:8px}.emp-lado p{font-size:14px;color:var(--ink2)}
.emp-val{font-family:'Space Grotesk',sans-serif;font-size:26px;line-height:1.1;color:var(--green-d)}.emp-val small{display:block;margin-top:4px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;color:var(--muted)}
.emp-val .emp-apartir{margin:0 0 2px;font-size:12px}
.emp-lado .paga{margin-top:auto;padding-top:10px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
/* Nota de 12px direto no fundo da página: #4b5563 (o --muted dava 4,37:1 sobre #f2f4f1, abaixo de 4,5:1) */
.emp-nota{margin-top:10px;font-size:12px;color:#4b5563}
/* Por que esses setores saem na frente */
.emp-motivos{display:grid;gap:10px}
.emp-motivo{padding:18px;display:flex;gap:14px;align-items:flex-start}.emp-motivo p{margin-top:4px;font-size:14px;color:var(--ink2)}
.emp-motivo i{flex:none;width:36px;height:36px;border-radius:999px;background:var(--green-l);color:var(--green-d);display:flex;align-items:center;justify-content:center;font-weight:700;font-style:normal;font-family:'Space Grotesk',sans-serif}
.emp-extra{margin-top:10px;padding:12px 16px;border-radius:16px;border:1px solid #bbf7d0;background:#f0fdf4;font-size:14px;color:var(--ink2)}.emp-extra b{color:var(--ink)}
.emp-dor{margin-top:12px;padding:20px 22px}.emp-dor p{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;line-height:1.25}
/* Tarefas: 3 abas que quebram a linha no celular; o item só tem o nome */
.emp-cats{flex-wrap:wrap;overflow:visible}
.emp-tasks{margin-top:10px}.emp-tasks .task{justify-content:flex-start;gap:10px}.emp-tasks .task span{color:var(--ink);font-family:inherit;font-weight:600}
.emp-tasks .task::before{content:"";flex:none;width:8px;height:8px;border-radius:999px;background:var(--green)}
/* A conta por turno (29/09): 1h aprovada → bônus na diária + o que fica com a empresa */
.emp-turno{padding:18px;display:flex;flex-direction:column;gap:12px}
.emp-turno-l{display:grid;gap:8px}
.emp-turno-i{padding:12px 14px;border-radius:16px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:2px}
.emp-turno-i span{font-size:13px;font-weight:700;color:var(--ink2)}
.emp-turno-i b{margin-top:4px;font-family:'Space Grotesk',sans-serif;font-size:30px;line-height:1.05;color:var(--ink)}.emp-turno-i b small{display:block;margin-bottom:2px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;color:var(--ink2)}
.emp-turno-i em{font-style:normal;font-size:12px;color:#4b5563}
.emp-turno-i.um{background:var(--green-l);border-color:var(--green)}.emp-turno-i.um b{color:var(--green-d)}
.emp-dois{font-size:14px;color:var(--ink2)}.emp-dois b{color:var(--ink)}
#conta .emp-sub{margin-top:28px}
/* Simulador (#emp-sim): tipo de empresa, 3 réguas e 4 resultados */
.emp-sim{gap:18px}
.emp-ctl{display:flex;flex-direction:column;gap:12px}
.emp-tipos{display:grid;grid-template-columns:1fr;gap:8px}
.emp-tipo{min-height:48px;padding:10px 14px;border-radius:16px;border:1px solid var(--line);background:#fff;color:var(--ink);font-family:inherit;font-size:14px;font-weight:700;line-height:1.25;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px}
/* 29/09: "exemplo: 8 pessoas na arrumação" é longo; no celular o texto quebra em vez de empurrar o botão para fora (320px) */
.emp-tipo small{font-size:12px;font-weight:500;color:var(--muted);text-align:right}
.emp-tipo.on{background:var(--dark);border-color:var(--dark);color:#fff}.emp-tipo.on small{color:var(--green)}
.emp-linha{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px}.emp-linha strong{color:var(--green-d);white-space:nowrap}
.emp-formula,.emp-aviso{font-size:12px;color:var(--muted)}
.emp-res{display:flex;flex-direction:column;gap:8px}
.emp-num{padding:14px 16px;border-radius:16px;background:#f0fdf4;border:1px solid #bbf7d0;display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--ink2)}
.emp-num b{font-family:'Space Grotesk',sans-serif;font-size:clamp(26px,8vw,34px);line-height:1.05;color:var(--ink)}.emp-num b small{font-size:15px;font-weight:600;color:var(--muted)}
.emp-num.total{background:var(--green-l);border-color:var(--green)}.emp-num.total b{font-size:clamp(30px,9vw,42px);color:var(--green-d)}
.emp-num.zero{background:var(--dark);border-color:var(--dark);color:#d7ded9}.emp-num.zero b{color:var(--green)}
/* Cuidados: 4 cartões curtos */
.emp-cuidados{display:grid;gap:10px}
.emp-cuidado{padding:18px}.emp-cuidado p{margin-top:6px;font-size:14px;color:var(--ink2)}
.emp-cuidado h3{display:flex;align-items:flex-start;gap:10px}.emp-cuidado h3::before{content:"";flex:none;width:10px;height:10px;margin-top:.35em;border-radius:999px;background:var(--green)}
/* A Hub Data é real? 4 fatos da página da Hub + link /hub-data */
.emp-fatos{display:grid;gap:10px}
.emp-fatos .dark-box{gap:4px;font-size:14px;color:#c9d1cc}.emp-fatos b{font-family:'Space Grotesk',sans-serif;font-size:16px;color:#fff}
.emp-hub{margin-top:18px;min-height:52px;font-size:15px}
.real .emp-hub{background:transparent;border:1px solid rgba(34,197,94,.6);color:#fff}.real .emp-hub:hover{background:rgba(34,197,94,.12)}
/* Obrigado da empresa: 2 cartões + capa do PDF em CSS */
.emp-passo{margin-top:14px;padding:20px;display:flex;flex-direction:column;gap:12px}.emp-passo p{font-size:14px;color:var(--ink2)}
.emp-passo.on{border:2px solid var(--green);box-shadow:0 12px 40px rgba(34,197,94,.15)}
.emp-passo-t{display:flex;align-items:center;gap:10px}.emp-passo-t h2{font-size:20px}
.emp-passo-t i{flex:none;width:34px;height:34px;border-radius:999px;background:var(--green-l);color:var(--green-d);display:flex;align-items:center;justify-content:center;font-weight:700;font-style:normal;font-family:'Space Grotesk',sans-serif}.emp-passo.on .emp-passo-t i{background:var(--green);color:#0b1a10}
.emp-capa{width:84px;flex:none;aspect-ratio:3/4;border-radius:10px;background:#141a16;display:flex;align-items:flex-end;padding:8px}.emp-capa span{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;line-height:1.1;color:var(--green)}
.emp-capa-row{display:flex;gap:14px;align-items:center}
/* Celular: o formulário não cola no cartão de cima */
@media (max-width:899px){form.lead[data-tipo="empresa"]{margin-top:14px}}
/* Celular: o cartão começa mais abaixo, deixando a foto aparecer no topo (como o robô) */
@media (max-width:899px){.emp-hero .hero-card{margin-top:190px}}
@media (min-width:600px){
 .emp-tipos{grid-template-columns:repeat(3,1fr)}.emp-tipo{display:block;min-height:64px}.emp-tipo small{display:block;margin-top:2px;white-space:normal;text-align:left}
 .emp-fatos{grid-template-columns:1fr 1fr}
 .emp-turno-l{grid-template-columns:repeat(3,1fr)}
}
@media (min-width:900px){
 .emp-vids{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;overflow:visible}.emp-vids>*{flex:auto}
 /* Computador: a foto ocupa o lado direito e some para a esquerda, atrás do cartão */
 .emp-hero .emp-bgs{left:auto;width:64%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%);mask-image:linear-gradient(90deg,transparent 0%,#000 38%)}
 .emp-hero .hero-card{margin-top:18px}
 .emp-hero h1.emp-gancho{font-size:clamp(30px,3.2vw,42px);line-height:1.06}.emp-ancora{font-size:20px}.emp-hero .price{font-size:44px}.emp-hero .price small{font-size:22px}
 .emp-cta{grid-template-columns:1.6fr 1fr}
 .emp-caminho{grid-template-columns:repeat(4,1fr);gap:34px;align-items:stretch}.emp-etapa,.emp-res-c{padding:24px}
 .emp-etapa::after{left:auto;right:-30px;top:50%;bottom:auto;margin:-13px 0 0;transform:rotate(-90deg)}
 .emp-lados{grid-template-columns:repeat(3,1fr);gap:16px}.emp-lado{padding:24px}
 .emp-motivos{grid-template-columns:repeat(3,1fr);gap:16px}.emp-motivo{flex-direction:column;padding:24px}
 .emp-dor{padding:28px 36px}.emp-dor p{font-size:26px}
 .emp-turno{padding:24px}
 .emp-sim{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start;padding:32px}
 /* Passos: cada coluna começa no topo (o passo 4 tem mais texto e empurrava os outros para baixo) */
 .emp-steps .step{align-content:start}
 .emp-cuidados{grid-template-columns:1fr 1fr;gap:16px}.emp-cuidado{padding:24px}
 .emp-fatos{grid-template-columns:repeat(4,1fr);gap:16px}
}