/* LucrAki® — visual v3: claro, enxuto, de site de tecnologia. Carregado depois de lucraki.css; só vale na tela (o PDF usa lucraki.css). */
:root{--ink:#111827;--ink2:#374151;--muted:#6b7280;--line:#e7e5e4;--paper:#fafaf9;--white:#fff;--orange:#ff851f;--brand-ink:#c2410c;
  --soft:#fff7ed;--good:#15803d;--bad:#b91c1c;--r:12px;--shadow:0 1px 2px rgba(16,24,40,.05);--pop:0 12px 32px rgba(16,24,40,.14)}
body.v3{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.v3 a{color:inherit}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Barra única */
.hdr{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.hdr-in{max-width:1200px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;gap:14px}
.hdr .brand{display:flex;align-items:center;margin:0;flex:0 0 auto}
.hdr .brand img{height:34px;width:auto;display:block}
.pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:99px;font-size:.72rem;font-weight:600;white-space:nowrap;flex:0 0 auto}
.pill.demo{background:#fef3c7;color:#92400e}
.pill.client{background:#f3f4f6;color:var(--ink2);max-width:180px;overflow:hidden;text-overflow:ellipsis}
.hnav{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none;flex:1 1 auto}
.hnav::-webkit-scrollbar{display:none}
.hnav a{position:relative;padding:8px 11px;border-radius:8px;text-decoration:none;color:var(--muted);font-weight:500;font-size:.9rem;white-space:nowrap}
.hnav a:hover{color:var(--ink);background:#f5f5f4}
.hnav a.on{color:var(--ink)}
.hnav a.on::after{content:"";position:absolute;left:11px;right:11px;bottom:-11px;height:2px;border-radius:2px;background:var(--orange)}
.hact{display:flex;align-items:center;gap:8px;margin-left:auto;flex:0 0 auto}
.hsearch{display:flex;align-items:center;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:0 4px 0 10px}
.hsearch input{border:0;outline:0;font:inherit;font-size:.88rem;width:110px;transition:width .2s;background:transparent}
.hsearch input:focus{width:200px}
.hsearch:focus-within{border-color:#d6d3d1;box-shadow:0 0 0 3px rgba(255,133,31,.15)}
.hsearch button{border:0;background:none;color:var(--muted);display:grid;place-items:center;width:28px;height:28px;cursor:pointer;padding:0}
.hquick{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:10px;background:var(--orange);color:#1c1917!important;font-weight:700;font-size:.88rem;text-decoration:none}
.hquick span:first-child{font-size:1.15rem;line-height:1}
.hquick:hover{filter:brightness(.96)}
.umenu,.loginmenu{position:relative}
.umenu>summary,.loginmenu>summary{list-style:none;cursor:pointer;text-decoration:none}
.umenu>summary::-webkit-details-marker,.loginmenu>summary::-webkit-details-marker{display:none}
.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:#fff;font-weight:700;font-size:.8rem;letter-spacing:.02em}
.umenu-pop,.loginmenu .toplogin{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--pop);padding:8px;z-index:60}
.umenu-pop a,.umenu-pop button{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:8px;border:0;background:none;font:inherit;font-size:.9rem;color:var(--ink2);text-decoration:none;cursor:pointer}
.umenu-pop a:hover,.umenu-pop button:hover{background:#f5f5f4;color:var(--ink)}
.umenu-pop button.on{color:var(--ink);font-weight:600}
.umenu-pop button.on::before{content:"✓ ";color:var(--orange)}
.umenu-pop form{margin:0}
.umenu-who{margin:4px 10px 8px;display:flex;flex-direction:column;line-height:1.3}
.umenu-who small{color:var(--muted);font-size:.78rem}
.umenu-label{margin:6px 10px 2px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.umenu-pop hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.loginmenu>summary.btn{min-height:36px;padding:0 16px}
.loginmenu .toplogin{display:flex;flex-direction:column;gap:8px;padding:12px;min-width:260px}
.loginmenu .toplogin input{font:inherit;font-size:.9rem;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;width:100%;color:var(--ink);background:#fff}
.loginmenu .toplogin .btn{width:100%}
.hnav-toggle,.hnav-burger{display:none}
.htabs{border-top:1px solid #f1f0ef}
.htabs-in{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.htabs-in::-webkit-scrollbar{display:none}
.htabs a{padding:10px 12px;font-size:.85rem;color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}
.htabs a:hover{color:var(--ink)}
.htabs a.on{color:var(--ink);border-bottom-color:var(--orange);font-weight:600}
@media(max-width:900px){
  .hdr-in{flex-wrap:wrap;height:auto;min-height:56px;padding:8px 16px;gap:10px}
  .hnav-burger{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:10px;cursor:pointer;order:9}
  .hnav-burger i,.hnav-burger i::before,.hnav-burger i::after{display:block;width:16px;height:2px;background:var(--ink);border-radius:2px;position:relative;content:""}
  .hnav-burger i::before{position:absolute;top:-5px}.hnav-burger i::after{position:absolute;top:5px}
  .hnav{order:20;flex-basis:100%;display:none;flex-direction:column;align-items:stretch;padding:4px 0 8px}
  .hnav-toggle:checked~.hnav{display:flex}
  .hnav a.on::after{display:none}
  .hnav a.on{background:#f5f5f4}
  .hsearch input,.hsearch input:focus{width:90px}
  .hquick-t{display:none}
}
@media(max-width:520px){.hdr .brand img{height:28px}.hsearch{display:none}.pill.client{display:none}}

/* Conteúdo */
main.v3{max-width:1200px;padding:20px 20px 32px}
.v3 h1,.v3 .pagetitle{font-size:1.55rem;font-weight:700;letter-spacing:-.02em;margin:4px 0 14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v3 h2{font-size:1.08rem;font-weight:650;letter-spacing:-.01em;margin:26px 0 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v3 h3{font-size:.98rem;font-weight:650;margin:20px 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.v3 .sub{color:var(--muted);font-size:.92rem;margin:-6px 0 14px}
.v3 .card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}
.v3 .grid{gap:12px}
.v3 .btn{min-height:40px;padding:8px 16px;border-radius:10px;font-weight:600;font-size:.9rem;background:var(--ink);color:#fff;border:1px solid var(--ink);transition:filter .15s,background .15s}
.v3 .btn:hover{filter:brightness(1.15)}
.v3 .btn.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);font-weight:500}
.v3 .btn.ghost:hover{background:#f5f5f4;filter:none}
.v3 .btn.small{min-height:32px;padding:4px 10px;font-size:.82rem}
.v3 input,.v3 select,.v3 textarea{font:inherit}
.v3 .filters select,.v3 form.stack input,.v3 form.stack select,.v3 form.stack textarea{border-radius:10px;border-color:var(--line);min-height:40px;padding:8px 12px;font-size:.92rem}
.v3 table{border-color:var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.v3 th{font-size:.72rem;font-weight:600;color:var(--muted);background:#fafaf9}
.v3 th,.v3 td{padding:10px 12px;border-color:#f1f0ef}
.v3 .note{color:var(--muted);font-size:.85rem}
.v3 .tag{font-weight:600;letter-spacing:.03em;font-size:.68rem}
.v3 .msgs li{border-radius:10px;border:1px solid var(--line);border-left:4px solid var(--orange);box-shadow:var(--shadow);font-size:.92rem}
.v3 .card.warn{background:#fffbeb;border-color:#fde68a}
.v3 .card.okbox{background:#f0fdf4;border-color:#bbf7d0}
.v3 .secn{width:22px;height:22px;font-size:.75rem}
.v3 summary{text-decoration:none;color:var(--ink2);font-weight:500}

/* ⓘ: explicação ao passar o cursor ou tocar */
.info{position:relative;display:inline-flex;vertical-align:middle;margin-left:4px;cursor:help;outline:none;font-weight:400}
.info-i{width:18px;height:18px;border-radius:50%;border:1px solid #d6d3d1;color:var(--muted);font:italic 600 11px/16px Georgia,serif;display:grid;place-items:center;background:#fff;transition:all .15s}
.info:hover .info-i,.info:focus-visible .info-i,.info.open .info-i{border-color:var(--orange);color:var(--brand-ink);background:var(--soft)}
.info-pop{display:none;position:absolute;z-index:70;top:calc(100% + 8px);left:-12px;width:min(340px,80vw);background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--pop);
  padding:12px 14px;font-size:.84rem;line-height:1.5;color:var(--ink2);text-align:left;text-transform:none;letter-spacing:0;font-style:normal;white-space:normal;cursor:auto}
.info-pop::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.info-pop p{margin:0 0 6px}.info-pop p:last-child{margin-bottom:0}
.info-pop b{color:var(--ink)}
.info-pop ul,.info-pop ol{margin:4px 0;padding-left:18px}
.info:hover .info-pop,.info:focus-within .info-pop,.info.open .info-pop{display:block}
.card .info-pop{left:auto;right:-8px}
h1 .info-pop,h2 .info-pop,h3 .info-pop{left:-12px;right:auto}
@media print{.info{display:none!important}}

/* Indicadores: só título, número e gráfico; o nome técnico e a explicação ficam no ⓘ */
.v3 .kpiblock-head .kpitech,.v3 .kpiblock-head .kpiwhat{display:none}
.v3 .kpiblock-head b{display:flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600}

/* Rodapé com o Cozinhas na Nuvem® e a motinha */
.ftr{border-top:1px solid var(--line);background:#fff;margin-top:24px}
.ftr-in{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}
.ftr-maker b{color:var(--ink2)}
.ftr .motolane{display:block;position:relative;flex:0 1 180px;height:36px;min-width:60px}
.ftr .moto{bottom:0}
.ftr-cloud{height:34px;width:auto;animation:cloud-pop var(--trip,9s) linear infinite;transform-origin:50% 60%}
.ftr .motosound{position:static;border-color:var(--line);color:var(--muted);width:28px;height:28px}
.ftr .motosound.is-on{color:var(--brand-ink);border-color:var(--orange)}
.ftr-links{margin-left:auto;display:flex;gap:14px;flex-wrap:wrap}
.ftr-links a{text-decoration:none;color:var(--muted)}.ftr-links a:hover{color:var(--ink)}
@media(prefers-reduced-motion:reduce){.ftr .motolane{display:none}.ftr-cloud{animation:none}}

/* Ajuda: botão discreto */
.v3 ~ .helpfab,.helpfab{min-height:34px!important;padding:4px 12px!important;font-size:.8rem!important;box-shadow:var(--pop)}

/* Página inicial (quem ainda não entrou) */
.lp{max-width:1120px;margin:0 auto}
.lp-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding:28px 0 20px}
.lp-kicker{display:inline-block;font-size:.75rem;font-weight:600;color:var(--brand-ink);background:var(--soft);padding:4px 10px;border-radius:99px;margin-bottom:14px}
.v3 .lp-hero h1{font-size:clamp(2.1rem,4.6vw,3.3rem);line-height:1.05;letter-spacing:-.035em;margin:0 0 14px;font-weight:800}
.lp-lead{font-size:1.15rem;color:var(--ink2);margin:0 0 22px;max-width:30ch}
.lp-btns{display:flex;gap:10px;flex-wrap:wrap}
.lp-btns .btn{min-height:46px;padding:10px 20px;font-size:.95rem}
.lp-trust{list-style:none;padding:0;margin:20px 0 0;display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.82rem}
.lp-trust li::before{content:"✓ ";color:var(--good);font-weight:700}
.lp-art{margin:0}.lp-art svg{width:100%;height:auto;display:block;border-radius:22px}
.lp-art figcaption{font-size:.72rem;color:var(--muted);text-align:center;margin-top:6px}
.lp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 8px}
.lp-stat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:2px;position:relative}
.lp-stat b{font-size:1.5rem;letter-spacing:-.02em}
.lp-stat>span:not(.info){color:var(--muted);font-size:.85rem;padding-right:20px}
.lp-stat .info{position:absolute;top:14px;right:14px}
.lp-stat .info-pop{left:auto;right:-8px}
.lp-sec{padding:34px 0 6px}
.v3 .lp-sec h2,.v3 .lp-cta h2{font-size:1.6rem;letter-spacing:-.025em;margin:0 0 16px;font-weight:750}
.lp-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-steps li{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px}
.lp-steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--ink);color:#fff;font-weight:700;font-size:.85rem;margin-bottom:10px}
.lp-steps b{font-size:1.02rem}.lp-steps p{margin:4px 0 0;color:var(--muted);font-size:.9rem}
.lp-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-feat{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px;transition:border-color .15s,box-shadow .15s}
.lp-feat:hover{border-color:#fed7aa;box-shadow:0 6px 18px rgba(255,133,31,.10)}
.lp-feat b{display:block;font-size:1rem}.lp-feat p{margin:4px 0 0;color:var(--muted);font-size:.88rem}
.lp-ico{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--soft);color:var(--brand-ink);margin-bottom:10px;font-size:1.05rem;font-weight:700}
.ico-business::before{content:"▤"}.ico-overview::before{content:"◎"}.ico-data_hub::before{content:"✎"}.ico-docs::before{content:"❏"}.ico-menu_admin::before{content:"☰"}.ico-cash::before{content:"$"}
.lp-quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-quotes blockquote{margin:0;background:var(--ink);color:#f5f5f4;border-radius:var(--r);padding:18px;font-weight:600;font-size:.98rem}
.lp-quotes p{grid-column:1/-1;margin:4px 0 0;color:var(--muted);text-align:center}
.lp-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.lp-plan{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px;position:relative}
.lp-plan.best{border:2px solid var(--orange);box-shadow:0 10px 30px rgba(255,133,31,.12)}
.lp-plan .pill{position:absolute;top:-12px;right:16px}
.lp-plan>b{font-size:1.05rem}
.lp-price{font-size:1.9rem;font-weight:800;letter-spacing:-.03em}
.lp-price small{font-size:.8rem;font-weight:500;color:var(--muted);margin-left:4px;letter-spacing:0}
.lp-plan ul{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px;font-size:.88rem;color:var(--ink2)}
.lp-plan li::before{content:"✓";color:var(--good);font-weight:700;margin-right:8px}
.lp-plan-link{margin-top:auto;padding-top:10px;font-weight:600;color:var(--brand-ink)!important;text-decoration:none;font-size:.9rem}
.lp-plans-foot{color:var(--muted);font-size:.85rem;text-align:center;margin:14px 0 0}
.lp-plans-foot a{color:var(--brand-ink)}
.lp-cta{margin:40px 0 8px;background:var(--ink);color:#fff;border-radius:20px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.v3 .lp-cta h2{color:#fff;margin:0 0 4px}.lp-cta p{margin:0;color:#d6d3d1}
.lp-cta .btn{background:var(--orange);border-color:var(--orange);color:#1c1917}
.lp-cta .btn.ghost{background:transparent;color:#fff;border-color:#57534e}
@media(max-width:860px){.lp-hero{grid-template-columns:1fr;gap:20px}.lp-stats,.lp-steps,.lp-feats,.lp-quotes,.lp-plans{grid-template-columns:1fr}.lp-cta{padding:22px}}

/* O que abre ao clicar: uma setinha no lugar da etiqueta "Clicar para Expandir" */
body.v3 summary::after,body.v3 .pointmore summary::after,body.v3 details[open]>summary::after{content:none!important;display:none!important}
body.v3 main summary::before,body.v3 main .pointmore summary::before{content:"›"!important;display:inline-block!important;width:12px;margin-right:6px;color:var(--muted);font-weight:700;transition:transform .15s}
body.v3 main details[open]>summary::before{transform:rotate(90deg)}
body.v3 .umenu>summary::before,body.v3 .loginmenu>summary::before,body.v3 .umenu>summary::after,body.v3 .loginmenu>summary::after{content:none!important;display:none!important}
body.v3 #dre-toggle{background:#fff;color:var(--ink);border:1px solid var(--line);font-weight:500}

/* Topo das telas com filtros e ações numa linha */
.pagebar{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin:0 0 14px}
.v3 .pagebar h1{margin:0 auto 0 0}
.pb-filters{display:flex;gap:6px;flex-wrap:wrap}
.pb-filters select{font:inherit;font-size:.88rem;height:36px;padding:0 30px 0 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);max-width:220px}
.pb-acts{display:flex;gap:6px}
.pb-menu{position:relative}
.pb-menu>summary{list-style:none}
.pb-menu>summary::-webkit-details-marker{display:none}
body.v3 main .pb-menu>summary::before{content:none!important;display:none!important}
.pb-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--pop);padding:12px;min-width:240px;display:flex;flex-direction:column;gap:8px}
.pb-pop label{display:flex;flex-direction:column;font-size:.8rem;color:var(--muted);gap:4px}
.pb-pop input{font:inherit;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:10px}
.pb-list{display:flex;flex-direction:column;gap:6px}
.pb-list .btn{width:100%}
.pb-pop .actions-row{display:flex;flex-direction:column;gap:6px}
.pb-pop .actions-row input{min-width:0!important}
/* Abas */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:4px 0 16px;overflow-x:auto;scrollbar-width:none;position:sticky;top:61px;background:var(--paper);z-index:20}
.tabs::-webkit-scrollbar{display:none}
.tabs button{border:0;background:none;font:inherit;font-size:.9rem;color:var(--muted);padding:10px 14px;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap}
.tabs button:hover{color:var(--ink)}
.tabs button.on{color:var(--ink);font-weight:600;border-bottom-color:var(--orange)}
.has-tabs .tabpane:not(.on){display:none}
.has-tabs .tabpane>h2:first-child{display:none}
@media print{.has-tabs .tabpane{display:block!important}.has-tabs .tabpane>h2:first-child{display:flex!important}}
/* Painel do negócio: herói enxuto */
.v3 .mhero{border-radius:16px}
.v3 .card.setup{padding:12px 16px}.v3 .card.setup p{margin:8px 0 0}
@media(min-width:1100px){.v3 .kpigrid{grid-template-columns:repeat(4,1fr)}}
.v3 .mhero-sub a{color:var(--brand-ink);font-weight:600;text-decoration:none;white-space:nowrap}
.pb-logo{display:flex;align-items:center;gap:6px}
.pb-logo .logoslot{width:40px;height:40px;border-radius:10px;overflow:hidden;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:.7rem;text-decoration:none;color:var(--muted)}
.pb-logo .logoslot img{width:100%;height:100%;object-fit:contain}
.pb-logo .logochange{font-size:.72rem;background:none;color:var(--muted);padding:0}
.pb-logo .logochange:hover{color:var(--brand-ink)}

/* Atalhos em blocos e listas de ajustes (Minha Conta e telas de hub) */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0 0 16px}
.tile-link{display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.tile-link:hover{border-color:#fed7aa;box-shadow:0 6px 18px rgba(255,133,31,.10)}
.tile-link b{font-size:.95rem}.tile-link span{color:var(--muted);font-size:.82rem}
.setlist{background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.setrow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid #f1f0ef;margin:0;flex-wrap:wrap}
.setrow:first-child{border-top:0}
.setrow>label,.setrow>span{font-weight:600;font-size:.9rem;display:flex;align-items:center}
.setval{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.setval input{font:inherit;font-size:.9rem;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;width:220px}
.seg2{display:inline-flex;border:1px solid var(--line);border-radius:10px;padding:2px;background:#f5f5f4}
.seg2 button{border:0;background:none;font:inherit;font-size:.85rem;padding:5px 12px;border-radius:8px;cursor:pointer;color:var(--muted)}
.seg2 button.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:var(--shadow)}
.pb-when{display:inline-flex;align-items:center;font-size:.85rem;color:var(--muted);white-space:nowrap}
.seg2 a{display:inline-block;padding:5px 12px;border-radius:8px;text-decoration:none;font-size:.85rem;color:var(--muted)}
.seg2 a.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:var(--shadow)}
.v3 .pb-filters{margin:0}
.onlyifood{display:inline-flex;align-items:center;gap:2px;margin:0 0 12px;padding:4px 10px;border-radius:99px;background:#fef3c7;color:#92400e;font-size:.8rem;font-weight:500}
.pb-pop #send-form input[type=email]{font:inherit;height:38px;padding:0 10px;border:1px solid var(--line);border-radius:10px}
/* Busca: só a lupa; abre ao clicar */
.hsearch{width:38px;padding:0;justify-content:center;transition:width .2s}
.hsearch input{width:0;padding:0;opacity:0}
.hsearch.open,.hsearch:focus-within{width:220px;padding:0 4px 0 10px;justify-content:flex-start}
.hsearch.open input,.hsearch:focus-within input{width:100%;opacity:1}
@media(max-width:900px){.hsearch.open,.hsearch:focus-within{width:160px}}

/* Guias por etapas: cada etapa numa linha; o que é e para que serve ficam ao passar o cursor */
.v3 .stepcard{padding:12px 16px;gap:14px;align-items:center}
.v3 .stepcard .stepbody>span:not(.stepkicker):not(.note){display:none}
.v3 .stepcard .stepbody b{font-size:.98rem}
.v3 .stepcard .stepn.big{width:34px;height:34px;font-size:.9rem}
.v3 .stepcard .stepkicker{font-size:.68rem}
/* Rótulos em caixa alta acima dos seletores saem: o seletor fala por si */
.v3 .mode-title,.v3 .pick>label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.v3 .modes .mode{padding:8px;border-radius:12px}
@media(max-width:520px){
  .hdr-in{gap:8px;padding:8px 12px}
  .pill.demo{font-size:.62rem;padding:0 7px;height:20px}
  .hact{gap:6px}
  .avatar,.hquick,.hnav-burger{width:34px;height:34px}
  .hquick{padding:0;justify-content:center}
  main.v3{padding:14px 14px 28px}
  .v3 .pagebar h1{flex-basis:100%}
}

/* ===== Página inicial v4: foto em movimento, quadro de vidro, números vivos ===== */
.motion [data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.motion [data-reveal].in{opacity:1;transform:none}
.motion .lp-steps [data-reveal]:nth-child(2),.motion .lp-feats [data-reveal]:nth-child(3n+2),.motion .lp-plans [data-reveal]:nth-child(2){transition-delay:.12s}
.motion .lp-steps [data-reveal]:nth-child(3),.motion .lp-feats [data-reveal]:nth-child(3n),.motion .lp-plans [data-reveal]:nth-child(3){transition-delay:.24s}
body.landing main.v3{max-width:none;padding:0}
body.landing .hdr{position:fixed;left:0;right:0;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .25s,border-color .25s}
body.landing .hdr .hnav a{color:rgba(255,255,255,.85)}
body.landing .hdr .hnav a:hover{background:rgba(255,255,255,.12);color:#fff}
body.landing .hdr .loginmenu>summary.btn{background:#fff;color:var(--ink);border-color:#fff}
body.landing.scrolled .hdr{background:rgba(255,255,255,.92);border-color:var(--line);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
body.landing.scrolled .hdr .hnav a{color:var(--muted)}
body.landing.scrolled .hdr .loginmenu>summary.btn{background:var(--ink);color:#fff;border-color:var(--ink)}
body.landing .hnav-burger{background:#fff}
.hero{position:relative;min-height:min(92vh,820px);display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;padding:110px 0 120px}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;transform:scale(1.08);animation:kenburns 26s ease-in-out infinite alternate}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,10,9,.92) 0%,rgba(12,10,9,.78) 38%,rgba(12,10,9,.35) 70%,rgba(12,10,9,.55) 100%)}
@keyframes kenburns{0%{transform:scale(1.08) translate(0,0)}100%{transform:scale(1.18) translate(-2.5%,-1.5%)}}
.hero-in{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.hero .lp-kicker{background:rgba(255,133,31,.18);color:#fdba74;border:1px solid rgba(255,133,31,.35)}
.v3 .hero h1{color:#fff;font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.02;letter-spacing:-.04em;margin:0 0 16px;font-weight:800;display:block}
.hero .lp-lead{color:#e7e5e4;font-size:1.2rem;max-width:30ch}
.hero .lp-trust{color:#d6d3d1}
.hero .lp-trust li::before{color:#4ade80}
.hero-watch{display:inline-flex;align-items:center;gap:10px;margin-top:22px;color:#fff;text-decoration:none;font-weight:600}
.hero-watch span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.3);font-size:.8rem;transition:transform .2s,background .2s}
.hero-watch:hover span{transform:scale(1.08);background:var(--orange);color:#1c1917}
.leadcard{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:20px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.leadcard b{font-size:1.15rem}
.leadcard-sub{font-size:.85rem;color:#d6d3d1;margin-top:-6px}
.leadcard input:not([type=radio]){font:inherit;height:46px;padding:0 14px;border-radius:12px;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.92);color:var(--ink)}
.leadcard input:not([type=radio]):focus{outline:3px solid rgba(255,133,31,.5);outline-offset:0}
.leadcard-who{display:flex;gap:8px}
.leadcard-who label{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.3);font-size:.85rem;cursor:pointer}
.leadcard-who label:has(input:checked){background:#fff;color:var(--ink);font-weight:600}
.leadcard-who input{accent-color:var(--orange)}
.leadcard .btn{min-height:48px;background:var(--orange);border-color:var(--orange);color:#1c1917;font-size:.95rem}
.leadcard small{font-size:.72rem;color:#a8a29e}
.hero-live{position:absolute;z-index:2;left:50%;bottom:-1px;transform:translateX(-50%);width:min(760px,92vw);display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:12px;align-items:end;padding:16px 18px;border-radius:20px 20px 0 0;background:#fff;color:var(--ink);box-shadow:0 -10px 40px rgba(0,0,0,.18)}
.motion .hero-live[data-reveal]{transform:translate(-50%,24px)}.motion .hero-live[data-reveal].in{transform:translate(-50%,0)}
.live-kpi span{display:block;font-size:.72rem;color:var(--muted)}
.live-kpi b{font-size:1.35rem;letter-spacing:-.02em}
.live-kpi b.up{color:var(--good)}
.live-bars{display:flex;align-items:flex-end;gap:5px;height:46px}
.live-bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--orange),#fdba74);transform-origin:bottom;animation:grow 1.2s cubic-bezier(.2,.7,.2,1) both,breathe 3.6s ease-in-out 1.4s infinite}
.live-bars i:nth-child(2){animation-delay:.08s,1.6s}.live-bars i:nth-child(3){animation-delay:.16s,1.8s}.live-bars i:nth-child(4){animation-delay:.24s,2s}.live-bars i:nth-child(5){animation-delay:.32s,2.2s}.live-bars i:nth-child(6){animation-delay:.4s,2.4s}.live-bars i:nth-child(7){animation-delay:.48s,2.6s}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes breathe{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.86)}}
.live-tag{grid-column:1/-1;display:flex;align-items:center;gap:6px;font-size:.7rem;color:var(--muted)}
.live-tag .dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:ping 1.8s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}100%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}
body.landing .lp{padding:0 24px}
body.landing .lp-stats{margin-top:36px}
.lp-stat b{font-size:1.9rem}
.lp-steps .lp-ico{font-size:1rem}
.lp-steps li{position:relative}
/* Cartões que abrem ao passar o cursor */
.lp-feat{position:relative;overflow:hidden;min-height:150px}
.lp-feat p{max-height:0;opacity:0;transition:max-height .35s ease,opacity .3s ease,margin .3s}
.lp-feat:hover p,.lp-feat:focus p,.lp-feat:focus-within p{max-height:120px;opacity:1}
.lp-more{position:absolute;right:14px;top:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#f5f5f4;color:var(--muted);transition:transform .25s,background .25s}
.lp-feat:hover .lp-more,.lp-feat:focus .lp-more{transform:rotate(45deg);background:var(--orange);color:#1c1917}
@media(hover:none){.lp-feat p{max-height:none;opacity:1}.lp-more{display:none}}
/* Mosaico de fotos */
.lp-mosaic{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto;gap:12px;align-items:stretch}
.lp-mosaic-text{grid-column:1;grid-row:1/3;align-self:center;padding-right:12px}
.lp-mosaic-text p{color:var(--ink2);margin:0 0 16px}
.lp-mosaic figure{position:relative;margin:0;border-radius:18px;overflow:hidden;min-height:220px}
.lp-mosaic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.lp-mosaic figure:hover img{transform:scale(1.05)}
.lp-mosaic figcaption{position:absolute;left:12px;bottom:12px;background:rgba(12,10,9,.7);color:#fff;font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:99px;backdrop-filter:blur(6px)}
.lp-mosaic .m1{grid-column:2;grid-row:1/3}.lp-mosaic .m2{grid-column:3;grid-row:1}.lp-mosaic .m3{grid-column:3;grid-row:2}
.lp-mosaic .m3 img{object-position:50% 20%}
/* Perguntas frequentes */
.lp-faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px;margin:0 0 8px}
.lp-faq summary{padding:16px 0;font-weight:600;color:var(--ink);display:flex;justify-content:space-between;align-items:center}
body.v3 main .lp-faq summary::before{content:none!important;display:none!important}
.lp-faq summary::after{content:"+"!important;display:inline!important;font-size:1.3rem;color:var(--brand-ink);transition:transform .2s;background:none!important;padding:0!important}
.lp-faq details[open] summary::after{transform:rotate(45deg)}
.lp-faq details p{margin:0 0 16px;color:var(--ink2)}
.lp-cta{margin:40px 0 0}
body.landing .ftr{margin-top:40px}
@media(max-width:900px){
  .hero{padding:96px 0 150px}
  .hero-in{grid-template-columns:1fr;gap:22px}
  .hero-live{grid-template-columns:1fr 1fr}.live-bars{grid-column:1/-1}
  
  .lp-mosaic{grid-template-columns:1fr 1fr}.lp-mosaic-text{grid-column:1/-1;grid-row:auto}.lp-mosaic .m1{grid-column:1/-1;grid-row:auto;min-height:260px}.lp-mosaic .m2,.lp-mosaic .m3{grid-column:auto;grid-row:auto}
}
@media(prefers-reduced-motion:reduce){.hero-bg img,.live-bars i,.live-tag .dot,.stack100 i,.gauge i,.weeks i,.demo-panel{animation:none!important}}
.lp-mosaic{grid-template-rows:240px 240px}
.lp-mosaic figure{min-height:0}
.lp-mosaic .m1 img{object-position:50% 30%}
@media(max-width:900px){.lp-mosaic{grid-template-rows:auto}.lp-mosaic figure{height:220px}.lp-mosaic .m1{height:260px}}
.live-bars{height:64px;align-self:center}

/* Tour de boas-vindas */
.tour{position:fixed;inset:0;z-index:100}
.tour-spot{position:fixed;border-radius:12px;box-shadow:0 0 0 9999px rgba(12,10,9,.55);transition:all .3s cubic-bezier(.2,.7,.2,1);pointer-events:none;outline:2px solid var(--orange)}
.tour-card{position:fixed;width:320px;background:#fff;border-radius:16px;padding:16px;box-shadow:var(--pop);transition:top .3s,left .3s;animation:pop .35s ease}
.tour-card small{color:var(--brand-ink);font-weight:600;font-size:.72rem}
.tour-card b{display:block;font-size:1rem;margin:2px 0 4px}
.tour-card p{margin:0 0 12px;color:var(--ink2);font-size:.9rem}
.tour-acts{display:flex;justify-content:flex-end;gap:8px}
/* Formulários: a dica do campo aparece quando você clica nele */
.v3 .card.field .help:not(:has(button)){max-height:0;opacity:0;overflow:hidden;margin:0;transition:max-height .3s ease,opacity .25s,margin .25s}
.v3 .card.field:focus-within .help{max-height:300px;opacity:1;margin:4px 0 8px}
.v3 .card.field{transition:border-color .2s,box-shadow .2s}
.v3 .card.field:focus-within{border-color:#fdba74;box-shadow:0 0 0 4px rgba(255,133,31,.12)}
.v3 form.stack .helptext{opacity:.0;max-height:0;overflow:hidden;transition:opacity .25s,max-height .3s}
.v3 form.stack p:focus-within .helptext,.v3 form.stack p:has(.errorlist) .helptext{opacity:1;max-height:120px}
/* Cartões que respondem ao cursor */
.v3 .card.linkcard,.v3 .tile-link,.v3 .kpiblock.tile,.v3 .stepcard{transition:transform .18s ease,box-shadow .18s ease,border-color .18s}
.v3 .card.linkcard:hover,.v3 .tile-link:hover,.v3 .stepcard:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(16,24,40,.08)}
.v3 .kpiblock.tile:hover{box-shadow:0 10px 24px rgba(16,24,40,.08)}
@media(prefers-reduced-motion:reduce){.tour-spot,.tour-card{transition:none;animation:none}}

/* Topo em movimento: seis fotos que passam como um vídeo (aproximam, deslizam e se fundem na seguinte) */
.hero-bg .slide{position:absolute;inset:0;margin:0;opacity:0;animation:slide-fade 48s linear infinite}
.hero-bg .slide img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;animation:slide-move 48s linear infinite;transform-origin:var(--o,50% 50%);transform:scale(1.04)}
.hero-bg .slide figcaption{position:absolute;right:24px;bottom:150px;z-index:2;font-size:.72rem;font-weight:600;color:#fff;background:rgba(12,10,9,.45);padding:4px 10px;border-radius:99px;backdrop-filter:blur(6px)}
.hero-bg .s1{animation-delay:0s}.hero-bg .s1 img{animation-delay:0s;--o:30% 40%}
.hero-bg .s2{animation-delay:8s}.hero-bg .s2 img{animation-delay:8s;--o:70% 50%}
.hero-bg .s3{animation-delay:16s}.hero-bg .s3 img{animation-delay:16s;--o:60% 40%}
.hero-bg .s4{animation-delay:24s}.hero-bg .s4 img{animation-delay:24s;--o:80% 50%}
.hero-bg .s5{animation-delay:32s}.hero-bg .s5 img{animation-delay:32s;--o:50% 40%}
.hero-bg .s6{animation-delay:40s}.hero-bg .s6 img{animation-delay:40s;--o:40% 50%}
@keyframes slide-fade{0%{opacity:0}3%{opacity:1}16.7%{opacity:1}20%{opacity:0}100%{opacity:0}}
@keyframes slide-move{0%{transform:scale(1.04) translateX(0)}20%{transform:scale(1.16) translateX(-1.5%)}100%{transform:scale(1.16) translateX(-1.5%)}}
.hero-bg::after{z-index:1}
/* Mosaico: as fotos respiram devagar */
.lp-mosaic img{animation:breathe-img 16s ease-in-out infinite alternate}
.lp-mosaic .m2 img{animation-delay:-5s}.lp-mosaic .m3 img{animation-delay:-10s}
@keyframes breathe-img{from{transform:scale(1)}to{transform:scale(1.08) translate(-1%,-1%)}}
.lp-mosaic figure:hover img{animation-play-state:paused}
@media(max-width:900px){.hero-bg .slide figcaption{bottom:auto;top:76px}}
@media(prefers-reduced-motion:reduce){.hero-bg .slide{animation:none;opacity:0}.hero-bg .s1{opacity:1}.hero-bg .slide img,.lp-mosaic img{animation:none}}

/* Logo maior: "Inteligência para Delivery" legível */
.hdr-in{height:72px}
.hdr .brand img{height:50px}
.hnav a.on::after{bottom:-17px}
.tabs{top:73px}
body.landing .hdr .brand img{height:58px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}
@media(max-width:900px){.hdr .brand img{height:44px}}
@media(max-width:520px){.hdr .brand img,body.landing .hdr .brand img{height:38px}}

/* Na frente das fotos: três indicadores grandes de um delivery de exemplo */
.hero{padding-bottom:230px}
.hero-live{width:min(1100px,94vw);grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 22px 14px;align-items:stretch}
.hl-kpi{display:flex;flex-direction:column;gap:2px;padding:4px 14px 6px;border-left:1px solid var(--line)}
.hl-kpi:first-child{border-left:0;padding-left:0}
.hl-t{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}
.hl-v{font-size:2.1rem;font-weight:800;letter-spacing:-.035em;line-height:1.1}
.hl-v.up{color:var(--good)}
.hl-d{font-size:.78rem;color:var(--muted)}.hl-d.up{color:var(--good)}
.hl-bars{display:flex;align-items:flex-end;gap:5px;height:54px;margin-top:8px}
.hl-bars i{flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:#fed7aa;transform-origin:bottom;animation:grow 1.1s cubic-bezier(.2,.7,.2,1) both}
.hl-bars i.on{background:var(--orange)}
.hl-bars i:nth-child(2){animation-delay:.07s}.hl-bars i:nth-child(3){animation-delay:.14s}.hl-bars i:nth-child(4){animation-delay:.21s}.hl-bars i:nth-child(5){animation-delay:.28s}.hl-bars i:nth-child(6){animation-delay:.35s}.hl-bars i:nth-child(7){animation-delay:.42s}
.hl-ring{position:relative;margin-top:6px;height:58px;display:flex;align-items:flex-end;gap:10px}
.hl-ring svg{height:58px;width:auto;overflow:visible}
.hl-ring .trk,.hl-ring .val{fill:none;stroke-width:12;stroke-linecap:round}
.hl-ring .trk{stroke:#f1efec}
.hl-ring .val{stroke:var(--orange);stroke-dasharray:var(--p) 100;animation:ring 1.4s cubic-bezier(.2,.7,.2,1) both}
@keyframes ring{from{stroke-dasharray:0 100}to{stroke-dasharray:var(--p) 100}}
.hl-ring span{font-size:.75rem;color:var(--muted);padding-bottom:4px}
.hl-line{width:100%;height:58px;margin-top:6px}
.hl-line .area{fill:rgba(21,128,61,.10)}
.hl-line .ln{fill:none;stroke:var(--good);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:draw 1.6s .2s cubic-bezier(.2,.7,.2,1) forwards;vector-effect:non-scaling-stroke}
@keyframes draw{to{stroke-dashoffset:0}}
.hero-live .live-tag{grid-column:1/-1;border-top:1px solid #f1efec;padding-top:8px;margin-top:2px}
.v3 .lp-news-t{font-size:1.6rem;letter-spacing:-.025em;margin:44px 0 14px;font-weight:750}
body.landing .lp-stats{margin-top:0}
@media(max-width:900px){
  .hero{padding-bottom:0}
  .hero-live{position:relative;left:auto;bottom:auto;transform:none!important;width:auto;margin:28px 16px 0;border-radius:20px;grid-template-columns:1fr}
  .hl-kpi{border-left:0;border-top:1px solid var(--line);padding:12px 0 6px}
  .hl-kpi:first-child{border-top:0;padding-top:0}
  .hero{padding-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.hl-bars i,.hl-ring .val,.hl-line .ln{animation:none;stroke-dashoffset:0}}

/* ===== Faixa preta da marca: logo do LucrAki®, a motinha e a nuvem do Cozinhas na Nuvem® ===== */
.topwrap{position:sticky;top:0;z-index:40;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
body.scrolled .topwrap{transform:translateY(-76px)}
.brandbar{background:linear-gradient(90deg,#0c0a09,#1c1917 55%,#0c0a09);color:#fff;border-bottom:2px solid var(--orange);height:76px;overflow:hidden}
.brandbar-in{max-width:1200px;height:100%;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:16px}
.brandbar .brand{position:relative;z-index:3;flex:none;display:flex;align-items:center;background:#0c0a09;padding-right:10px;box-shadow:12px 0 14px -6px #0c0a09}
.brandbar .brand img{height:56px;width:auto;display:block}
.bb-mid{position:relative;flex:1;height:100%;min-width:80px}
.bb-maker{position:absolute;right:0;top:9px;display:flex;align-items:center;gap:8px;font-size:.8rem;color:#c9cbd1;white-space:nowrap;z-index:2}
.bb-maker b{color:#ffcb1f}.bb-maker sup{color:#ffcb1f;font-size:.6em}
.brandbar .motolane{display:block;position:absolute;left:-30px;right:0;bottom:4px;height:38px}
.brandbar .moto{bottom:0}
.bb-cloud{position:relative;z-index:3;flex:none;height:58px;width:auto;animation:cloud-pop var(--trip,9s) linear infinite;transform-origin:50% 60%}
.brandbar .motosound{position:static;width:26px;height:26px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:transparent;color:#a8a29e;display:grid;place-items:center;cursor:pointer}
.brandbar .motosound:hover{color:#fff;border-color:rgba(255,255,255,.6)}
.brandbar .motosound.is-on{color:#ffcb1f;border-color:rgba(255,203,31,.6)}
/* o menu branco agora vem logo abaixo da faixa, sem a logo */
.hdr{position:relative;top:auto}
.hdr-in{height:58px}
.hnav a.on::after{bottom:-10px}
.tabs{top:58px}
body.landing .hdr{position:relative}
body.landing .topwrap{position:fixed;left:0;right:0}
body.landing .hero{padding-top:170px}
.hero-bg .slide figcaption{bottom:240px}
.ftr-maker{margin-right:auto}
@media(max-width:900px){
  .brandbar{height:62px}body.scrolled .topwrap{transform:translateY(-62px)}
  .brandbar .brand img{height:44px}.bb-cloud{height:44px}
  .bb-maker{font-size:.7rem;top:6px}
  .hdr-in{height:auto}
  .tabs{top:auto;position:static}
  body.landing .hero{padding-top:150px}
}
@media(max-width:600px){.bb-maker .maker-text{display:none}.bb-maker{top:auto;bottom:40px}}
@media(prefers-reduced-motion:reduce){.bb-cloud{animation:none}}
.brandbar{background:#0c0a09}
.brandbar .brand{box-shadow:14px 0 16px -4px #0c0a09}
/* A frase fica no meio da faixa, logo acima da pista: a motinha passa bem embaixo dela */
.bb-maker{left:50%;right:auto;top:6px;transform:translateX(-50%)}
.brandbar .motolane{bottom:2px}
@media(max-width:600px){.bb-maker{left:auto;right:0;transform:none}}
/* Frase à direita, encostada na nuvem do Cozinhas na Nuvem®, com o ® bem visível */
.bb-maker{left:auto;right:6px;transform:none;top:8px}
.bb-maker sup{font-size:.85em;color:#ffcb1f;font-weight:700;margin-left:1px;vertical-align:super}
/* A motinha vai até a nuvem e some dentro dela: encolhe, sobe um pouco e desaparece atrás da nuvem, que dá um pulinho */
.brandbar .motolane{right:-62px}
.brandbar .moto{animation-name:moto-cloud}
@keyframes moto-cloud{
  0%{transform:translateX(0) scale(.6);opacity:0}
  5%{transform:translateX(calc(var(--run)*.03)) scale(1);opacity:1}
  30%{transform:translateX(calc(var(--run)*.3)) translateY(-1px) scale(1)}
  55%{transform:translateX(calc(var(--run)*.55)) translateY(1px) scale(1)}
  78%{transform:translateX(calc(var(--run)*.82)) translateY(-1px) scale(1);opacity:1}
  86%{transform:translateX(calc(var(--run)*.93)) translateY(-6px) scale(.7);opacity:.75}
  91%{transform:translateX(var(--run)) translateY(-12px) scale(.35);opacity:0}
  100%{transform:translateX(var(--run)) translateY(-12px) scale(.35);opacity:0}
}
@keyframes cloud-pop{0%,87%{transform:scale(1)}91%{transform:scale(1.1)}96%,100%{transform:scale(1)}}
/* A nuvem não pula sozinha: só quando a motinha termina de entrar nela */
.bb-cloud{animation:none}
.bb-cloud.pop{animation:cloud-receive .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes cloud-receive{0%{transform:scale(1)}35%{transform:scale(1.14) rotate(-3deg)}65%{transform:scale(.97) rotate(1deg)}100%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.bb-cloud.pop{animation:none}}

/* ===== Como funciona: frase forte, frases-gancho e 3 passos ligados ===== */
.v3 .lp-how h2{font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.08;letter-spacing:-.035em;font-weight:800;display:block;margin-bottom:10px}
.lp-how h2 span{color:var(--brand-ink)}
.punch{position:relative;height:1.6em;margin:0 0 26px;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:700;overflow:hidden}
.punch span{position:absolute;left:0;top:0;opacity:0;transform:translateY(100%);transition:opacity .45s,transform .45s cubic-bezier(.2,.7,.2,1);background:linear-gradient(transparent 60%,#fed7aa 60%);padding:0 4px}
.punch span.on{opacity:1;transform:none}
.how-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;position:relative}
.how-steps::before{content:"";position:absolute;left:8%;right:8%;top:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--orange),#fdba74);transform:scaleX(0);transform-origin:left;transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .3s}
.how-steps:has(li.in)::before,html:not(.motion) .how-steps::before{transform:scaleX(1)}
.how-steps li{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 20px 20px;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}
.how-steps li:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,24,40,.08)}
.how-n{position:absolute;right:16px;top:8px;font-size:3.2rem;font-weight:800;line-height:1;color:#fff7ed;-webkit-text-stroke:1.5px #fdba74;letter-spacing:-.04em}
.how-ico{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--orange);margin-bottom:14px;box-shadow:0 8px 18px rgba(255,133,31,.35)}
.how-ico svg{width:24px;height:24px;fill:none;stroke:#1c1917;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.how-steps li:hover .how-ico{animation:wiggle .5s ease}
@keyframes wiggle{0%,100%{transform:rotate(0)}30%{transform:rotate(-8deg)}60%{transform:rotate(6deg)}}
.how-steps b{display:block;font-size:1.12rem;letter-spacing:-.01em}
.how-steps p{margin:6px 0 0;color:var(--ink2);font-size:.93rem}

/* ===== Veja por dentro: vitrine com notebook, celular e selos ===== */
.showcase{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;align-items:center}
.v3 .sc-side h2{font-size:clamp(1.8rem,3.2vw,2.4rem);letter-spacing:-.03em;font-weight:800;display:block;margin:0 0 16px}
.sc-tabs{display:flex;flex-direction:column;gap:8px;margin:0 0 18px}
.sc-tabs button{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;text-align:left;font:inherit;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--muted);transition:all .2s}
.sc-tabs button b{display:block;color:var(--ink2);font-size:.98rem}
.sc-tabs button small{font-size:.82rem}
.sc-i{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f5f5f4;color:var(--muted);font-weight:800;transition:all .2s}
.sc-tabs button.on{border-color:#fdba74;box-shadow:0 10px 26px rgba(255,133,31,.14);color:var(--ink2)}
.sc-tabs button.on b{color:var(--ink)}
.sc-tabs button.on .sc-i{background:var(--orange);color:#1c1917}
.sc-bar{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--orange)}
.autoplay .sc-tabs button.on .sc-bar,.showcase:has(.sc-stage.autoplay) .sc-tabs button.on .sc-bar{animation:fillbar 5s linear}
@keyframes fillbar{from{width:0}to{width:100%}}
.sc-stage{position:relative;padding:30px 70px 60px 10px}
.sc-stage::before{content:"";position:absolute;inset:10% 6% 18% 10%;border-radius:50%;background:radial-gradient(circle,rgba(255,133,31,.35),transparent 70%);filter:blur(10px);z-index:0}
.laptop{position:relative;z-index:1;background:#1c1917;border-radius:18px;padding:10px;box-shadow:0 30px 60px rgba(16,24,40,.25)}
.laptop::after{content:"";position:absolute;left:-4%;right:-4%;bottom:-14px;height:14px;border-radius:0 0 18px 18px;background:linear-gradient(#d6d3d1,#a8a29e)}
.lt-bar{display:flex;align-items:center;gap:14px;background:#0c0a09;border-radius:10px 10px 0 0;padding:8px 12px;border-bottom:2px solid var(--orange)}
.lt-bar img{height:30px;width:auto}
.lt-nav{display:flex;gap:12px;font-size:.7rem;color:#a8a29e}.lt-nav i{font-style:normal}.lt-nav i.on{color:#fff;border-bottom:2px solid var(--orange);padding-bottom:2px}
.lt-dot{margin-left:auto;width:22px;height:22px;border-radius:50%;background:#44403c}
.lt-screen{position:relative;background:#fafaf9;border-radius:0 0 10px 10px;min-height:330px;padding:18px 20px;overflow:hidden}
.scp{display:none}.scp.on{display:block;animation:pop .45s cubic-bezier(.2,.7,.2,1)}
.scp-k{display:block;color:var(--muted);font-size:.75rem;margin-bottom:6px}
.scp-hero{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.scp-verdict{display:block;font-size:1.05rem;color:var(--good)}
.scp-big{display:block;font-size:2.3rem;letter-spacing:-.035em;line-height:1.05}.scp-big.up,.scp-legend .up,.scp-chips .up{color:var(--good)}
.scp-sub{font-size:.8rem;color:var(--muted)}
.donut{flex:none;width:112px;height:112px;border-radius:50%;background:conic-gradient(#44403c 0 calc(var(--a)*1%),#78716c 0 calc(var(--b)*1%),#a8a29e 0 calc(var(--c)*1%),#d6d3d1 0 calc(var(--d)*1%),#15803d 0 100%);display:grid;place-items:center;animation:spin-in 1s cubic-bezier(.2,.7,.2,1)}
.donut span{width:66px;height:66px;border-radius:50%;background:#fafaf9;display:grid;place-items:center;text-align:center;line-height:1.05}
.donut b{font-size:.85rem}.donut small{font-size:.6rem;color:var(--muted)}
@keyframes spin-in{from{transform:rotate(-120deg) scale(.6);opacity:0}to{transform:none;opacity:1}}
.scp-legend{list-style:none;padding:0;margin:0 0 10px;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:.78rem}
.scp-legend li{display:flex;align-items:center;gap:6px}.scp-legend li i{width:9px;height:9px;border-radius:3px;background:var(--c)}.scp-legend li b{margin-left:auto}
.scp-chips{display:flex;gap:8px;flex-wrap:wrap}
.scp-chips span{background:#fff;border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:.75rem;color:var(--muted)}.scp-chips b{color:var(--ink);margin-left:4px}
.dish{display:flex;align-items:center;gap:12px;margin:4px 0 16px}
.dish-ph{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:#fff7ed;font-size:1.9rem}
.dish b{display:block;font-size:1.2rem}.dish span{font-size:.85rem;color:var(--muted)}
.pgauge{position:relative;margin:6px 0 46px}
.pg-track{display:flex;height:14px;border-radius:7px;overflow:hidden}
.pg-red{width:62%;background:linear-gradient(90deg,#fecaca,#fca5a5)}.pg-green{flex:1;background:linear-gradient(90deg,#bbf7d0,#4ade80)}
.pg-min,.pg-now{position:absolute;top:20px;font-size:.7rem;color:var(--muted);line-height:1.2}
.pg-min{left:62%;transform:translateX(-50%);text-align:center}.pg-min b{display:block;color:var(--bad);font-size:.85rem}
.pg-min::before{content:"";position:absolute;left:50%;top:-24px;width:2px;height:20px;background:var(--bad)}
.pg-now{right:0;text-align:right}.pg-now b{display:block;color:var(--good);font-size:.85rem}
.cbars{display:flex;align-items:flex-end;gap:12px;height:190px;padding-top:24px;border-bottom:2px solid #e7e5e4;margin:4px 0 34px;position:relative}
.cb{flex:1;position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.cb i{display:block;width:100%;max-width:56px;height:calc(var(--h)*1%);border-radius:8px 8px 0 0;background:linear-gradient(180deg,#4ade80,#86efac);transform-origin:bottom;animation:grow .9s cubic-bezier(.2,.7,.2,1) both}
.cb .cv{font-size:.7rem;font-weight:700;color:var(--ink2);margin-bottom:4px;white-space:nowrap}
.cb small{position:absolute;bottom:-22px;font-size:.68rem;color:var(--muted)}
.cb.neg{justify-content:flex-end}
.cb.neg i{position:absolute;top:100%;height:calc(var(--h)*1%);max-height:28px;border-radius:0 0 8px 8px;background:linear-gradient(0deg,#f87171,#fca5a5);transform-origin:top}
.cb.neg .cv{color:var(--bad)}
.cb.neg small{bottom:-40px}
.calert{margin:0;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:12px;padding:9px 12px;font-size:.8rem}
.feed{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.feed li{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:.85rem;animation:pop .5s cubic-bezier(.2,.7,.2,1) both}
.feed li:nth-child(2){animation-delay:.12s}.feed li:nth-child(3){animation-delay:.24s}.feed li:nth-child(4){animation-delay:.36s}
.feed b{margin-left:auto}
.feed .tag{background:#fff7ed;color:var(--brand-ink)}
.phone{position:absolute;z-index:2;right:0;bottom:6px;width:190px;height:330px;background:#1c1917;border-radius:30px;padding:10px;box-shadow:0 24px 50px rgba(16,24,40,.3)}
.ph-notch{width:60px;height:6px;border-radius:3px;background:#44403c;margin:2px auto 8px}
.chat{background:#f5f5f4;border-radius:22px;height:calc(100% - 16px);padding:12px 10px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden}
.bub{max-width:88%;padding:8px 10px;border-radius:14px;font-size:.72rem;line-height:1.35;opacity:0;animation:chat 10s ease infinite}
.bub.me{align-self:flex-end;background:var(--orange);color:#1c1917;border-bottom-right-radius:4px}
.bub.bot{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:4px;animation-delay:1.4s}
.bub.bot em{display:block;margin-top:6px;font-style:normal;text-align:center;background:var(--ink);color:#fff;border-radius:8px;padding:4px}
.bub.ok{align-self:center;background:#dcfce7;color:#166534;font-weight:700;animation-delay:3s}
@keyframes chat{0%{opacity:0;transform:translateY(10px)}6%{opacity:1;transform:none}80%{opacity:1}88%,100%{opacity:0}}
.float{position:absolute;z-index:3;background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 12px;font-size:.78rem;font-weight:700;box-shadow:0 12px 26px rgba(16,24,40,.14);animation:floaty 5s ease-in-out infinite;white-space:nowrap}
.f1{left:-8px;top:46%;color:var(--good)}.f2{right:150px;top:0;color:#b45309;animation-delay:-1.6s}.f3{left:30%;bottom:6px;color:var(--ink2);animation-delay:-3.2s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.sc-note{position:absolute;right:0;bottom:-18px;font-size:.7rem;color:var(--muted)}
.sc-stage[data-on="lancar"] .phone{transform:scale(1.06);box-shadow:0 0 0 4px rgba(255,133,31,.5),0 24px 50px rgba(16,24,40,.3);transition:all .3s}
@media(max-width:900px){
  .how-steps{grid-template-columns:1fr}.how-steps::before{display:none}
  .showcase{grid-template-columns:1fr}.sc-stage{padding:20px 0 60px}
  .phone{position:relative;right:auto;bottom:auto;margin:18px auto 0}
  .float.f2{right:8px}.f1{left:4px;top:auto;bottom:400px}
}
@media(prefers-reduced-motion:reduce){.bub{opacity:1;animation:none}.float,.donut,.cb i,.feed li{animation:none}.punch span{transition:none}}
/* vitrine: celular ao lado, selos nos cantos, legenda numa coluna ao lado da rosca */
.sc-stage{padding:34px 120px 56px 0}
.phone{width:156px;height:286px;right:0;bottom:30px;border-radius:26px}
.chat{border-radius:18px}
.bub{font-size:.66rem}
.scp-split{display:flex;align-items:center;gap:20px;margin:12px 0}
.scp-legend.one{grid-template-columns:1fr;flex:1;margin:0}
.donut{width:118px;height:118px}
.f1{left:auto;right:132px;top:6px}
.f2{right:-6px;top:20px}
.f3{left:14px;bottom:8px}
@media(max-width:900px){.sc-stage{padding:30px 0 40px}.phone{right:auto;bottom:auto}.f1,.f2{top:0}.f1{right:auto;left:0}}
.sc-stage{padding-right:150px}
.phone{right:4px}
.cb.neg small{bottom:-50px}
.cbars{margin-bottom:44px}
@media(max-width:900px){.sc-stage{padding-right:0}}
.showcase>*,.lp-how>*{min-width:0}
.lt-nav{min-width:0;overflow:hidden;white-space:nowrap}
.lp,.hero{overflow-x:clip}
@media(max-width:900px){.lt-nav{display:none}.laptop::after{left:0;right:0}.lt-screen{padding:14px}.scp-big{font-size:1.9rem}.donut{width:96px;height:96px}.donut span{width:56px;height:56px}.cbars{gap:6px}.cb .cv{font-size:.6rem}}

/* Slides com foto: a imagem entra pela direita, esmaece para a esquerda e aproxima devagar enquanto o slide passa */
.scene .k,.scene h2,.scene .l,.scene .cta{position:relative;z-index:2}
.scene .drain,.scene .todo,.scene .verdict,.scene .weeks,.scene .slices{z-index:2}
.scene-photo{position:absolute;top:0;right:0;width:60%;height:100%;object-fit:cover;z-index:0;opacity:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 22%,#000 48%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 22%,#000 48%)}
.scene.on .scene-photo{animation:photo-in 9s ease-out forwards}
@keyframes photo-in{0%{opacity:0;transform:scale(1.08) translateX(3%)}12%{opacity:1}100%{opacity:1;transform:scale(1.16) translateX(-1%)}}
.scene.photo .l{max-width:30ch}
.scene.photo h2{max-width:13ch}
.scene.photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,10,9,.55),transparent 45%);z-index:1;pointer-events:none}
/* na página inicial, os slides ficam logo abaixo da frase forte */
.how-show{margin-top:6px}
.how-show .stage{aspect-ratio:16/8;font-size:clamp(11px,1.5vw,17px)}
.how-show .watchbar{margin-top:10px}
.how-show>.note{font-size:.75rem}
@media(max-width:620px){.scene-photo{width:100%;opacity:.35!important;-webkit-mask-image:none;mask-image:none}.how-show .stage{aspect-ratio:4/5}}
@media(prefers-reduced-motion:reduce){.scene.on .scene-photo{animation:none;opacity:1}}
/* Tela do LucrAki® em cada cena: janela de navegador que entra deslizando por cima da foto */
.scene-screen{position:absolute;right:5%;top:50%;width:46%;margin:0;z-index:3;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 24px 60px rgba(0,0,0,.5);opacity:0;transform:translateY(-50%)}
.ss-bar{display:flex;align-items:center;gap:5px;height:22px;padding:0 9px;background:#e7e5e4}
.ss-bar i{width:8px;height:8px;border-radius:50%;background:#a8a29e}.ss-bar i:nth-child(1){background:#f87171}.ss-bar i:nth-child(2){background:#fbbf24}.ss-bar i:nth-child(3){background:#4ade80}
.ss-bar b{margin-left:10px;font-size:.55em;font-weight:500;color:#78716c;background:#fff;border-radius:6px;padding:1px 10px}
.scene-screen img{display:block;width:100%;height:auto;max-height:none}
.scene.on .scene-screen{animation:screen-in 1s .6s cubic-bezier(.2,.7,.2,1) both, screen-drift 8s 1.6s ease-in-out both}
@keyframes screen-in{from{opacity:0;transform:translate(40px,-46%) rotate(2deg) scale(.96)}to{opacity:1;transform:translateY(-50%)}}
@keyframes screen-drift{from{transform:translateY(-50%)}to{transform:translateY(-52%) scale(1.02)}}
.scene.screen .drain,.scene.screen .todo,.scene.screen .verdict,.scene.screen .weeks,.scene.screen .slices{display:none}
.scene.screen h2{max-width:12ch}.scene.screen .l{max-width:28ch}
.scene.screen.photo .scene-photo{width:62%;filter:brightness(.7)}
@media(max-width:620px){.scene-screen{width:72%;right:4%;top:auto;bottom:6%;transform:none}.scene.on .scene-screen{animation:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.scene.on .scene-screen{animation:none;opacity:1}}
/* Tudo o que o delivery precisa: 12 cartões, benefício sempre visível e o detalhe ao passar o cursor */
.lp-sub{color:var(--ink2);font-size:1.05rem;margin:-6px 0 18px;max-width:60ch}
.lp-feats{grid-template-columns:repeat(4,1fr)}
.lp-feat{min-height:0}
.lp-feat .lp-ico{font-size:1.1rem}
.lp-feat p.ben{max-height:none;opacity:1;color:var(--ink2);margin:6px 0 0;font-size:.88rem}
.lp-feat p:not(.ben){font-size:.8rem;color:var(--muted)}
.lp-feat:hover p:not(.ben),.lp-feat:focus p:not(.ben){margin-top:6px}
@media(max-width:1100px){.lp-feats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.lp-feats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.lp-feats{grid-template-columns:1fr}}
.scene.screen h2.big{font-size:2.6em!important;max-width:9ch}
.scene.screen h2,.scene.screen .k,.scene.screen .l{max-width:44%}
/* Slide "Nasceu dentro da cozinha": a fachada do Cozinhas na Nuvem® no fundo do slide inteiro */
.stage .scene:nth-of-type(9) .scene-photo{width:100%;-webkit-mask-image:none;mask-image:none;filter:brightness(.5)}
.stage .scene:nth-of-type(9)::after{background:linear-gradient(90deg,rgba(12,10,9,.75) 0%,rgba(12,10,9,.35) 60%,transparent)}
.stage .scene:nth-of-type(9) h2,.stage .scene:nth-of-type(9) .l{max-width:none}
/* Rodapé: a frase com a logo do Cozinhas na Nuvem® ao lado */
.ftr-maker{display:inline-flex;align-items:center;gap:10px}
.ftr-logo{height:40px;width:auto}
.ftr-logo{height:54px}

/* ===== Página contínua: fotos fixas atrás de todas as seções, trocando conforme a rolagem ===== */
body.landing{background:#0c0a09}
.lp-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:#0c0a09}
.lp-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1.1s ease,transform 9s ease-out}
.lp-bg img.on{opacity:1;transform:scale(1.12)}
body.landing .lp{position:relative}
body.landing .lp>section{position:relative;z-index:1}
/* cada seção: faixa escura translúcida de ponta a ponta sobre a foto */
body.landing .lp-sec{padding:72px 0 64px;margin:0;background:rgba(12,10,9,.78);box-shadow:0 0 0 100vmax rgba(12,10,9,.78);clip-path:inset(0 -100vmax)}
body.landing .lp-sec:nth-of-type(even){background:rgba(12,10,9,.62);box-shadow:0 0 0 100vmax rgba(12,10,9,.62)}
body.landing .lp-sec h2,body.landing .lp-sec>h2,body.landing .lp-how h2,body.landing .sc-side h2{color:#fff}
body.landing .lp-how h2 span{color:#fdba74}
body.landing .punch{color:#fff}.body.landing .punch span{background:linear-gradient(transparent 60%,rgba(255,133,31,.45) 60%)}
body.landing .lp-sub,body.landing .lp-quotes p,body.landing .lp-plans-foot{color:#d6d3d1}
body.landing .lp-plans-foot a{color:#fdba74}
body.landing .how-show>.note{color:#a8a29e}
body.landing .watchbar #w-count{color:#d6d3d1}
body.landing .sc-note{color:#a8a29e}
body.landing .lp-quotes blockquote{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px)}
body.landing .lp-cta{position:relative;z-index:1;margin:0;border-radius:0;padding:56px 24px;background:linear-gradient(120deg,rgba(255,133,31,.92),rgba(194,65,12,.92));box-shadow:0 0 0 100vmax rgba(194,65,12,.85);clip-path:inset(0 -100vmax);justify-content:space-around}
body.landing .lp-cta .btn{background:#1c1917;border-color:#1c1917;color:#fff}
body.landing .ftr{position:relative;z-index:2;margin-top:0}
/* vidro fosco nos cartões que ficam sobre a foto */
body.landing .lp-feat,body.landing .lp-plan,body.landing .lp-faq details,body.landing .sc-tabs button{background:rgba(255,255,255,.94);backdrop-filter:blur(10px)}

/* ===== Calculadora: quanto do que você vende vira lucro ===== */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.v3 .calc h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.08;letter-spacing:-.03em;font-weight:800;display:block;margin:0 0 8px}
.calc h2 span{color:#fdba74}
.calc-in{display:flex;flex-direction:column;gap:14px;margin-top:8px}
.calc-in label{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;color:#e7e5e4;font-weight:600;font-size:.92rem}
.calc-in label small{font-weight:400;color:#a8a29e;margin-left:4px}
.calc-in output{font-weight:800;color:#fff;font-variant-numeric:tabular-nums}
.calc-in input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--orange);height:6px;cursor:pointer}
.calc-out{background:#fff;color:var(--ink);border-radius:22px;padding:24px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.calc-out small{color:var(--muted);font-size:.8rem}
.calc-bar{display:flex;height:22px;border-radius:11px;overflow:hidden;gap:2px;margin:8px 0 12px;background:#f5f5f4}
.calc-bar i{display:block;height:100%;transition:width .35s ease}
#b-c{background:#78716c}#b-t{background:#a8a29e}#b-i{background:#d6d3d1}#b-f{background:#57534e}#b-s{background:#22c55e}
.calc-leg{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:.82rem}
.calc-leg li{display:flex;align-items:center;gap:6px}.calc-leg i{width:9px;height:9px;border-radius:3px;background:var(--c)}.calc-leg b{margin-left:auto}
.calc-k{display:block;font-size:.85rem;color:var(--muted)}
.calc-big{display:block;font-size:2.6rem;letter-spacing:-.04em;line-height:1.05;color:var(--good);font-variant-numeric:tabular-nums}
.calc-big.neg{color:var(--bad)}
.calc-p{display:block;font-size:.9rem;color:var(--ink2);margin:2px 0 12px}
.calc-note{font-size:.78rem;color:var(--muted);margin:0 0 14px}
.calc-out .btn{width:100%;min-height:46px}
@media(max-width:900px){.calc{grid-template-columns:1fr}body.landing .lp-sec{padding:52px 0 44px}}
@media(prefers-reduced-motion:reduce){.lp-bg img{transition:opacity .01s;transform:none}.lp-bg img.on{transform:none}}
body.landing{overflow-x:clip}
body.landing .lp{overflow-x:visible}
.lp-sec.calc,.lp-sec.showcase,.lp-sec.lp-how{border:0}
@media(max-width:600px){.calc-leg{grid-template-columns:1fr}}

/* ===== Sobre: mesmo padrão da página inicial ===== */
body.about-page .hero.ab-top{min-height:min(78vh,700px);padding-bottom:90px}
body.about-page .hero.ab-top .hero-in{grid-template-columns:1fr}
body.about-page .hero.ab-top h1{font-size:clamp(2.2rem,4.6vw,3.6rem);max-width:18ch}
body.about-page .hero.ab-top .lp-lead{max-width:56ch}
body.about-page .hero-bg .slide figcaption{bottom:40px}
.lp.about .lp-sec{max-width:none}
.lp.about .ab-sec>*,.lp.about .ab-factsec>*,.lp.about .ab-quotesec>*{max-width:900px;margin-left:auto;margin-right:auto}
.lp.about .ab-kicker{color:#fdba74}
.lp.about .ab-sec h2{color:#fff;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.025em;font-weight:800;display:block}
.lp.about .ab-sec>p,.lp.about .ab-sec>div>p,.lp.about .ab-role{color:#e7e5e4}
.lp.about .ab-sec b{color:#fff}
.lp.about .ab-pains li,.lp.about .ab-cards .card,.lp.about .ab-facts>div{background:rgba(255,255,255,.94);color:var(--ink)}
.lp.about .ab-pains li b,.lp.about .ab-cards .card b,.lp.about .ab-facts b{color:var(--ink)}
.lp.about .ab-facts{background:transparent;border:0;gap:12px;display:grid;grid-template-columns:repeat(4,1fr)}
.lp.about .ab-facts>div{border-radius:16px;padding:18px}
.lp.about .ab-quote{margin:0 auto;background:rgba(12,10,9,.6);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(8px)}
.lp.about .ab-units figure{background:rgba(255,255,255,.94)}
.lp.about .ab-founder{display:grid;grid-template-columns:280px 1fr;gap:32px;max-width:none}
.lp.about .ab-founder>*{max-width:none;margin:0}
.lp.about .ab-founder{padding-left:max(24px,calc((100% - 900px)/2));padding-right:max(24px,calc((100% - 900px)/2))}
.lp.about .ab-motto{color:#fdba74;border-color:var(--orange)}
.lp.about .ab-contacts a{color:#fff}
@media(max-width:900px){.lp.about .ab-facts{grid-template-columns:1fr 1fr}.lp.about .ab-founder{grid-template-columns:1fr}}
.lp-bg{background:transparent}
body.landing .hero{z-index:1}
.lp.about .ab-contacts a{color:var(--ink)}

/* Tela de entrar: três fotos passando ao fundo, uma de cada vez, e o quadro de login em vidro por cima */
.login-bg{position:fixed;inset:0;z-index:0;background:#0c0a09;overflow:hidden}
.login-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;animation:login-fade 24s linear infinite,login-move 24s linear infinite}
.login-bg .lb2{animation-delay:8s,8s}.login-bg .lb3{animation-delay:16s,16s}
.login-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,10,9,.25),rgba(12,10,9,.55) 55%,rgba(12,10,9,.8))}
@keyframes login-fade{0%{opacity:0}5%{opacity:1}33%{opacity:1}39%{opacity:0}100%{opacity:0}}
@keyframes login-move{0%{transform:scale(1.04)}39%{transform:scale(1.14) translateX(-1.5%)}100%{transform:scale(1.14) translateX(-1.5%)}}
body.login-page main.v3{position:relative;z-index:1;min-height:calc(100vh - 140px);display:flex;align-items:center;justify-content:flex-end;max-width:1200px;padding:40px 24px}
body.login-page .hdr{position:relative;z-index:2}
body.login-page .login-card{margin:0;width:100%;max-width:420px;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:22px;padding:28px;box-shadow:0 30px 70px rgba(0,0,0,.45)}
body.login-page .login-card h1{font-size:1.7rem;line-height:1.15;letter-spacing:-.03em;font-weight:800;margin:0 0 6px}
body.login-page .login-card .btn[type=submit]{width:100%;min-height:48px;background:var(--orange);border-color:var(--orange);color:#1c1917;font-size:1rem}
body.login-page .ftr{position:relative;z-index:2}
@media(max-width:700px){body.login-page main.v3{justify-content:center}}
@media(prefers-reduced-motion:reduce){.login-bg img{animation:none}.login-bg .lb1{opacity:1}}
body.login-page{min-height:100vh;display:flex;flex-direction:column}
body.login-page main.v3{flex:1;min-height:0;width:100%;margin:0 auto}
body.login-page .ftr{background:rgba(255,255,255,.92)}
/* Botão da tela atual bem visível na barra: fundo laranja claro, texto laranja e traço embaixo */
.hnav a.on{background:#fff7ed;color:var(--brand-ink)!important;font-weight:700}
.hnav a.on::after{bottom:2px;left:12px;right:12px;height:2.5px}
body.landing:not(.scrolled) .hdr .hnav a.on{background:rgba(255,255,255,.16);color:#fff!important}

/* ===== Celular: regras gerais para nada passar da largura da tela nem se sobrepor ===== */
html,body{max-width:100%}
img,svg,video,iframe{max-width:100%}
main.v3{overflow-wrap:break-word}
main.v3 td,main.v3 th,main.v3 li,main.v3 p,main.v3 b,main.v3 span,main.v3 a,main.v3 label,main.v3 code{overflow-wrap:anywhere}
main.v3 .value,main.v3 .num,main.v3 .btn,main.v3 .tag,main.v3 .lp-price,main.v3 .calc-big,main.v3 .hl-v{overflow-wrap:normal}
@media(max-width:640px){
  /* tabelas que não viram lista: rolam de lado dentro do próprio quadro, sem empurrar a tela */
  main.v3 table:not(.resp){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  main.v3 .tag{white-space:normal;text-align:left;line-height:1.3}
  main.v3 input,main.v3 select,main.v3 textarea{max-width:100%}
  main.v3 .card,main.v3 .card *{min-width:0}
  main.v3 pre{white-space:pre-wrap}
  /* menus "Relatório PDF" e "Período": abrem como gaveta embaixo da tela */
  .pb-pop{position:fixed;left:12px;right:12px;bottom:12px;top:auto;min-width:0;z-index:90}
  .pb-acts{width:100%}.pb-acts .pb-menu{flex:1}.pb-acts .pb-menu>summary{width:100%}
  /* botão Ajuda: bolinha no canto, sem sair da tela */
  .helpfab{right:12px!important;bottom:12px!important;left:auto!important;max-width:calc(100vw - 24px)}
  .helppanel{left:8px!important;right:8px!important;width:auto!important;max-width:none!important}
  /* barras de atalhos que encostam na borda */
  .jump{margin-left:0!important;margin-right:0!important}
  main.v3 .actions-row,main.v3 .ab-btns,main.v3 .lp-btns{flex-wrap:wrap}
  main.v3 .actions-row .btn,main.v3 .lp-btns .btn{flex:1 1 auto}
  /* grades de duas colunas viram uma */
  main.v3 .duo,main.v3 .cashdash,main.v3 .two,main.v3 .grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){.helpfab{font-size:0!important;padding:0!important;width:42px;height:42px!important;justify-content:center;gap:0!important}.helpfab span{font-size:1rem}}
/* botão "Em breve" na barra */
.hnav a.soon{color:#a8a29e}
.soon-tag{display:inline-block;margin-left:5px;padding:1px 6px;border-radius:99px;background:#fef3c7;color:#92400e;font-size:.62rem;font-weight:700;vertical-align:middle}
.payrow{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end}
.payrow label{display:flex;flex-direction:column;gap:4px;font-size:.82rem;color:var(--muted);flex:1 1 160px}
.payrow input,.payrow select{font:inherit;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink)}
.payrow .btn{flex:1 1 160px}
/* barra com mais ambientes: itens mais justos para caber */
@media(min-width:901px){.hnav a{padding:8px 8px;font-size:.86rem}.hdr-in{gap:10px}.pill.demo{font-size:.66rem;padding:0 8px}}
@media(min-width:901px) and (max-width:1240px){.hnav a{padding:8px 6px;font-size:.82rem}.hquick-t{display:none}.hquick{width:36px;padding:0;justify-content:center}}
/* Tela de entrar: apresentação do LucrAki® sobre as fotos */
body.login-page main.v3{justify-content:space-between;gap:40px}
.login-pitch{position:relative;z-index:2;color:#fff;max-width:560px;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.login-pitch .lp-kicker{background:rgba(255,133,31,.2);color:#fdba74;border:1px solid rgba(255,133,31,.4);text-shadow:none}
.lpt-h{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;margin:6px 0 14px}
.lpt-h span{color:#fdba74}
.lpt-sub{font-size:1.08rem;color:#e7e5e4;margin:0 0 16px;max-width:46ch}
.lpt-list{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.lpt-list li{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);border-radius:99px;padding:6px 12px;font-size:.85rem;font-weight:600;text-shadow:none}
.lpt-list li::before{content:"✓ ";color:#4ade80}
.lpt-link{color:#fff;font-weight:700;text-decoration:none;border-bottom:2px solid var(--orange);padding-bottom:2px}
body.login-page .login-bg::after{background:linear-gradient(90deg,rgba(12,10,9,.82),rgba(12,10,9,.55) 50%,rgba(12,10,9,.7))}
@media(max-width:900px){body.login-page main.v3{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:22px;padding-top:140px}
  .lpt-h{font-size:2rem}.lpt-sub{font-size:.98rem}body.login-page .login-card{max-width:none}}
/* Como funciona: frases que trocam, legíveis sobre a foto */
body.landing .punch{height:2.3em;color:#fff}
body.landing .punch span{background:rgba(12,10,9,.78);border-left:4px solid var(--orange);border-radius:8px;padding:.3em .8em;line-height:1.5;text-shadow:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 8px 24px rgba(0,0,0,.3)}
/* Dores do dono: título e resposta embaixo de cada frase */
.lp-quotes h2{grid-column:1/-1;margin-bottom:6px}
.v3 .lp-quotes h2{font-size:clamp(1.7rem,3.4vw,2.6rem);line-height:1.1;font-weight:800}.lp-quotes h2 .hl{color:#fdba74;font-weight:800}
.lp-quotes blockquote{display:flex;flex-direction:column;gap:12px}
.lp-quotes blockquote .q{font-size:1.08rem;line-height:1.4;font-weight:700}
.lp-quotes blockquote small{font-size:.9rem;font-weight:500;line-height:1.45;color:#d6d3d1;border-top:1px solid rgba(255,255,255,.18);padding-top:10px}
.lp-quotes blockquote small::before{content:"→ ";color:var(--orange);font-weight:700}
body.landing .lp-quotes blockquote{background:rgba(12,10,9,.72)}
@media(max-width:600px){body.landing .punch{font-size:1rem}}
/* tela de entrar: se a janela for baixa, o texto não sobe por cima da barra */
body.login-page main.v3{align-items:safe center}
/* Quadro da página inicial: testar grátis ou entrar */
.lc-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:12px;background:rgba(0,0,0,.28);margin-bottom:4px}
.lc-tabs button{font:inherit;font-size:.86rem;font-weight:600;height:36px;border:0;border-radius:9px;background:transparent;color:#e7e5e4;cursor:pointer}
.lc-tabs button.on{background:#fff;color:var(--ink)}
.lc-tabs button:focus-visible{outline:3px solid rgba(255,133,31,.6)}
.lc-pane{display:flex;flex-direction:column;gap:10px}
.lc-pane[hidden]{display:none}
.lc-pane small a{color:#fdba74;font-weight:600}
.toplogin-btn{min-height:36px;padding:0 16px}
#lead,#entrar{scroll-margin-top:136px}
/* barrinha de carregamento ao clicar */
#navload{position:fixed;top:0;left:0;height:3px;width:0;background:var(--orange);z-index:9999;box-shadow:0 0 8px rgba(255,133,31,.7);opacity:0;pointer-events:none}
#navload.on{opacity:1;animation:navload 8s cubic-bezier(.1,.7,.2,1) forwards}
@keyframes navload{0%{width:0}10%{width:35%}40%{width:70%}100%{width:92%}}
@media(prefers-reduced-motion:reduce){#navload.on{animation:none;width:60%}}
@media print{#navload{display:none}}
/* Logo da marca ao lado de todo seletor de marca */
.lojalogo{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;margin-right:8px;vertical-align:middle;border-radius:10px;border:1px solid var(--line);background:#fff;overflow:hidden;font-weight:800;font-size:.95rem;color:var(--brand-ink);align-self:center}
.lojalogo img{width:100%;height:100%;object-fit:contain;padding:2px}
.lojalogo.noimg{background:var(--soft)}
.lojalogo.all{color:var(--muted);font-size:1.05rem}
.pb-filters .lojalogo{margin-right:2px}
.pb-logochange{align-self:center;font-size:.72rem;color:var(--muted);text-decoration:none;margin-left:2px}
.pb-logochange:hover{color:var(--brand-ink)}
.lojapick{display:inline-flex;align-items:center;gap:0;max-width:100%;vertical-align:middle}
.lojapick select{min-width:0}
@media(max-width:700px){.pb-filters .lojapick{flex:1 1 100%}.pb-filters .lojapick select{flex:1;max-width:none}}
.lojapick{width:auto}
.lojapick select{width:auto;flex:1 1 auto}
label .lojapick,p .lojapick{display:flex;width:100%}
@media(max-width:700px){.lojapick{max-width:100%}.lojapick select{max-width:calc(100% - 44px)!important}}
.lojapick select{min-width:150px}
@media(max-width:700px){.lojapick{flex:1 1 100%}}
@media(max-width:700px){.modes .mode.brandpick{flex:1 1 100%!important;width:100%}.mode.brandpick .lojapick select{flex:1;max-width:none!important}}
@media(max-width:700px){.modes.compact.oneline{flex-wrap:wrap}.modes.compact.oneline .mode.brandpick{flex:1 1 100%}.modes.compact.oneline .mode.brandpick .lojapick select{flex:1;min-width:0;max-width:none!important}}
/* Boas-vindas ao entrar: saudação, primeiro nome e a mensagem do login */
.hello3{display:flex;align-items:center;gap:14px;margin:4px 0 18px;padding:14px 16px;border-radius:16px;background:linear-gradient(100deg,#fff4e6,#fffaf3 60%,#fff);border:1px solid #f6dcbc;box-shadow:0 6px 20px rgba(255,133,31,.08);animation:h3in .5s cubic-bezier(.2,.7,.2,1)}
.h3-avatar{flex:none;width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#ffb347,#ff851f);color:#1c1917;font-weight:800;display:grid;place-items:center}
.h3-text{flex:1;min-width:0}
.h3-text b{display:block;font-size:1.12rem;letter-spacing:-.01em}
.h3-text p{margin:2px 0 4px;color:#3f3a33;font-size:.95rem;line-height:1.4}
.h3-text small{color:var(--muted);font-size:.76rem}
.h3-close{flex:none;align-self:flex-start;width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--muted);font:inherit}
.h3-close:hover{color:var(--ink);border-color:var(--orange)}
@keyframes h3in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.hello3{animation:none}}
@media(max-width:600px){.hello3{padding:12px;gap:10px}.h3-avatar{width:38px;height:38px;font-size:.9rem}.h3-text b{font-size:1.02rem}}
/* Lança Rápido: o texto é mais longo; na faixa média da barra o botão fica só com o + */
@media(max-width:700px){.pb-filters .lojapick{width:100%;min-width:0}.pb-filters .lojapick select{width:auto;flex:1 1 0;min-width:0;max-width:none!important}}
@media(max-width:700px){.pagebar .pb-filters{min-width:0;max-width:100%;flex:1 1 100%}}
/* iFood e 99Food: botão da barra com a marca do aplicativo, e a marca no canto do ambiente */
.hnav a.navapp{display:inline-flex;align-items:center;padding-top:4px;padding-bottom:4px}
.hnav a.navapp img{display:block;height:22px;width:auto}
.hnav a.navapp img.navapp-99food{height:26px;border-radius:6px}
.hnav a.navapp:not(.on) img{filter:saturate(.85)}
.appmark{display:flex;align-items:center;gap:10px;margin:2px 0 12px}
.appmark img{height:38px;width:auto;display:block}
.appmark img.appmark-99food{height:44px;border-radius:11px}
.appmark span{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media(max-width:600px){.appmark img{height:30px}.appmark img.appmark-99food{height:36px}}
/* ícones quadrados (iFood vermelho, 99Food amarelo, Keeta): mesmo tamanho na barra e no canto do ambiente */
.hnav a.navapp img,.hnav a.navapp img.navapp-99food{height:28px;width:28px;border-radius:0}
.hnav a.navapp.on{box-shadow:inset 0 0 0 2px var(--orange)}
.hnav a.navapp.soon img{opacity:.55;filter:grayscale(.3)}
.appmark img,.appmark img.appmark-99food{height:44px;width:44px;border-radius:0}
@media(max-width:600px){.appmark img,.appmark img.appmark-99food{height:36px;width:36px}}
.hquick-i{font-size:1rem;line-height:1;display:inline-block;transition:transform .25s}.hquick:hover .hquick-i{transform:translate(2px,-2px) rotate(-8deg)}
/* logo do seletor de marca: o dobro do tamanho */
.lojalogo{width:72px;height:72px;border-radius:16px;margin-right:12px;font-size:1.7rem;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.lojalogo img{padding:4px}
.lojalogo.all{font-size:1.9rem}
.pb-filters .lojalogo{margin-right:10px}
.pagebar{align-items:center}
@media(max-width:700px){.lojalogo{width:60px;height:60px;border-radius:14px;font-size:1.45rem}}
:is(form,div,p,label):has(> .lojapick){align-items:center}
/* bolinha de informação: fundo amarelo e o i em preto, em todo o sistema */
.info-i{background:#fde047;border-color:#facc15;color:#111}
.info:hover .info-i,.info:focus-visible .info-i,.info.open .info-i{background:#facc15;border-color:#eab308;color:#000}
.info-i{width:20px;height:20px;background:#ffd400;border:1px solid #e6b800;color:#000;font:italic 800 12px/18px Georgia,serif;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.info:hover .info-i,.info:focus-visible .info-i,.info.open .info-i{background:#ffc400;border-color:#c99a00;color:#000}
.goal-tip{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:10px 12px;border-radius:12px;background:#fffbeb;border:1px solid #fde68a}
.goal-tip p{margin:0}.goal-tip .note{margin-top:4px}
.goal-tip-i{font-size:1.2rem;line-height:1.2}
/* Painel: todo bloco com título (o primeiro de cada aba também aparece, com a bolinha ⓘ) */
.has-tabs .tabpane>h2:first-child{display:flex}
.has-tabs .tabpane>h2{align-items:center;gap:6px;flex-wrap:wrap}
.mhero-chips li>span{display:inline-flex;align-items:center}
.route-title{display:flex;align-items:center;flex-wrap:wrap}
.duo-head .info{margin-left:6px;text-transform:none;letter-spacing:0}
/* Rota do mês: os números no próprio desenho */
.v3 .route-title{margin-bottom:64px}
.v3 .route{margin-bottom:96px}
.rl{position:absolute;white-space:nowrap;font-size:.8rem;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;color:var(--ink);transform:translateX(-50%)}
.rl small{display:block;font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rl.l{transform:none;text-align:left}.rl.r{transform:translateX(-100%);text-align:right}.rl.c{text-align:center}
.rl-sold{bottom:50px;color:#c2410c}
.rl-sold small{color:#c2410c}
.rl-start{top:20px}
.rl-even{top:20px;color:#1f6fa3}.rl-even small{color:#1f6fa3}
.rl-goal{bottom:50px;color:var(--good)}.rl-goal small{color:var(--good)}
.rl-start.l{margin-left:-14px}
.rgap{position:absolute;top:58px;height:10px;border:2px solid currentColor;border-top:0;border-radius:0 0 6px 6px;min-width:6px}
.rgap.short{color:#dc2626}.rgap.ok{color:#15803d}
.rgap-t{position:absolute;top:72px;white-space:nowrap;font-size:.78rem;font-weight:800;padding:2px 8px;border-radius:99px;transform:translateX(-50%)}
.rgap-t.short{background:#fee2e2;color:#b91c1c}.rgap-t.ok{background:#dcfce7;color:#166534}
.rgap-t.l{transform:none}.rgap-t.r{transform:translateX(-100%)}
@media(max-width:600px){.rl{font-size:.72rem}.rl small{font-size:.58rem}.v3 .route{margin-left:16px;margin-right:16px}}
/* Plano de ação: o que fazer agora */
.hubpick{margin:0 0 14px}
.hubgroup{margin-bottom:14px}
.hubhead{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}
.actlist{list-style:none;margin:0;padding:0;}
.actlist li{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;padding:12px 0;border-top:1px solid var(--line)}
.actlist li>div{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.act-src{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.act-ifood .act-src{color:#c81e1e}.act-negocio .act-src{color:#b85600}
.act-do{margin:4px 0 0;color:var(--ink)}
.actlist .btn{flex:none}
@media(max-width:600px){.actlist li{flex-direction:column}.actlist .btn{align-self:flex-start}}
/* Relatórios */
.repgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.rep{display:flex;gap:12px;align-items:flex-start;margin:0}
.rep-i{font-size:1.6rem;line-height:1}
.rep p{margin:4px 0 0}.rep-acts{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px!important}
/* Barra em quatro abas (Ver · Informar · Fazer · Rotina do dia): numa faixa própria, logo abaixo do topo */
.ngroup{display:flex;flex-direction:column;gap:1px;min-width:0}
.ngroup-t{font-size:.6rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#a8a29e;padding:0 8px}
.ngroup.on .ngroup-t{color:#c2410c}
.ngroup-b{display:flex;align-items:center;gap:2px}
@media(min-width:901px){
  .hdr-in:has(.ngroup){flex-wrap:wrap;height:auto;padding-top:8px;padding-bottom:0;row-gap:4px}
  .hdr-in:has(.ngroup) .hact{margin-left:auto}
  .hnav:has(.ngroup){order:20;flex:1 1 100%;justify-content:space-between;gap:6px;padding:6px 0 6px;border-top:1px solid var(--line);overflow:visible}
  .ngroup+.ngroup{border-left:1px solid var(--line);padding-left:10px}
  .ngroup-ver{flex:1 1 auto}
}
@media(max-width:900px){
  .ngroup{padding:6px 0;border-bottom:1px solid var(--line)}
  .ngroup:last-child{border-bottom:0}
  .ngroup-b{flex-direction:column;align-items:stretch}
  .ngroup-b a.navapp{justify-content:flex-start;gap:10px}
  .ngroup-b a.navapp .sr{position:static!important;width:auto;height:auto;clip:auto;overflow:visible;color:var(--ink2);font-size:.9rem}
}
/* Nota do negócio (viva): anel de indicadores no verde e um cartão por indicador */
.livescore{padding:18px}
.ls-head{display:flex;gap:16px;align-items:center;margin-bottom:14px}
.ls-head .label{font-size:.8rem;color:var(--muted);display:flex;align-items:center}
.ls-head .value{font-size:1.5rem;font-weight:800;letter-spacing:-.02em}
.ls-head .delta{font-size:.84rem;color:var(--muted)}.ls-head .delta a{margin-left:6px;font-weight:600}
.ls-ring{--c:#a8a29e;flex:none;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;
  background:conic-gradient(var(--c) calc(var(--p)*1%),#ece9e4 0);animation:ls-fill 1.1s cubic-bezier(.2,.7,.2,1) both}
.ls-ring>span{width:72%;height:72%;border-radius:50%;background:#fff;display:grid;place-items:center;align-content:center;line-height:1}
.ls-ring b{font-size:1.6rem;font-weight:800}.ls-ring small{font-size:.66rem;color:var(--muted)}
.ls-ring.good{--c:#16a34a}.ls-ring.warn{--c:#eab308}.ls-ring.bad{--c:#dc2626}
@property --p{syntax:"<number>";inherits:false;initial-value:0}
@keyframes ls-fill{from{--p:0}}
.ls-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.ls-item{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;border:1px solid var(--line);background:#fff;position:relative}
.ls-item>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.ls-name{font-size:.8rem;color:var(--muted);display:flex;align-items:center}
.ls-val{font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums}
.ls-meta{font-size:.72rem;color:var(--muted)}
.ls-dot{--c:#a8a29e;flex:none;width:12px;height:12px;margin-top:4px;border-radius:50%;background:var(--c);box-shadow:0 0 0 0 var(--c);animation:ls-pulse 2.4s infinite}
.ls-item.good .ls-dot{--c:#16a34a}.ls-item.warn .ls-dot{--c:#eab308}.ls-item.bad .ls-dot{--c:#dc2626}
.ls-item.none .ls-dot{animation:none}
.ls-item.good{border-color:#bbf7d0;background:#f0fdf4}.ls-item.warn{border-color:#fde68a;background:#fffbeb}.ls-item.bad{border-color:#fecaca;background:#fef2f2}
@keyframes ls-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 55%,transparent)}70%{box-shadow:0 0 0 9px transparent}100%{box-shadow:0 0 0 0 transparent}}
.ls-stores{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:10px}
.ls-store{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink);background:#fff}
.ls-store:hover{border-color:var(--orange)}
.ls-ring.mini{width:46px;height:46px}.ls-ring.mini b{font-size:1rem}
.ls-sname{display:flex;flex-direction:column;font-weight:700;font-size:.9rem;min-width:0}.ls-sname small{font-weight:500;color:var(--muted);font-size:.74rem}
@media(prefers-reduced-motion:reduce){.ls-ring,.ls-dot{animation:none}}
@media(max-width:600px){.ls-ring{width:76px;height:76px}.ls-grid{grid-template-columns:1fr 1fr}.ls-val{font-size:1.05rem}}
.targets-form{max-width:760px}
.tg-row{display:grid;grid-template-columns:1fr 240px;gap:14px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}
.tg-row label{display:flex;flex-direction:column;gap:2px}
.tg-in{display:flex;flex-direction:column;gap:4px}
.tg-avg{color:var(--muted)}.tg-err{color:#b91c1c;font-weight:600}
.tg-row.has-error input{border-color:#dc2626}
@media(max-width:600px){.tg-row{grid-template-columns:1fr}}
.ls-head .label{display:inline-flex}.livescore>.label{display:inline-flex;align-items:center;font-weight:700}
/* ===== Barra Modelo C: faixa escura com pílulas (Ver · Informar · Fazer · Rotina do dia) ===== */
.ngroup{--c:#fbbf24}
.ngroup-ver{--c:#fb923c}.ngroup-informar{--c:#60a5fa}.ngroup-fazer{--c:#4ade80}.ngroup-rotina{--c:#c084fc}
.hnav:has(.ngroup){background:linear-gradient(180deg,#1c1917,#0c0a09);border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.hnav:has(.ngroup) .ngroup-t{display:flex;align-items:center;gap:6px;padding:0 4px;font-size:.62rem;letter-spacing:.11em;color:var(--c)}
.hnav:has(.ngroup) .ngroup-t::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}
.hnav:has(.ngroup) .ngroup.on .ngroup-t{color:var(--c)}
.hnav:has(.ngroup) .ngroup-b{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:3px;gap:0}
.hnav:has(.ngroup) .ngroup-b a{color:#e7e5e4;border-radius:999px;padding:6px 13px;font-size:.84rem;font-weight:600;background:none}
.hnav:has(.ngroup) .ngroup-b a:hover:not(.on){background:rgba(255,255,255,.1);color:#fff}
.hnav:has(.ngroup) .ngroup-b a.on{background:var(--c);color:#111;box-shadow:0 4px 14px color-mix(in srgb,var(--c) 45%,transparent)}
.hnav:has(.ngroup) .ngroup-b a.on::after{display:none}
.hnav:has(.ngroup) .ngroup-b a.navapp{padding:4px 9px}
.hnav:has(.ngroup) .ngroup-b a.navapp.on{box-shadow:0 0 0 2px var(--c),0 4px 14px color-mix(in srgb,var(--c) 45%,transparent)}
.hnav:has(.ngroup) .ngroup-b a.soon{color:#a8a29e}
@media(min-width:901px){
  .hnav:has(.ngroup){border-top:0;padding:10px 16px 12px;margin:2px 0 10px;justify-content:flex-start;gap:20px;align-items:flex-end}
  .hnav:has(.ngroup) .ngroup+.ngroup{border-left:0;padding-left:0}
  .hnav:has(.ngroup) .ngroup{gap:6px;flex:0 0 auto}
}
@media(min-width:901px) and (max-width:1180px){.hnav:has(.ngroup){gap:10px;padding:8px 10px 10px}.hnav:has(.ngroup) .ngroup-b a{padding:6px 9px;font-size:.78rem}}
@media(max-width:900px){
  .hnav:has(.ngroup){padding:10px;margin:4px 0 8px;gap:10px}
  .hnav:has(.ngroup) .ngroup{border-bottom:0;padding:0;gap:6px}
  .hnav:has(.ngroup) .ngroup-b{flex-direction:row;flex-wrap:wrap;border-radius:16px}
  .hnav:has(.ngroup) .ngroup-b a.navapp .sr{color:inherit;font-size:.84rem}
}
.hnav:has(.ngroup) .ngroup-b a{min-height:32px;display:inline-flex;align-items:center;box-sizing:border-box}.hnav:has(.ngroup) .ngroup-b a.navapp img{height:24px;width:24px}
.rep-logo{width:40px;height:40px;flex:none;border-radius:10px}
/* Ambientes iFood e 99Food: os botões viram cartões no corpo da tela (2 linhas) */
.apptiles{--c:#ea1d2c;--ct:#fff;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:2px 0 20px}
.apptiles-99food{--c:#facc15;--ct:#111;grid-template-columns:repeat(4,1fr)}
.apptiles a{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);
  color:var(--ink);text-decoration:none;font-weight:700;font-size:.84rem;line-height:1.2;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:transform .12s,box-shadow .12s,border-color .12s}
.apptiles a svg{flex:none;width:22px;height:22px;fill:none;stroke:var(--c);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.apptiles-99food a svg{stroke:#a16207}
.apptiles a:hover{transform:translateY(-1px);border-color:var(--c);box-shadow:0 6px 14px rgba(0,0,0,.08)}
.apptiles a.on{background:var(--c);border-color:var(--c);color:var(--ct);box-shadow:0 6px 16px color-mix(in srgb,var(--c) 35%,transparent)}
.apptiles a.on svg{stroke:var(--ct)}
@media(max-width:1100px){.apptiles{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.apptiles,.apptiles-99food{grid-template-columns:repeat(3,1fr);gap:6px}
  .apptiles a{flex-direction:column;justify-content:center;text-align:center;gap:5px;min-height:66px;padding:8px 4px;font-size:.72rem}}
.tabpane .livescore{margin:14px 0 6px}
/* Nota do negócio sem meta: colorido (laranja claro) com o atalho para definir a meta, em vez de cinza */
.ls-item.none{border:1px dashed #fdba74;background:#fff7ed}
.ls-item.none .ls-dot{--c:#fb923c;background:#fff;box-shadow:inset 0 0 0 2px #fb923c;animation:none}
.ls-set{font-size:.74rem;font-weight:700;color:#c2410c;text-decoration:none}.ls-set:hover{text-decoration:underline}
.ls-ring:not(.good):not(.warn):not(.bad){--c:#fb923c}
.livescore .ls-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:900px){.livescore .ls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media screen{.print-only,table.print-only{display:none!important}}
/* Dashboards: os botões de Relatório PDF ao lado do título da tela */
.pb-titlebar{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-right:auto}
.v3 .pb-titlebar h1{margin:0}
.pb-titlebar .pb-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
@media(max-width:700px){.pb-titlebar{flex-basis:100%}.v3 .pagebar .pb-titlebar h1{flex-basis:auto}}
.pb-titlebar .pb-pop{left:0;right:auto}
.pb-titlebar .pb-menu>summary{white-space:nowrap}
/* Regra dos títulos dos indicadores: nome fácil e, ao lado, o nome técnico entre parênteses */
.v3 .kpiblock-head .kpitech{display:inline;font-size:.78rem;font-weight:600;color:var(--muted);white-space:nowrap}
.ls-name{flex-wrap:wrap}.ls-tech{font-size:.68rem;color:var(--muted);font-weight:600}
/* Cartões de botão em todos os ambientes (Dashboards, Plano de ação, Minha Conta...) */
.apptiles-actions,.apptiles-account{--c:#ff851f;grid-template-columns:repeat(4,minmax(0,1fr))}
.apptiles-biz{--c:#ff851f;--ct:#111;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:0;margin:4px 0 18px}
.apptiles button{display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid var(--line);
  color:var(--ink);font:inherit;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.05);transition:transform .12s,box-shadow .12s,border-color .12s}
.apptiles button svg{flex:none;width:22px;height:22px;fill:none;stroke:var(--c);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.apptiles button:hover{transform:translateY(-1px);border-color:var(--c);box-shadow:0 6px 14px rgba(0,0,0,.08)}
.apptiles button.on{background:var(--c);border-color:var(--c);color:var(--ct);box-shadow:0 6px 16px color-mix(in srgb,var(--c) 35%,transparent)}
.apptiles button.on svg{stroke:var(--ct)}
.apptiles button.on::after{display:none}
@media(max-width:700px){.apptiles-biz{grid-template-columns:repeat(3,minmax(0,1fr))}.apptiles button{flex-direction:column;justify-content:center;text-align:center;gap:5px;min-height:66px;padding:8px 4px;font-size:.74rem}
  .apptiles-actions,.apptiles-account{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tabs.apptiles{display:grid;position:static;overflow:visible;background:none;border-bottom:0;gap:8px}
.tabs.apptiles button{border:1px solid var(--line);margin:0;color:var(--ink);white-space:normal;padding:8px 14px}
.tabs.apptiles button.on{border-color:var(--c);color:var(--ct);font-weight:700}
.tabs.apptiles button:hover:not(.on){color:var(--ink)}
@media(max-width:700px){.tabs.apptiles button{padding:8px 4px}}
/* Dashboards com 4 cartões (Diagnóstico de Marketing) */
.apptiles-biz{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:700px){.apptiles-biz{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Autoavaliação: notas por frente, recomendações e questionário */
.assess .ls-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.assess a.ls-item{text-decoration:none;color:inherit}
.assess .ls-val small{font-size:.7rem;color:var(--muted);font-weight:600}
@media(max-width:900px){.assess .ls-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mk-facts .value{font-size:1.6rem;font-weight:800}
.assess-actions .note{display:block;margin-top:4px}
.assess-form{display:grid;gap:12px}
.assess-front{border:1px solid var(--line);border-radius:14px;padding:12px 16px;margin:0;scroll-margin-top:140px}
.assess-front legend{padding:0 6px}
.assess-q{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}
.assess-text{margin:0;flex:1;min-width:0;display:flex;align-items:center;flex-wrap:wrap}
.assess-opts{display:flex;gap:6px;flex:none}
.assess-opts .opt{position:relative;cursor:pointer}
.assess-opts .opt input{position:absolute;opacity:0;pointer-events:none}
.assess-opts .opt span{display:inline-block;padding:6px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.82rem;font-weight:700;color:var(--muted)}
.assess-opts .opt input:focus-visible+span{outline:3px solid rgba(255,133,31,.5)}
.assess-opts .opt-sim input:checked+span{background:#16a34a;border-color:#16a34a;color:#fff}
.assess-opts .opt-parcial input:checked+span{background:#eab308;border-color:#eab308;color:#111}
.assess-opts .opt-nao input:checked+span{background:#dc2626;border-color:#dc2626;color:#fff}
@media(max-width:700px){.assess-q{flex-direction:column;align-items:stretch}.assess-opts{justify-content:flex-start}}
/* Página LucrAki® + IA */
.ai-chat{display:flex;flex-direction:column;gap:10px;max-width:640px;margin-top:18px}
.ai-bub{max-width:88%;padding:12px 14px;border-radius:16px;font-size:.95rem;line-height:1.45}
.ai-bub.me{align-self:flex-end;background:#ff851f;color:#1c1917;font-weight:600;border-bottom-right-radius:4px}
.ai-bub.bot{align-self:flex-start;background:rgba(255,255,255,.95);color:var(--ink);border-bottom-left-radius:4px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.ai-bub.bot b{display:block;margin-bottom:2px}
.ai-bub.bot small{display:block;margin-top:6px;color:var(--muted);font-size:.76rem}
.ai-bub.bot em{display:inline-block;margin-top:8px;font-style:normal;font-weight:700;font-size:.8rem;background:#101216;color:#fff;border-radius:99px;padding:4px 10px}
.ai-note{color:#d6d3d1!important}
.ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}
.ai-card{background:rgba(255,255,255,.94);color:var(--ink);border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.ai-card b{display:block;font-size:1.02rem;margin:6px 0 4px}.ai-card p{margin:0;color:#44403c;font-size:.9rem;line-height:1.45}
.ai-ico{font-size:1.6rem}
.ai-phases{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.ai-phases li{display:flex;gap:14px;align-items:flex-start;background:rgba(255,255,255,.94);color:var(--ink);border-radius:16px;padding:14px 16px}
.ai-phases b{font-size:1rem}.ai-phases p{margin:2px 0 6px;color:#44403c;font-size:.9rem}
.ai-n{flex:none;width:34px;height:34px;border-radius:50%;background:#ff851f;color:#1c1917;font-weight:800;display:grid;place-items:center}
.ai-st{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:#e7e5e4;color:#57534e}
.ai-st.now{background:#dcfce7;color:#166534}
@media(max-width:900px){.ai-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ai-grid{grid-template-columns:1fr}.ai-bub{max-width:100%}}
body.landing .ai-card b,body.landing .ai-phases b,body.landing .ai-bub.bot b,body.landing .ai-card p,body.landing .ai-phases p{color:var(--ink)}body.landing .ai-card p,body.landing .ai-phases p{color:#44403c}
.ai-page .ai-card b,.ai-page .ai-phases b,.ai-page .ai-bub.bot b{color:#1c1917!important}
/* Copiloto LucrAki® (IA) */
.helpfab.ai{background:linear-gradient(135deg,#101216,#3b2a1a);color:#fff;box-shadow:0 8px 24px rgba(255,133,31,.35)}
.helpfab.ai span{color:#ffcb1f}
.cop{display:flex;flex-direction:column;gap:8px}
.cop-log{display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto;padding:2px}
.cop-msg{padding:10px 12px;border-radius:14px;font-size:.88rem;line-height:1.45;max-width:92%}
.cop-msg.bot{align-self:flex-start;background:#f5f5f4;color:var(--ink);border-bottom-left-radius:4px}
.cop-msg.me{align-self:flex-end;background:#ff851f;color:#1c1917;font-weight:600;border-bottom-right-radius:4px}
.cop-msg.wait{color:var(--muted);animation:cop-pulse 1.2s infinite}
@keyframes cop-pulse{50%{opacity:.5}}
.cop-meta{display:block;margin-top:6px;font-size:.7rem;color:var(--muted)}
.cop-sug{display:flex;flex-wrap:wrap;gap:6px}
.cop-chip{font:inherit;font-size:.76rem;padding:5px 10px;border-radius:99px;border:1px solid var(--line);background:#fff;cursor:pointer;color:var(--ink2)}
.cop-chip:hover{border-color:var(--orange);color:var(--ink)}
.cop-form{display:flex;gap:6px;align-items:flex-end}
.cop-form textarea{flex:1;font:inherit;font-size:.9rem;border:1px solid var(--line);border-radius:12px;padding:8px 10px;resize:none;min-height:44px}
.cop-form textarea:focus{outline:3px solid rgba(255,133,31,.4);border-color:var(--orange)}
.cop-foot{font-size:.7rem;margin:0}
.ai-explain{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font:inherit;font-size:.72rem;font-weight:700;color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:99px;padding:3px 10px;cursor:pointer}
.ai-explain:hover{background:#ffedd5;border-color:#fb923c}
@media print{.ai-explain{display:none}}
.lc-error{margin:0;padding:8px 10px;border-radius:10px;background:#fee2e2;color:#991b1b;font-size:.82rem;font-weight:600}
/* IA Fase 2: preenchimento assistido */
.aitag{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:700;color:#7c2d12;background:#fff7ed;border:1px solid #fed7aa;border-radius:99px;padding:2px 9px;vertical-align:middle;white-space:nowrap}
.receiptbox{margin-top:12px}
.receiptbox input[type=file]{flex:1 1 220px;min-width:0;font-size:.95rem;padding:10px;min-height:0}
.quickrow.receiptrow{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);padding:10px 0;border-bottom:1px solid var(--line)}
.quickrow label,.quickrow select,.quickrow input{min-width:0;max-width:100%}
@media(max-width:620px){.quickrow.receiptrow{grid-template-columns:1fr 1fr 1fr}.quickrow.receiptrow .wide{grid-column:1/-1}}
.aisuggest{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0 0}
/* Botão "IA?" padrão no canto de cima, à direita, de todo quadro de gráfico */
.cop-log{position:relative}
.aiq-host{position:relative}
.aiq-host>.ai-q+*{padding-right:46px}
.ai-q{position:absolute;top:10px;right:10px;z-index:3;width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:1px;
  border-radius:10px;border:1.5px solid #fdba74;background:#fff7ed;color:#7c2d12;font:inherit;font-size:.8rem;font-weight:800;letter-spacing:-.02em;line-height:1;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.ai-q b{color:#ea580c;font-size:.95rem}
.ai-q:hover,.ai-q:focus-visible{background:#ffedd5;border-color:#fb923c;outline:0}
.ai-q:focus-visible{box-shadow:0 0 0 3px rgba(255,133,31,.4)}
.route-box.aiq-host>.ai-q{top:0;right:0}
@media print{.ai-q{display:none!important}}
.receiptbox>label{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.receiptbox>label .aitag{flex:0 0 auto}
@media(max-width:700px){.brandline .pick{min-width:0;max-width:100%;flex:1 1 100%}.brandline .pick .lojapick{width:100%}}
/* Relatórios: a linha do Meu Negócio, com o Compilado Mestre no fim */
.rep-h{margin:18px 0 10px;font-size:1.05rem}
.repline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:6px}
.rep.repv{flex-direction:column;gap:6px}
.rep.repv .rep-acts{margin-top:auto!important;padding-top:6px}
.rep.repv>b{line-height:1.25}
.rep.master{background:#1c1917;color:#fff;border-color:#1c1917}
.rep.master .note{color:#d6d3d1}
.rep.master .btn.ghost{background:transparent;color:#fff;border-color:#57534e}
.rep.master .btn:not(.ghost){background:#ff851f;color:#1c1917;border-color:#ff851f}
@media(max-width:1100px){.repline{grid-template-columns:repeat(3,minmax(0,1fr))}.rep.master{grid-column:span 2}}
@media(max-width:700px){.repline{grid-template-columns:1fr}.rep.master{grid-column:auto}}
.apptiles-99food{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.pb-titlebar .pb-acts{flex-wrap:wrap}.pb-titlebar .pb-menu{flex:1 1 100%;min-width:0}
  .pb-titlebar .pb-menu>summary{white-space:normal;text-align:center;line-height:1.25}}
@media(max-width:700px){.pb-titlebar .pb-menu>summary{display:block}}
/* Botão da IA / Ajuda no canto: texto inteiro no computador; no celular, um círculo legível com o ícone e "IA" */
.helpfab .helpfab-t{font-style:normal}
.helpfab .helpfab-m{display:none}
@media(max-width:700px){
  .v3 ~ .helpfab,.helpfab,.helpfab.ai{right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;left:auto!important;width:56px!important;height:56px!important;min-height:0!important;
    padding:0!important;border-radius:50%!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1px!important;font-size:1rem!important;opacity:1!important;max-width:none}
  .helpfab .helpfab-t{display:none}
  .helpfab span{width:auto!important;height:auto!important;background:none!important;font-size:1.25rem!important;line-height:1}
  .helpfab:not(.ai) span{color:#ff851f}
  .helpfab .helpfab-m{display:block;font-size:.66rem;font-weight:800;letter-spacing:.04em;line-height:1;color:#fff}
  .helppanel{bottom:calc(80px + env(safe-area-inset-bottom))!important}
}
/* ===== Celular: a tela começa no conteúdo ===== */
@media(max-width:700px){
  /* Botões dos ambientes iFood e 99Food: uma faixa que desliza para o lado, em vez de 3 ou 4 linhas */
  .apptiles-ifood,.apptiles-99food,.apptiles-account{display:flex!important;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;position:relative;margin:0 -14px 14px;padding:2px 14px 6px;mask-image:linear-gradient(90deg,#000 88%,transparent)}
  .apptiles-ifood::-webkit-scrollbar,.apptiles-99food::-webkit-scrollbar,.apptiles-account::-webkit-scrollbar{display:none}
  .apptiles-ifood a,.apptiles-99food a,.apptiles-account a{flex:0 0 auto;width:86px;min-height:62px!important;padding:7px 4px!important;scroll-snap-align:start;font-size:.7rem!important;line-height:1.15}
  .apptiles-ifood a svg,.apptiles-99food a svg,.apptiles-account a svg{width:20px;height:20px}
  .apptiles-ifood a.on,.apptiles-99food a.on,.apptiles-account a.on{box-shadow:none}
  /* Saudação compacta: nome e a frase do dia, sem a data */
  .hello3{padding:9px 12px;gap:10px;margin:2px 0 14px;border-radius:14px}
  .h3-avatar{width:32px!important;height:32px!important;font-size:.8rem!important}
  .h3-text b{font-size:.95rem!important}
  .h3-text p{font-size:.84rem;margin:1px 0 0;line-height:1.35}
  .h3-text small{display:none}
  /* Menus de abas pequenas (Diagnóstico · Plano de ação · Perguntar): quebram linha em vez de cortar */
  .subnav{flex-wrap:wrap;overflow:visible;gap:6px}
  .subnav a{white-space:nowrap}
  /* Espaço no fim da página para o botão da IA não cobrir o último conteúdo */
  main{padding-bottom:72px}
}
.rep-mail{margin-top:8px;font-size:.82rem}
.rep-mail summary{cursor:pointer;color:var(--muted);font-weight:600}
.rep-mail form{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.rep-mail input{font:inherit;padding:8px 10px;border:1px solid var(--line);border-radius:10px;min-width:0}
.rep.master .rep-mail summary{color:#d6d3d1}
.rep-headline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:18px 0 10px}
.rep-headline .rep-h{margin:0}
.rep-month{display:flex;align-items:center;gap:8px;margin:0}
.rep-month label{font-size:.82rem;color:var(--muted);font-weight:600}
.rep-month select{font:inherit;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:#fff}
/* Menu das três listrinhas (visitante e telas sem grupos): abre num quadro escuro, com as opções grandes e legíveis */
@media(max-width:900px){
  .hnav-toggle:checked~.hnav:not(:has(.ngroup)),
  body.landing .hnav-toggle:checked~.hnav:not(:has(.ngroup)){position:relative;z-index:60;background:#141210;border:1px solid rgba(255,255,255,.12);border-radius:16px;
    padding:6px;margin:4px 0 6px;gap:2px;box-shadow:0 14px 34px rgba(0,0,0,.45)}
  .hnav-toggle:checked~.hnav:not(:has(.ngroup)) a,
  body.landing .hnav-toggle:checked~.hnav:not(:has(.ngroup)) a,
  body.landing.scrolled .hnav-toggle:checked~.hnav:not(:has(.ngroup)) a{color:#fff!important;font-size:1.02rem;font-weight:600;padding:14px 16px;border-radius:12px;background:none}
  .hnav-toggle:checked~.hnav:not(:has(.ngroup)) a+a{border-top:1px solid rgba(255,255,255,.08)}
  .hnav-toggle:checked~.hnav:not(:has(.ngroup)) a:hover,.hnav-toggle:checked~.hnav:not(:has(.ngroup)) a:active{background:rgba(255,255,255,.08)}
  .hnav-toggle:checked~.hnav:not(:has(.ngroup)) a.on{background:#ff851f!important;color:#1c1917!important}
  /* As três listrinhas viram um X quando o menu está aberto */
  .hnav-toggle:checked+.hnav-burger i{background:transparent}
  .hnav-toggle:checked+.hnav-burger i::before{top:0;transform:rotate(45deg)}
  .hnav-toggle:checked+.hnav-burger i::after{top:0;transform:rotate(-45deg)}
}
/* "Veja por dentro" no celular: só o computador com a tela do sistema; o celularzinho e os selos flutuantes (enfeites) saem */
@media(max-width:900px){
  .sc-stage .phone,.sc-stage .float{display:none!important}
  .sc-stage{padding:8px 0 24px!important}
  .sc-stage .sc-note{position:static;display:block;margin-top:22px;text-align:center}
}
@media(max-width:900px){.lt-screen b{white-space:nowrap}}
/* Sobre: o @ do Instagram e o número do WhatsApp em letra escura e forte (antes saíam brancos no quadro branco) */
.lp.about .ab-contacts a,.lp.about .ab-contacts b{color:#1c1917!important}
.lp.about .ab-contacts b{font-size:1rem;font-weight:800}
.lp.about .ab-contacts small{color:#57534e!important}
.lp.about .ab-contacts a{background:#fff;align-items:center}

/* Cardápio: quadro do link ao lado do título (copiar, abrir, prévia e WhatsApp) */
.mlink-row{display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;margin-bottom:10px}
.mlink-row .pagetitle{margin:0}
.mlink{flex:0 1 520px;min-width:0;background:linear-gradient(135deg,#fff7ed,#fff);border:1px solid #fed7aa;border-radius:16px;padding:12px 14px;box-shadow:0 6px 18px rgba(255,133,31,.12)}
.mlink-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}.mlink-top small{color:var(--muted);font-weight:700;font-size:.76rem;text-transform:uppercase;letter-spacing:.05em}
.mlink-st{font-size:.74rem;font-weight:800;border-radius:99px;padding:3px 10px}.mlink-st.on{background:#dcfce7;color:#166534}.mlink-st.off{background:#fef3c7;color:#92400e}
.mlink-url{display:flex;gap:6px}.mlink-url input{flex:1;min-width:0;font:inherit;font-weight:700;font-size:.9rem;color:#c2410c;border:1px solid #fed7aa;border-radius:10px;padding:8px 10px;background:#fff}
.mlink-acts{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.mlink-note{margin:8px 0 0;font-size:.76rem;color:#92400e}
.mlink-phone{margin:0 0 16px}.mlink-frame{width:320px;max-width:100%;height:600px;margin:0 auto;border:10px solid #1c1917;border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.mlink-frame iframe{width:100%;height:100%;border:0;display:block}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:#c2410c;text-decoration:underline;cursor:pointer}
@media(max-width:600px){.mlink{flex-basis:100%}.mlink-frame{height:520px}}

/* A motinha sai devagar da logo do LucrAki® (buzina), vai acelerando, encosta na nuvem e só então diminui e some
   dentro dela; a nuvem "enche" e volta. --run e --edge vêm da posição real da nuvem na tela. */

.brandbar .moto{z-index:2;animation-name:moto-cloud2;animation-timing-function:linear}
@keyframes moto-cloud2{
  0%{transform:translateX(0) scale(.6);opacity:0}
  3%{transform:translateX(0) scale(1);opacity:1}
  9%{transform:translateX(0) scale(1)}
  25%{transform:translateX(calc(var(--edge)*.06)) translateY(-1px)}
  40%{transform:translateX(calc(var(--edge)*.18)) translateY(1px)}
  55%{transform:translateX(calc(var(--edge)*.36)) translateY(-1px)}
  70%{transform:translateX(calc(var(--edge)*.6)) translateY(1px)}
  82%{transform:translateX(calc(var(--edge)*.86)) translateY(-1px) scale(1);opacity:1}
  88%{transform:translateX(var(--edge)) scale(1);opacity:1}
  93%{transform:translateX(var(--run)) translateY(-6px) scale(.3);opacity:0}
  100%{transform:translateX(var(--run)) translateY(-6px) scale(.3);opacity:0}
}
/* "Pôr no plano": diz para onde a tarefa vai */
.planhint{display:block;margin-top:4px;font-size:.72rem;color:var(--muted);line-height:1.3;max-width:180px}
.planhint b{color:#c2410c}
.planbox{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:10px 12px;font-size:.86rem;max-width:560px;color:#7c2d12}
/* Rodapé do sistema: marca, atalhos, ajuda e "Seus dados" */
.ftr2{background:#0c0a09!important;color:#d6d3d1;border-top:3px solid #ff851f;margin-top:32px}
.ftr2-in{max-width:1200px;margin:0 auto;padding:30px 20px 18px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1.2fr;gap:28px}
.ftr2 .f-logo{height:46px;width:auto;display:block}.ftr2 .f-brand p{margin:8px 0 0;font-size:.84rem;line-height:1.5;color:#a8a29e}
.ftr2 .ftr-maker{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.8rem;color:#d6d3d1}.ftr2 .ftr-maker b{color:#ffcb1f}.ftr2 .ftr-maker sup{color:#ffcb1f}
.ftr2 .ftr-logo{height:34px!important}
.ftr2 h4{margin:0 0 10px;color:#fff;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase}
.ftr2 ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:.86rem}
.ftr2 a,.ftr2 .f-tour{color:#e7e5e4;text-decoration:none;background:none;border:0;padding:0;font:inherit;cursor:pointer;text-align:left}
.ftr2 a:hover,.ftr2 .f-tour:hover{color:#ff851f}
.f-ic{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:7px;margin-right:8px;font-size:.72rem;vertical-align:-5px;color:#fff}
.f-ic.wa{background:#16a34a}.f-ic.ig{background:linear-gradient(45deg,#f58529,#dd2a7b,#8134af)}.f-ic.tr{background:#2563eb}.f-ic.tu{background:#57534e}
.f-box{background:#1c1917;border:1px solid #292524;border-radius:14px;padding:10px 14px;font-size:.8rem;line-height:1.7}
.f-box div{display:flex;justify-content:space-between;gap:8px}.f-box span{color:#a8a29e}.f-box .ok{color:#4ade80}.f-box .old{color:#fbbf24}
.f-lock{margin:10px 0 0;font-size:.78rem;color:#a8a29e}
.ftr2-bot{border-top:1px solid #292524}.ftr2-bot span{display:block;max-width:1200px;margin:0 auto;padding:12px 20px;font-size:.76rem;color:#78716c}
.ftr2-bot .ftr2-legal{padding-top:0}.ftr2-bot .ftr2-legal a{color:#a8a29e}
@media(max-width:800px){.ftr2-in{grid-template-columns:1fr 1fr;gap:22px}.ftr2 .f-brand,.ftr2 .f-data{grid-column:1/3}}

/* Cartão "hero" (destaque) não herda a capa da página inicial (.hero): ela tinha 820px de altura e letra branca. */
.card.hero{min-height:0;display:block;padding:16px;overflow:visible}
.v3 .card.hero{background:#fff7ed;border-color:#fdba74;color:var(--ink)}
.v3 .card.hero .label,.v3 .card.hero .flat,.v3 .card.hero details{color:var(--muted)}
.v3 .card.hero summary,.v3 .card.hero a{color:var(--ink)}
.v3 .card.hero .down{color:#b91c1c}

/* Painel do iFood (Como está a loja): quadros lado a lado, mesma altura, sem buraco. */
.ovz .scorecard{display:grid;grid-template-columns:minmax(260px,1fr) 2.2fr;gap:4px 24px;align-items:center}
.ovz .scorecard .areas{grid-template-columns:repeat(3,minmax(0,1fr));margin:0}
.ovz .scorecard>details{grid-column:1/-1}
.ovz .kpilegend{margin:8px 0 14px}
.ovz .ovz-pts{margin-bottom:12px}
.ovz .ovz-pts.many{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}
.ovz .ovz-pts.many .ovz-plist{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
.ovz .ovz-pts .card{display:flex;flex-direction:column}
.ovz .ovz-plist .point:nth-child(2){margin-top:8px}
.ovz .ovz-kpis{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.ovz .ovz-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:12px;align-items:stretch}
.ovz .ovz-two:has(>.ovz-col:only-child){grid-template-columns:1fr}
.ovz .ovz-col{display:flex;flex-direction:column;min-width:0}
.ovz .ovz-col>.card{flex:1;display:flex;flex-direction:column}
.ovz .ovz-col>.card:not(:last-child){flex:none;margin-bottom:12px}
.ovz .ovz-col>.card>.note:last-child{margin-top:auto;padding-top:8px}
.ovz .ovz-col>.card svg{max-height:300px}
.ovz .ovz-col .pizza.wide{flex-wrap:wrap}
.ovz .ovz-four{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.ovz .ovz-four>div{display:flex;flex-direction:column;min-width:0}
.ovz .ovz-four>div>h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ovz .ovz-four>div>.card{flex:1;display:flex;flex-direction:column}
.ovz .ovz-four>div>.card>.note:last-child{margin-top:auto;padding-top:8px}
.ovz .ovz-four .split-head small{font-weight:400;font-size:.76rem}
.ovz .ovz-check{grid-template-columns:repeat(4,minmax(0,1fr))}
.ovz .ovz-check .check{grid-template-columns:30px 1fr;grid-template-rows:auto 1fr;align-items:start;row-gap:6px}
.ovz .ovz-check .check .mark{grid-row:1/3;align-self:center}
.ovz .ovz-check .check .tag{grid-column:2;grid-row:1;justify-self:start;font-size:.62rem}
.ovz .ovz-check .check>span:nth-child(2){grid-column:2;grid-row:2}
.ovz .ovz-check>.check:last-child:nth-child(4n+3){grid-column:span 2}
.ovz .ovz-check>.check:last-child:nth-child(4n+2){grid-column:span 3}
.ovz .ovz-check>.check:last-child:nth-child(4n+1){grid-column:span 4}
@media(max-width:1100px){
  .ovz .ovz-four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ovz .ovz-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ovz .ovz-check{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ovz .ovz-check>.check:last-child{grid-column:auto}
  .ovz .ovz-check>.check:last-child:nth-child(odd){grid-column:span 2}
  .ovz .scorecard{grid-template-columns:1fr}
}
@media(max-width:800px){
  .ovz .ovz-two,.ovz .ovz-pts.many,.ovz .ovz-check{grid-template-columns:1fr!important}
  .ovz .ovz-check>.check:last-child{grid-column:auto!important}
  .ovz .ovz-pts.many .ovz-plist{grid-template-columns:1fr}
  .ovz .ovz-plist .point:nth-child(2){margin-top:0}
  .ovz .ovz-four>div>h2{white-space:normal}
  .ovz .scorecard .areas{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){.ovz .scorecard .areas{grid-template-columns:1fr}}
@media(max-width:800px){main.v3 .ovz .ovz-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.ovz .ovz-four .card>svg.chart,.ovz .ovz-col>.card>svg.chart{flex:none;max-width:100%}
.ovz .ovz-four .chart .ax{font-size:13px}
.mk-brand sup{font-size:.62em;margin-left:1px;vertical-align:super;line-height:0}
/* Relatórios: Ver o relatório e Baixar PDF sempre lado a lado, do mesmo tamanho */
.rep-acts{flex-wrap:nowrap!important}
.rep-acts .btn{flex:1 1 0!important;min-width:0;max-width:none!important;margin:0!important;justify-content:center;text-align:center;white-space:nowrap;padding-left:8px;padding-right:8px}
.rep.repv .rep-acts .btn{font-size:.8rem;padding-left:6px;padding-right:6px}
.rep-acts{width:100%}
.ngroup-treino{--c:#c084fc}

/* ---------- Treinamento de Marketing ---------- */
.mkhero{position:relative;overflow:hidden;border-radius:22px;padding:26px 26px 22px;margin:4px 0 18px;color:#fff;
  background:radial-gradient(circle at 85% 20%,rgba(255,133,31,.45),transparent 45%),radial-gradient(circle at 10% 110%,rgba(192,132,252,.35),transparent 45%),#1c1917}
.mkhero-k{margin:0;font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#fdba74}
.mkhero h1{margin:6px 0 8px;font-size:clamp(1.5rem,3.4vw,2.2rem);letter-spacing:-.03em;color:#fff;display:block}
.mkhero p{margin:0;color:#e7e5e4;max-width:62ch}
.mkfind{display:flex;gap:8px;margin-top:16px;max-width:640px}.mkfind input{flex:1;min-width:0;border-radius:12px;border:0;padding:12px 14px;font:inherit}
.mkans{margin-bottom:14px}.mkans a{display:block;padding:9px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}.mkans a span{display:block;font-size:.74rem;color:var(--muted)}
.mktracks{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:12px}
.mktrack{position:relative;display:flex;gap:14px;align-items:flex-start;padding:18px;border-radius:18px;background:#fff;border:1px solid #ece7e1;
  box-shadow:0 8px 24px rgba(28,25,23,.05);text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s}
a.mktrack:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(28,25,23,.1)}
.mktrack b{font-size:1.05rem;display:block}.mktrack p{margin:4px 0 8px;color:#57534e;font-size:.88rem}.mktrack small{color:var(--muted);font-weight:700}
.mkt-ic{flex:none;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;background:linear-gradient(135deg,#fff7ed,#ffedd5)}
.mktrack.google .mkt-ic{background:linear-gradient(135deg,#dbeafe,#dcfce7)}.mktrack.instagram .mkt-ic{background:linear-gradient(135deg,#fce7f3,#ede9fe)}
.mkt-go{position:absolute;right:16px;bottom:14px;font-weight:800;color:#ea580c;font-size:.86rem}
.mktrack.soon{opacity:.6;background:#fafaf9}

.mkdots{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:10px 0}
.mkdots button{width:28px;height:28px;border-radius:50%;border:1px solid #e7e5e4;background:#fff;font:700 .72rem inherit;color:#78716c;cursor:pointer}
.mkdots button.done{background:#ffedd5;border-color:#fdba74;color:#9a3412}.mkdots button.on{background:#ff851f;border-color:#ff851f;color:#1c1917}
.mkslide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:26px;align-items:start;padding:24px;border-radius:20px}
.mkslide[hidden]{display:none}
.mk-kick{margin:0 0 6px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#ea580c}
.mkslide h2{margin:0 0 12px;font-size:clamp(1.25rem,2.4vw,1.6rem);letter-spacing:-.02em}
.mk-steps{margin:0 0 14px;padding:0;list-style:none;counter-reset:st}
.mk-steps li{counter-increment:st;position:relative;padding:7px 0 7px 36px;border-bottom:1px dashed #ece7e1;line-height:1.45}
.mk-steps li::before{content:counter(st);position:absolute;left:0;top:6px;width:24px;height:24px;border-radius:50%;background:#1c1917;color:#fff;font-size:.74rem;font-weight:800;display:grid;place-items:center}
.mk-why,.mk-tip{margin:8px 0 0;padding:10px 12px;border-radius:12px;font-size:.88rem;line-height:1.45}
.mk-why{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.mk-tip{background:#fffbeb;border:1px solid #fde68a;color:#78350f}
.mk-why b,.mk-tip b{display:block;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px}
.mk-ex{margin-top:10px;padding:12px;border-radius:12px;background:#faf5ff;border:1px solid #e9d5ff}.mk-ex b{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#7e22ce}
.mk-ex p{margin:6px 0 8px;white-space:pre-line;font-size:.9rem}
.mk-end{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}

/* a tela desenhada */
.mk-dev{border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e7e5e4;box-shadow:0 18px 40px rgba(28,25,23,.14)}
.mk-dev.plain{box-shadow:0 10px 26px rgba(28,25,23,.08)}
.mk-bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#f5f5f4;border-bottom:1px solid #e7e5e4}
.mk-bar i{width:10px;height:10px;border-radius:50%;background:#fca5a5}.mk-bar i+i{background:#fde68a}.mk-bar i+i+i{background:#86efac}
.mk-bar span{flex:1;margin-left:8px;background:#fff;border-radius:99px;padding:4px 12px;font-size:.74rem;color:#57534e}
.mk-scr{padding:16px;font-size:.86rem;color:#1f2937;font-family:Roboto,Arial,sans-serif}
.mk-cap{margin:8px 2px 0;font-size:.72rem;color:var(--muted)}
.mk-t{margin:0 0 12px;font-size:1.08rem;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:8px}
.mk-t small{color:#6b7280;font-size:.78rem}.mk-step{margin:0 0 4px;font-size:.72rem;color:#1a73e8;font-weight:700}
.mk-h{margin:0 0 10px;font-weight:800;font-family:inherit}
.mk-sub{margin:12px 0 6px;font-size:.76rem;color:#6b7280;font-weight:600}
.mk-field{display:block;margin:0 0 10px}.mk-field small{display:block;font-size:.72rem;color:#1a73e8;margin:0 0 3px}
.mk-field span{position:relative;display:block;border:2px solid #1a73e8;border-radius:8px;padding:9px 12px;background:#fff}.mk-field span.long{white-space:normal;line-height:1.4}
.mk-field em{display:block;font-style:normal;font-size:.7rem;color:#6b7280;margin-top:3px}
.mk-opts{display:grid;gap:8px;margin-top:4px}
.mk-opt{position:relative;display:flex;gap:10px;align-items:flex-start;border:1px solid #dadce0;border-radius:10px;padding:10px 12px}
.mk-opt i{flex:none;width:16px;height:16px;border-radius:4px;border:2px solid #9aa0a6;margin-top:2px}.mk-opts.radio .mk-opt i{border-radius:50%}
.mk-opt.mk-pick{border:2px solid #ff851f;background:#fff7ed}.mk-opt.mk-pick i{border-color:#1a73e8;box-shadow:inset 0 0 0 3px #fff;background:#1a73e8}
.mk-opt b{font-weight:600;display:block}.mk-opt small{color:#5f6368;font-size:.76rem}
.mk-tap{position:absolute;right:-6px;top:-11px;background:#ff851f;color:#1c1917;font-size:.66rem;font-weight:800;padding:2px 8px;border-radius:99px;box-shadow:0 3px 8px rgba(0,0,0,.15)}
.mk-chips{display:flex;flex-wrap:wrap;gap:6px}.mk-chips span{border:1px solid #dadce0;border-radius:99px;padding:4px 10px;font-size:.76rem}.mk-chips span:last-child{color:#1a73e8;border-style:dashed}
.mk-note{margin:10px 0 0;font-size:.74rem;color:#5f6368;background:#f8f9fa;border-radius:8px;padding:8px}
.mk-btnrow{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:12px}.mk-btnrow small{margin-right:auto;color:#6b7280}
.mk-btn{display:inline-block;background:#1a73e8;color:#fff;border-radius:99px;padding:8px 18px;font-weight:600;font-size:.84rem}
.mk-btn.sm{padding:4px 12px;font-size:.74rem}
.mk-q{display:flex;gap:8px;align-items:center;border:1px solid #dadce0;border-radius:99px;padding:9px 14px;box-shadow:0 1px 6px rgba(32,33,36,.18);margin-bottom:12px}
.mk-map{position:relative;height:110px;border-radius:10px;margin-bottom:10px;overflow:hidden;
  background:repeating-linear-gradient(35deg,#e8f0e8 0 18px,#f1f5ef 18px 36px),#eef3ee}
.mk-map em{position:absolute;left:8px;bottom:6px;font-size:.66rem;color:#5f6368;font-style:normal}
.mk-map .pin{position:absolute;width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#ea4335;color:#fff;display:grid;place-items:center;font-size:.66rem;font-weight:800}
.mk-map .pin{line-height:1}.p1{left:30%;top:30%;background:#ff851f!important}.p2{left:60%;top:45%}.p3{left:78%;top:20%}
.mk-place{position:relative;display:flex;justify-content:space-between;gap:10px;padding:10px;border-radius:10px;border:1px solid #eee;margin-bottom:6px}
.mk-place b{display:block;color:#1a0dab}.mk-place .st{display:block;color:#e37400;font-size:.78rem}.mk-place .st small{color:#70757a}.mk-place small{color:#70757a}
.mk-place.you{border:2px solid #ff851f;background:#fff7ed}
.mk-acts{display:flex;gap:4px;align-items:center}.mk-acts span{border:1px solid #dadce0;border-radius:99px;padding:3px 8px;font-size:.68rem;color:#1a73e8}
.mk-flag{position:absolute;right:8px;top:-10px;background:#ff851f;color:#1c1917;font-style:normal;font-size:.64rem;font-weight:800;padding:1px 8px;border-radius:99px}
.mk-check{list-style:none;margin:0;padding:0}.mk-check li{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f1efec}
.mk-check i{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid #d6d3d1;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff}
.mk-check li.on i{background:#16a34a;border-color:#16a34a}.mk-check li.on{color:#57534e}
.mk-cmp{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:12px;margin-bottom:8px}
.mk-cmp i{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#fff;font-style:normal;font-weight:800}
.mk-cmp.good{background:#f0fdf4;border:1px solid #bbf7d0}.mk-cmp.good i{background:#16a34a}
.mk-cmp.bad{background:#fef2f2;border:1px solid #fecaca}.mk-cmp.bad i{background:#dc2626}.mk-cmp.bad b{text-decoration:line-through;text-decoration-color:#dc2626}
.mk-cmp b{display:block}.mk-cmp small{color:#57534e}
.mk-hours{display:grid;grid-template-columns:auto 1fr;gap:6px 18px}.mk-hours b{font-weight:500}.mk-hours b.off{color:#d93025}
.mk-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mk-photos div{aspect-ratio:1;border-radius:10px;background:linear-gradient(145deg,var(--c),#1c1917);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:8px}
.mk-photos div span{font-size:1.2rem}.mk-photos small{font-size:.7rem;font-weight:700;line-height:1.2}
.mk-area{border:2px solid #1a73e8;border-radius:8px;padding:10px 12px;line-height:1.45;font-size:.82rem}.mk-count{margin:4px 0 0;text-align:right;font-size:.72rem;color:#5f6368}
.mk-item{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f1f3f4}
.mk-item .ph{flex:none;width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#c084fc,#7e22ce);display:grid;place-items:center;font-size:1.2rem}
.mk-item b{display:block}.mk-item small{color:#5f6368;font-size:.74rem}.mk-item .pr{margin-left:auto;white-space:nowrap}
.mk-tabs{display:flex;gap:6px;margin-bottom:10px}.mk-tabs span{border:1px solid #dadce0;border-radius:99px;padding:4px 12px;font-size:.76rem}.mk-tabs span.on{background:#e8f0fe;border-color:#1a73e8;color:#1a73e8;font-weight:700}
.mk-postimg{height:90px;border-radius:10px;margin-bottom:10px;display:grid;place-items:center;color:#fff;font-weight:700;background:linear-gradient(135deg,#a855f7,#ff851f)}
.mk-link{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #dadce0;border-radius:8px;padding:8px 10px;font-size:.8rem}
.mk-qr{display:flex;gap:12px;align-items:center;margin-top:14px}.mk-qr small{color:#5f6368}
.mk-qr .qr{flex:none;width:84px;height:84px;border-radius:6px;background:
  conic-gradient(#000 25%,#fff 0 50%,#000 0 75%,#fff 0) 0 0/14px 14px;border:6px solid #fff;outline:1px solid #dadce0}
.mk-rev{border-bottom:1px solid #f1f3f4;padding:8px 0 10px}.mk-rh{display:flex;gap:8px;align-items:center}
.mk-rh i{width:26px;height:26px;border-radius:50%;background:#7e22ce;color:#fff;font-style:normal;display:grid;place-items:center;font-weight:700;font-size:.76rem}
.mk-rh .st{color:#f59e0b;letter-spacing:1px}.mk-rh .st.low{color:#dc2626}
.mk-rev p{margin:6px 0}.mk-reply{border-left:3px solid #1a73e8;background:#f8f9fa;border-radius:0 8px 8px 0;padding:7px 10px;font-size:.8rem}
.mk-reply small{display:block;color:#1a73e8;font-weight:700;font-size:.7rem}
.mk-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mk-kpis div{border:1px solid #e8eaed;border-radius:10px;padding:10px}
.mk-kpis small{display:block;color:#5f6368;font-size:.72rem}.mk-kpis b{font-size:1.3rem;font-weight:500}.mk-kpis em{font-style:normal;color:#188038;font-size:.76rem;margin-left:6px}.mk-kpis em.dn{color:#d93025}
.mk-sbar{display:grid;grid-template-columns:120px 1fr auto;gap:8px;align-items:center;margin:5px 0;font-size:.78rem}
.mk-sbar i{height:10px;border-radius:99px;background:#1a73e8}
.mk-dont{display:flex;flex-wrap:wrap;gap:8px}.mk-dont span{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:10px;padding:10px 12px;font-weight:700}
@media(max-width:860px){.mkslide{grid-template-columns:1fr;padding:16px;gap:16px}.mkhero{padding:20px 16px}.mkfind{flex-direction:column}}
@media(max-width:420px){.mk-sbar{grid-template-columns:90px 1fr auto}.mk-acts{display:none}.mk-photos{grid-template-columns:repeat(2,1fr)}}
.mkdots button{width:auto;min-width:28px;padding:0 6px;white-space:nowrap;line-height:1}
.mk-map .pin{border-radius:50%!important;transform:none!important;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.mk-opt>div{flex:1;min-width:0}
/* telas do Instagram desenhadas */
.ig-top{display:flex;justify-content:space-between;align-items:center;margin:0 0 12px;font-size:1rem}.ig-share{color:#0095f6;font-weight:700;font-size:.86rem}
.ig-head{display:flex;gap:18px;align-items:center}
.ig-av{flex:none;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.3rem;
  background:linear-gradient(135deg,#7c3aed,#ea580c);box-shadow:0 0 0 3px #fff,0 0 0 5px #e1306c}
.ig-nums{flex:1;display:flex;justify-content:space-around;text-align:center}.ig-nums b{display:block;font-size:1.05rem}.ig-nums small{color:#737373;font-size:.74rem}
.ig-bio{display:flex;flex-direction:column;gap:1px;margin:10px 0;font-size:.84rem;line-height:1.35}.ig-cat{color:#737373}.ig-bio a{color:#00376b;font-weight:600}
.ig-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.ig-btns span{text-align:center;background:#efefef;border-radius:8px;padding:7px;font-weight:600;font-size:.8rem}
.ig-btns span:first-child{background:#0095f6;color:#fff}
.ig-hl{display:flex;gap:12px;margin-top:12px;overflow:hidden}.ig-hl div{text-align:center;width:58px}.ig-hl i{display:grid;place-items:center;width:52px;height:52px;margin:0 auto;border-radius:50%;border:1px solid #dbdbdb;font-style:normal;font-size:1.2rem;background:#fafafa}
.ig-hl small{font-size:.66rem}
.mk-scr{position:relative}.ig-mark{top:auto;bottom:8px;right:8px}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.ig-grid div{position:relative;aspect-ratio:4/5;background:linear-gradient(150deg,var(--c),#1c1917);color:#fff;padding:6px;display:flex;align-items:flex-end}
.ig-grid small{font-size:.66rem;font-weight:700;line-height:1.2}.ig-grid em{position:absolute;top:5px;right:6px;font-style:normal;font-size:.7rem}
.ig-phone{display:flex;justify-content:center}
.ig-reel,.ig-story{position:relative;width:230px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:linear-gradient(170deg,var(--c),#0c0a09);color:#fff}
.ig-cue{position:absolute;left:10px;right:44px;background:rgba(0,0,0,.55);border-radius:8px;padding:5px 8px;font-size:.7rem;font-weight:700}
.ig-side{position:absolute;right:8px;bottom:70px;display:flex;flex-direction:column;gap:10px;align-items:center;font-size:1.1rem}.ig-side small{display:block;font-size:.6rem;text-align:center}
.ig-cap{position:absolute;left:10px;right:44px;bottom:10px;font-size:.7rem;line-height:1.3}.ig-cap small{display:block;margin-top:4px;opacity:.8}
.ig-sbar{display:flex;gap:3px;padding:8px}.ig-sbar i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.5)}.ig-sbar i:first-child{background:#fff}
.ig-st{margin:16px 14px;font-weight:800;font-size:1.05rem;text-shadow:0 2px 6px rgba(0,0,0,.4)}
.ig-stk{margin:10px 14px;border-radius:12px;padding:8px 10px;font-weight:800;font-size:.76rem;text-align:center;color:#1c1917;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.ig-stk.link{color:#0095f6}.ig-stk.poll{display:grid;grid-template-columns:1fr 1fr;gap:6px}.ig-stk.ask{background:linear-gradient(135deg,#fff,#fde68a)}.ig-stk.time{background:#1c1917;color:#fff}
.ig-newpost{display:flex;gap:10px;margin-bottom:10px}.ig-thumb{flex:none;width:76px;height:96px;border-radius:6px;background:linear-gradient(150deg,var(--c),#1c1917);color:#fff;font-size:.62rem;padding:5px;display:flex;align-items:flex-end}
.ig-capbox{flex:1;font-size:.74rem;line-height:1.35;white-space:pre-line;max-height:150px;overflow:hidden}
.ig-row{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #efefef;font-size:.82rem}.ig-row small{color:#737373}
.ig-week{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.ig-week div{border-radius:10px;padding:8px 4px;text-align:center;background:#f5f5f4;font-size:.7rem;min-height:72px}
.ig-week b{display:block;margin-bottom:4px}.ig-week .reel{background:#ede9fe;color:#5b21b6}.ig-week .post{background:#ffedd5;color:#9a3412}.ig-week .story{background:#dcfce7;color:#166534}.ig-week .off{opacity:.55}
@media(max-width:420px){.ig-week{grid-template-columns:repeat(4,1fr)}.ig-reel,.ig-story{width:200px}}
.ig-grid{max-width:330px;margin:0 auto}.ig-grid div{aspect-ratio:1}
.ig-stk.poll span{background:#f5f5f4;border-radius:8px;padding:6px 4px}
.mk-vs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-vs>div{border-radius:12px;padding:12px;border:1px solid #e7e5e4}
.mk-vs b{display:block;font-size:1rem}.mk-vs small{color:#57534e}.mk-vs ul{margin:8px 0;padding-left:18px;font-size:.8rem;line-height:1.45}.mk-vs em{display:block;font-style:normal;font-weight:800;font-size:.78rem}
.mk-vs .meta{background:#eff6ff;border-color:#bfdbfe}.mk-vs .meta em{color:#1d4ed8}.mk-vs .google{background:#f0fdf4;border-color:#bbf7d0}.mk-vs .google em{color:#15803d}
.mk-radius{position:relative;height:150px;border-radius:12px;overflow:hidden;margin-bottom:8px;background:repeating-linear-gradient(35deg,#e8f0e8 0 18px,#f1f5ef 18px 36px)}
.mk-radius .ring{position:absolute;left:50%;top:50%;width:120px;height:120px;margin:-60px 0 0 -60px;border-radius:50%;background:rgba(24,119,242,.18);border:2px solid #1877f2;display:grid;place-items:center}
.mk-radius .you{background:#fff;border-radius:99px;padding:3px 9px;font-size:.72rem;font-weight:800;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.mk-radius em{position:absolute;right:8px;bottom:6px;font-style:normal;font-size:.72rem;font-weight:700;color:#1877f2;background:#fff;border-radius:99px;padding:2px 8px}
.mk-gauge{margin-top:10px}.mk-gauge small{color:#6b7280;font-size:.72rem}.mk-gauge div{height:8px;border-radius:99px;background:linear-gradient(90deg,#f87171,#facc15,#4ade80,#facc15,#f87171);position:relative;margin:4px 0}
.mk-gauge i{position:absolute;left:50%;top:-4px;width:4px;height:16px;background:#1c1917;border-radius:2px}.mk-gauge span{font-size:.76rem;font-weight:700;color:#15803d}
.mk-ad{width:260px;border:1px solid #dbdbdb;border-radius:12px;overflow:hidden;background:#fff}.mk-adh{display:flex;gap:8px;align-items:center;padding:8px}
.mk-adh i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ea580c);color:#fff;font-style:normal;font-size:.66rem;font-weight:800;display:grid;place-items:center}
.mk-adh b{display:block;font-size:.78rem}.mk-adh small{color:#737373;font-size:.66rem}.mk-adt{margin:0;padding:0 8px 8px;font-size:.74rem;line-height:1.35}
.mk-adimg{aspect-ratio:1;background:linear-gradient(150deg,var(--c),#1c1917);color:#fff;display:grid;place-items:center;font-weight:800;text-align:center;padding:10px}
.mk-adcta{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;background:#f5f5f5}.mk-adcta small{display:block;color:#737373;font-size:.62rem}.mk-adcta b{font-size:.74rem}
.mk-adcta span{flex:none;background:#0095f6;color:#fff;border-radius:6px;padding:5px 10px;font-size:.72rem;font-weight:700}
.mk-sad{position:relative;padding:10px;border-radius:10px;margin-bottom:6px}.mk-sad small{color:#202124;font-size:.72rem}.mk-sad .h{display:block;color:#1a0dab;font-size:1rem;font-weight:400;margin:2px 0}
.mk-sad p{margin:0;font-size:.78rem;color:#4d5156}.mk-sad.you{border:2px solid #ff851f;background:#fff7ed}.mk-links{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:5px}.mk-links span{color:#1a0dab;font-size:.76rem}
.mk-kw{width:100%;border-collapse:collapse;font-size:.8rem}.mk-kw th{text-align:left;color:#5f6368;font-size:.7rem;font-weight:600;padding:6px;border-bottom:1px solid #e8eaed}
.mk-kw td{padding:7px 6px;border-bottom:1px solid #f1f3f4}.mk-kw tr.neg td{color:#b91c1c;text-decoration:line-through}.mk-kw tr.neg td:last-child{text-decoration:none;font-size:.7rem}
.mk-kw tr.good td:last-child{color:#16a34a;font-weight:800}.mk-kw tr.bad td{background:#fef2f2}.mk-kw tr.ok td{background:#f0fdf4}
@media(max-width:420px){.mk-vs{grid-template-columns:1fr}.mk-ad{width:220px}}
.wa-head{display:flex;gap:10px;align-items:center;margin:-16px -16px 0;padding:10px 14px;background:#075e54;color:#fff}
.wa-head i{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#ea580c);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.78rem}
.wa-head b{display:block;font-size:.9rem}.wa-head small{opacity:.8;font-size:.7rem}
.wa-body{margin:0 -16px;padding:12px;background:#efeae2;display:flex;flex-direction:column;gap:6px;min-height:200px}
.wa-b{max-width:82%;padding:7px 10px 16px;border-radius:9px;font-size:.8rem;line-height:1.35;position:relative;white-space:pre-line;box-shadow:0 1px 1px rgba(0,0,0,.08)}
.wa-b small{position:absolute;right:8px;bottom:3px;font-size:.6rem;color:#667781}
.wa-b.in{align-self:flex-start;background:#fff}.wa-b.out{align-self:flex-end;background:#d9fdd3}.wa-b.auto{align-self:flex-end;background:#d9fdd3;border:1px dashed #25d366}
.wa-quick{display:flex;flex-wrap:wrap;gap:6px;margin:0 -16px -16px;padding:10px 12px;background:#f0f2f5}.wa-quick span{background:#fff;border-radius:99px;padding:4px 10px;font-size:.72rem;color:#008069;border:1px solid #d1d7db}
.mk-stamp{border-radius:16px;padding:16px;color:#fff;background:linear-gradient(135deg,#7c3aed,#ea580c)}.st-h b{display:block;font-size:1.1rem}.st-h small{opacity:.85}
.st-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}
.st-grid span{aspect-ratio:1;border-radius:50%;border:2px dashed rgba(255,255,255,.6);display:grid;place-items:center;font-weight:800;font-size:.8rem}
.st-grid span.on{background:#fff;color:#7c3aed;border-style:solid}.st-grid span.gift{border-color:#fde68a;background:rgba(253,230,138,.25);font-size:1.1rem}
.mk-stamp p{margin:0;font-size:.78rem;opacity:.95}
.mk-flyer{display:flex;gap:14px;align-items:center;border-radius:14px;padding:16px;background:#fff7ed;border:2px dashed #fdba74}
.fl-l b{display:block;font-size:1.05rem;color:#9a3412}.fl-l p{margin:6px 0;font-size:.8rem}.fl-cta{display:inline-block;background:#1c1917;color:#fff;border-radius:99px;padding:5px 12px;font-size:.74rem;font-weight:800}
.fl-l small{display:block;margin-top:6px;color:#78716c;font-size:.66rem}
.fl-qr{text-align:center}.fl-qr .qr{width:86px;height:86px;border-radius:6px;background:conic-gradient(#000 25%,#fff 0 50%,#000 0 75%,#fff 0) 0 0/14px 14px;border:6px solid #fff;outline:1px solid #e7e5e4}.fl-qr small{font-size:.62rem;color:#78716c}
@media(max-width:420px){.mk-flyer{flex-direction:column;align-items:flex-start}}
.st-grid{max-width:290px}
.navmaster{color:#fde68a!important;font-weight:800}.navmaster::before{content:"★ ";font-size:.8em}
/* Barra escura: todos os botões dentro da faixa. Se não couber, a página aperta os espaços e as letras um passo de cada vez (fit da barra). */
@media(min-width:901px){
  .hnav:has(.ngroup){align-items:flex-end!important;overflow:visible!important}
  .ngroup{flex:0 1 auto;min-width:0}
  .hnav.fit1:has(.ngroup){gap:10px!important}.hnav.fit1 .ngroup-b a{padding-left:8px!important;padding-right:8px!important}
  .hnav.fit2:has(.ngroup){gap:6px!important;padding-left:8px!important;padding-right:8px!important}.hnav.fit2 .ngroup-b a{padding-left:6px!important;padding-right:6px!important;font-size:.8rem!important}
  .hnav.fit3 .ngroup-b a{padding-left:4px!important;padding-right:4px!important;font-size:.74rem!important}.hnav.fit3 .soon-tag{display:none}
}

/* ---------- Gestão em abas, cara de dashboard ---------- */
.mghero{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:6px 0 12px;padding:20px 22px;border-radius:20px;color:#fff;
  background:radial-gradient(circle at 92% 0,rgba(255,133,31,.5),transparent 50%),radial-gradient(circle at 0 120%,rgba(250,204,21,.18),transparent 45%),#1c1917}
.mghero h1{margin:2px 0 4px;color:#fff;font-size:clamp(1.4rem,2.8vw,1.9rem);display:block}.mghero p{margin:0;color:#d6d3d1;font-size:.84rem}
.mghero-k{color:#fde68a!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem!important}
.mghero-a{display:flex;gap:8px;flex-wrap:wrap}.mghero-a a{color:#fff;text-decoration:none;background:rgba(255,255,255,.1);border-radius:11px;padding:9px 13px;font-weight:700;font-size:.82rem}
.mghero-a a.o{background:#ff851f;color:#1c1917}
.mgtabs{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px 2px;margin:0 0 12px;background:var(--bg,#fafaf9)}
.mgtabs a{flex:none;text-decoration:none;color:#44403c;background:#fff;border:1px solid #ece7e1;border-radius:99px;padding:8px 14px;font-weight:700;font-size:.84rem}
.mgtabs a.on{background:#1c1917;color:#fff;border-color:#1c1917}.mgtabs small{background:#dc2626;color:#fff;border-radius:99px;padding:0 6px;font-size:.68rem;margin-left:3px}
.mgpane[hidden]{display:none}
.mgkpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:12px}
.mgk{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #ece7e1;border-radius:16px;padding:14px;box-shadow:0 6px 18px rgba(28,25,23,.04);transition:transform .15s}
.mgk:hover{transform:translateY(-2px)}.mgk small{display:block;color:#78716c;font-size:.74rem}.mgk b{display:block;font-size:1.35rem;margin:3px 0}.mgk em{font-style:normal;font-size:.72rem;font-weight:700;color:#15803d}.mgk em.r{color:#b91c1c}
.mgk:first-child{border-top:4px solid #ff851f}
.mgrow{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-bottom:12px}.mgrow.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.mgrow>.card{margin:0;min-width:0}
.mgmapcard .mgmap{height:300px;border-radius:12px;overflow:hidden}
.mgalerts{display:grid;gap:8px}.mga{display:flex;gap:10px;align-items:center;border-radius:12px;padding:10px 12px;font-size:.82rem;border:1px solid}
.mga i{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fff}
.mga b{display:block}.mga span{color:#57534e}.mga a{margin-left:auto;flex:none;background:#1c1917;color:#fff;text-decoration:none;border-radius:8px;padding:6px 10px;font-size:.74rem;font-weight:700}
.mga.bad{background:#fef2f2;border-color:#fecaca}.mga.bad i{background:#dc2626}.mga.warn{background:#fffbeb;border-color:#fde68a}.mga.warn i{background:#f59e0b}
.mga.good{background:#f0fdf4;border-color:#bbf7d0}.mga.good i{background:#16a34a}
.mgfilters{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:10px}
.mgfilters button{border:1px solid #e7e5e4;background:#fff;border-radius:99px;padding:6px 12px;font:600 .78rem inherit;cursor:pointer}.mgfilters button.on{background:#ffedd5;border-color:#fdba74;color:#9a3412}
.mgfilters input{flex:1;min-width:180px;border:1px solid #e7e5e4;border-radius:99px;padding:7px 12px;font:inherit}
.mgacts{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.mgacts form{margin:0}
.mgb{border:1px solid #e7e5e4;background:#fff;border-radius:8px;padding:5px 9px;font:700 .72rem inherit;cursor:pointer;white-space:nowrap}
.mgb.d{color:#b91c1c;border-color:#fecaca}.mgb.p{background:#16a34a;color:#fff;border-color:#16a34a}
.mgnew{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:10px;align-items:end;margin-top:14px;padding:14px;border-radius:14px;background:#fafaf9;border:1px dashed #d6d3d1}
.mgnew .duo-head,.mgnew .helptext{grid-column:1/-1;margin:0}.mgnew label{display:flex;flex-direction:column;gap:4px;font-size:.74rem;font-weight:700;color:#57534e}
.mgnew input,.mgnew select{border:1px solid #e7e5e4;border-radius:9px;padding:8px 10px;font:inherit;background:#fff}
.mglink{border:2px solid #16a34a;background:#f0fdf4}.mglink p{margin:4px 0 8px;font-size:.84rem}.mglink-row{display:flex;gap:8px;flex-wrap:wrap}
.mglink-row input{flex:1;min-width:220px;border:1px solid #bbf7d0;border-radius:9px;padding:8px 10px;font:inherit;background:#fff}
@media(max-width:1000px){.mgkpis{grid-template-columns:repeat(3,minmax(0,1fr))}.mgrow,.mgrow.three{grid-template-columns:1fr}.mgnew{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.mgkpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mgnew{grid-template-columns:1fr}.mghero-a{width:100%}.mga{flex-wrap:wrap}.mga a{margin-left:38px}}
@media print{.mgpane[hidden]{display:block!important}.mgtabs,.mghero-a{display:none}}
.mgacc{font-size:.82rem}.mgacc th{white-space:nowrap;font-size:.66rem}
.mgacc td:nth-child(3),.mgacc td:nth-child(4),.mgacc td:nth-child(5),.mgacc td:nth-child(6){white-space:nowrap}
.mgacc td:first-child .note{font-size:.74rem;word-break:break-all}.mgacc td:nth-child(2){min-width:140px}
.mgacts>.note{display:none}.mgacts .mact summary{font-size:.72rem;font-weight:700;border:1px solid #e7e5e4;border-radius:8px;padding:5px 9px;background:#fff;list-style:none;cursor:pointer}
@media(min-width:1001px){.mgacc td:last-child{min-width:230px}}
.mgacc td:first-child{min-width:170px}
/* Treinamento do sistema no mesmo modelo de Marketing e Cursos: a foto real da tela dentro da moldura de navegador */
.trsys-shot{display:block;max-height:560px;overflow:auto;background:#fafaf9}.trsys-shot img{display:block;width:100%;height:auto}
.trsys-none{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:40px 16px}
.mktrack.trsys{padding-bottom:40px}
/* Empresa: grupo novo na barra e Documentos e licenças */
.ngroup-empresa{--c:#38bdf8}
.cohero{background:radial-gradient(circle at 85% 20%,rgba(255,133,31,.45),transparent 45%),radial-gradient(circle at 10% 110%,rgba(56,189,248,.32),transparent 45%),#1c1917}
.coalerts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.coalerts a{display:inline-flex;gap:6px;align-items:center;background:rgba(255,255,255,.12);color:#fff;border-radius:99px;padding:6px 12px;font-size:.8rem;text-decoration:none}
.codo-actions{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}.codo-actions .danger{margin-left:auto;color:#b91c1c}
.codocs{padding:4px 16px}.codoc{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:12px 0;border-top:1px solid var(--line,#ece7e1)}
.codoc:first-child{border-top:0}.codoc-main b{display:block}.codoc-main small{display:block;color:var(--muted,#78716c);font-size:.78rem;margin-top:2px}
.codoc-note{font-style:italic}.codoc-acts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.codoc-acts form{display:inline}
.cobadge{justify-self:end;white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:.74rem;font-weight:800}
.cobadge.late{background:#fee2e2;color:#991b1b}.cobadge.urgent{background:#fee2e2;color:#b91c1c}.cobadge.warn{background:#fef3c7;color:#92400e}
.cobadge.ok{background:#dcfce7;color:#166534}.cobadge.cnn{background:#e0f2fe;color:#075985}.cobadge.nodate{background:#f5f5f4;color:#57534e}
.coform{margin-top:16px}.coform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.coform-grid p{margin:0 0 8px}
.coform-grid .wide{grid-column:1/-1}.coform-grid label{display:block;font-weight:700;font-size:.85rem;margin-bottom:3px}
.coform-grid input:not([type=checkbox]),.coform-grid select{width:100%;box-sizing:border-box}.coform-grid small{display:block}
.cocheck{display:flex;gap:8px;align-items:center}.cocheck label{display:inline;margin:0;font-weight:500}
@media(max-width:640px){.coform-grid{grid-template-columns:1fr}.codocs{padding:2px 12px}}
.mktrack.co-docs{padding-bottom:42px}
/* Empresa › Pessoas, Fiscal e Fontes */
.cohero-links{margin:12px 0 0}.cohero-links a{color:#fdba74;font-weight:700;font-size:.86rem}
.mktrack.co-people,.mktrack.co-tax,.mktrack.co-sources{padding-bottom:42px}
.cosrc{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:8px}
.cosrc-item{display:block;text-decoration:none;color:inherit;border-left:4px solid #16a34a}.cosrc-item.soft{border-left-color:#a8a29e}
.cosrc-item b{display:block;margin-bottom:4px}.cosrc-item span{font-size:.84rem;color:var(--muted,#57534e);line-height:1.45}
.copick{display:flex;gap:8px;align-items:center;margin:0 0 12px}.copick select{max-width:160px}
.cocalc{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;align-items:start}
.cotable{width:100%;border-collapse:collapse;font-size:.88rem}.cotable td{padding:9px 4px;border-top:1px solid var(--line,#ece7e1);vertical-align:top}
.cotable td small{display:block;color:var(--muted,#78716c);font-size:.75rem;margin-top:2px}.cotable td.num{text-align:right;font-weight:700;white-space:nowrap}
.colaw{display:inline-block;margin-top:4px;font-size:.68rem;font-weight:700;background:#f5f5f4;color:#57534e;border-radius:6px;padding:1px 7px}
.cototal td{font-weight:800;border-top:2px solid #1c1917!important;font-size:.95rem}.coneg td{color:#b91c1c}
.coalert{border-radius:12px;padding:9px 12px;font-size:.84rem;margin-top:8px}.coalert.bad{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}
.coalert.ok{background:#f0fdf4;border:1px solid #bbf7d0;color:#14532d}.coalert.warn{background:#fffbeb;border:1px solid #fde68a;color:#78350f}
.cocnpj label{display:block;font-weight:700;font-size:.85rem;margin-bottom:3px}.cocnpj div,.cooverride div{display:flex;gap:8px}.cocnpj input,.cooverride input{flex:1;min-width:0}
.cooverride{margin-top:12px}.cooverride label{display:block;font-size:.78rem;color:var(--muted,#78716c);margin-bottom:3px}
.cofacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 8px}.cofacts div{background:#fafaf9;border-radius:10px;padding:8px 10px}
.cofacts small{display:block;font-size:.68rem;color:#78716c;text-transform:uppercase;letter-spacing:.06em}.cofacts b{font-size:.86rem}
.cometer{height:12px;border-radius:99px;background:#f5f5f4;overflow:hidden;margin:10px 0 4px}.cometer i{display:block;height:100%;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444)}
.coml{display:flex;justify-content:space-between;gap:8px;font-size:.74rem;color:#78716c}
.cocal div{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid var(--line,#ece7e1);font-size:.86rem}
.cocal b{flex:none;min-width:76px;text-align:center;background:#f5f5f4;border-radius:8px;padding:4px 6px;font-size:.74rem}.cocal .colaw{margin-left:6px}
@media(max-width:860px){.cocalc{grid-template-columns:1fr}}
@media(max-width:520px){.cofacts{grid-template-columns:1fr}.cocnpj div{flex-direction:column}}
.card.cosrc-item{border-left:5px solid #16a34a}.card.cosrc-item.soft{border-left-color:#a8a29e}
/* Planos: botão de área fora do plano e a tela trancada */
.ngroup-b a.locked{opacity:.62;border-style:dashed}.ngroup-b a.locked:after{content:"🔒";font-size:.62rem;margin-left:4px}
.lockpage{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line,#ece7e1);background:#fff;min-height:440px;margin-top:8px}
.lockghost{padding:20px;filter:blur(4px);opacity:.5}.lockghost i{display:block;height:16px;border-radius:8px;background:#e7e5e4;margin:12px 0}
.lockghost .g{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.lockghost .g i{height:86px;border-radius:14px;background:#f5f5f4;margin:0}
.lockbox{position:absolute;inset:0;display:grid;place-items:center;padding:16px}
.lockcard{max-width:440px;background:#fff;border-radius:20px;padding:22px;text-align:center;box-shadow:0 20px 44px rgba(28,25,23,.18)}
.lockcard .ic{font-size:1.8rem}.lockcard h1{font-size:1.2rem;margin:6px 0 6px}.lockcard p{margin:0 0 10px;color:#57534e;font-size:.9rem}
.lockcard ul{list-style:none;padding:0;margin:0 0 14px;text-align:left;font-size:.86rem}.lockcard li{padding:5px 0 5px 22px;position:relative;border-top:1px dashed #f0ece8}
.lockcard li:before{content:"✓";position:absolute;left:2px;color:#16a34a;font-weight:800}.lockcard .more{font-size:.78rem;color:#78716c;margin-top:8px}
@media(max-width:520px){.lockpage{min-height:560px}.lockcard{padding:18px}}
.plcycle{display:inline-flex;flex-wrap:wrap;gap:4px;background:#f5f5f4;border-radius:99px;padding:4px;margin:6px 0 12px}
.plcycle a{padding:7px 14px;border-radius:99px;font-weight:700;font-size:.84rem;text-decoration:none;color:#44403c}.plcycle a.on{background:#1c1917;color:#fff}
.plans3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.plan3{display:flex;flex-direction:column;position:relative}.plan3 .steps{flex:1}.plan3 form{margin-top:10px}.plan3 .btn{width:100%}
.plan3.best{border:2px solid #ff851f;box-shadow:0 12px 30px rgba(255,133,31,.16)}.plan3.mine{outline:3px solid #22c55e;outline-offset:-1px}
.plq{margin:0 0 4px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#ea580c}
@media(max-width:900px){.plans3{grid-template-columns:1fr}}
.lp-plans{grid-template-columns:repeat(4,minmax(0,1fr))}.lp-plan-q{display:block;font-size:.74rem;color:#ea580c;font-weight:700}
@media(max-width:1100px){.lp-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.lp-plans{grid-template-columns:1fr}}
.plancards .plan-best{border:2px solid #ff851f}
.plan3 .label b{font-size:1.25rem;color:#1c1917}
.lockpage{min-height:560px}.lockbox{align-items:start;padding-top:28px}
/* a caixa cresce com o quadro: o fundo borrado fica atrás, o quadro no fluxo normal */
.lockpage{min-height:0}.lockghost{position:absolute;inset:0;overflow:hidden}.lockbox{position:relative;inset:auto;display:grid;place-items:center;padding:36px 16px}
@media(max-width:520px){.lockpage{min-height:0}.lockbox{padding:18px 12px}}
.cosrc-topic{margin:-2px -2px 8px;padding:6px 10px;border-radius:10px;background:#f0fdf4;color:#14532d;font-size:.8rem;font-weight:800;letter-spacing:.01em}
.cosrc-item.soft .cosrc-topic{background:#f5f5f4;color:#44403c}
/* Equipe ligada: Cadastros › Despesas mostra a equipe de Empresa › Pessoas */
.expteam{border:1px solid #bbf7d0;background:#f0fdf4;border-radius:14px;padding:10px 12px;margin:0 0 10px;font-size:.88rem}
.expteam p{margin:0 0 6px}.expteam ul{list-style:none;margin:0 0 8px;padding:0}.expteam li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-top:1px dashed #bbf7d0}
.expteam li span{font-weight:700;white-space:nowrap}.expteam-acts{display:flex;flex-wrap:wrap;gap:6px;margin:0!important}
.expteam-tip{font-size:.84rem;color:var(--muted,#57534e);margin:0 0 8px}
.exprow.replaced{opacity:.55}.exprow.replaced input{text-decoration:line-through;background:#f5f5f4}
.colinked{border-left:5px solid #16a34a;margin:10px 0}
/* Contábil */
.coacts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}
.codre tr.k-subtotal td{font-weight:800;border-top:2px solid #1c1917}.codre tr.k-info td{color:var(--muted,#78716c);font-size:.82rem}
.codre td.num small{display:block;font-weight:500}
@media print{.coacts,.copick{display:none}.cocalc{grid-template-columns:1fr 1fr}}
.mktrack.co-accounting{padding-bottom:42px}