
/* Layout: "Editorial Intelligence". Site em faixas editoriais sobre papel neutro, com regras finas no lugar de cartões;
   hero em duas zonas (texto à esquerda, render arquitetônico à direita com o nome aplicado no tapume).
   App em coluna de trabalho larga e foco único por tela; no celular, barra de navegação inferior.
   Tema único claro, por decisão de marca: papel, tinta carvão e o amarelo Batize! como sinal, nunca como fundo de seção. */
:root{
  color-scheme:light;
  /* Cor — fonte única de verdade para landing e ferramenta (identidade atual da landing) */
  --paper:#F7F8F4;       /* fundo: papel neutro claro */
  --surface:#FFFFFF;     /* superfícies que são objeto (cartão, gaveta, modal, campo ativo) */
  --ink:#25313B;         /* grafite azulado: títulos, texto, ação escura */
  --ink-2:#374151;       /* texto forte secundário */
  --mute:#4B5563;        /* texto de apoio */
  --faint:#8B929C;       /* desabilitado, placeholder */
  --line-hover:#7A818B;  /* borda de componente em hover: >= 3:1 sobre papel, branco e wash (WCAG 1.4.11) */
  --line:#E5E7EB;        /* regras e bordas */
  --wash:#EEF0F0;        /* campos, faixas suaves, hover */
  --soft:#F3F4F0;        /* hover de links e itens de navegação */
  --sun:#FFE84C;         /* amarelo Batize!: marca, seleção, ação prioritária */
  --sun-deep:#F5D92A;    /* hover / ativo do amarelo */
  --sun-tint:#FFF5C2;    /* superfícies amarelas muito claras */
  --sun-mist:#FFFBE3;
  --sage:#ECEEEF; --sage-line:rgba(37,49,59,.07);
  --night:#1F2A37;       /* superfícies escuras (barra de seleção, apresentação, planos) */
  --night-2:#2B3540;
  --on-night:#F3F3EF;
  --on-night-mute:#AEB5BD;
  /* Semântica (separada do acento) */
  --ok:#2F7A55;  --ok-bg:#EAF6EF;
  /* Faixas de avaliação: um único mapeamento para landing e ferramenta */
  --fx-forte:#4E8F6B; --fx-forte-bg:#EAF6EF; --fx-boa:#5D88B8; --fx-boa-bg:#EDF4FB; --fx-exp:#B6912E; --fx-exp-bg:#FFF7DF;
  --warn:#5C4A00; --warn-bg:#FFF6CE; --warn-dot:#F5D92A; --warn-line:rgba(182,145,46,.22);
  --bad:#A8261D; --bad-bg:#FBEAE7; --bad-line:rgba(168,38,29,.18);

  /* Tipo */
  --display:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --text:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --fs-hero:clamp(40px,5.2vw,74px);
  --fs-h2:clamp(30px,3.4vw,48px);
  --fs-h3:clamp(21px,1.7vw,24px);
  --fs-lede:clamp(18px,1.35vw,20px);
  --fs-body:17px;
  --fs-small:15px;
  --fs-cap:14px;

  /* Espaço e forma */
  --wrap:1240px;          /* ferramenta */
  --wrap-site:1520px;     /* landing: largura máxima do conteúdo */
  --gut:clamp(16px,4vw,40px);
  --sec:clamp(72px,9vw,128px);
  --r-sm:12px; --r-md:16px; --r-lg:24px; --r-btn:12px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --ring:0 0 0 4px rgba(255,232,76,.6);
  --edge:0 0 0 1px rgba(37,49,59,.06);
  --shadow-card:0 0 0 1px rgba(37,49,59,.06),0 1px 2px rgba(37,49,59,.03);
  --shadow-float:0 0 0 1px rgba(37,49,59,.06),0 6px 20px -14px rgba(37,49,59,.12);
  --shadow-layer:0 0 0 1px rgba(37,49,59,.05),0 1px 2px rgba(37,49,59,.05),0 24px 56px -24px rgba(37,49,59,.30);
}
*{box-sizing:border-box}
/* o arquivo também funciona aberto direto no navegador, fora do artifact */
[hidden]:not([hidden=until-found i]){display:none!important}
body{margin:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--text);font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
a{color:inherit}
:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px;border-radius:6px}
::selection{background:var(--sun);color:var(--ink)}
::placeholder{color:var(--faint)}
h1,h2,h3,h4{font-family:var(--display);margin:0;text-wrap:balance;font-weight:600;letter-spacing:-.02em;line-height:1.06}
:where(#app,#layer) h1,:where(#app,#layer) h2,:where(#app,#layer) h3,:where(#app,#layer) h4{font-weight:540;letter-spacing:-.025em}
p{margin:0}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Pular para o conteúdo: oculto até receber foco */
.skip{position:fixed;left:16px;top:12px;z-index:1000;padding:10px 16px;border-radius:8px;background:var(--sun);color:var(--ink);font-weight:600;text-decoration:none;box-shadow:0 0 0 2px var(--ink);transform:translateY(calc(-100% - 24px))}
.skip:focus{transform:none}
main[tabindex="-1"]:focus{outline:none}
.ico{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ico.sm{width:16px;height:16px}
.wrap{max-width:calc(var(--wrap) + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.muted{color:var(--mute)}
.cap{font-size:var(--fs-cap);color:var(--mute);line-height:1.45}

/* ---------- Botões: primário, secundário, link, ícone ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--r-btn);border:1.5px solid transparent;background:var(--ink);color:#fff;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .15s var(--ease)}
.btn:hover{background:#111820}
.btn:active{transform:translateY(1px)}
.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}
.btn.sun{background:var(--sun);color:var(--ink)}
.btn.sun:hover{background:var(--sun-deep)}
.btn.line{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.line:hover{background:var(--ink);color:#fff}
.btn.soft{background:var(--wash);color:var(--ink)}
.btn.soft:hover{background:var(--line)}
.btn.sm{min-height:40px;padding:0 15px;font-size:15px;gap:8px}
.btn.lg{min-height:56px;padding:0 28px;font-size:17px}
.btn.danger{background:var(--bad);color:#fff}
.btn.danger:hover{background:#8C1F17}
.btn .ico{transition:transform .2s var(--ease)}
.btn:hover .go{transform:translateX(3px)}
.link{border:0;background:none;padding:6px 0;color:var(--ink);font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;display:inline-flex;gap:6px;align-items:center;font-size:inherit}
.link:hover{text-decoration-color:var(--sun-deep)}
.link.quiet{color:var(--mute);font-weight:500}
.iconbtn{width:44px;height:44px;border-radius:var(--r-sm);border:0;background:transparent;display:inline-grid;place-items:center;color:var(--ink-2);flex:none;transition:background .15s,color .15s}
.iconbtn:hover{background:var(--wash);color:var(--ink)}
.iconbtn[disabled]{opacity:.35;cursor:default}

/* Seleção: a ação inequívoca dos nomes */
/* seleção: neutro → amarelo Batize! com check; nunca preto */
.pick{display:inline-flex;align-items:center;gap:0;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;font-size:15px;white-space:nowrap;transition:background .22s var(--ease),border-color .22s var(--ease),gap .22s var(--ease)}
.pick .pk-i{display:inline-grid;place-items:center;width:0;opacity:0;overflow:hidden;transition:width .22s var(--ease),opacity .18s}
.pick .pk-i .ico{width:16px;height:16px;stroke-width:2.2}
.pick:hover{border-color:var(--line-hover)}
.pick[aria-pressed="true"]{background:var(--sun);border-color:var(--sun);gap:8px}
.pick[aria-pressed="true"] .pk-i{width:16px;opacity:1}
.pick[aria-pressed="true"]:hover{background:var(--sun-deep);border-color:var(--sun-deep)}
.pick.icon-only{padding:0;width:44px;justify-content:center}
.pick.icon-only .pk-i{width:16px;opacity:.35}
.pick.icon-only[aria-pressed="true"] .pk-i{opacity:1}
.btn.qt{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.qt:hover{background:var(--surface);border-color:var(--line-hover)}

/* ---------- Campos ---------- */
.field{display:grid;gap:8px;min-width:0;align-content:start}
.field>label,.field .lb{font-size:16px;font-weight:600;color:var(--ink);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.opt{font-weight:400;font-size:14px;color:var(--mute)}
.req{font-weight:500;font-size:14px;color:var(--ink-2)}
.hint{font-size:15px;color:var(--mute);line-height:1.45}
.input,.select{width:100%;min-width:0;min-height:52px;border:1.5px solid var(--line);background:var(--surface);border-radius:var(--r-sm);padding:12px 14px;font-size:17px;transition:border-color .15s,box-shadow .15s}
.input:hover,.select:hover{border-color:var(--line-hover)}
.input:focus,.select:focus{outline:none;border-color:var(--ink);box-shadow:var(--ring)}
.input[aria-invalid="true"]{border-color:var(--bad);box-shadow:0 0 0 4px var(--bad-bg)}
textarea.input{resize:vertical;min-height:100px;line-height:1.5}
.select{appearance:none;-webkit-appearance:none;padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23171714' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:18px}
.err-text{font-size:15px;color:var(--bad);font-weight:500}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.grid-loc{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 88px;gap:20px}
@media (max-width:640px){.grid2{grid-template-columns:1fr}.grid-loc{grid-template-columns:minmax(0,1fr) 88px}.grid-loc>.field:first-child{grid-column:1/-1}}

/* Opções em chip */
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:0 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-2);font-size:16px;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:border-color .15s,background .15s,color .15s}
.chip:hover{border-color:var(--ink)}
.chip[aria-pressed="true"],.chip.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.chip .n{font-size:14px;opacity:.6}
.chip.sm{min-height:38px;padding:0 13px;font-size:15px}

.reqm{color:var(--bad);font-weight:600;margin-left:-4px}
.bz-cred{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px 0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;margin-right:6px;transition:border-color .15s,background .15s}.bz-cred:hover{border-color:var(--line-hover)}.bz-cred .ico{color:var(--ink)}.bz-cred.zero{background:var(--sun);border-color:var(--sun)}.pg-nums{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pg-num{display:grid;gap:2px;padding:16px 18px;border-radius:var(--r-md);background:var(--wash)}.pg-num b{font-family:var(--display);font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.pg-num span{font-size:14px;color:var(--mute)}.pg-buy{display:grid;gap:8px}.pg-buy h3{font-family:var(--text);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}.pg-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.pg-rows li{display:grid;grid-template-columns:92px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:15px;font-variant-numeric:tabular-nums}.pg-rn{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0}.pg-rm{font-size:14px;color:var(--mute)}.pg-line{margin-top:8px;font-size:15px;color:var(--ink-2)}.pg-gen{display:flex;align-items:center;gap:14px;margin-left:auto}.pg-cost{font-size:14px;color:var(--mute);white-space:nowrap}@media (max-width:640px){.pg-gen{flex-direction:column-reverse;align-items:flex-end;gap:6px}.pg-rows li{grid-template-columns:minmax(0,1fr) auto}.pg-rows li>span:first-child,.pg-rm{grid-column:1/-1;font-size:13px;color:var(--mute)}.bz-cred span{max-width:9em;overflow:hidden;text-overflow:ellipsis}}
.bz-devb.pr-dev{position:fixed;left:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);z-index:60;background:var(--surface);box-shadow:var(--shadow-float);min-height:36px;color:#000;border-color:rgba(0,0,0,.35)}.bz-devb.pr-dev:hover{background:#FFF9D6}body.has-bar .bz-devb.pr-dev{bottom:calc(env(safe-area-inset-bottom,0px) + 96px)}
.pr .am-head h2{font-size:clamp(40px,9vw,54px)}.pr-tile{width:60px;height:60px;justify-self:center;border-radius:16px;display:grid;place-items:center}.pr-tile .ico{width:28px;height:28px;stroke-width:2}.pr-ok{background:var(--sun);color:#000}.pr-wait{background:var(--wash);color:var(--ink)}.pr-wait .ico{animation:prSpin 1s linear infinite}.pr-pend{background:var(--sun-tint);color:var(--warn)}.pr-fail{background:var(--bad-bg);color:var(--bad)}@keyframes prSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.pr-wait .ico{animation:none}}.pr-info{display:grid;gap:14px}.pr-pack{justify-self:center;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;background:var(--sun-tint);color:#000;font-size:15px}.pr-pack b{font-weight:600}.pr-note{font-size:14px;line-height:1.5;color:var(--mute);text-align:center;text-wrap:balance}.pr-acts{display:grid;gap:10px;justify-items:center}.pr-acts .am-go{width:100%}
.modal.am{width:min(520px,calc(100% - 32px));padding:52px 36px 32px;border-radius:var(--r-lg)}.am-x{position:absolute;top:18px;right:18px;width:44px;height:44px;border:0;border-radius:12px;background:var(--wash);color:var(--ink);display:grid;place-items:center;transition:background .15s}.am-x:hover{background:var(--line)}.am-body{display:grid;gap:28px}.am-tile{width:60px;height:60px;justify-self:center}.am-tile svg{display:block;width:100%;height:100%}.am-tabs{display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:3px;border-radius:12px;background:var(--wash);justify-self:center;width:min(100%,280px)}.am-tabs button{min-height:38px;border:0;border-radius:9px;font-size:14.5px!important;background:transparent;color:var(--mute);font-size:16px;font-weight:600;transition:background .2s var(--ease),color .2s,box-shadow .2s}.am-tabs button:hover{color:var(--ink)}.am-tabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(37,49,59,.10),0 0 0 1px rgba(37,49,59,.04)}.am-head{display:grid;gap:12px;text-align:center;justify-items:center;padding-block:4px}.am-head h2{font-family:var(--head,var(--display));font-weight:900;text-transform:uppercase;font-size:clamp(44px,10vw,60px);line-height:.9;letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.am-head p{font-size:16px;line-height:1.5;color:var(--ink-2);max-width:26em;text-wrap:balance}.am-form{display:grid;gap:18px}.am-go{width:100%;gap:10px}.am-go .hi{width:20px;height:20px;transition:transform .2s var(--ease)}.am-go:hover .hi{transform:translateX(3px)}.am-alt{padding-top:20px;border-top:1px solid var(--line);text-align:center;font-size:15px;color:var(--mute);display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.am .err-text .link{font-size:inherit;display:inline;padding:0;color:var(--bad);text-decoration-color:currentColor}.am .code{letter-spacing:.35em;font-size:24px;text-align:center;font-variant-numeric:tabular-nums}@media (max-width:480px){.modal.am{padding:48px 18px 22px}.am-body{gap:22px}.am-x{top:12px;right:12px;width:40px;height:40px}.am-tile{width:52px;height:52px}.am-tabs{justify-self:center;width:min(100%,260px);padding:3px;border-radius:12px}.am-tabs button{min-height:36px;font-size:14px;border-radius:9px}.am-head{gap:10px}.am-head h2{font-size:clamp(42px,12vw,50px)}.am-head p{font-size:15px}}
.pg-ops{display:grid;border-top:1px solid var(--line)}.pg-op{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.pg-op b{display:block;font-size:17px}.pg-op small{display:block;font-size:14px;color:var(--mute)}.pg-val{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:480px){.pg-op{grid-template-columns:minmax(0,1fr) auto}.pg-op .btn{grid-column:1/-1}}
.spin.sm{width:14px;height:14px;border-width:2px}
/* login */
#site #siteLogin{color:#25313B;font-size:15.5px;font-weight:500;min-height:40px;opacity:1}
#site #siteLogin:hover{background:#F3F4F0}
#site #siteLogin.is-icon{color:inherit;width:44px;padding:0;display:inline-grid;place-items:center}
#site #siteLogin.is-icon .hi{width:22px;height:22px}
#site #siteLogin.is-icon:hover{background:rgba(127,127,127,.14)}
.nav-ar{width:16px;height:16px;margin-left:8px;vertical-align:-3px;transition:transform .2s var(--ease)}
.nav-btn:hover .nav-ar{transform:translateX(3px)}
@media (max-width:900px){#site #siteLogin{display:none}}
#appLogout{margin-left:4px;white-space:nowrap;font-size:14px}
@media (max-width:860px){#appLogout{display:none}}
.au{display:grid;gap:18px}
.au .code{letter-spacing:.35em;font-size:24px;text-align:center;font-variant-numeric:tabular-nums}
.au-row{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.au-note{font-size:15px;color:var(--mute);line-height:1.45}

/* Segmentado */
.seg{display:inline-flex;gap:2px;padding:3px;border-radius:10px;background:var(--wash);max-width:100%;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.seg button{border:0;background:transparent;min-height:40px;padding:0 14px;border-radius:8px;font-size:15px;font-weight:500;color:var(--mute);white-space:nowrap}
.seg button:hover{color:var(--ink)}
.seg button[aria-pressed="true"],.seg button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(37,49,59,.10),0 0 0 1px rgba(37,49,59,.04)}

/* Disclosure "Adicionar detalhes" */
details.more{border-top:1px solid var(--line);padding-top:4px}
details.more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:52px;font-weight:600;font-size:16px}
details.more>summary::-webkit-details-marker{display:none}
details.more>summary .ico{transition:transform .2s var(--ease)}
details.more[open]>summary .ico{transform:rotate(45deg)}
details.more>summary small{font-weight:400;color:var(--mute);font-size:15px}
details.more .in{display:grid;gap:24px;padding:8px 0 12px}

/* Combo */
.cb{position:relative}
.cb-list{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 6px);margin:0;padding:6px;list-style:none;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-layer);max-height:300px;overflow:auto}
.cb-list li{padding:10px 12px;border-radius:8px;display:flex;gap:10px;align-items:center;font-size:16px;cursor:pointer}
.cb-list li[aria-selected="true"],.cb-list li:hover{background:var(--wash)}
.cb-list li mark{background:var(--sun-tint);color:inherit}
.cb-list .cb-foot{font-size:13px;color:var(--mute);cursor:default;padding:8px 12px 4px}
.cb-list .cb-foot:hover{background:none}

/* Selo de estado / aderência */
.adh{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--ink-2);white-space:nowrap}
.adh .m{display:inline-flex;gap:2px}
.adh .m i{width:6px;height:14px;border-radius:2px;background:var(--line)}
.adh .m i.on{background:var(--ink)}
.adh.f-forte{color:var(--fx-forte)}.adh.f-forte .m i.on{background:var(--fx-forte)}
.adh.f-boa{color:var(--fx-boa)}.adh.f-boa .m i.on{background:var(--fx-boa)}
.adh.f-exploratoria{color:var(--fx-exp)}.adh.f-exploratoria .m i.on{background:var(--fx-exp)}
.adh.f-forte .m i:not(.on),.adh.f-boa .m i:not(.on),.adh.f-exploratoria .m i:not(.on){background:#E6E8EA}
.adh.pill .m i:not(.on){background:rgba(37,49,59,.12)}
.adh.pill{padding:5px 12px 5px 10px;border-radius:999px;font-size:14px;font-weight:600}
.adh .m i{transition:background .2s}
.adh.pill.f-forte{background:var(--fx-forte-bg)}.adh.pill.f-boa{background:var(--fx-boa-bg)}.adh.pill.f-exploratoria{background:var(--fx-exp-bg)}
.adh-big{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap}
.adh-sc{display:inline-flex;align-items:baseline;gap:1px;color:var(--mute);font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.adh-sc b{font-family:var(--display);font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.attn{display:inline-flex;align-items:center;gap:7px;font-size:15px;color:var(--warn);font-weight:500;white-space:nowrap}
.attn::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--warn-dot)}
.tag{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--wash);color:var(--ink-2);white-space:nowrap}
.tag.sun{background:var(--sun);color:var(--ink)}
.tag.ok{background:var(--ok-bg);color:var(--ok)}
.tag.warn{background:var(--warn-bg);color:var(--warn)}

/* ---------- Avisos ---------- */
.notice{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:start;padding:16px 18px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}
.notice.sun{background:var(--sun-mist);border-color:var(--warn-line)}
.notice.warn{background:var(--warn-bg);border-color:var(--warn-line)}
.notice.bad{background:var(--bad-bg);border-color:var(--bad-line)}
.notice b{display:block;font-size:16px}
.notice p{font-size:15px;color:var(--ink-2)}
.notice .act{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
@media (max-width:640px){.notice{grid-template-columns:auto minmax(0,1fr)}.notice>.btn,.notice>.iconbtn{grid-column:2}}

/* ---------- Toast ---------- */
.toasts{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translateX(-50%);display:grid;gap:8px;z-index:90;width:max-content;max-width:calc(100% - 32px);pointer-events:none}
body.has-bar .toasts{bottom:calc(env(safe-area-inset-bottom,0px) + 96px)}
.toast{pointer-events:auto;display:flex;align-items:center;gap:14px;background:var(--ink);color:var(--paper);padding:12px 12px 12px 16px;border-radius:var(--r-md);box-shadow:var(--shadow-layer);font-size:15px;animation:toastIn .3s var(--ease)}
.toast .ico{color:var(--sun)}
.toast button{border:0;background:rgba(255,255,255,.1);color:var(--sun);font-weight:600;font-size:15px;padding:8px 12px;border-radius:8px}
.toast.out{animation:toastOut .22s ease forwards}
@keyframes toastIn{from{opacity:0;transform:translateY(10px)}}
@keyframes toastOut{to{opacity:0;transform:translateY(6px)}}

/* ---------- Camadas: gaveta, modal, apresentação ---------- */
.scrim{position:fixed;inset:0;background:rgba(20,27,35,.38);z-index:70;animation:fade .2s ease}
@keyframes fade{from{opacity:0}}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--surface);z-index:71;box-shadow:var(--shadow-layer);display:flex;flex-direction:column;animation:slideIn .3s var(--ease);padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@keyframes slideIn{from{transform:translateX(32px);opacity:0}}
.drawer-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 28px;border-bottom:1px solid var(--line);min-height:64px}
.drawer-b{flex:1;overflow:auto;padding:28px;display:grid;gap:28px;align-content:start}
.drawer-f{padding:14px 28px;border-top:1px solid var(--line);display:flex;gap:10px;flex-wrap:wrap;align-items:center}
@media (max-width:640px){
  .drawer{top:auto;max-height:94%;border-radius:22px 22px 0 0;animation:sheetIn .32s var(--ease)}
  .drawer-h{padding:8px 8px 8px 20px}
  .drawer-b{padding:20px}
  .drawer-f{padding:12px 20px}
}
@keyframes sheetIn{from{transform:translateY(40px);opacity:0}}
.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(640px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto;background:var(--surface);border-radius:var(--r-lg);z-index:71;box-shadow:var(--shadow-layer);animation:modalIn .28s var(--ease)}
.modal.wide{width:min(1180px,calc(100% - 32px))}
@keyframes modalIn{from{opacity:0;transform:translate(-50%,-48%)}}
.modal-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:26px 16px 0 32px}
.modal-h h2{font-size:28px}
.modal-h p{color:var(--mute);margin-top:6px}
.modal-b{padding:22px 32px 30px;display:grid;gap:22px}
@media (max-width:560px){.modal-h{padding:20px 8px 0 20px}.modal-b{padding:16px 20px 22px}}

/* ================== SITE (home) ==================
   Composição: hero fotográfica em moldura com margem fina e cantos de 20 px; menu integrado à foto
   que vira barra clara flutuante ao rolar; slogan em duas linhas embaixo à esquerda, frase e CTA à direita.
   Depois, três momentos: o que faz (tipográfico), demonstração (visual grande) e fechamento escuro.
   Ícones da home: Hugeicons Stroke Rounded (sprite #hi-*). O amarelo aparece no símbolo, no CTA e na seleção. */
.hi{width:20px;height:20px;flex:none;display:inline-block}
.logo-btn{border:0;background:none;padding:6px 0;display:inline-flex;color:inherit}
.logo{display:block;width:auto}
/* Composição fotográfica com arte aplicada por homografia (usada na home e no estúdio) */
.tc{position:relative;overflow:hidden;border-radius:var(--r-md);background:#C9C6BE;isolation:isolate;max-width:100%}
.tc>img{position:absolute;left:0;top:0;display:block;width:100%;height:auto;max-width:none}
.tc .tc-art{position:absolute;left:0;top:0;transform-origin:0 0;mix-blend-mode:multiply;transition:opacity .6s ease;pointer-events:none}
.tc .tc-art svg{display:block;width:100%;height:100%}
.tc .tc-art.off{opacity:0}
.wrap{max-width:calc(1280px + 2*var(--gut))}
#site{--frame:clamp(8px,1vw,14px);--gut:clamp(20px,3.6vw,64px)}
#site .wrap{max-width:calc(var(--wrap-site) + 2*var(--gut))}
#site h2{font-weight:520;font-stretch:100%;letter-spacing:-.03em;line-height:1.02}

/* Navegação: sobre a foto, sem fundo; ao rolar, barra clara flutuante */
.nav{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + var(--frame));z-index:40;padding-inline:var(--frame);pointer-events:none}
.nav-in{pointer-events:auto;display:flex;align-items:center;gap:8px;min-height:64px;padding:0 clamp(14px,3.8vw,62px) 0 clamp(24px,4.4vw,72px);border-radius:16px;transition:background .3s ease,box-shadow .3s ease,color .3s ease;color:var(--ink)}
.nav .logo{height:38px;color:inherit}
.nav-links{display:flex;gap:2px;margin-left:auto}
.nav-links button,.nav-link{border:0;background:none;min-height:44px;padding:0 14px;border-radius:10px;font-size:16px;font-weight:500;color:inherit;opacity:.86;transition:opacity .15s,background .15s}
.nav-links button:hover,.nav-link:hover{opacity:1;background:rgba(127,127,127,.14)}
.nav-cta{display:flex;align-items:center;gap:8px}
.nav-btn{border:0;min-height:44px;padding:0 18px;border-radius:10px;font-weight:600;font-size:15px;background:var(--ink);color:var(--paper);transition:background .15s}
.nav-btn:hover{background:#000}
.nav-menu{display:none;border:0;background:none;width:44px;height:44px;border-radius:10px;color:inherit;place-items:center}
.nav-menu .hi{width:24px;height:24px}
.nav.on-photo .nav-in{color:#fff}
.nav.on-photo .nav-btn{background:rgba(255,255,255,.94);color:var(--ink)}
.nav.on-photo .nav-btn:hover{background:#fff}
.nav.solid .nav-in{background:rgba(243,243,239,.9);backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);box-shadow:0 0 0 1px rgba(23,23,20,.08),0 10px 30px -18px rgba(23,23,20,.35)}
.nav-sheet{pointer-events:auto;margin:8px 0 0;background:var(--surface);color:var(--ink);border-radius:16px;padding:8px;display:grid;box-shadow:0 18px 40px -18px rgba(23,23,20,.4)}
.nav-sheet button{border:0;background:none;text-align:left;min-height:52px;padding:0 14px;border-radius:10px;font-size:18px;font-weight:500}
.nav-sheet button:hover{background:var(--wash)}
@media (max-width:900px){.nav-links,#siteProjects{display:none}.nav-cta{margin-left:auto}.nav-menu{display:grid}}
@media (max-width:760px){.nav-in{padding:0 8px 0 20px}}
@media (max-width:520px){.nav-btn{display:none}.nav .logo{height:34px}.nav-in{min-height:58px}}

/* Hero imersiva */
.hero{position:relative;margin:var(--frame);margin-bottom:0;border-radius:20px;overflow:hidden;isolation:isolate;background:#10151E;color:#fff;
  height:calc(100svh - 2*var(--frame));min-height:620px;max-height:980px;display:flex}
.hero-pic,.hero-pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.hero-pic img{object-fit:cover;object-position:var(--hero-pos,62% 60%);display:block}
.hero-shade{position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,11,16,.42) 0%,rgba(8,11,16,0) 18%),
             radial-gradient(120% 70% at 0% 100%,rgba(8,11,16,.62) 0%,rgba(8,11,16,0) 62%),
             radial-gradient(70% 60% at 100% 100%,rgba(8,11,16,.55) 0%,rgba(8,11,16,0) 70%),
             linear-gradient(0deg,rgba(8,11,16,.5) 0%,rgba(8,11,16,0) 34%)}
.hero-body{position:relative;margin-top:auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:32px 64px;align-items:end;
  padding:0 clamp(24px,4.4vw,72px) clamp(28px,4.4vw,64px)}
.hero-main{display:grid;gap:clamp(18px,2vw,28px);min-width:0}
.hat{display:inline-flex;align-items:center;gap:10px;justify-self:start;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(255,255,255,.12);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:15px;font-weight:500;letter-spacing:.005em;color:#fff}
.hat .mark{width:28px;height:28px;display:block;border-radius:7px}
.hero h1{font-family:var(--display);font-weight:500;font-stretch:100%;font-size:clamp(56px,7.3vw,124px);line-height:.95;letter-spacing:-.036em;margin:0;text-wrap:initial;color:#fff}
.hero h1 .l{display:block;white-space:nowrap}
.hero-side{display:grid;gap:22px;padding-bottom:6px}
.hero-side p{font-size:clamp(18px,1.35vw,20px);line-height:1.45;color:rgba(255,255,255,.92);max-width:20em}
.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:56px;padding:0 10px 0 24px;border:0;border-radius:12px;background:var(--sun);color:var(--ink);font-weight:600;font-size:17px;justify-self:start;transition:background .15s,transform .15s var(--ease)}
.cta .hi{width:36px;height:36px;padding:8px;border-radius:8px;background:var(--ink);color:var(--sun);transition:transform .2s var(--ease)}
.cta:hover{background:#FFF45A}
.cta:hover .hi{transform:translateX(3px)}
.cta:active{transform:translateY(1px)}
@media (max-width:1100px){.hero-body{grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(56px,10.4vw,112px)}.hero-side{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px 32px}}
@media (max-width:760px){
  .hero{height:auto;min-height:calc(100svh - 2*var(--frame));max-height:none;border-radius:16px}
  .hero-pic img{object-position:var(--hero-pos-m,50% 30%)}
  .hero-shade{background:linear-gradient(180deg,rgba(8,11,16,.45) 0%,rgba(8,11,16,0) 16%),linear-gradient(0deg,rgba(8,11,16,.86) 0%,rgba(8,11,16,.6) 42%,rgba(8,11,16,0) 68%)}
  .hero-body{padding:0 20px 20px;gap:20px}
  .hero h1{font-size:clamp(48px,14.6vw,72px);line-height:.94;letter-spacing:-.035em}
  .hero h1 .l{display:inline}
  .hero h1 .w{display:block}
  .hero-side{grid-template-columns:1fr;gap:18px}
  .hero-side p{font-size:18px;max-width:19em}
  .cta{width:100%}
}


/* Hero clara: composição do celular com os cards sobre céu claro. Texto em tinta, à esquerda, no céu livre.
   Para trocar: substitua as duas imagens; desktop com o assunto à direita, celular com céu livre no topo. */
.nav.on-photo .nav-in{color:var(--ink)}
.nav.on-photo .nav-btn{background:var(--ink);color:#fff}
.nav.on-photo .nav-btn:hover{background:#000}
.hero.light{background:linear-gradient(180deg,#B5D3ED 0%,#D4E2F2 30%,#C9DDEF 55%,#D2DBE4 85%,#C9C8C6 100%);color:var(--ink);
  height:min(calc(100svh - 2*var(--frame)),62vw);min-height:540px;max-height:1000px}
.hero.light .hero-pic{position:absolute;inset:0;width:auto;height:auto}
.hero.light .hero-pic img{position:absolute;inset:auto;top:0;right:0;left:auto;width:auto;height:100%;max-width:none;object-fit:initial;transform:translateX(5%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%);mask-image:linear-gradient(90deg,transparent 0,#000 14%)}
.hero.light .hero-shade{background:linear-gradient(90deg,rgba(236,242,248,.55) 0%,rgba(236,242,248,0) 42%)}
.hero.light .hero-body{margin-top:0;align-self:center;grid-template-columns:minmax(0,1fr);max-width:min(48%,760px);gap:28px;padding:96px 0 40px clamp(24px,4.4vw,72px)}
.hero.light .hero-main{gap:22px}
.hero.light .hat{background:rgba(255,255,255,.62);color:var(--ink)}
.hero.light h1{color:var(--ink);font-size:clamp(46px,5.2vw,104px)}
.hero.light .hero-side{grid-template-columns:1fr;gap:24px;padding:0}
.hero.light .hero-side{gap:44px}
.hero.light .hero-side p{max-width:27em}
.hero h1 .hl{display:inline-block;background:#FFE84C;color:#25313B;font:inherit;letter-spacing:inherit;line-height:.8;padding:.05em .07em .02em .1em;margin:0 .01em 0 -.1em;border-radius:0}
.hero.light .hero-side p{color:var(--ink-2)}

/* Link de texto (ação secundária) */
.tlink{border:0;background:none;padding:6px 0;justify-self:start;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:16px;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:rgba(23,23,20,.35);transition:text-decoration-color .15s;min-height:44px}
.tlink .hi{width:18px;height:18px;transition:transform .2s var(--ease)}
.tlink:hover{text-decoration-color:var(--ink)}
.tlink:hover .hi{transform:translateX(3px)}
.tlink.on-dark{color:#fff;text-decoration-color:rgba(255,255,255,.4)}
.tlink.on-dark:hover{text-decoration-color:#fff}

/* Ticker de logotipos */
.ticker{padding:clamp(28px,3.4vw,44px) var(--frame) 0}
.ticker-in{max-width:calc(1280px + 2*var(--gut));margin-inline:auto;padding-inline:var(--gut)}
.ticker-lbl{font-size:14px;color:var(--mute);white-space:nowrap}
.ticker-view{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);border-radius:6px}
.ticker-view:focus-visible{outline:2.5px solid var(--ink);outline-offset:4px}
.ticker-track{display:flex;width:max-content;animation:tick 46s linear infinite}
.ticker-view:hover .ticker-track,.ticker-view:focus-within .ticker-track{animation-play-state:paused}
.ticker-set{display:flex;align-items:center;gap:clamp(48px,5vw,80px);padding-right:clamp(48px,5vw,80px)}
.tlogo{display:flex;align-items:center;height:30px;color:#7A786F;opacity:.85}
.tlogo svg{height:26px;width:auto;display:block}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-set[aria-hidden="true"]{display:none}}
@media (max-width:640px){.tlogo svg{height:22px}}

/* O que é */
.s-about{padding-block:clamp(88px,10vw,144px) clamp(72px,8vw,112px)}
.about-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:28px 72px;align-items:start}
.about-grid h2{font-size:clamp(36px,4.3vw,64px);max-width:13em}
.about-text{display:grid;gap:18px;padding-top:4px}
.about-text p{font-size:clamp(18px,1.4vw,20px);line-height:1.55;color:var(--ink-2)}
.diff{margin-top:clamp(56px,6vw,88px)}
.diff-lbl{font-size:15px;font-weight:600;color:var(--ink);padding-bottom:16px;border-bottom:1px solid var(--ink)}
.diff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.diff-grid>div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px 14px;padding:24px 28px 0 0;align-content:start}
.diff-grid>div+div{padding-left:28px;border-left:1px solid var(--line)}
.diff-grid .hi{width:24px;height:24px;color:var(--ink);grid-row:1/3;margin-top:1px}
.diff-grid h3{font-family:var(--text);font-size:18px;font-weight:600;letter-spacing:0}
.diff-grid p{color:var(--ink-2);font-size:16px}
@media (max-width:900px){.about-grid{grid-template-columns:1fr}.diff-grid{grid-template-columns:1fr}.diff-grid>div,.diff-grid>div+div{padding:20px 0;border-left:0;border-bottom:1px solid var(--line)}}

/* Como funciona */
.s-how{background:var(--paper);padding-block:clamp(88px,10vw,136px)}
.how-head{display:grid;justify-items:center;text-align:center;gap:16px;margin:0 auto clamp(40px,4.6vw,60px);max-width:46em}
.how-head h2{font-size:clamp(36px,4.3vw,64px)}
.how-head p{font-size:clamp(17px,1.3vw,19px);color:var(--ink-2);max-width:34em}
.how-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;border-radius:20px;background:#EDEEEA}
.how-tab{display:flex;align-items:center;justify-content:center;gap:10px;min-height:60px;padding:0 16px;border:0;border-radius:15px;background:transparent;color:var(--mute);font-size:16px;font-weight:500;white-space:nowrap;
  transition:background .3s var(--ease),color .3s,box-shadow .3s}
.how-tab:hover{color:var(--ink)}
.how-tab[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(37,49,59,.06),0 8px 20px -14px rgba(37,49,59,.22)}
.how-ti{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex:none;transition:background .3s}
.how-ti .hi{width:18px;height:18px}
.how-tab[aria-selected="true"] .how-ti{background:var(--sun)}
.how-panel2{margin-top:14px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:12px;padding-right:clamp(24px,4vw,64px);
  background:var(--surface);border-radius:24px;box-shadow:0 0 0 1px rgba(37,49,59,.05),0 1px 2px rgba(37,49,59,.03)}
.how-demo{background:#F1F2EE;border-radius:18px;min-height:540px;padding:clamp(20px,3vw,44px);display:grid;place-items:center;min-width:0;overflow:hidden}
.how-copy{display:grid;justify-items:start;gap:18px;padding-block:24px;min-width:0}
.how-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 13px;border-radius:999px;background:var(--sun);color:var(--ink);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.how-copy h3{font-family:var(--display);font-size:clamp(30px,3vw,46px);font-weight:500;letter-spacing:-.03em;line-height:1.05;max-width:12em}
.how-d{font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:var(--ink-2);max-width:26em}
.how-s{font-size:15px;line-height:1.5;color:var(--mute);padding-top:16px;border-top:1px solid var(--line);max-width:26em;width:100%}
.how-in{animation:howIn .32s var(--ease)}
@keyframes howIn{from{opacity:0;transform:translateY(8px)}}
.how-cta{margin-top:clamp(32px,4vw,48px);display:flex;justify-content:center}
@media (max-width:1100px){.how-tab{font-size:15px;padding:0 10px;gap:8px}}
@media (max-width:900px){
  .how-tabs{display:flex;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;margin-inline:calc(-1*var(--gut));border-radius:0;padding:6px var(--gut);background:transparent}
  .how-tabs::-webkit-scrollbar{display:none}
  .how-tab{flex:none;min-height:52px;background:#EDEEEA;scroll-snap-align:start}
  .how-tab[aria-selected="true"]{background:var(--surface)}
  .how-panel2{grid-template-columns:1fr;padding:10px;gap:4px}
  .how-demo{min-height:0;padding:20px 14px}
  .how-copy{padding:20px 14px 18px;gap:14px}
}
@media (max-width:560px){.how-cta .cta{width:100%}.how-panel2{padding:6px}.how-demo{padding:14px 8px;border-radius:14px}.how-demo .mcmp .adh{white-space:normal;align-items:flex-start;gap:6px;font-size:12.5px;line-height:1.25}.how-demo .mcmp .adh .m{padding-top:1px}}
.swap{animation:swapIn .45s var(--ease)}
@keyframes swapIn{from{opacity:0;transform:translateY(10px)}}
/* fragmentos da ferramenta, em escala reduzida e fiel */
.mini{width:100%;max-width:560px;background:var(--surface);border-radius:14px;box-shadow:0 1px 2px rgba(23,23,20,.06),0 24px 48px -28px rgba(23,23,20,.35);overflow:hidden;font-size:15px}
.mbar2{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:13px;color:var(--mute)}
.mbar2 .mk svg{width:20px;height:20px;display:block;border-radius:5px}
.mbar2 b{color:var(--ink);font-weight:600}
.mbar2>span:last-child{margin-left:auto;padding:3px 10px;border-radius:999px;background:var(--wash);color:var(--ink-2);font-weight:600}
.mini-b{padding:20px;display:grid;gap:14px}
.mstep{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--mute)}
.mbars{display:flex;gap:4px;flex:1}
.mbars i{height:4px;flex:1;border-radius:2px;background:var(--line)}
.mbars i.on{background:var(--ink)}
.mt{font-family:var(--display);font-size:22px;font-weight:560;letter-spacing:-.015em}
.mgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mf{border:1.5px solid var(--line);border-radius:8px;padding:8px 12px;display:grid;gap:1px;font-size:15px}
.mf small,.mrow small{font-size:12px;color:var(--mute)}
.mrow{display:grid;gap:6px}
.mchips{display:flex;flex-wrap:wrap;gap:6px}
.mc{border:1.5px solid var(--line);border-radius:999px;padding:4px 12px;font-size:13.5px;color:var(--ink-2)}
.mc.on{background:var(--ink);border-color:var(--ink);color:#fff}
.mfoot{display:flex;justify-content:flex-end}
.mbtn{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;border-radius:8px;padding:9px 14px;font-weight:600;font-size:14px}
.mbtn .hi{width:16px;height:16px}
.mname{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid var(--line)}
.mname.sel{background:linear-gradient(90deg,rgba(251,247,191,.75),rgba(251,247,191,0) 70%)}
.mname b{font-family:var(--display);font-size:22px;font-weight:560;letter-spacing:-.02em;display:block}
.mname small{font-size:13px;color:var(--mute)}
.mside{display:flex;align-items:center;gap:12px}
.mside .adh{font-size:13px}
.mpick{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--faint);display:grid;place-items:center}
.mname.sel .mpick{background:var(--ink);border-color:var(--ink);color:var(--sun)}
.mpick .hi{width:14px;height:14px}
.mcmp{display:grid;grid-template-columns:110px 1fr 1fr;font-size:14px}
.mcmp>div{padding:10px 8px 10px 0;border-bottom:1px solid var(--line);min-width:0}
.mcmp .k{color:var(--mute)}
.mcmp .mh{font-family:var(--display);font-size:18px;font-weight:560;display:grid;gap:8px;border-bottom:1.5px solid var(--ink)}
.mthumb{display:block;border-radius:6px;overflow:hidden}
.mthumb svg{display:block;width:100%;height:auto}
.mcmp .adh{font-size:13px}
.mlvl{display:inline-flex;align-items:center;gap:6px}
.mlvl i{width:7px;height:7px;border-radius:50%;background:var(--line)}
.mlvl i.on{background:var(--ink)}
.mwarn{color:var(--warn)}
.mini-apply{max-width:620px}
.mapply{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
.mapply .mtap{grid-column:1/-1}
.mcap{font-size:13px;color:var(--mute);padding:0 14px 14px}
.mtap .tc{border-radius:8px}
.mside2{display:grid;gap:10px;align-content:start}
.mlogo,.mad{border-radius:8px;overflow:hidden}
.mlogo,.mad{aspect-ratio:16/10}
.mlogo svg,.mad svg{display:block;width:100%;height:100%}
@media (max-width:560px){.mcmp{grid-template-columns:84px 1fr 1fr;font-size:13px}.mname b{font-size:19px}.mside .adh{display:none}}

/* Avaliação */
.s-eval{padding-block:clamp(104px,11vw,160px)}
.eval-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:56px clamp(56px,9vw,152px);align-items:center}
.eval-text{display:grid;justify-items:start;gap:0}
.eval-text h2{font-size:clamp(36px,4.3vw,64px);margin-bottom:clamp(24px,2.4vw,32px)}
.eval-text>p{font-size:clamp(18px,1.4vw,20px);color:var(--ink-2);line-height:1.6;max-width:31em;margin-bottom:clamp(36px,3.6vw,48px)}
.tiers{list-style:none;margin:0 0 clamp(32px,3.4vw,44px);padding:24px 0 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:20px clamp(32px,4vw,56px);width:100%;max-width:560px}
.tiers li{display:grid;gap:6px}
.tiers .adh{font-size:16px;gap:10px}
.tiers small{font-size:14px;color:var(--mute);padding-left:32px}
.eval-card{margin:0;background:var(--surface);border-radius:24px;padding:clamp(28px,3.4vw,44px);display:grid;gap:0;
  box-shadow:0 0 0 1px rgba(37,49,59,.06),0 1px 2px rgba(37,49,59,.03),0 24px 48px -36px rgba(37,49,59,.18)}
.ec-lbl{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:20px}
.ec-top{display:grid;justify-items:start;gap:14px}
.ec-top b{font-family:var(--display);font-size:clamp(32px,3vw,42px);font-weight:540;letter-spacing:-.025em;line-height:1.05}
.ec-top .adh-big{gap:16px}
.ec-tag{color:var(--ink-2);font-size:17px;margin-top:18px;padding-bottom:26px}
.ec-sec{border-top:1px solid var(--line);padding-top:26px;display:grid;gap:16px}
.ec-sec h3{font-family:var(--text);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.ec-sec ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ec-sec li{display:flex;gap:12px;align-items:center;font-size:16px}
.ec-sec li .hi{width:18px;height:18px;color:var(--ok);flex:none}
.ec-warn{margin-top:28px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;padding:18px 20px;border-radius:16px;background:var(--warn-bg);box-shadow:inset 0 0 0 1px rgba(182,145,46,.16);font-size:15px;line-height:1.5;color:var(--ink-2)}
.ec-warn .hi{width:20px;height:20px;color:var(--warn);margin-top:1px}
.ec-warn b{display:block;color:var(--warn);font-size:14px;margin-bottom:4px}
@media (max-width:900px){.eval-grid{grid-template-columns:1fr;gap:56px}.eval-card{max-width:560px;width:100%}}
@media (max-width:560px){.eval-card{padding:26px 22px;border-radius:20px}.tiers{gap:18px 28px}}

/* Para quem */
.s-who{padding-block:clamp(32px,4vw,56px) clamp(88px,10vw,136px)}
.s-who h2{font-size:clamp(36px,4.3vw,64px);max-width:12em;margin-bottom:clamp(36px,4vw,56px)}
.who-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px);align-items:stretch}
.who-card{background:var(--surface);border-radius:18px;padding:clamp(24px,2.6vw,34px);display:flex;flex-direction:column;gap:14px;border:1px solid transparent;transition:border-color .25s,box-shadow .25s,transform .25s var(--ease)}
.who-card:hover,.who-card.open{border-color:var(--line);box-shadow:0 24px 50px -34px rgba(23,23,20,.4)}
.who-ic{width:52px;height:52px;border-radius:14px;background:var(--wash);display:grid;place-items:center;color:var(--ink);margin-bottom:10px;transition:background .25s}
.who-ic .hi{width:26px;height:26px}
.who-card:hover .who-ic,.who-card.open .who-ic{background:var(--sun)}
.who-card h3{font-family:var(--display);font-size:clamp(22px,1.8vw,26px);font-weight:540;letter-spacing:-.02em;line-height:1.15}
.who-card>p{color:var(--ink-2)}
.who-ex{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}
.who-ex p{font-size:15.5px;color:var(--ink-2)}
.who-ex b{color:var(--ink)}
.who-tog{margin-top:auto;border:0;background:none;padding:10px 0 0;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-weight:600;font-size:15px;color:var(--ink);min-height:44px}
.who-tog .hi{width:18px;height:18px;transition:transform .25s var(--ease)}
.who-tog[aria-expanded="true"] .hi{transform:rotate(180deg)}
.who-tog:hover{text-decoration:underline;text-underline-offset:5px}
@media (max-width:900px){.who-grid{grid-template-columns:1fr}}

/* Demonstração */
.s-demo{padding-block:clamp(88px,10vw,136px)}
.demo-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px 48px;flex-wrap:wrap;margin-bottom:clamp(36px,4vw,56px)}
.demo-head h2{font-size:clamp(40px,5.2vw,80px);max-width:10em}
.demo-input{display:grid;gap:6px;width:min(100%,360px)}
.demo-input label{font-size:14px;font-weight:600;color:var(--mute)}
.demo-input input{border:0;border-bottom:1.5px solid var(--ink);background:transparent;border-radius:0;padding:6px 0 10px;font-family:var(--display);font-size:clamp(26px,2.4vw,32px);font-weight:520;letter-spacing:-.02em;width:100%;min-width:0}
.demo-input input:focus{outline:none;border-bottom-color:var(--ink);box-shadow:0 2px 0 0 var(--sun)}
.demo-stage{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(0,1fr);gap:clamp(12px,1.4vw,20px);align-items:stretch}
.demo-stage figure{margin:0;border-radius:14px;overflow:hidden;background:var(--wash);min-width:0}
.d-tap .tc{border-radius:0;height:100%}
.d-tap>div{height:100%}
.d-ad svg{display:block;width:100%;height:100%;object-fit:cover}
.demo-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:20px}
.demo-dirs{display:flex;gap:6px;flex-wrap:wrap}
.demo-dirs button{border:1.5px solid var(--line);background:var(--surface);min-height:44px;padding:0 16px;border-radius:999px;font-size:15px;font-weight:500;color:var(--ink-2);transition:border-color .15s,background .15s,color .15s}
.demo-dirs button:hover{border-color:var(--ink)}
.demo-dirs button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.demo-note{font-size:14px;color:var(--mute);margin-top:20px}
@media (max-width:860px){.demo-stage{grid-template-columns:1fr}.d-ad{max-width:340px;width:100%;justify-self:start}.demo-head{display:grid}.demo-input{width:100%}}
@media (max-width:560px){.d-ad{max-width:62%}}

/* Perguntas */
/* Planos e Preços: quatro cards claros lado a lado (2 colunas no tablet, 1 no celular).
   Hierarquia: nome → perfil → preço → contratação (+ promoção) → projetos e gerações → benefícios → ação.
   Linhas alinhadas entre os cards por subgrid (8 linhas por card). O Plus se destaca por borda e acentos amarelos,
   não por uma grande área colorida. */
.pz-head{display:grid;gap:16px;justify-items:start;max-width:44em}
.pz-sub{font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:var(--ink-2);max-width:34em}
.pz-grid{--pz-gap:clamp(12px,1.2vw,20px);margin-top:clamp(32px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr);column-gap:var(--pz-gap);row-gap:0;align-items:stretch}
@media (min-width:680px){.pz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1180px){.pz-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.pz-card{position:relative;display:flex;flex-direction:column;min-width:0;margin-bottom:var(--pz-gap);padding:clamp(24px,2vw,32px);border-radius:var(--r-lg);
  background:var(--surface);border:1px solid rgba(37,49,59,.11);box-shadow:0 1px 2px rgba(37,49,59,.03),0 18px 40px -32px rgba(37,49,59,.22);
  transition:border-color .2s,box-shadow .25s}
@media (hover:hover){.pz-card:hover{border-color:rgba(37,49,59,.2);box-shadow:0 1px 2px rgba(37,49,59,.04),0 24px 48px -30px rgba(37,49,59,.28)}}
.pz-card.rec{border:1.5px solid var(--sun-deep);background:linear-gradient(180deg,var(--sun-mist) 0%,var(--surface) 46%);
  box-shadow:0 0 0 3px rgba(255,232,76,.28),0 24px 48px -30px rgba(120,100,10,.28)}
.pz-card.rec::before{content:"";position:absolute;left:clamp(24px,2vw,32px);right:clamp(24px,2vw,32px);top:-1.5px;height:4px;border-radius:0 0 4px 4px;background:var(--sun)}
@supports (grid-template-rows:subgrid){.pz-card{display:grid;grid-row:span 8;grid-template-rows:subgrid;row-gap:0}}
/* 1. nome + selo */
.pz-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 10px;min-height:30px}
.pz-name{font-family:var(--display);font-size:clamp(24px,1.9vw,28px);font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--ink)}
.pz-badge{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 12px 0 10px;border-radius:999px;background:var(--ink);color:var(--sun);font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.pz-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sun)}
/* plano ainda indisponível: card cinza e esmaecido, só a tag "Em breve" em amarelo pleno */
.pz-card.soon{background:var(--wash);border-color:transparent;box-shadow:none}
.pz-card.soon>*:not(.pz-top),.pz-card.soon .pz-name{opacity:.45}
.pz-card.soon .pz-btn,.pz-card.soon .pz-btn:hover{cursor:default;background:transparent;color:var(--ink);border-color:var(--ink)}
.pz-soon{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:var(--sun);color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
@media (hover:hover){.pz-card.soon:hover{border-color:transparent;box-shadow:none}}
/* 2. perfil */
.pz-desc{margin-top:8px;font-size:15px;line-height:1.5;color:var(--mute);max-width:26em;text-wrap:pretty}
/* 3. preço: elemento dominante depois do nome */
.pz-price{margin-top:24px;display:flex;align-items:baseline;gap:6px;white-space:nowrap;font-variant-numeric:lining-nums proportional-nums}
.pz-cur{font-family:var(--display);font-size:clamp(17px,1.4vw,20px);font-weight:600;color:var(--ink-2);align-self:flex-start;margin-top:.45em}
.pz-val{font-family:var(--display);font-size:clamp(44px,3.6vw,56px);font-weight:600;letter-spacing:-.03em;line-height:1;color:var(--ink)}
.pz-per{font-size:15px;font-weight:500;color:var(--mute)}
/* 4. contratação */
.pz-bill{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:14px;color:var(--mute)}
.pz-bill.sub{color:var(--ink);font-weight:600}
.pz-bill.sub::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink)}
/* promoção do Start, junto do preço */
.pz-promo{align-self:start;justify-self:start;margin-top:14px;display:flex;align-items:center;gap:10px;padding:7px 12px 7px 11px;border-radius:10px;background:var(--sun-mist);box-shadow:inset 0 0 0 1px var(--warn-line);font-size:13px;line-height:1.35;color:var(--ink-2);text-wrap:balance}
.pz-promo::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--sun-deep);box-shadow:0 0 0 3px rgba(255,232,76,.45)}
.pz-promo b{font-weight:700;color:var(--ink);white-space:nowrap;font-variant-numeric:lining-nums proportional-nums}
.pz-promo:empty{margin:0;padding:0;background:none;box-shadow:none}
.pz-promo:empty::before{content:none}
/* 5. projetos e gerações */
.pz-meta{margin:22px 0 0;padding:0;border-top:1px solid var(--line);display:grid;align-content:start}
.pz-meta>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.35}
.pz-meta dt{color:var(--mute);white-space:nowrap}
.pz-meta dd{margin:0;text-align:right;font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:lining-nums proportional-nums}
.pz-meta small{display:block;margin-top:3px;font-size:12.5px;font-weight:500;color:var(--mute)}
.pz-meta small.eco{color:var(--ok);font-weight:600}
/* 6. benefícios (classe própria: .pz-list é a lista do parecer) */
.pz-feats{list-style:none;margin:0;padding:20px 0 4px;display:grid;gap:10px;align-content:start}
.pz-feats li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.pz-feats .hi{width:20px;height:20px;margin-top:0;padding:4px;border-radius:50%;background:var(--ok-bg);color:var(--ok);stroke-width:2.4}
.pz-card.rec .pz-feats .hi{background:var(--sun);color:var(--ink)}
/* 7. ação: mesma altura e posição em todos os cards */
/* barra do código de convite, abaixo dos cards de planos */
.cv-bar{width:fit-content;max-width:100%;margin:clamp(24px,3vw,40px) auto 0;display:grid;grid-template-columns:auto auto;align-items:center;gap:10px 28px;padding:12px 12px 12px clamp(20px,2vw,26px);border:0;border-radius:var(--r-lg);background:var(--ink)}
.cv-bar[hidden]{display:none!important}
.cv-txt{display:grid;gap:2px;min-width:0}
.cv-txt b{font-size:16px;font-weight:600;color:#fff;line-height:1.3}
.cv-txt span{font-size:14px;color:var(--mute);line-height:1.35}
.cv-form{display:flex;gap:8px;min-width:0}
.cv-in{width:200px;min-height:44px;padding:8px 14px;font-size:16px;text-transform:uppercase;letter-spacing:.06em;font-weight:500;color:#fff;caret-color:var(--sun);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);transition:background .15s,border-color .15s,box-shadow .15s}
.cv-in::placeholder{color:rgba(255,255,255,.42)}
.cv-in:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.22)}
.cv-in:focus{background:rgba(255,255,255,.1);border-color:rgba(255,232,76,.7);box-shadow:0 0 0 3px rgba(255,232,76,.18)}
.cv-in[aria-invalid="true"]{border-color:rgba(255,180,168,.7);box-shadow:0 0 0 3px rgba(255,180,168,.14)}
.cv-in::placeholder{text-transform:none;letter-spacing:0;font-weight:400}
.cv-btn{flex:none;min-height:44px;padding:0 18px;font-size:15px;background:var(--sun);color:#000;border:1.5px solid var(--sun)}
.cv-btn:hover{background:var(--sun-deep);border-color:var(--sun-deep)}
.cv-bar .err-text{grid-column:1/-1;font-size:14px;text-align:right;color:#FFB4A8;padding-right:4px}
@media (max-width:640px){.cv-bar{width:100%;grid-template-columns:1fr;padding:18px}.cv-form{width:100%}.cv-in{flex:1;width:auto;min-width:0}.cv-bar .err-text{text-align:left}}
.cv-code{text-transform:uppercase;letter-spacing:.08em;font-weight:600;text-align:center}
.cv-code::placeholder{letter-spacing:.04em;font-weight:400;text-transform:none}
.cv-link{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;font-size:15px;color:var(--mute);padding-top:4px}
.pg-nums.n3{grid-template-columns:repeat(3,1fr)}
@media (max-width:480px){.pg-nums.n3{grid-template-columns:1fr 1fr}.pg-nums.n3 .pg-num:last-child{grid-column:1/-1}}
.pz-btn{margin-top:20px;width:100%;min-height:52px;align-self:end;border-radius:var(--r-btn);font-size:16px;background:transparent;color:var(--ink);border:1.5px solid var(--ink)}
.pz-btn:hover{background:var(--ink);color:#fff}
.pz-card.rec .pz-btn{background:var(--sun);border-color:var(--sun);color:var(--ink)}
.pz-card.rec .pz-btn:hover{background:var(--sun-deep);border-color:var(--sun-deep)}
.pz-btn:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.pz-card{transition:none}}
@media (max-width:679px){
  .pz-grid{--pz-gap:16px}
  .pz-card{padding:22px 20px 20px}
  .pz-val{font-size:clamp(42px,12vw,52px)}
  .pz-feats{gap:8px;padding-top:16px}
  .pz-feats li{font-size:14.5px}
}
/* Perguntas */
.s-faq{background:var(--paper);padding-block:clamp(88px,10vw,136px)}
.faq-grid{display:grid;grid-template-columns:minmax(0,38fr) minmax(0,62fr);gap:40px clamp(40px,6vw,96px);align-items:start}
.faq-intro{display:grid;justify-items:start;gap:18px;position:sticky;top:120px}
.faq-intro h2{font-size:clamp(36px,4.3vw,64px);max-width:8em}
.faq-intro p{font-size:clamp(17px,1.3vw,19px);line-height:1.55;color:var(--ink-2);max-width:22em}
.btn-line{margin-top:10px;display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border:1.5px solid var(--ink);border-radius:12px;background:transparent;color:var(--ink);font-size:15.5px;font-weight:600;transition:background .2s,color .2s}
.btn-line:hover{background:var(--ink);color:#fff}
.faq{display:grid;gap:10px;padding:12px;border-radius:28px;background:#EDEEEA;interpolate-size:allow-keywords}
.faq details{background:var(--surface);border-radius:20px;transition:box-shadow .25s}
.faq details:hover{box-shadow:0 1px 2px rgba(37,49,59,.04),0 8px 22px -16px rgba(37,49,59,.18)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 32px;font-weight:600;font-size:18px;line-height:1.35;border-radius:20px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:focus-visible{outline-offset:-3px}
.faq-ic{position:relative;flex:none;width:36px;height:36px;border-radius:50%;background:#F1F2EE;display:grid;place-items:center;transition:background .25s}
.faq-ic .hi{grid-area:1/1;width:18px;height:18px;transition:opacity .25s,transform .25s var(--ease)}
.faq-ic .i-minus{opacity:0;transform:rotate(-90deg)}
.faq summary:hover .faq-ic{background:var(--sun)}
.faq details[open] .faq-ic{background:var(--sun)}
.faq details[open] .faq-ic .i-plus{opacity:0;transform:rotate(90deg)}
.faq details[open] .faq-ic .i-minus{opacity:1;transform:none}
.faq details::details-content{block-size:0;overflow:hidden;transition:block-size .28s var(--ease),content-visibility .28s allow-discrete}
.faq details[open]::details-content{block-size:auto}
.faq .a{display:grid;gap:10px;padding:0 84px 28px 32px}
.faq details[open] .a{animation:faqIn .28s var(--ease)}
@keyframes faqIn{from{opacity:0;transform:translateY(-4px)}}
.faq .a p{color:var(--mute);font-size:16.5px;line-height:1.6;max-width:40em}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-intro{position:static}}
@media (max-width:560px){.faq{padding:8px;border-radius:22px;gap:8px}.faq details,.faq summary{border-radius:16px}.faq summary{padding:20px 18px;font-size:17px;gap:16px}.faq-ic{width:32px;height:32px}.faq .a{padding:0 18px 22px}}

/* Fechamento */
.s-end{background:transparent;color:var(--ink);padding-top:clamp(56px,7vw,104px)}
.end-card{position:relative;isolation:isolate;overflow:hidden;border-radius:clamp(18px,1.8vw,28px);text-align:center;
  padding:clamp(56px,8vw,128px) clamp(24px,6vw,96px) clamp(48px,7vw,112px);
  background:radial-gradient(90% 120% at 50% -20%,#FFF7A6 0%,rgba(255,247,166,0) 60%),linear-gradient(180deg,#F8EE13 0%,#F6EC3A 42%,#F7F0A0 82%,#F8F3CC 100%)}
.end-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(23,23,20,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,20,.06) 1px,transparent 1px);background-size:56px 56px;background-position:center -1px;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 55%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 55%,#000 100%)}
.end-art{position:absolute;z-index:-1;fill:none;stroke:rgba(23,23,20,.16);stroke-width:.16;stroke-linejoin:round;pointer-events:none;height:92%;width:auto;right:-10%;bottom:-30%}
.end-in{position:relative;display:grid;justify-items:center}
.s-end h2{font-size:clamp(42px,6.2vw,104px);font-weight:500!important;letter-spacing:-.045em!important;line-height:.96!important;max-width:10em;color:var(--ink);margin-inline:auto;text-wrap:balance}
.end-row{display:grid;justify-items:center;gap:28px;margin-top:clamp(24px,2.8vw,36px)}
.end-row p{font-size:clamp(18px,1.4vw,21px);color:var(--ink-2);max-width:30em;text-wrap:balance}
.end-acts{display:flex;align-items:center;justify-content:center;gap:12px 28px;flex-wrap:wrap}
.cta.ink{background:var(--ink);color:#fff}
.cta.ink .hi{background:var(--sun);color:var(--ink)}
.cta.ink:hover{background:#000}
.cta.ink:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.end-card .tlink{color:var(--ink);text-decoration-color:rgba(23,23,20,.45)}
.end-card .tlink:hover{text-decoration-color:var(--ink)}
.end-foot{display:grid;gap:clamp(48px,5.5vw,80px);margin-top:clamp(64px,8vw,120px);font-size:14px;color:var(--mute)}
.ef-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:44px 48px;align-items:start}
.ef-brand{display:grid;gap:14px;justify-items:start;max-width:24em}
.end-foot .logo{height:clamp(40px,3.4vw,52px);color:var(--ink);margin-bottom:6px}
.ef-brand p{font-family:var(--text);font-size:15px;line-height:1.55;color:var(--mute)}
.ef-brand .ef-sub{font-size:14px}
.ef-k{font-family:var(--text);font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin:0 0 12px}
.ef-col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.ef-col a,.ef-col button{display:inline-flex;align-items:center;min-height:38px;padding:0;border:0;font-family:var(--text);font-size:16px;font-weight:400;color:var(--ink-2);text-decoration:none;cursor:pointer;
  background:linear-gradient(currentColor,currentColor) 0 calc(100% - 7px)/0 1px no-repeat;transition:color .2s,background-size .3s var(--ease)}
.ef-col a:hover,.ef-col button:hover{color:var(--ink);background-size:100% 1px}
.ef-col a:focus-visible,.ef-col button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:2px;color:var(--ink)}
.ef-bot{display:flex;justify-content:space-between;align-items:baseline;gap:8px 24px;flex-wrap:wrap;padding-block:22px 32px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
@media (max-width:860px){.ef-top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ef-brand{grid-column:1/-1}.end-art{height:96%;right:-18%;bottom:-30%}}
@media (max-width:560px){
  .end-card{padding:52px 22px 40px;border-radius:18px}
  .end-art{height:70%;right:-26%;bottom:-22%;stroke-width:.22}
  .end-acts{width:100%;flex-direction:column}.end-acts .cta{width:100%}
  .ef-top{grid-template-columns:1fr;gap:36px}
  .ef-col a,.ef-col button{min-height:44px;font-size:17px}
  .ef-bot{flex-direction:column;gap:6px}
}

/* Modal "Como avaliamos" (conteúdo técnico fora da home) */
.eval-modal .modal-b{gap:26px}
.ladder{display:grid}
.ladder>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:6px 20px;padding:18px 0;border-top:1px solid var(--line)}
.ladder h3{font-size:18px;font-family:var(--text);font-weight:600;letter-spacing:0}
.ladder small{display:block;font-size:14px;color:var(--mute);margin-top:2px}
.ladder ul{margin:0;padding-left:18px;display:grid;gap:4px;color:var(--ink-2)}
.bands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.bands>div{display:grid;gap:4px;padding:14px;border-radius:10px;background:var(--wash)}
.bands small{color:var(--mute);font-size:14px}
@media (max-width:560px){.ladder>div{grid-template-columns:1fr}.bands{grid-template-columns:1fr}}

/* ================== APP ================== */
.app-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;padding:12px 16px 0;pointer-events:none}
.app-head-in{pointer-events:auto;max-width:1440px;margin-inline:auto;padding:0 12px 0 24px;display:flex;align-items:center;gap:16px;min-height:68px;background:var(--surface);border-radius:14px;box-shadow:var(--shadow-float)}
.app-head .logo{height:38px}
.pj{display:flex;align-items:center;gap:6px;min-width:0;padding-left:16px;border-left:1px solid var(--line)}
.pj input{border:1.5px solid transparent;background:transparent;border-radius:10px;padding:8px 10px;font-weight:600;font-size:16px;min-width:0;width:auto;max-width:34vw;text-overflow:ellipsis}
.pj input::placeholder{color:var(--ink-2)}
.pj input:hover{border-color:var(--line)}
.pj input:focus{outline:none;border-color:var(--ink);background:var(--surface)}
.tabs{display:flex;gap:4px;margin-left:auto}
.tabs button{border:0;background:none;min-height:44px;padding:0 14px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;font-size:15.5px;font-weight:500;color:var(--mute);position:relative;transition:background .15s,color .15s}
.tabs button:hover{color:var(--ink);background:var(--soft)}
.tabs button[aria-current="page"]{color:var(--ink);font-weight:600;background:var(--soft)}
.tabs .cnt{font-size:12.5px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;background:var(--wash);display:inline-grid;place-items:center;color:var(--ink-2);font-weight:600}
.tabs button[aria-current="page"] .cnt{background:var(--sun);color:var(--ink)}
.savest{font-size:14px;color:var(--mute);display:flex;align-items:center;gap:8px;white-space:nowrap;padding:0 8px}
.savest i{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.savest.fail{color:var(--bad)} .savest.fail i{background:var(--bad)}
.app-main{max-width:1440px;margin-inline:auto;padding:clamp(28px,3.8vw,52px) var(--gut) 120px}
@media (max-width:1080px){.savest{display:none}}
@media (max-width:860px){
  .app-head{padding:10px 12px 0}
  .app-head-in{min-height:60px;padding:0 8px 0 16px}
  .app-head .logo{height:34px}
  .tabs{position:fixed;left:0;right:0;bottom:0;margin:0;z-index:45;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -10px 28px -22px rgba(37,49,59,.25);padding:6px 8px calc(env(safe-area-inset-bottom,0px) + 6px);justify-content:space-around}
  .tabs button{flex-direction:column;gap:2px;font-size:12.5px;min-height:54px;padding:4px 8px;flex:1}
  .tabs button[aria-current="page"]{background:transparent}
  .tabs button[aria-current="page"]::before{content:"";position:absolute;top:-6px;left:30%;right:30%;height:3px;border-radius:0 0 3px 3px;background:var(--sun)}
  .tabs .cnt{position:absolute;top:2px;right:calc(50% - 26px);min-width:20px;height:20px;font-size:11.5px}
  .pj{border-left:0;padding-left:0;margin-left:auto}
  .pj input{max-width:52vw;font-size:15px}
}
.vh{display:flex;justify-content:space-between;align-items:flex-end;gap:16px 32px;flex-wrap:wrap;margin-bottom:28px}
.vh h1{font-size:clamp(30px,3.4vw,46px);font-stretch:100%}
.vh p{color:var(--ink-2);margin-top:10px;max-width:46em}
.vh-a{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* Projetos */
.plist{display:grid;border-top:1.5px solid var(--ink)}
.prow{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:16px 28px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.prow .vis{border:0;padding:0;border-radius:var(--r-sm);overflow:hidden;aspect-ratio:16/10;background:var(--wash);display:grid;place-items:center;max-width:100%}
.prow .vis svg{display:block;width:100%;height:100%}
.prow .vis .empty{font-family:var(--display);font-size:15px;color:var(--mute)}
.prow h3{font-size:22px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.prow h3 button{all:unset;cursor:pointer}
.prow h3 button:hover{text-decoration:underline;text-underline-offset:4px}
.prow h3 button:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}
.prow .meta{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--mute);font-size:15px;margin-top:6px}
.prow .stagep{display:flex;gap:6px;margin-top:10px;font-size:14px;color:var(--mute);align-items:center}
.prow .stagep i{width:28px;height:4px;border-radius:2px;background:var(--line)}
.prow .stagep i.on{background:var(--ink)}
.prow .acts{display:flex;gap:8px;align-items:center}
.new-proj{display:flex;gap:10px;flex-wrap:wrap}
.empty-proj{padding:48px 0;display:grid;gap:14px;justify-items:start;border-top:1.5px solid var(--ink)}
.empty-proj h2{font-size:28px}
@media (max-width:700px){.prow{grid-template-columns:96px minmax(0,1fr)}.prow .acts{grid-column:1/-1}.prow h3{font-size:19px}}

.loading-row{display:flex;align-items:center;gap:12px;color:var(--ink-2)}
.spin{width:18px;height:18px;border-radius:50%;border:2.5px solid var(--line);border-top-color:var(--ink);animation:sp .8s linear infinite;flex:none}
@keyframes sp{to{transform:rotate(360deg)}}

/* Geração */
.gen-count{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.gen-count div{padding:16px 0;display:grid;gap:2px}
.gen-count div+div{padding-left:20px;border-left:1px solid var(--line)}
.gen-count b{font-family:var(--display);font-size:34px;font-weight:600}
.gen-count span{font-size:14px;color:var(--mute)}
/* Loading imersivo: sem navbar, composição centrada na viewport */
body.gen-on .app-head,body.gen-on .tabs,body.gen-on .toasts{display:none!important}
body.gen-on .app-main{padding:0;max-width:none}
.gen2{position:relative;min-height:100svh;display:grid;place-items:center;padding:clamp(24px,4vh,56px) 24px;overflow:hidden;isolation:isolate}
.gen2-glow{position:absolute;z-index:-1;left:50%;top:46%;width:min(900px,120vw);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(closest-side,rgba(255,232,76,.32),rgba(255,232,76,.10) 45%,rgba(255,232,76,0) 70%);animation:glowBreath 7s ease-in-out infinite;pointer-events:none}
@keyframes glowBreath{0%,100%{opacity:.75;transform:translate(-50%,-50%) scale(.94)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}
.gen2-in{width:100%;max-width:640px;display:grid;justify-items:center;text-align:center;gap:clamp(28px,4.6vh,48px);animation:genIn .6s var(--ease) both}
@keyframes genIn{from{opacity:0;transform:translateY(12px)}}
.gen2-mark{width:40px;height:40px}
.gen2-mark svg{width:100%;height:100%;display:block;border-radius:11px}
.gen2 h1{font-size:clamp(32px,4.4vw,56px);line-height:1.04;letter-spacing:-.035em;max-width:13em;margin-top:-12px}
.gen2-steps{list-style:none;margin:0;padding:0;display:grid;justify-items:center;gap:0}
.gen2-steps li{position:relative;display:grid;justify-items:center;gap:10px;padding-bottom:40px;width:100%}
.gen2-steps li:last-child{padding-bottom:0}
.gen2-steps li:not(:last-child)::before{content:"";position:absolute;left:50%;top:auto;bottom:6px;height:22px;width:1.5px;transform:translateX(-50%);background:var(--line);border-radius:1px}
.gen2-steps li:not(:last-child)::after{content:"";position:absolute;left:50%;bottom:6px;height:22px;width:1.5px;transform:translateX(-50%) scaleY(0);transform-origin:top;background:var(--ink-2);border-radius:1px;transition:transform .6s var(--ease)}
.gen2-steps li.done:not(:last-child)::after{transform:translateX(-50%) scaleY(1)}
.gen2-steps li.active:not(:last-child)::after{background:linear-gradient(var(--ink-2),rgba(55,65,81,0));transform:translateX(-50%) scaleY(1);animation:flowDown 1.8s ease-in-out infinite}
@keyframes flowDown{0%{transform:translateX(-50%) scaleY(0);transform-origin:top}50%{transform:translateX(-50%) scaleY(1);transform-origin:top}50.1%{transform-origin:bottom}100%{transform:translateX(-50%) scaleY(0);transform-origin:bottom}}
.gs-i{position:relative;width:32px;height:32px;border-radius:50%;background:var(--wash);display:grid;place-items:center;color:var(--ink);transition:background .45s var(--ease),transform .45s var(--ease)}
.gs-i .ico{width:15px;height:15px;opacity:0;transform:scale(.6);transition:opacity .3s,transform .35s var(--ease)}
.gs-dot{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--faint);opacity:.5;transition:background .3s,opacity .3s}
.gen2-steps li.active .gs-dot{background:var(--ink);opacity:1;animation:gsPulse 1.6s ease-in-out infinite}
.gen2-steps li.done .gs-i{background:var(--ink-2)}
.gen2-steps li.done .gs-i .ico{opacity:1;transform:none;color:#fff}
.gen2-steps li.done .gs-dot{opacity:0}
@keyframes gsPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.55);opacity:.55}}
@keyframes halo{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.5);opacity:0}}
.gs-tx{display:grid;gap:4px;min-width:0;justify-items:center}
.gs-tx b{font-family:var(--display);font-size:20px;font-weight:500;letter-spacing:-.012em;color:var(--mute);transition:color .4s}
.gs-tx span{font-size:15px;color:var(--mute);opacity:.85;transition:color .4s,opacity .4s}
.gen2-steps li.active .gs-tx b{color:var(--ink);font-weight:560}
.gen2-steps li.active .gs-tx span{color:var(--ink-2);opacity:1}
.gen2-steps li.active .gs-tx b{background:linear-gradient(90deg,var(--ink) 0%,var(--ink) 40%,#8B929C 50%,var(--ink) 60%,var(--ink) 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 2.8s linear infinite}
@keyframes shine{from{background-position:100% 0}to{background-position:-150% 0}}
.gen2-steps li.done .gs-tx b{color:var(--ink-2)}
.gen2-steps li.wait{opacity:.7}
.gen2-steps li{transition:opacity .4s}
.gen2-stop{border:0;background:none;padding:8px 4px;min-height:44px;font-size:15px;font-weight:500;color:var(--mute);text-decoration:underline;text-decoration-color:rgba(37,49,59,.25);text-underline-offset:5px;cursor:pointer;transition:color .15s,text-decoration-color .15s}
.gen2-stop:hover{color:var(--ink);text-decoration-color:var(--ink)}
/* atividade contínua: só transform e opacity, que rodam no compositor e não param durante chamadas assíncronas */
.gs-i{will-change:transform}
.gs-wave{position:absolute;inset:0;border-radius:50%;background:var(--sun);opacity:0;z-index:-1;pointer-events:none;will-change:transform,opacity}
.gs-tx{position:relative;z-index:1}
.gen2-steps li.active .gs-i{background:var(--sun)}  /* círculo parado: só o loader gira e só as ondas externas pulsam */
.gen2-steps li.active .gs-wave{animation:gsWave 2.4s cubic-bezier(.2,.6,.35,1) infinite}
.gen2-steps li.active .gs-wave.w2{animation-delay:1.2s}
@keyframes gsBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes gsWave{0%{transform:scale(1);opacity:.75}100%{transform:scale(1.95);opacity:0}}
/* miolo da etapa ativa: loader radial grafite no círculo amarelo; o ponto fica só nas pendentes */
.gs-spin{position:absolute;width:20px;height:20px;color:var(--ink);opacity:0;transform:scale(.7);transition:opacity .3s,transform .35s var(--ease)}
.gs-spin svg{display:block;width:100%;height:100%;will-change:transform}
.gen2-steps li.active .gs-spin{opacity:1;transform:none}
.gen2-steps li.active .gs-spin svg{animation:gsSpin 1.2s linear infinite}
.gen2-steps li.active .gs-dot{opacity:0;animation:none}
@keyframes gsSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.gen2.stopping li.active .gs-spin svg{animation-play-state:paused}
.gen2-foot{display:grid;justify-items:center;gap:12px}
.gen2-act{position:relative;width:208px;height:3px;border-radius:3px;background:var(--line);overflow:hidden;transition:opacity .3s}
.ga-seg{position:absolute;left:0;top:0;bottom:0;width:30%;border-radius:inherit;background:var(--sun-deep);transform:translateX(-100%);will-change:transform;animation:gaSlide 1.6s cubic-bezier(.45,0,.55,1) infinite}
@keyframes gaSlide{0%{transform:translateX(-100%)}100%{transform:translateX(340%)}}
.gen2-time{margin:0;font-size:13.5px;color:var(--mute);font-variant-numeric:tabular-nums;letter-spacing:.01em}
.gen2-foot .gen2-stop{margin-top:2px}
.gen2-stop[disabled]{cursor:default;text-decoration:none;opacity:.8}
.gen2.stopping .gen2-act{opacity:0}
.gen2.stopping li.active .gs-i,.gen2.stopping li.active .gs-wave,.gen2.stopping li.active .gs-dot,.gen2.stopping li.active .gs-tx b,.gen2.stopping li.active::after{animation-play-state:paused}
/* movimento reduzido: sem escala nem deslocamento, mas a atividade continua visível por opacidade.
   As regras vencem o reset global (*) por especificidade, também com !important. */
@media (prefers-reduced-motion:reduce){
  .gen2 .gen2-glow,.gen2 .gen2-in,.gen2 .gen2-steps li.active:not(:last-child)::after{animation:none!important}
  .gen2 .gen2-steps li.active .gs-tx b{animation:none!important;background:none;color:var(--ink)}
  .gen2 .gen2-steps li.active .gs-i{animation:none!important}
  .gen2 .gen2-steps li.active .gs-wave{transform:scale(1.4);animation:gsFade 2.4s ease-in-out infinite!important}
  .gen2 .gen2-steps li.active .gs-wave.w2{animation:none!important;opacity:0}
  .gen2 .gen2-steps li.active .gs-dot{animation:none!important;opacity:0}
  /* o loader é feedback essencial: continua girando, mais devagar; nada pisca */
  .gen2 .gen2-steps li.active .gs-spin svg{animation:gsSpin 2.4s linear infinite!important}
  .gen2 .gs-spin{transition-property:opacity!important}
  .gen2 .ga-seg{left:35%;transform:none;animation:gsDim 1.8s ease-in-out infinite!important}
  .gen2 .gs-i,.gen2 .gs-i .ico,.gen2 .gs-tx b,.gen2 .gs-tx span,.gen2 .gen2-steps li{transition-duration:.3s!important;transition-property:opacity,background-color,color!important}
}
@keyframes gsFade{0%,100%{opacity:.08}50%{opacity:.5}}
@keyframes gsDim{0%,100%{opacity:1}50%{opacity:.35}}
@media (max-height:780px) and (min-width:561px){.gen2{padding-block:16px}.gen2-in{gap:22px}.gen2-foot{gap:10px}.gen2 h1{font-size:clamp(30px,3.8vw,46px)}.gen2-steps li{padding-bottom:26px;gap:8px}.gen2-steps li:not(:last-child)::before,.gen2-steps li:not(:last-child)::after{height:14px;bottom:5px}.gen2-foot{gap:8px}}
@media (max-width:560px){.gen2{padding:48px 20px}.gen2 h1{font-size:30px}.gs-tx b{font-size:18px}.gs-tx span{font-size:14px}.gen2-steps li{padding-bottom:34px}}

/* Resultados */
.res-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:end;margin-bottom:22px}
.res-head h1{font-size:clamp(30px,3.4vw,46px);font-stretch:100%}
.res-head p{color:var(--ink-2);margin-top:10px;max-width:50em}
.res-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-bottom:14px}
.res-bar .chips{gap:6px}
.menu-wrap{position:relative}
.menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:280px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--shadow-layer);padding:8px;display:grid;gap:2px}
.menu .mh{font-size:13px;color:var(--mute);padding:8px 10px 4px;font-weight:600}
.menu button{border:0;background:none;text-align:left;padding:10px;border-radius:8px;display:flex;gap:10px;align-items:center;font-size:16px;min-height:44px}
.menu button:hover{background:var(--wash)}
.menu button[aria-checked="true"]{font-weight:600}
.menu button[aria-checked="true"]::after{content:"";margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--ink)}
.menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.grp{margin-top:18px}
.grp-h{display:flex;align-items:baseline;gap:12px;padding:14px 0 10px;border-bottom:1.5px solid var(--ink)}
.grp-h h2{font-size:18px;font-family:var(--text);font-weight:600;letter-spacing:0}
.grp-h span{font-size:15px;color:var(--mute)}
.nlist{display:grid}
.nrow{display:grid;grid-template-columns:minmax(0,1fr) 168px auto;gap:12px 28px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);position:relative}
.nrow .open{all:unset;cursor:pointer;display:grid;gap:6px;min-width:0;border-radius:6px}
.nrow .open:focus-visible{outline:2.5px solid var(--ink);outline-offset:4px}
.nrow .nm{font-family:var(--display);font-size:clamp(26px,2.6vw,36px);font-weight:540;letter-spacing:-.022em;font-stretch:100%;line-height:1.05;overflow-wrap:anywhere}
.nrow .open:hover .nm{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
.nrow .tl{color:var(--ink-2);font-size:16px;max-width:48em}
.nrow .mt{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;font-size:15px;color:var(--mute);margin-top:4px}
.nrow .thumb{border-radius:var(--r-sm);overflow:hidden;max-width:100%;border:0;padding:0;background:none;display:block}
.nrow .thumb svg{display:block;width:100%;height:auto}
.nrow>.pick{min-width:148px;justify-content:flex-start}
.nrow.sel{background:linear-gradient(90deg,rgba(255,246,206,.85),rgba(255,246,206,0) 55%)}
@media (max-width:760px){.nrow{grid-template-columns:minmax(0,1fr) auto}.nrow .thumb{display:none}.nrow .pick .lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.nrow>.pick{padding:0;width:48px;min-width:0;justify-content:center}.res-head{grid-template-columns:1fr}}
.reserve{margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border:1px dashed var(--faint);border-radius:var(--r-md)}
.reserve p{color:var(--ink-2)}
.dock{position:sticky;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);margin-top:28px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--night);color:var(--on-night);border-radius:var(--r-md);padding:10px 10px 10px 20px;box-shadow:var(--shadow-layer);z-index:20}
.dock .t{font-size:16px}
.dock .t b{font-family:var(--display);font-size:20px;margin-right:6px}
.dock .r{display:flex;gap:8px;flex-wrap:wrap}
.dock .btn.ghostn{background:transparent;border-color:rgba(255,255,255,.22);color:var(--on-night)}
.dock .btn.ghostn:hover{background:rgba(255,255,255,.08)}
@media (max-width:860px){.dock{bottom:calc(env(safe-area-inset-bottom,0px) + 80px)}.dock .r{flex:1}.dock .r .btn{flex:1}}
.empty-big{max-width:560px;margin:clamp(24px,6vw,72px) auto;display:grid;gap:16px;justify-items:center;text-align:center}
.empty-big h2{font-size:30px}
.empty-big p{color:var(--ink-2)}
.empty-big .acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* Detalhe */
.dt-name{font-family:var(--display);font-size:clamp(36px,5vw,52px);font-weight:540;letter-spacing:-.03em;font-stretch:100%;line-height:1}
.dt-prev{border-radius:var(--r-md);overflow:hidden;max-width:100%}
.dt-prev svg{display:block;width:100%;height:auto}
.dt-sec{display:grid;gap:10px}
.dt-sec h3{font-size:17px;font-family:var(--text);font-weight:600;letter-spacing:0}
.dt-sec p{color:var(--ink-2)}
.dt-sec ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.dt-sec li{display:flex;gap:10px;align-items:flex-start;color:var(--ink-2)}
.dt-sec li .ico{margin-top:3px}
.good li .ico{color:var(--ok)}
.warnlist{background:var(--warn-bg);border-radius:var(--r-sm);padding:14px 16px}
.warnlist li .ico{color:var(--warn)}
.obs li{color:var(--mute);font-size:15px}
.score-box{display:grid;gap:10px;padding:16px;border-radius:var(--r-sm);background:var(--wash)}
.score-box .top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;flex-wrap:wrap}
.score-box p{font-size:14px;color:var(--mute)}
.crit{display:grid;gap:8px}
.crit div{display:grid;grid-template-columns:minmax(0,1fr) 110px;gap:12px;align-items:center;font-size:15px}
.crit .cbar{display:flex;gap:3px}
.crit .cbar i{height:8px;flex:1;border-radius:2px;background:var(--line)}
.crit .cbar i.on{background:var(--ink)}
.vlinks{display:grid;border-top:1px solid var(--line)}
.vlinks a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);text-decoration:none;font-size:16px}
.vlinks a:hover{text-decoration:underline;text-underline-offset:4px}
.vlinks a span{color:var(--mute);font-size:14px;display:inline-flex;gap:6px;align-items:center}
.quick{display:flex;flex-wrap:wrap;gap:6px}

/* Comparação */
.cmp-pick{display:flex;flex-wrap:wrap;gap:6px}
.cmp-scroll{overflow-x:auto;margin-inline:-4px;padding-inline:4px}
.cmp{display:grid;grid-template-columns:150px repeat(var(--n),minmax(210px,320px));min-width:calc(150px + var(--n)*210px)}
.cmp>div{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2);min-width:0}
.cmp .k{color:var(--mute);font-size:14px;font-weight:500}
.cmp .hd{border-bottom:1.5px solid var(--ink);display:grid;gap:10px;align-content:end}
.cmp .hd .pv{border-radius:var(--r-sm);overflow:hidden}
.cmp .hd .pv svg{display:block;width:100%;height:auto}
.cmp .hd b{font-family:var(--display);font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.cmp .lvl{display:inline-flex;gap:8px;align-items:center}
.cmp .lvl i{width:8px;height:8px;border-radius:50%;background:var(--line)}
.cmp .lvl i.on{background:var(--ink)}
.cmp .acts{display:flex;gap:8px;flex-wrap:wrap}

/* Estúdio */
.studio{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}
.st-rail{position:sticky;top:96px;display:grid;gap:2px}
.st-rail h2{font-size:14px;font-family:var(--text);color:var(--mute);letter-spacing:0;font-weight:600;padding:0 0 10px}
.st-rail button.it{border:0;background:none;text-align:left;padding:12px;border-radius:8px;display:grid;gap:2px}
.st-rail button.it b{font-family:var(--display);font-size:19px;font-weight:600;letter-spacing:-.01em}
.st-rail button.it span{font-size:13px;color:var(--mute)}
.st-rail button.it:hover{background:var(--wash)}
.st-rail button.it[aria-current="true"]{background:var(--surface);box-shadow:inset 3px 0 0 var(--ink)}
.st-main{display:grid;gap:22px;min-width:0}
.st-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.st-head h1{font-family:var(--display);font-size:clamp(38px,4.6vw,64px);font-weight:540;letter-spacing:-.03em;font-stretch:100%;line-height:1}
.st-head .meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-top:10px;color:var(--mute);font-size:15px}
.st-head .acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.st-tabs{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.st-canvas{min-width:0}
.st-canvas .frame{border-radius:var(--r-md);overflow:hidden;max-width:100%}
.st-canvas .frame svg{display:block;width:100%;height:auto}
.board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.board .t{border-radius:var(--r-sm);overflow:hidden;position:relative;min-width:0}
.board .t svg{display:block;width:100%;height:100%}
.board .t1{grid-column:1/-1;aspect-ratio:16/7}
.board .t2,.board .t3{aspect-ratio:1/1}
.board .t4{grid-column:span 2;background:var(--surface);border:1px solid var(--line);padding:20px;display:grid;gap:10px;align-content:start}
.board .t4 .aa{font-size:56px;line-height:1}
.board .t4 p{font-size:14px;color:var(--mute)}
.board .t5{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.board .sw{border-radius:var(--r-sm);padding:12px;display:grid;gap:20px;font-size:13px}
.board .lbl{position:absolute;left:12px;bottom:10px;font-size:12.5px;font-weight:600;opacity:.8}
@media (max-width:640px){.board{grid-template-columns:1fr 1fr}.board .t4{grid-column:1/-1}.board .t5{grid-template-columns:1fr 1fr}}
.st-cap{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--mute);margin-top:10px}
.ad-wrap{display:grid;place-items:center;background:var(--wash);border-radius:var(--r-md);padding:clamp(14px,3vw,36px)}
.ad-wrap>div{width:min(100%,460px);border-radius:var(--r-sm);overflow:hidden;box-shadow:var(--shadow-layer)}
.ad-wrap svg{display:block;width:100%;height:auto}
.dirs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dirb{border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);padding:8px;display:grid;gap:10px;text-align:left;transition:border-color .15s}
.dirb:hover{border-color:var(--line-hover)}
.dirb[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.dirb .pv{border-radius:6px;overflow:hidden}
.dirb .pv svg{display:block;width:100%;height:auto}
.dirb b{font-size:16px;padding:0 4px;display:flex;align-items:center;gap:8px}
.dirb[aria-pressed="true"] b::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sun);border:1.5px solid var(--ink)}
.dirb span{font-size:14px;color:var(--mute);padding:0 4px 4px;line-height:1.4}
@media (max-width:640px){.dirs{grid-template-columns:repeat(3,minmax(140px,1fr));overflow-x:auto}.dirb span{display:none}}
.custom{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}
.custom>summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-weight:600}
.custom>summary::-webkit-details-marker{display:none}
.custom>summary .ico{transition:transform .2s var(--ease)}
.custom[open]>summary .ico{transform:rotate(180deg)}
.custom .in{padding:4px 20px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
@media (max-width:760px){.custom .in{grid-template-columns:1fr}}
.pals{display:flex;gap:10px;flex-wrap:wrap}
.palb{border:0;background:none;padding:0;display:grid;gap:6px;justify-items:center;font-size:13px;color:var(--mute)}
.palb i{width:56px;height:40px;border-radius:8px;display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);position:relative;overflow:hidden}
.palb i::after{content:"";position:absolute;right:0;bottom:0;width:45%;height:50%;background:var(--c2);border-top-left-radius:6px}
.palb i::before{content:"";position:absolute;left:8px;top:8px;width:10px;height:10px;border-radius:50%;background:var(--c3);z-index:1}
.palb[aria-pressed="true"]{color:var(--ink);font-weight:600}
.palb[aria-pressed="true"] i{outline:2.5px solid var(--ink);outline-offset:2px}
.cnt-chars{font-size:13px;color:var(--mute);font-weight:400;margin-left:auto}
.export{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.st-mobile-pick{display:none}
@media (max-width:980px){.studio{grid-template-columns:1fr;gap:20px}.st-rail{display:none}.st-mobile-pick{display:block}}

/* Apresentação ao cliente */
.present{position:fixed;inset:0;z-index:80;background:radial-gradient(60% 60% at 80% 10%,rgba(255,232,76,.07),rgba(255,232,76,0) 70%),#1A232E;color:var(--on-night);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);animation:fade .25s ease}
.present-h,.present-f{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px}
.present-h .iconbtn,.present-f .iconbtn{color:var(--on-night)}
.present-h .iconbtn:hover,.present-f .iconbtn:hover{background:rgba(255,255,255,.08)}
.present-b{display:grid;gap:18px;place-content:center;padding:8px clamp(16px,4vw,64px);overflow:auto}
.present-b h2{font-family:var(--display);font-size:clamp(36px,5vw,72px);font-weight:600;letter-spacing:-.03em;text-align:center}
.present-b .tagl{text-align:center;color:var(--on-night-mute);font-size:18px}
.present-b .pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px;width:min(1400px,100%);align-items:center}
.present-b .pair>div{border-radius:10px;overflow:hidden;min-width:0}
.present-b .pair svg{display:block;width:100%;height:auto}
.present-f span{font-size:14px;color:var(--on-night-mute)}
@media (max-width:760px){.present-b .pair{grid-template-columns:1fr}}

.hidden-render{position:fixed;left:-99999px;top:0;width:1600px;visibility:hidden}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* ================= NOMES · dois painéis (29/10/2026, v2) =================
   Mesma casca do briefing (.bz): painel amarelo com projeto, navegação do app e andamento da seleção;
   painel branco com cabeçalho, barra de exploração fixa no topo da rolagem, seções e cards; a barra de
   seleção ocupa o rodapé do painel branco só quando há seleção (não cobre os cards). */
.nv{max-width:none;min-width:0}
.nv-main{grid-template-columns:minmax(0,1fr)}
.nv-main>*{min-width:0}
.nv .notice{margin-bottom:28px}

/* painel amarelo: navegação */

/* painel amarelo: andamento da seleção */

/* painel branco: cabeçalho */
.nv-inner{padding-top:clamp(12px,3vh,32px)}
.nv-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 32px;align-items:start}
.nv-head h1{font-family:var(--text);font-size:clamp(32px,2.9vw,46px);line-height:1.05;font-weight:600;letter-spacing:-.04em;color:var(--ink);text-wrap:balance;max-width:14em}
.nv-lead{margin-top:14px;font-size:17px;line-height:1.5;color:var(--bz-mute);max-width:34em;text-wrap:pretty}
.nv-head-a{display:flex;align-items:center;gap:4px;padding-top:6px}
.nv-head-a .menu-wrap .menu{right:0}
.res-about{margin-top:10px}
.res-about>summary{list-style:none;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-weight:500;font-size:14.5px;min-height:34px;color:var(--bz-mute);border-radius:8px;transition:color .15s}
.res-about>summary::-webkit-details-marker{display:none}
.res-about>summary:hover{color:var(--ink)}
.res-about>summary span{text-decoration:underline;text-decoration-color:rgba(37,49,59,.22);text-decoration-thickness:1px;text-underline-offset:4px}
.res-about>summary .ico{width:15px;height:15px;transition:transform .25s var(--bz-ease)}
.res-about[open]>summary .ico:last-child{transform:rotate(180deg)}
.ra-in{margin-top:10px;padding:16px 18px;border-radius:16px;background:#F7F8F4;display:grid;gap:10px;color:var(--ink-2);font-size:15px;line-height:1.55;max-width:46em;animation:raIn .3s var(--bz-ease) both}
@keyframes raIn{from{opacity:0;transform:translateY(-4px)}}
.ra-lead{color:var(--ink);font-size:16px}
.ra-act{display:flex;gap:6px 22px;flex-wrap:wrap}

/* barra de exploração: fixa no topo da rolagem do painel */
.nv-tools{position:sticky;top:0;z-index:6;display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:32px 0 0;padding:12px 0;background:#fff;box-shadow:0 1px 0 #EEEFEB}
.ntabs{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:var(--bz-field)}
.ntabs button{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 15px;border:0;border-radius:10px;background:transparent;color:var(--bz-mute);font-size:15px;font-weight:500;white-space:nowrap;transition:background .18s,color .18s,box-shadow .18s}
.ntabs button:hover{color:var(--ink)}
.ntabs .n{font-size:13px;font-weight:500;color:#8B929C;font-variant-numeric:tabular-nums}
.ntabs button[aria-pressed="true"]{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(37,49,59,.1),0 0 0 1px rgba(37,49,59,.04)}
.ntabs button[aria-pressed="true"] .n{color:var(--ink-2)}
.rb-r .btn.qt{border-color:transparent;background:transparent;color:var(--ink-2)}
.rb-r .btn.qt:hover{background:#F3F4F0;color:var(--ink)}

/* seções */
.nbody{padding-top:4px}
.nsec{margin-top:28px}
.nsec+.nsec{margin-top:48px}
.nsec-h{margin-bottom:14px}
.nsec-h h2{display:flex;align-items:baseline;gap:10px;font-family:var(--text);font-size:19px;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:var(--ink)}
.nsec-n{font-size:14.5px;font-weight:500;color:#8B929C;font-variant-numeric:tabular-nums}
.nsec-note{margin-top:4px;font-size:14.5px;color:var(--bz-mute);max-width:46em}

/* cards */
.ncat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@container (max-width:640px){.ncat{grid-template-columns:minmax(0,1fr)}}
.nitem{position:relative;display:flex;flex-direction:column;min-width:0;padding:18px 20px 0;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px #E6E8E3;transition:box-shadow .22s var(--bz-ease)}
@media (hover:hover){.nitem:hover{box-shadow:inset 0 0 0 1px #CFD3CE,0 12px 28px -22px rgba(37,49,59,.4)}}
.nitem.sel{box-shadow:inset 0 0 0 1.5px #EAC81A,0 0 0 4px rgba(255,232,76,.3)}
.ni-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}
.ni-n{display:inline-grid;place-items:center;min-width:32px;height:24px;padding:0 7px;border-radius:8px;background:#F3F4F0;font-size:12.5px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--bz-mute);transition:background .22s,color .22s}
.nitem.sel .ni-n{background:var(--sun);color:#000}
.ni-top .adh{font-size:13px}
.ni-own{font-size:13px;color:var(--bz-mute)}
.ni-nm{margin:12px 0 0;font-family:var(--text);font-size:clamp(26px,2.2vw,32px);font-weight:600;letter-spacing:-.035em;line-height:1.08;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance}
.ni-nm.long{font-size:clamp(22px,1.8vw,26px);line-height:1.12}
.ni-nm button{all:unset;cursor:pointer;border-radius:6px;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:6px;transition:text-decoration-color .2s}
.ni-nm button:hover{text-decoration-color:var(--sun-deep)}
.ni-tl{margin-top:6px;font-size:15px;line-height:1.45;color:var(--ink-2);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ni-mt{margin-top:10px;display:flex;flex-wrap:wrap;gap:6px}
.ni-tag{display:inline-flex;align-items:center;gap:5px;min-height:24px;padding:0 9px;border-radius:7px;background:#F3F4F0;font-size:12.5px;font-weight:500;color:var(--ink-2)}
.ni-tag.warn{background:var(--warn-bg);color:var(--warn)}
.ni-tag .ico{width:13px;height:13px}
.ni-act{margin-top:auto;padding:10px 0 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #EFF0EC;margin-inline:-6px}
.ni-tl+.ni-act,.ni-nm+.ni-act,.ni-mt+.ni-act{margin-top:16px}
.ni-an{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 10px;border:0;border-radius:10px;background:none;font-size:14.5px;font-weight:500;color:var(--ink-2);transition:background .15s,color .15s}
.ni-an .ico{width:16px;height:16px;color:#8B929C}
.ni-an:hover{background:#F3F4F0;color:var(--ink)}
.nitem .pick{min-height:38px;padding:0 16px;font-size:14.5px}
.nfade .ngrp{animation:nfIn .32s var(--bz-ease) both}
@keyframes nfIn{from{opacity:0;transform:translateY(6px)}}
.nv .empty-big{margin:clamp(32px,8vh,96px) auto}

/* barra de seleção: rodapé do painel branco, só com seleção */
.nv-foot:empty{display:none}
.nv-foot{background:#fff;box-shadow:0 -1px 0 #EEEFEB}
.selbar{max-width:var(--bz-w);margin:0 auto;padding:14px var(--bz-pad);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px;color:var(--ink)}
.selbar.in{animation:sbIn .3s var(--bz-ease) both}
@keyframes sbIn{from{opacity:0;transform:translateY(8px)}}
.sb-l{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 240px}
.sb-t{display:contents}
.sb-h{order:2;flex:none;font-size:13.5px;color:var(--bz-mute);white-space:nowrap}
.sb-h:empty{display:none}
.sb-chips{list-style:none;margin:0;padding:2px 0;display:flex;gap:6px;overflow-x:auto;min-width:0;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
.sb-chips::-webkit-scrollbar{display:none}
.sb-chips li{display:inline-flex;align-items:center;gap:0;padding:0 3px 0 12px;height:34px;border-radius:999px;background:var(--sun-mist);box-shadow:inset 0 0 0 1px rgba(232,200,26,.45);color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap;animation:chipIn .25s var(--bz-ease) both}
@keyframes chipIn{from{opacity:0;transform:scale(.94)}}
.sb-chips button{width:28px;height:28px;border:0;background:none;border-radius:50%;display:grid;place-items:center;color:var(--ink-2);transition:background .15s,color .15s}
.sb-chips button:hover{background:rgba(232,200,26,.3);color:var(--ink)}
.selbar .btn.qt{color:var(--ink);border-color:#E3E5E0}
.selbar .btn.qt:hover{background:#F3F4F0;border-color:var(--line-hover)}
.selbar :focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:none}
.sb-r{display:flex;gap:8px;flex:none;margin-left:auto}
.selbar .btn[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.selbar .btn[aria-disabled="true"]:hover{background:var(--sun)}
@media (min-width:900px){body.bz-full.sel-on .toasts{bottom:96px}}

@media (max-width:899px){
  .bz-names .bz-panel{position:relative}
  .nv-head{grid-template-columns:minmax(0,1fr)}
  .nv-head-a{padding-top:0}
  .nv-head-a .menu-wrap{position:static}
  .nv-head-a{position:relative}
  .nv-head-a .menu-wrap .menu{right:auto;left:0;min-width:min(280px,calc(100vw - 32px))}
  .nv-tools{margin-top:24px}
  .bz-names .bz-inner{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 150px)}
  .nv-foot{position:fixed;left:0;right:0;bottom:0;z-index:30;padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(255,255,255,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -1px 0 var(--bz-line)}
  .selbar{flex-wrap:wrap;padding:12px 16px}
  .sb-l{flex-basis:100%}
  .sb-r{flex:1}.sb-r .btn{flex:1}
  .sb-h{display:none}
}
@media (max-width:560px){
  .nitem{padding:16px 16px 0;border-radius:18px}
  .ni-nm{font-size:27px}
  .ni-nm.long{font-size:23px}
  .nv-head h1{font-size:30px}
  .ntabs{display:flex;width:100%;overflow-x:auto;scrollbar-width:none}
  .ntabs::-webkit-scrollbar{display:none}
  .ntabs button{flex:1 0 auto;justify-content:center;padding:0 10px}
  .rb-r .menu{right:auto;left:0;min-width:min(280px,calc(100vw - 32px))}
}
@media (max-width:430px){.sb-r .btn{padding:0 12px;font-size:14px}.sb-r .btn .ico{display:none}}
@media (prefers-reduced-motion:reduce){.nfade .ngrp,.selbar.in,.sb-chips li,.ra-in{animation:none}.pick,.pick .pk-i,.nitem,.ni-n,.ntabs button,.bz-nav-it{transition:none}}

/* ================== AJUSTES DA LANDING ==================
   As cores ficam centralizadas no :root de style.css e valem para landing e ferramenta.
   Amarelo #FFE84C = assinatura e ação principal; cinza neutro = apoio; papel + grafite = base. */
#site{--ok:#1E7046;color:var(--ink)}   /* demais tokens vêm do :root (style.css), compartilhados com a ferramenta */
#site .tc{border-radius:12px}
body:has(#site:not([hidden])){background:#F7F8F4}
#site{background:var(--paper)}

/* Marca: símbolo em amarelo */
svg.mark rect[fill="#F8EE13"],svg.logo rect[fill="#F8EE13"]{fill:var(--sun)}
svg.mark [fill="#0C0C0B"],svg.logo [fill="#0C0C0B"]{fill:var(--ink)}

/* CTA principal: amarelo com texto e ícone em grafite */
#site .cta,#site .cta.ink{background:var(--sun);color:var(--ink);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(37,49,59,.06)}
#site .cta:hover,#site .cta.ink:hover{background:var(--sun-deep)}
#site .cta .hi,#site .cta.ink .hi{background:var(--ink);color:var(--sun);border-radius:10px}
#site .cta.ink:focus-visible{outline-color:var(--ink)}
#site .nav-btn{border-radius:12px}

/* Pills, chips e selos */
#site .hat{background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(37,49,59,.06)}
#site .chip.sug:not([aria-pressed="true"]){border-color:var(--sun-deep);background:var(--sun-tint)}
#site .how-step[aria-current="step"] .n::before{background:var(--sun);border-color:var(--ink)}
#site .mname.sel .mpick{color:var(--sun)}

/* Cards: superfícies brancas, borda fina fria, sombra quase imperceptível */
#site .who-card{border:1px solid var(--line);box-shadow:0 1px 2px rgba(37,49,59,.04)}
#site .who-card:hover,#site .who-card.open{border-color:#D9DCE0;box-shadow:0 20px 44px -32px rgba(37,49,59,.28)}
#site .who-ic{background:var(--sage)}
#site .who-card:hover .who-ic,#site .who-card.open .who-ic{background:var(--sun)}

/* Estados e foco */
#site .demo-input input:focus{box-shadow:0 2px 0 0 var(--sun-deep)}
#site .input:focus,#site .select:focus{box-shadow:0 0 0 4px rgba(255,232,76,.6)}
#site .tlink{text-decoration-color:rgba(37,49,59,.3)}
#site .tlink:hover{text-decoration-color:var(--ink)}

/* Navegação fixa: vidro claro */
#site .nav.solid .nav-in{background:rgba(247,248,244,.88);box-shadow:0 0 0 1px rgba(37,49,59,.07),0 10px 30px -20px rgba(37,49,59,.25)}

/* Last CTA: card inteiro em amarelo sólido; botão grafite com seta amarela; grid e símbolo em grafite bem sutil */
#site .end-card{background:#FFE84C;box-shadow:none}
#site .end-card::before{background-image:linear-gradient(rgba(37,49,59,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(37,49,59,.07) 1px,transparent 1px);-webkit-mask-image:none;mask-image:none}
#site .end-art{stroke:rgba(37,49,59,.18)}
#site .end-card h2,#site .end-card .end-row p{color:#25313B}
#site .end-card .cta,#site .end-card .cta.ink{min-height:60px;padding:0 10px 0 26px;font-size:18px;background:#25313B;color:#FFFFFF;box-shadow:none}
#site .end-card .cta:hover,#site .end-card .cta.ink:hover{background:#18212A}
#site .end-card .cta .hi,#site .end-card .cta.ink .hi{width:40px;height:40px;background:#FFE84C;color:#25313B}
#site .end-card .cta:focus-visible{outline:3px solid #25313B;outline-offset:3px}
#site .end-card .tlink{color:#25313B;text-decoration-color:rgba(37,49,59,.45)}
#site .end-card .tlink:hover{text-decoration-color:#25313B}

/* ================== NAVBAR FLUTUANTE ==================
   Barra branca centralizada e leve; logo à esquerda, 3 links ao centro, CTA escuro no mesmo sistema do .cta do site. */
#site .nav{--nav-x:16px;top:calc(env(safe-area-inset-top,0px) + 16px);padding-inline:var(--nav-x)}
#site .nav-in,#site .nav.on-photo .nav-in,#site .nav.solid .nav-in{
  max-width:1120px;margin-inline:auto;min-height:72px;padding:0 12px 0 26px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;
  background:#FFFFFF;color:#25313B;border-radius:14px;
  box-shadow:0 0 0 1px rgba(37,49,59,.06),0 6px 20px -14px rgba(37,49,59,.12);
  -webkit-backdrop-filter:none;backdrop-filter:none;transition:box-shadow .3s ease}
#site .nav.solid .nav-in{box-shadow:0 0 0 1px rgba(37,49,59,.07),0 8px 24px -14px rgba(37,49,59,.14)}
#site .nav .logo-btn{justify-self:start;display:flex;align-items:center}
#site .nav .logo{height:44px}
#site .nav-links{margin:0;justify-self:center;gap:6px}
#site .nav-links button{opacity:1;color:#25313B;font-size:15.5px;font-weight:500;padding:0 14px;min-height:40px}
#site .nav-links button:hover{background:#F3F4F0}
#site .nav-cta{justify-self:end}
#site #siteProjects{display:none!important}
/* CTA da navbar: mesma anatomia do .cta (texto + quadrado com seta), na versão escura */
#site .nav-btn,#site .nav.on-photo .nav-btn{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:0 6px 0 18px;border-radius:12px;
  background:#1F2A37;color:#FFFFFF;font-size:15px;font-weight:600;white-space:nowrap;transition:background .15s}
#site .nav-btn:hover,#site .nav.on-photo .nav-btn:hover{background:#111820}
#site .nav-btn-ar{width:36px;height:36px;border-radius:8px;background:var(--sun);color:#1F2A37;display:grid;place-items:center;flex:none;transition:transform .2s var(--ease)}
#site .nav-btn-ar .hi{width:18px;height:18px}
#site .nav-btn:hover .nav-btn-ar{transform:translateX(3px)}
#site .nav-menu{color:#25313B}
#site .nav-menu:hover{background:#F3F4F0}
#site .nav-sheet{max-width:1120px;margin:8px auto 0;border-radius:14px;box-shadow:0 0 0 1px rgba(37,49,59,.06),0 10px 28px -16px rgba(37,49,59,.16)}
@media (max-width:900px){
  #site .nav-in,#site .nav.on-photo .nav-in,#site .nav.solid .nav-in{grid-template-columns:1fr auto;min-height:66px;padding:0 calc(var(--gut) - var(--nav-x))}
  #site .nav-cta{grid-column:2}
}
@media (max-width:520px){
  #site .nav{--nav-x:12px;top:calc(env(safe-area-inset-top,0px) + 12px)}
  #site .nav-in,#site .nav.on-photo .nav-in,#site .nav.solid .nav-in{min-height:60px;padding:0 calc(var(--gut) - var(--nav-x))}
  #site .nav .logo{height:38px}
  #site .nav-btn,#site .nav.on-photo .nav-btn{display:none}
}


/* ================== MOVIMENTO E INTERAÇÃO DA LANDING ==================
   Movimento que explica, interação que demonstra, scroll que conduz.
   Só opacity e transform (propriedades individuais translate/scale, para não brigar com os transform existentes).
   Tudo depende de html.motion, que o <head> só adiciona quando há IntersectionObserver e o sistema não pede
   movimento reduzido. Sem JS, com JS falhando ou com movimento reduzido, o conteúdo fica visível. */
:root{--out:cubic-bezier(.16,1,.3,1)}

/* Margem lateral do site no celular: mais respiro que o mínimo de 16 px */
@media (max-width:760px){#site{--gut:24px}}
@media (max-width:360px){#site{--gut:20px}}
/* abas do Como funciona no celular: a faixa vai de borda a borda, mas a aba ativa para na margem */
@media (max-width:900px){#site .how-tabs{position:relative;scroll-padding-inline:var(--gut)}}

/* Hero do celular (até 760 px): sem selo e com o texto curto. Tamanhos e enquadramento: bloco "Hero ≤ 900 px" no REFINO v4 */
.hero-txt-m{display:none}
@media (max-width:760px){
  #site .hero-txt-d{display:none}
  #site .hero-txt-m{display:inline}
}

/* Header no celular: transparente enquanto está sobre a hero, branco ao sair dela (estado vem de um
   IntersectionObserver com a hero, em navClear). Só cor e sombra mudam: tamanho e alinhamento ficam iguais. */
@media (max-width:760px){
  #site .nav .nav-in,#site .nav.on-photo .nav-in,#site .nav.solid .nav-in{transition:background-color .2s ease,box-shadow .2s ease}
  #site .nav.nav-clear .nav-in{background-color:transparent;box-shadow:none}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce){#site .nav .nav-in{transition:none}}

/* Como funciona no celular: o mockup fica num quadro 1:1, alinhado ao topo e cortado embaixo, com um degradê
   na base indicando que a tela continua. Altura pelo espaçador (padding em %), que o Safari respeita. */
@media (max-width:760px){
  #site .how-demo{display:block;position:relative;min-height:0;padding:0}
  #site .how-demo::before{content:"";display:block;padding-top:100%}
  #site .how-demo>*{position:absolute;top:14px;left:8px;right:8px;width:auto;max-width:none;margin:0}
  #site .how-demo .mcmp .adh{font-size:12px;letter-spacing:-.01em}
  #site .how-demo .mcmp>div{padding-right:6px}
  #site .how-demo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:34%;z-index:2;pointer-events:none;
    background:linear-gradient(180deg,rgba(241,242,238,0) 0%,rgba(241,242,238,.85) 62%,#F1F2EE 100%)}
}

/* Âncoras: títulos não ficam atrás do menu */
#site section[id]{scroll-margin-top:96px}

/* ---------- Ticker: animado por script em pixels medidos (ver tickerRun) ---------- */
.ticker-track.js-tick{animation:none}

/* ---------- Reveal ---------- */
html.motion [data-rv]{opacity:0;translate:0 var(--rv-y,20px);transition:opacity .6s var(--out),translate .6s var(--out);transition-delay:var(--rv-d,0ms)}
html.motion [data-rv].in{opacity:1;translate:none}
html.motion [data-rv="line"]{opacity:1;translate:none;scale:0 1;transform-origin:0 50%;transition:scale .9s var(--out);transition-delay:var(--rv-d,0ms)}
html.motion [data-rv="line"].in{scale:1 1}
@media (max-width:760px){html.motion [data-rv]{--rv-y:12px;transition-duration:.45s}}

/* ---------- Hero: entrada coordenada (uma vez) ---------- */
@keyframes heroPic{from{opacity:0;scale:1.035}to{opacity:1;scale:1}}
@keyframes heroUp{from{opacity:0;translate:0 var(--hu,20px)}to{opacity:1;translate:none}}
@keyframes heroFade{from{opacity:0}to{opacity:1}}
@media (min-width:761px){html.motion .hero h1 .w{display:inline-block}}
html.hero-anim .hero .hero-pic{animation:heroPic 1.1s var(--out) both;transform-origin:70% 60%}
html.hero-anim .hero .hero-shade{animation:heroFade 1s ease both}
html.hero-anim .hero .hat{animation:heroUp .6s var(--out) .18s both}
html.hero-anim .hero h1 .w{animation:heroUp .64s var(--out) both}
html.hero-anim .hero h1 .l:first-child .w:first-child{animation-delay:.32s}
html.hero-anim .hero h1 .l:first-child .w:last-child{animation-delay:.46s}
html.hero-anim .hero h1 .l:last-child .w:first-child{animation-delay:.60s}
html.hero-anim .hero h1 .l:last-child .w:last-child{animation-delay:.74s}
html.hero-anim .hero .hero-side p{animation:heroUp .6s var(--out) .98s both}
html.hero-anim .hero .hero-side .cta{animation:heroUp .6s var(--out) 1.12s both}
@media (max-width:760px){
  html.hero-anim .hero{--hu:12px}
  html.hero-anim .hero .hero-pic{animation-duration:.8s}
  html.hero-anim .hero h1 .w{animation-duration:.48s}
  html.hero-anim .hero .hat{animation-delay:.1s}
  html.hero-anim .hero h1 .l:first-child .w:first-child{animation-delay:.2s}
  html.hero-anim .hero h1 .l:first-child .w:last-child{animation-delay:.3s}
  html.hero-anim .hero h1 .l:last-child .w:first-child{animation-delay:.4s}
  html.hero-anim .hero h1 .l:last-child .w:last-child{animation-delay:.5s}
  html.hero-anim .hero .hero-side p{animation-delay:.62s;animation-duration:.45s}
  html.hero-anim .hero .hero-side .cta{animation-delay:.72s;animation-duration:.45s}
}
/* saída suave do hero ao rolar (só desktop): leve aproximação e deslocamento da foto */
@media (min-width:901px){html.motion .hero-pic{transform:translate3d(0,var(--hero-y,0px),0) scale(var(--hero-s,1));transform-origin:70% 100%}}

/* ---------- Botões: hover, pressão e foco ---------- */
#site .cta{transition:background .18s,transform .18s var(--out),box-shadow .18s}
#site .cta:active{transform:translateY(1px) scale(.992)}
#site .cta:focus-visible,#site .nav-btn:focus-visible,#site .btn-line:focus-visible,#site .tlink:focus-visible,#site .demo-apps button:focus-visible,#site .demo-dirs button:focus-visible,#site .ec-tab:focus-visible,#site .who-tog:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}
#site .nav-btn{transition:background .18s,transform .15s var(--out)}
#site .nav-btn:active,#site .btn-line:active{transform:translateY(1px)}
#site .btn-line{transition:background .2s,color .2s,transform .15s var(--out)}
#site .tlink:active .hi{transform:translateX(5px)}
#site .nav-links button{transition:opacity .15s,background .18s}

/* ---------- Sobre: divisória e diferenciais ---------- */
.diff-lbl{border-bottom:0!important}
.diff-rule{display:block;height:1px;background:var(--ink)}
.diff-grid>div{position:relative}
.diff-grid>div::after{content:"";position:absolute;left:0;right:28px;top:-1px;height:2px;background:var(--sun-deep);scale:0 1;transform-origin:0 50%;transition:scale .45s var(--out)}
.diff-grid>div+div::after{left:28px}
.diff-grid>div:hover::after{scale:1 1}
.diff-grid .hi{transition:translate .3s var(--out),color .2s}
.diff-grid>div:hover .hi{translate:0 -2px}
@media (min-width:901px){
  html.motion .diff-grid>div+div{border-left-color:transparent}
  html.motion .diff-grid>div+div::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:1px;background:var(--line);transform-origin:50% 0;transition:scale .9s var(--out);transition-delay:var(--rv-d,0ms)}
  html.motion .diff-grid>div+div:not(.in)::before{scale:1 0}
}
@media (max-width:900px){.diff-grid>div::after,.diff-grid>div+div::after{left:0;right:0}}

/* ---------- Para quem: exemplos com abertura suave ---------- */
.who-card{transition:border-color .25s,box-shadow .25s,translate .3s var(--out)}
@media (hover:hover){.who-card:hover{translate:0 -2px}}
.who-ex{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;margin-top:-14px;border-top:0!important;padding-top:0!important;gap:0!important;
  transition:grid-template-rows .38s var(--out),opacity .25s ease,margin-top .38s var(--out),visibility 0s linear .38s}
.who-card.open .who-ex{grid-template-rows:1fr;opacity:1;visibility:visible;margin-top:0;transition:grid-template-rows .38s var(--out),opacity .3s ease .06s,margin-top .38s var(--out),visibility 0s}
.who-ex-in{min-height:0;overflow:hidden}
.who-ex-in>div{border-top:1px solid var(--line);padding-top:14px;display:grid;gap:10px}
.who-tog{border-radius:8px;transition:color .15s}
.who-tog:active .hi{translate:0 1px}

/* ---------- Demonstração: digite um nome ---------- */
.s-demo .demo-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:end;gap:28px clamp(40px,6vw,96px);margin-bottom:clamp(32px,3.6vw,48px)}
.s-demo .demo-head h2{font-size:clamp(40px,5vw,76px);max-width:10.5em}
.demo-lede{margin-top:20px;font-size:clamp(18px,1.4vw,20px);line-height:1.5;color:var(--ink-2);max-width:28em}
.demo-input{width:100%}
.demo-input input::placeholder{color:var(--faint);font-weight:400}
.demo-ctrl{display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap;margin-bottom:14px}
.demo-apps{display:inline-grid;grid-template-columns:repeat(3,auto);gap:4px;padding:4px;border-radius:14px;background:#EDEEEA}
.demo-apps button{border:0;min-height:44px;padding:0 20px;border-radius:10px;background:transparent;color:var(--mute);font-size:15px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s}
.demo-apps button:hover{color:var(--ink)}
.demo-apps button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(37,49,59,.06),0 6px 16px -12px rgba(37,49,59,.25)}
.demo-dirs button{transition:border-color .15s,background .2s,color .2s,transform .15s var(--out)}
.demo-dirs button:active{transform:translateY(1px)}
.demo-stage{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;margin:0}
.da{position:relative;margin:0;border-radius:14px;overflow:hidden;background:var(--wash);min-width:0;min-height:0;isolation:isolate}
.da[data-slot="main"]{grid-column:1;grid-row:1/3}
/* altura pela largura com espaçador (padding em %), em vez de aspect-ratio: o Safari ignora aspect-ratio em item esticado de grade */
.da[data-slot="main"]::before{content:"";display:block;padding-top:62.5%}
.da[data-slot="t1"]{grid-column:2;grid-row:1}
.da[data-slot="t2"]{grid-column:2;grid-row:2}
.da-body{position:absolute;inset:0;transition:opacity .2s ease}
.demo-stage.is-empty .da-body{opacity:.5}
.da-body>.tc{position:absolute!important;inset:0;height:100%;aspect-ratio:auto!important;border-radius:0!important}
.da-lbl{position:absolute;left:10px;bottom:10px;z-index:3;display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:rgba(255,255,255,.88);color:var(--ink);font-size:12.5px;font-weight:600;pointer-events:none}
.da[data-slot="main"] .da-lbl{left:14px;bottom:14px;font-size:13px;min-height:28px;padding:0 12px}
.da-hit{position:absolute;inset:0;z-index:4;border:0;background:transparent;border-radius:inherit;cursor:pointer}
.da-hit:hover{box-shadow:inset 0 0 0 2px var(--ink)}
.da[data-slot="main"] .da-hit{display:none}
/* logotipo: assinatura principal, versão invertida e monograma, como no estúdio */
.dl{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;padding:8px;background:var(--wash)}
.dl>div{border-radius:9px;overflow:hidden;min-height:0}
.dl svg{display:block;width:100%;height:100%}
.dl .dl-main{grid-row:1/3}
.da:not([data-slot="main"]) .dl{grid-template-columns:1fr;grid-template-rows:1fr;padding:0;gap:0}
.da:not([data-slot="main"]) .dl .dl-main{grid-row:auto;border-radius:0}
.da:not([data-slot="main"]) .dl .dl-sub{display:none}
/* anúncio: card de feed sobre fundo neutro */
.dad{position:absolute;inset:0;display:grid;place-items:center;padding:5%}
.dad svg{display:block;height:100%;width:auto;max-width:100%;border-radius:8px;box-shadow:0 1px 2px rgba(37,49,59,.08),0 18px 40px -24px rgba(37,49,59,.45)}
.da:not([data-slot="main"]) .dad{padding:8%}
.da:not([data-slot="main"]) .dad svg{border-radius:5px}
.da-in{animation:daIn .3s var(--out) both}
@keyframes daIn{from{opacity:0;translate:0 6px}}
.demo-note{margin-top:16px}
.demo-cta{display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;margin-top:clamp(36px,4vw,56px);padding-top:clamp(24px,2.6vw,32px);border-top:1px solid var(--line)}
.demo-cta p{font-size:clamp(17px,1.3vw,19px);line-height:1.5;color:var(--ink-2);max-width:30em}
.demo-acts{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap}
@media (max-width:860px){
  .s-demo .demo-head{grid-template-columns:1fr}
  .demo-ctrl{display:grid;justify-content:stretch}
  .demo-apps{display:grid;width:100%}
  .demo-apps button{padding:0 8px}
  .demo-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}
  .da[data-slot="main"]{grid-column:1;grid-row:1}
  .da:not([data-slot="main"]){display:none}
  .da[data-app="anuncio"][data-slot="main"]::before{padding-top:125%}
  .da[data-app="logo"][data-slot="main"]::before{padding-top:100%}
  .da[data-app="logo"] .dl{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1.25fr) minmax(0,1fr)}
  .da[data-app="logo"] .dl .dl-main{grid-row:auto;grid-column:1/-1}
  .dad{padding:6%}
  .demo-acts{width:100%}
  .demo-acts .cta{width:100%}
}
@media (max-width:480px){.s-demo .demo-head h2{font-size:clamp(31px,10.2vw,40px)}}

/* ---------- Avaliação: três nomes de exemplo ---------- */
.eval-side{display:grid;gap:22px;min-width:0}
.eval-text>p{max-width:30em}
.ec-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}
.ec-head .ec-lbl{margin:0;display:inline-flex;align-items:center;gap:8px}
.ec-head .ec-lbl::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sun-deep)}
.ec-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;border-radius:14px;background:#EDEEEA;margin-bottom:28px}
.ec-tab{border:0;min-height:44px;padding:6px 6px;border-radius:10px;background:transparent;color:var(--mute);font-size:15px;font-weight:600;line-height:1.15;text-wrap:balance;transition:background .2s,color .2s,box-shadow .2s}
.ec-tab:hover{color:var(--ink)}
.ec-tab[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(37,49,59,.06),0 6px 16px -12px rgba(37,49,59,.25)}
.ec-terr{margin-top:12px;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.eval-card .ec-tag{margin-top:8px;padding-bottom:24px}
.ec-bars{display:grid;gap:12px;padding:22px 0 24px;border-top:1px solid var(--line)}
.ec-bar{display:grid;grid-template-columns:128px minmax(0,1fr) 28px;align-items:center;gap:14px;font-size:14.5px;color:var(--ink-2)}
.ec-bar i{position:relative;height:6px;border-radius:3px;background:var(--wash);overflow:hidden}
.ec-bar i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--ink);transform-origin:0 50%;scale:var(--v,0) 1;transition:scale .55s var(--out)}
.ec-bar b{font-size:13px;font-weight:600;color:var(--mute);text-align:right;font-variant-numeric:tabular-nums}
.ec-ok{margin-top:28px;display:grid;grid-template-columns:22px minmax(0,1fr);gap:14px;padding:18px 20px;border-radius:16px;background:var(--ok-bg);font-size:15px;line-height:1.5;color:var(--ink-2)}
.ec-ok .hi{width:20px;height:20px;color:var(--ok);margin-top:1px}
.ec-why{margin-top:26px;display:grid;gap:10px}
.ec-why h3{font-family:var(--text);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.ec-why p{font-size:16px;line-height:1.55;color:var(--ink-2)}
.ec-foot{margin-top:24px;padding-top:16px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--mute)}
.ec-swap{animation:ecIn .32s var(--out) both}
@keyframes ecIn{from{opacity:0;translate:0 12px}}
.ec-end{font-family:var(--display);font-size:clamp(22px,2vw,28px);font-weight:520;letter-spacing:-.02em;line-height:1.15;color:var(--ink);padding-left:4px}
@media (max-width:560px){.ec-tab{font-size:14px;padding:0 4px}.ec-bar{grid-template-columns:104px minmax(0,1fr) 24px;gap:10px;font-size:14px}}

/* ---------- Movimento reduzido: estados trocam na hora ---------- */
@media (prefers-reduced-motion:reduce){
  .da-in,.ec-swap{animation:none!important}
  .ec-bar i::after,.who-card,.who-ex,.diff-grid>div::after,.diff-grid .hi,.da-body,.demo-apps button,.ec-tab{transition:none!important}
  .who-card:hover{translate:none}
  .faq details::details-content{transition:none}
  .faq details[open] .a{animation:none}
}


/* ================= Identidade 2026: tipografia =================
   Chamadas: Granse Black, caixa alta, tracking e entrelinha apertados (referência Wise).
   Texto e interface: Schibsted Grotesk (--text). */
@font-face{font-family:"Granse";src:url(data:font/woff2;base64,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) format("woff2");font-weight:900;font-style:normal;font-display:swap}
:root{--head:"Granse","Archivo","Helvetica Neue",Arial,sans-serif}
.hero h1,#site h2,.s-end h2{
  font-family:var(--head)!important;font-weight:900!important;font-synthesis:none;font-stretch:normal!important;
  text-transform:uppercase;letter-spacing:-.018em!important;word-spacing:.08em;line-height:.95!important;text-wrap:balance}
.hero h1{line-height:.9!important}
.hero.light h1{font-size:clamp(48px,6.2vw,112px)}
@media (max-width:900px){.hero.light h1{font-size:clamp(50px,15.2vw,96px)}}
/* arte de fundo do fechamento: nova marca (viewBox maior, traço compensado) */
.end-art{stroke-width:.3}
@media (max-width:560px){.end-art{stroke-width:.42}}
/* eyebrow do hero: canto da tag concêntrico ao do símbolo (raio do símbolo + respiro de 6px) */
.hat{border-radius:13px}
.hat .mark{border-radius:7px}
/* chamadas em preto; fundo do site branco */
:root{--paper:#FFFFFF}
/* azul secundário fixo da marca (moodboard do cliente): fundo de seções (--blue), painéis/cards internos (--blue-soft) e bordas/divisórias (--blue-line) */
:root{--blue:#ECF5FD;--blue-soft:#F7FBFF;--blue-line:#DCEBF7}
/* seções "Como funciona" e "Dúvidas" com fundo azul-claro; cards/painéis internos continuam brancos */
#site .s-how{background:var(--blue)}
#site .s-faq{background:var(--blue)}
/* plano Start: superfície azul suave, sem mexer no destaque amarelo do plano recomendado */
#plansGrid .pz-card:first-child{background:var(--blue-soft)}
.hero h1,.hero.light h1,.hero h1 .hl,#site h2,.s-end h2{color:#000!important}
body:has(#site:not([hidden])){background:#fff}


/* ================= REFINO 2026-10 · referência Wise =================
   Hero, ordem e lógica das seções são os da versão original. O resto da página fica em papel, com superfícies
   lisas (--wash / --surface), cantos arredondados, sem borda e sem sombra nos cards; personalidade pela escala
   tipográfica, pelo produto mostrado grande e por textos curtos. Tokens de cor, ferramenta e logotipo não mudam. */

.cta-note{font-size:14px;line-height:1.4;color:var(--ink-2)}

/* ---------- Escala das chamadas ---------- */
#site .faq-intro h2{max-width:8em}
#site .s-who h2{max-width:13em}

/* ---------- Demonstração ---------- */
.demo-apps{background:var(--wash)}
.demo-apps button[aria-pressed="true"]{box-shadow:none}
.demo-dirs button{border-color:transparent;background:var(--wash)}
.demo-dirs button:hover{border-color:transparent;background:#E4E7E7}
.demo-dirs button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.dad svg{box-shadow:none}

/* ---------- Como funciona: título à esquerda, produto maior ---------- */
.how-head{justify-items:start;text-align:left;margin:0 0 clamp(32px,3.6vw,48px);max-width:none}
.how-tabs{background:var(--blue-soft)}
.how-tab[aria-selected="true"]{box-shadow:none}
.how-panel2{background:var(--blue-soft);box-shadow:none;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);padding:clamp(12px,1.4vw,20px);padding-right:clamp(24px,4vw,56px)}
.how-demo{background:transparent;min-height:600px;padding:clamp(12px,2vw,28px)}
#site .mini{max-width:700px;box-shadow:none;font-size:16px}
.how-cta{justify-content:flex-start}
@media (max-width:900px){
  .how-tabs{background:transparent}
  .how-tab{background:var(--blue-soft)}
  .how-tab[aria-selected="true"]{background:var(--ink);color:#fff}
  .how-tab[aria-selected="true"] .how-ti{color:var(--ink)}
  .how-panel2{grid-template-columns:1fr;padding:10px}
  .how-demo{min-height:0}
}
@media (max-width:760px){
  #site .how-demo::after{background:linear-gradient(180deg,rgba(247,251,255,0) 0%,rgba(247,251,255,.85) 62%,var(--blue-soft) 100%)}
}

/* ---------- Avaliação: topo do título alinhado ao topo do card ---------- */
.eval-grid{align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,560px)}
.eval-card{background:var(--wash);box-shadow:none}
.ec-tabs{background:rgba(37,49,59,.07)}
.ec-tab[aria-selected="true"]{box-shadow:none}
.ec-bars,.ec-sec,.ec-foot{border-top-color:rgba(37,49,59,.1)}
.ec-bar i{background:rgba(37,49,59,.1)}
.ec-warn{box-shadow:none}
@media (max-width:900px){.eval-grid{grid-template-columns:1fr;gap:48px}.eval-card{max-width:620px}}

/* ---------- Para quem: superfície lisa, ícone de traço, maior ---------- */
.s-eval:has(+ .kinds){padding-bottom:clamp(72px,8vw,112px)}
#site .who-card{background:var(--wash);border:0;box-shadow:none}
#site .who-card:hover,#site .who-card.open{border:0;box-shadow:none;background:#E7EAEA}
#site .who-ic,#site .who-card:hover .who-ic,#site .who-card.open .who-ic{display:block;place-items:start;width:auto;height:auto;background:none;border-radius:0;margin-bottom:22px}
#site .who-ic .hi{width:44px;height:44px;display:block}

/* ---------- Tipos de empreendimento: grade fixa ---------- */
.kinds{padding-block:0 clamp(56px,6vw,88px)}
.kinds-t{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:16px}
.kinds-grid{list-style:none;margin:0;padding:clamp(24px,2.6vw,36px) clamp(16px,2vw,28px);border-radius:28px;background:var(--wash);
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px 12px}
.kind{display:grid;justify-items:center;gap:12px;min-width:0}
.kind-ic{width:clamp(72px,7vw,92px);height:auto;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:var(--surface);color:var(--ink);transition:translate .25s var(--out,ease)}
.kind-ic svg{width:46%;height:46%;display:block}
.kind-n{font-family:var(--text);font-size:15px;font-weight:600;line-height:1.2;text-align:center;color:var(--ink)}
@media (hover:hover){.kind:hover .kind-ic{translate:0 -4px}}
@media (min-width:1240px){.kinds-grid{grid-template-columns:repeat(10,minmax(0,1fr));gap:20px 8px}.kind-ic{width:clamp(72px,6.2vw,88px)}}
@media (max-width:640px){
  .kinds-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;border-radius:22px}
  .kind{grid-template-columns:auto minmax(0,1fr);justify-items:start;align-items:center;gap:10px;padding:8px 10px 8px 8px;border-radius:14px;background:var(--surface)}
  .kind-ic{width:40px;background:var(--wash)}
  .kind-n{text-align:left;font-size:14px;min-width:0;overflow-wrap:anywhere}
}
@media (prefers-reduced-motion:reduce){.kind-ic{transition:none}}

/* ---------- Perguntas ---------- */
.faq{background:var(--blue-soft)}
.faq details:hover{box-shadow:none}
.faq-ic{background:var(--blue-line)}

/* ---------- Fechamento: em papel; o amarelo fica no botão ---------- */
#site .end-card{background:var(--wash)}
#site .end-card::before{display:none}
#site .end-art{stroke:rgba(37,49,59,.12)}
#site .end-card .cta{min-height:60px;padding:0 10px 0 26px;font-size:18px;background:var(--sun);color:var(--ink);box-shadow:none}
#site .end-card .cta:hover{background:var(--sun-deep)}
#site .end-card .cta .hi{width:40px;height:40px;background:var(--ink);color:var(--sun)}
.end-acts{align-items:flex-start}
.end-main{display:grid;justify-items:center;gap:10px}
.end-acts>.tlink{min-height:60px}
#site .end-card .cta-note{color:var(--mute);font-size:14px}
@media (max-width:560px){.end-main{width:100%}.end-acts>.tlink{min-height:44px;align-self:center}}

@media (prefers-reduced-motion:reduce){.demo-dirs button,.plan,.who-card{transition:none!important}}

/* botões sem seta */
#site .cta,#site .cta.ink,#site .end-card .cta{justify-content:center;padding:0 28px}
#site .nav-btn,#site .nav.on-photo .nav-btn{padding:0 20px}
/* navbar: no topo é parte da hero (sem fundo, alinhada ao conteúdo da hero); ao rolar, barra branca flutuante */
#site .nav-in,#site .nav.on-photo .nav-in,#site .nav.solid .nav-in{transition:background-color .3s ease,box-shadow .3s ease,max-width .35s var(--out),padding .35s var(--out)}
#site .nav.on-photo .nav-in{background-color:transparent;box-shadow:none}
@media (min-width:901px){
  #site .nav-in,#site .nav.solid .nav-in{max-width:1120px}
  #site .nav.on-photo .nav-in{max-width:100%;padding:0 max(calc(var(--gut) - var(--nav-x)),calc((100% - var(--wrap-site)) / 2))}
}
@media (prefers-reduced-motion:reduce){#site .nav-in,#site .nav.on-photo .nav-in,#site .nav.solid .nav-in{transition:none}}
/* "Mais do que uma lista de sugestões": sem a linha; ícone em box amarelo */
#site .diff-rule{display:none}
#site .diff-grid>div::after{display:none}
#site .diff-grid>div{grid-template-columns:44px minmax(0,1fr);column-gap:16px}
#site .diff-grid .hi{width:44px;height:44px;padding:11px;border-radius:12px;background:var(--sun);color:var(--ink);margin-top:0}
/* pontuação com espaço normal no texto da landing (números tabulares só onde há números alinhados) */
#site{font-variant-numeric:normal}
#site .adh-sc,#site .ec-bar b,#site .how-pill{font-variant-numeric:tabular-nums}
/* diferenciais sem divisórias */
#site .diff-grid>div,#site .diff-grid>div+div{border-left:0;border-bottom:0}
html.motion #site .diff-grid>div+div::before{display:none}
/* chamadas menores */
/* centralizado sempre que possível */
#site .about-grid{grid-template-columns:1fr;justify-items:center;text-align:center;gap:20px}
#site .about-grid h2{max-width:16em}
#site .about-text{justify-items:center}
#site .about-text p{max-width:34em}
#site .about-text .tlink,#site .faq-intro .btn-line{justify-self:center}
#site .diff-lbl{text-align:center}
#site .diff-grid>div,#site .diff-grid>div+div{grid-template-columns:1fr;justify-items:center;text-align:center;padding:28px 24px 0;gap:6px}
#site .diff-grid .hi{grid-row:auto;margin-bottom:10px}
#site .s-who h2{margin-inline:auto;text-align:center;max-width:14em}
#site .who-card{align-items:center;text-align:center}
#site .who-ic,#site .who-card:hover .who-ic,#site .who-card.open .who-ic{margin-inline:auto}
#site .how-head{justify-items:center;text-align:center;margin-inline:auto}
#site .how-cta{justify-content:center}
#site .s-demo .demo-head{grid-template-columns:1fr;justify-items:center;text-align:center}
#site .s-demo .demo-head h2{margin-inline:auto}
#site .demo-lede{margin-inline:auto}
#site .demo-input{width:min(100%,400px)}
#site .demo-input input{text-align:center}
#site .demo-ctrl{justify-content:center}
#site .demo-cta{flex-direction:column;justify-content:center;text-align:center}
#site .demo-acts{justify-content:center}
#site .kinds-t{text-align:center}
#site .faq-grid{grid-template-columns:1fr;justify-items:center}
#site .faq-intro{position:static;justify-items:center;text-align:center}
#site .faq-intro h2{max-width:none}
#site .faq{width:100%;max-width:880px}
@media (max-width:900px){#site .diff-grid>div,#site .diff-grid>div+div{padding:24px 0 0}}
/* tipos logo abaixo de "Para quem" */
.s-who:has(+ .kinds){padding-bottom:clamp(48px,5vw,72px)}
#site .kinds{padding-bottom:0}
/* título da hero em três linhas, um pouco menor */
#site .hero.light h1{font-size:clamp(38px,4.6vw,84px)}
@media (max-width:900px){#site .hero.light h1{font-size:clamp(38px,11.4vw,72px)}}
html.hero-anim .hero h1 .l:nth-child(2) .w{animation-delay:.60s}
@media (max-width:760px){html.hero-anim .hero h1 .l:nth-child(2) .w{animation-delay:.4s}}
/* chamadas centralizadas em até duas linhas: sem limite estreito de largura */
#site .about-grid h2,#site .s-who h2,#site .how-head h2,#site .s-demo .demo-head h2,#site .faq-intro h2{max-width:24em}
#site .s-end h2{max-width:17em}
@media (min-width:901px) and (max-width:1240px){#site .eval-grid{grid-template-columns:minmax(0,1fr) minmax(0,460px);column-gap:48px}}
/* chamadas das seções um pouco maiores */
#site .about-grid h2,#site .demo-head h2,#site .how-head h2,#site .eval-text h2,#site .s-who h2,#site .faq-intro h2,#site .pz-head h2{font-size:clamp(31px,3.6vw,54px)}
#site .s-end h2{font-size:clamp(34px,4.4vw,72px)}
@media (min-width:901px) and (max-width:1240px){#site .eval-text h2{font-size:clamp(26px,2.8vw,38px)}}
@media (min-width:1241px){#site .eval-grid{grid-template-columns:minmax(0,1fr) minmax(0,500px);column-gap:64px}}
@media (max-width:480px){#site .about-grid h2,#site .demo-head h2,#site .how-head h2,#site .eval-text h2,#site .s-who h2,#site .faq-intro h2,#site .pz-head h2{font-size:clamp(26px,8vw,34px)}}
/* sem rótulo nos diferenciais; tipos: frase dentro do card */
#site .diff{margin-top:clamp(40px,4.4vw,64px)}
#site .diff-grid>div:first-child,#site .diff-grid>div{padding-top:0}
#site .kinds-card{border-radius:28px;background:var(--wash);padding:clamp(28px,3vw,40px) clamp(16px,2vw,28px) clamp(24px,2.6vw,36px);overflow:visible}
#site .kinds-card .kinds-t{margin:0 0 clamp(20px,2.4vw,28px);font-size:17px}
#site .kinds-grid{background:none;padding:0;border-radius:0}
@media (max-width:640px){#site .kinds-card{padding:20px 8px 8px;border-radius:22px}#site .kinds-card .kinds-t{margin-bottom:14px;font-size:16px}#site .kinds-grid{padding:0}}
@media (min-width:901px){#site .diff-grid>div+div{padding-top:0}}
@media (max-width:900px){#site .diff-grid>div+div{padding-top:24px}}
/* "Para quem" e tipos juntos: mesmo espaço entre os cards */
#site .s-who:has(+ .kinds){padding-bottom:clamp(12px,1.4vw,20px)}
/* título da hero: uma palavra por linha */
#site .hero.light h1 .l,#site .hero.light h1 .w{display:block}
/* ================= v3 · hierarquia e conversão =================
   Criação em destaque; avaliação, comparação e visualização como apoio. Menos espaço vertical. */
/* ritmo vertical mais curto */
#site .s-about{padding-block:clamp(64px,7vw,104px) clamp(48px,5vw,72px)}
#site .s-how,#site .s-demo,#site .s-faq{padding-block:clamp(64px,7vw,104px)}
#site .s-eval{padding-block:clamp(64px,7vw,104px)}
#site .s-who{padding-block:clamp(64px,7vw,104px) 0}
#site .s-who:has(+ .kinds){padding-bottom:clamp(12px,1.4vw,20px)}
#site .kinds{padding-bottom:clamp(64px,7vw,104px)}
#site .s-plans{padding-block:clamp(56px,6vw,88px) clamp(32px,4vw,56px)}
#site .s-end{padding-top:clamp(40px,5vw,72px)}
#site .how-head,#site .s-who h2{margin-bottom:clamp(28px,3vw,40px)}
/* criação contextualizada: quatro entradas do briefing */
#site .diff-grid.diff-4{grid-template-columns:repeat(4,minmax(0,1fr))}
#site .diff-grid h3{font-family:var(--text);font-size:18px;font-weight:600;letter-spacing:0}
#site .diff-grid.diff-4>div,#site .diff-grid.diff-4>div+div{justify-items:start;text-align:left}
/* primeiro ícone alinhado com a borda da seção (mesmo recuo do carrossel de fotos abaixo) */
@media (min-width:901px){#site .diff-grid.diff-4>div:first-child{padding-left:0}}
@media (max-width:900px){#site .diff-grid.diff-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}#site .diff-grid.diff-4>div{padding:0}}
/* processo de criação: três etapas */
.mterr{display:block;font-size:11.5px!important;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.mname.mex{justify-content:flex-start}
.mname.mex b{margin:2px 0}
.mwhy-top{display:grid;gap:4px;padding-bottom:4px}
.mwhy-n{font-family:var(--display);font-size:32px;font-weight:560;letter-spacing:-.025em;line-height:1.05}
.mwhy-t{font-size:14px;color:var(--mute)}
.mwhy{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--line)}
.mwhy small{font-size:12px;color:var(--mute)}
.mwhy p{font-size:15px;line-height:1.5;color:var(--ink-2)}
/* avaliação: transparência */
#site .eval-text>.eval-note{font-size:14px;line-height:1.5;color:var(--mute);max-width:34em;margin:-12px 0 16px}
/* menu do celular: acesso ao CTA */
#site .nav-sheet .sheet-cta{margin-top:6px;justify-content:center;text-align:center;background:var(--sun);color:var(--ink);font-weight:600}
#site .nav-sheet .sheet-cta:hover{background:var(--sun-deep)}
@media (max-width:760px){
  #site .s-about{padding-block:56px 40px}
  #site .s-how,#site .s-demo,#site .s-eval,#site .s-faq{padding-block:56px}
  #site .s-who{padding-top:56px}
  #site .kinds{padding-bottom:56px}
  #site .about-text p{font-size:17px}
}
/* ================= Parecer de naming (LP e ferramenta) =================
   Classificação discreta (marcador monocromático + texto), leitura estratégica em linhas com divisórias finas,
   listas com traço. Sem barras, notas grandes ou cores por faixa. */
.adh,.adh.f-forte,.adh.f-boa,.adh.f-exploratoria{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;letter-spacing:.005em;color:var(--ink-2);white-space:nowrap;background:none;padding:0}
.adh-mk{flex:none;width:9px;height:9px;border-radius:50%;border:1.5px solid var(--ink);box-sizing:border-box}
.adh.f-forte .adh-mk{background:var(--ink)}
.adh.f-boa .adh-mk{background:linear-gradient(90deg,var(--ink) 50%,transparent 50%)}
.adh.f-exploratoria .adh-mk{background:transparent}
.adh.f-rever{color:var(--mute)}
.adh.f-rever .adh-mk{border-style:dashed;border-color:var(--faint)}
.adh.big{font-size:15px;color:var(--ink)}
.adh.big .adh-mk{width:10px;height:10px}
.pz-nv{display:inline-block;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);white-space:nowrap}
.pz-nv-1{color:var(--ink-2)}
.pz-nv-0{color:var(--warn)}
.leit{margin:0;display:grid}
.leit>div{display:grid;grid-template-columns:minmax(0,10.5em) minmax(0,1fr);gap:4px 20px;padding:13px 0;border-top:1px solid var(--line)}
.leit>div:last-child{border-bottom:1px solid var(--line)}
.leit dt{font-size:15px;font-weight:600;line-height:1.35;color:var(--ink)}
.leit dd{margin:0;display:grid;gap:3px;font-size:15px;line-height:1.45;color:var(--ink-2)}
.pz-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.pz-list li,.dt-sec .pz-list li{position:relative;display:block;padding-left:20px;font-size:15.5px;line-height:1.5;color:var(--ink-2)}
.pz-list li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:1.5px;background:var(--ink)}
.pz-list.pz-attn li::before{background:var(--warn)}
.pnone{font-size:15px;line-height:1.5;color:var(--mute)}
.mnone{color:var(--mute)}
@media (max-width:560px){.leit>div{grid-template-columns:1fr}}
/* ficha na ferramenta */
.dt-class{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}
.dt-terr{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.dt-syn{font-size:17px;line-height:1.55;color:var(--ink)}
.dt2 .dt-sec h3{font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.dt-note{margin-top:-8px}
/* comparação */
.cmp-lv{display:grid;gap:3px;font-size:14px;line-height:1.4;color:var(--ink-2)}
/* card de avaliação da LP */
.ec-cls{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap}
.ec-cls .ec-terr{margin:0}
#site .eval-card .ec-sec{border-top:0;padding-top:22px;gap:12px}
#site .eval-card .leit>div{border-color:rgba(37,49,59,.1)}
#site .eval-card .ec-tag{padding-bottom:4px}
/* classificações na LP */
#site .tiers{display:grid;gap:0;padding:0;border-top:0;max-width:600px}
#site .tiers li{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:4px 16px;align-items:baseline;padding:12px 0;border-top:1px solid var(--line)}
#site .tiers li:last-child{border-bottom:1px solid var(--line)}
#site .tiers small{padding:0;font-size:14.5px;line-height:1.45;color:var(--mute)}
#site .tiers .adh{font-size:15px;color:var(--ink)}
@media (max-width:560px){#site .tiers li{grid-template-columns:1fr}}
/* parecer com cores de feedback: aderência e níveis nas cores semânticas do sistema */
.adh.f-forte{color:var(--fx-forte)}.adh.f-forte .adh-mk{border-color:var(--fx-forte);background:var(--fx-forte)}
.adh.f-boa{color:var(--fx-boa)}.adh.f-boa .adh-mk{border-color:var(--fx-boa);background:linear-gradient(90deg,var(--fx-boa) 50%,transparent 50%)}
.adh.f-exploratoria{color:var(--fx-exp)}.adh.f-exploratoria .adh-mk{border-color:var(--fx-exp)}
.adh.big{padding:5px 12px 5px 10px;border-radius:999px}
.adh.big.f-forte{background:var(--fx-forte-bg)}.adh.big.f-boa{background:var(--fx-boa-bg)}.adh.big.f-exploratoria{background:var(--fx-exp-bg)}
#site .tiers .adh.f-forte{color:var(--fx-forte)}#site .tiers .adh.f-boa{color:var(--fx-boa)}#site .tiers .adh.f-exploratoria{color:var(--fx-exp)}
.pz-nv{padding:2px 8px;border-radius:999px;justify-self:start;letter-spacing:.08em}
.pz-nv-2{color:var(--fx-forte);background:var(--fx-forte-bg)}
.pz-nv-1{color:var(--fx-boa);background:var(--fx-boa-bg)}
.pz-nv-0{color:var(--warn);background:var(--warn-bg)}
.pz-list li::before{background:var(--fx-forte);height:2px}
.pz-list.pz-attn li::before{background:var(--fx-exp)}
.pz-list.pz-attn{padding:14px 16px;border-radius:12px;background:var(--warn-bg)}
.pz-list.pz-attn li{color:var(--warn)}
.pnone{padding:14px 16px;border-radius:12px;background:var(--ok-bg);color:var(--ink-2)}
.cmp-lv .pz-nv{display:inline-block}
.mwarn{color:var(--warn)}
/* ================= Footer institucional ================= */
#site .ef2{gap:0;margin-top:clamp(56px,7vw,96px);padding-top:clamp(40px,4.4vw,56px);border-top:1px solid var(--line)}
#site .ef2 .ef-top{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:40px 32px;padding-bottom:clamp(40px,4.4vw,56px)}
#site .ef2 .ef-brand{max-width:22em}
#site .ef2 .ef-brand p{font-size:15px;line-height:1.55;color:var(--ink-2)}
#site .ef2 .ef-brand .ef-sub{color:var(--mute)}
#site .ef2 .ef-k{letter-spacing:.14em;margin-bottom:14px;color:var(--ink)}
#site .ef2 .ef-col a,#site .ef2 .ef-col button{font-size:15px;min-height:34px}
.ef-soon{display:grid;gap:1px;padding-block:7px;font-size:15px;line-height:1.35;color:var(--mute)}
.ef-soon small{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.ef-legal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px clamp(32px,5vw,72px);padding-block:28px;border-top:1px solid var(--line)}
.ef-legal p{font-size:13px;line-height:1.6;color:var(--mute);max-width:62em}
.ef-legal .ef-lt{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
#site .ef2 .ef-bot{padding-block:20px 32px;font-size:13px;color:var(--mute)}
@media (max-width:1100px){#site .ef2 .ef-top{grid-template-columns:repeat(4,minmax(0,1fr))}#site .ef2 .ef-brand{grid-column:1/-1}}
@media (max-width:760px){#site .ef2 .ef-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}.ef-legal{grid-template-columns:1fr;gap:18px}}
@media (max-width:560px){#site .ef2 .ef-col a,#site .ef2 .ef-col button,.ef-soon{font-size:16px;padding-block:10px}#site .ef2 .ef-col button{text-align:left}#site .ef2 .ef-bot{flex-direction:column;gap:6px}}
/* ================= Carrossel de nomes por tipo ================= */
.bzc{margin-top:clamp(40px,5vw,72px)}
.bzc-stage{position:relative;max-width:1240px;margin:0 auto;aspect-ratio:1376/768;border-radius:clamp(16px,2.4vw,28px);overflow:hidden;background:#1b1c19;isolation:isolate}
.bzc-photo{position:absolute;inset:0;background-size:cover;background-position:center;will-change:transform}
.bzc-tag{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);width:min(46%,560px);aspect-ratio:414/64.913;border-radius:calc(16.913/414*100%)/calc(16.913/64.913*100%);overflow:hidden;filter:drop-shadow(0 10px 30px rgba(0,0,0,.18))}
.bzc-tag img.t{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none}
.bzc-swipe{position:absolute;z-index:3;top:0;left:0;height:100%;aspect-ratio:1/1;will-change:transform}
.bzc-swipe img{width:100%;height:100%;display:block}
.bzc-pause{position:absolute;z-index:6;top:clamp(10px,1.6vw,20px);right:clamp(10px,1.6vw,20px);width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#121310;display:grid;place-items:center;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.bzc-pause:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media (max-width:640px){.bzc-stage{aspect-ratio:4/5}.bzc-tag{width:84%}}

/* Para quem é: composição editorial (foto à esquerda, lista à direita) */
#site .s-who{padding-block:clamp(64px,7vw,104px) clamp(24px,3vw,40px)}
#site .s-who:has(+ .kinds){padding-bottom:clamp(72px,8vw,120px)}
#site .who2-cta{grid-column:1/-1;grid-row:2;margin-top:clamp(28px,3vw,40px);display:flex;justify-content:center}
#site .who2{display:grid;grid-template-rows:auto auto;grid-template-columns:minmax(0,510px) minmax(0,1fr);gap:clamp(40px,5vw,72px);align-items:start;justify-content:center;max-width:1040px;margin-inline:auto}
#site .who2-ph{margin:0;border-radius:28px;overflow:hidden;grid-column:1;grid-row:1;align-self:stretch;min-height:0;position:relative;background:var(--wash)}
#site .who2-ph img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%;filter:none}
#site .who2-tx{min-width:0;grid-column:2;grid-row:1}
#site .who2 h2{text-align:left;margin:0;max-width:none}
#site .who2-lead{margin:clamp(16px,1.6vw,22px) 0 clamp(24px,2.6vw,34px);max-width:28em;color:var(--ink-2);font-size:clamp(16px,1.2vw,18px);line-height:1.5}
#site .who2-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
#site .who2-list li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:16px;align-items:start;padding:20px 0;border-bottom:1px solid var(--line)}
#site .who2-ic{width:44px;height:44px;border-radius:50%;background:var(--blue);display:grid;place-items:center;color:var(--ink)}
#site .who2-ic .hi{width:20px;height:20px;display:block}
#site .who2-t{display:grid;gap:4px;padding-top:2px}
#site .who2-list h3{font-family:var(--text);font-size:clamp(17px,1.25vw,18px);font-weight:600;letter-spacing:0;line-height:1.3;margin:0;text-transform:none;color:var(--ink)}
#site .who2-list p{margin:0;color:var(--ink-2);font-size:clamp(15px,1.1vw,16px);line-height:1.5;font-weight:400;max-width:34em}
@media (max-width:900px){
  #site .who2{grid-template-columns:1fr;grid-template-rows:none;gap:32px;max-width:520px}
  #site .who2-ph{grid-column:1;grid-row:auto;aspect-ratio:1856/2304}
  #site .who2-tx,#site .who2-cta{grid-column:1;grid-row:auto}
  #site .who2-cta{margin-top:-4px}
  #site .s-who{padding-top:56px}
}

/* Para quem é: card da ferramenta sobre a foto (decorativo, estático) */
#site .who2-card{position:absolute;z-index:2;left:clamp(14px,1.6vw,22px);right:clamp(14px,1.6vw,22px);bottom:clamp(14px,1.6vw,22px);max-width:330px;background:#fff;border-radius:18px;padding:6px;box-shadow:0 14px 40px -12px rgba(23,28,34,.35)}
#site .w2c-r{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:13px}
#site .w2c-r.on{background:var(--wash)}
#site .w2c-k{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid #D5D9DC;display:grid;place-items:center;color:var(--ink);margin-right:-2px}
#site .w2c-r.on .w2c-k{background:var(--sun);border-color:var(--sun)}
#site .w2c-n{flex:1}

#site .w2c-n{display:grid;gap:1px;min-width:0}
#site .w2c-n b{font-weight:600;font-size:15px;line-height:1.25;color:var(--ink);white-space:nowrap}
#site .w2c-n i{font-style:normal;font-size:12.5px;line-height:1.3;color:var(--mute)}
#site .w2c-b{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;white-space:nowrap;color:var(--ink-2)}
#site .w2c-b u{width:8px;height:8px;border-radius:50%;background:currentColor;flex:none;text-decoration:none}
#site .w2c-b.f-forte{color:var(--fx-forte)}#site .w2c-b.f-boa{color:var(--fx-boa)}
@media (max-width:480px){#site .w2c-r{padding:9px 10px}#site .w2c-n b{font-size:14px}#site .w2c-b{font-size:11.5px}}

/* Avaliação: card de demonstração compacto */
#site .eval-card{padding:clamp(22px,2.4vw,32px)}
#site .eval-card .ec-tabs{margin-bottom:22px}
#site .eval-card .ec-top{gap:10px}
#site .eval-card .ec-top b{font-size:clamp(28px,2.5vw,36px)}
#site .eval-card .ec-terr{margin-top:0}
#site .eval-card .ec-tag{margin-top:6px;padding-bottom:0;font-size:16px;line-height:1.5}
#site .ec-crit{display:grid;gap:16px;margin-top:22px;padding-top:20px;border-top:1px solid rgba(37,49,59,.1)}
#site .ec-cr{display:grid;gap:3px}
#site .ec-cr-h{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;color:var(--ink)}
#site .ec-cr p{margin:0;font-size:14.5px;line-height:1.45;color:var(--ink-2)}
#site .ec-pts{display:grid;gap:8px;margin-top:20px}
#site .ec-pt{margin:0;display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;align-items:baseline;padding:11px 14px;border-radius:12px;font-size:14.5px;line-height:1.4}
#site .ec-pt b{white-space:nowrap;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
#site .ec-pt.ok{background:var(--fx-forte-bg)}#site .ec-pt.ok b{color:var(--fx-forte)}
#site .ec-pt.at{background:var(--warn-bg)}#site .ec-pt.at b{color:var(--warn)}
#site .ec-pt.at.none{background:var(--ok-bg)}#site .ec-pt.at.none b{color:var(--ink-2)}
#site .ec-pt span{color:var(--ink-2)}
@media (max-width:560px){#site .ec-pt{grid-template-columns:1fr;gap:2px}}

/* Avaliação: cores e contraste do card de demonstração */
#site .eval-card{background:#F5F6F6;box-shadow:none;border:0}
#site .eval-card .pz-nv-2{background:#CFE9DA;color:#1B6341}
#site .eval-card .pz-nv-1{background:#D3E4F7;color:#2A5B92}
#site .eval-card .pz-nv-0{background:#FBE9A8;color:#5C4A00}
#site .eval-card .adh.f-forte{background:#CFE9DA;color:#1B6341}
#site .eval-card .adh.f-boa{background:#D3E4F7;color:#2A5B92}
#site .eval-card .adh.f-exploratoria{background:#FBE9A8;color:#5C4A00}
#site .eval-card .adh.f-forte .adh-mk{border-color:#1B6341}#site .eval-card .adh.f-forte .adh-mk{background:#1B6341}
#site .eval-card .adh.f-boa .adh-mk{border-color:#2A5B92;background:linear-gradient(90deg,#2A5B92 50%,transparent 50%)}
#site .eval-card .ec-pt.ok{background:#DCF0E4}#site .eval-card .ec-pt.ok b{color:#1B6341}
#site .eval-card .ec-pt.at,#site .eval-card .ec-pt.at.none{background:#FFF3C4}#site .eval-card .ec-pt.at b,#site .eval-card .ec-pt.at.none b{color:#6B5200}

/* Avaliação: grid interno do card (4 grupos, escala 4/8/12/16/24) */
#site .eval-card .ec-tabs{gap:4px;padding:4px;margin-bottom:24px}
#site .eval-card .ec-tab{min-height:44px;padding:6px 10px;font-size:14.5px;font-weight:600;white-space:nowrap}
#site .eval-card .ec-top{gap:12px}
#site .eval-card .ec-top b{font-size:clamp(26px,2.2vw,32px);line-height:1.1;letter-spacing:-.02em}
#site .eval-card .ec-cls{display:flex;align-items:center;gap:6px 12px;flex-wrap:wrap}
#site .eval-card .ec-terr{margin:0;font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2)}
#site .eval-card .ec-tag{margin-top:12px;font-size:15.5px;line-height:1.5}
#site .eval-card .ec-crit{gap:0;margin-top:24px;padding-top:0;border-top:1px solid rgba(37,49,59,.1)}
#site .eval-card .ec-cr{gap:2px;padding:14px 0}
#site .eval-card .ec-cr:first-child{padding-top:16px}
#site .eval-card .ec-cr+.ec-cr{border-top:1px solid rgba(37,49,59,.07)}
#site .eval-card .ec-cr-h{min-height:24px;font-size:15px}
#site .eval-card .ec-cr p{font-size:14px;line-height:1.45}
#site .eval-card .pz-nv{min-width:76px;text-align:center;padding:3px 10px;font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none}
#site .eval-card .ec-pts{gap:8px;margin-top:10px}
#site .eval-card .ec-pt{grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:baseline;padding:10px 14px;border-radius:10px;font-size:14px;line-height:1.45}
#site .eval-card .ec-pt b{font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none}
#site .eval-card .ec-pt.ok{background:#E4F2EA}
#site .eval-card .ec-pt.at{background:#FFF6D6}
#site .eval-card .ec-pt.at.none{background:rgba(37,49,59,.05)}
#site .eval-card .ec-pt.at.none b{color:var(--ink-2)}
@media (max-width:560px){
  #site .eval-card .ec-tab{white-space:normal;padding:6px 4px;font-size:14px}
  #site .eval-card .ec-pt{grid-template-columns:1fr;gap:2px}
}

/* Avaliação: critérios em grid de duas colunas e indicadores tipográficos (sem cápsulas) */
#site .eval-card .ec-cr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:start;padding:14px 0}
#site .eval-card .ec-cr-l{display:grid;gap:3px;min-width:0}
#site .eval-card .ec-cr-l h4{margin:0;font-family:var(--text);font-size:15px;font-weight:600;line-height:1.35;letter-spacing:0;text-transform:none;color:var(--ink)}
#site .eval-card .ec-cr-l p{margin:0;font-size:14px;line-height:1.45;color:var(--ink-2)}
#site .eval-card .ec-lv{display:inline-flex;align-items:center;gap:8px;min-width:104px;justify-content:flex-start;padding-top:1px;font-size:13.5px;font-weight:600;line-height:1.35;white-space:nowrap}
#site .eval-card .ec-lv i{width:8px;height:8px;border-radius:50%;flex:none;background:currentColor}
#site .eval-card .ec-lv2{color:#1F6B45}#site .eval-card .ec-lv2 i{background:#4E8F6B}
#site .eval-card .ec-lv1{color:#2A5B92}#site .eval-card .ec-lv1 i{background:#5D88B8}
#site .eval-card .ec-lv0{color:#6B5200}#site .eval-card .ec-lv0 i{background:#C9A227}
/* aderência do nome: ponto + texto, sem fundo */
#site .eval-card .adh,#site .eval-card .adh.f-forte,#site .eval-card .adh.f-boa,#site .eval-card .adh.f-exploratoria{background:none;padding:0;border-radius:0;font-size:14.5px;font-weight:600;gap:8px}
#site .eval-card .adh.f-forte{color:#1F6B45}#site .eval-card .adh.f-boa{color:#2A5B92}#site .eval-card .adh.f-exploratoria{color:#6B5200}
#site .eval-card .adh .adh-mk,#site .eval-card .adh.f-forte .adh-mk,#site .eval-card .adh.f-boa .adh-mk,#site .eval-card .adh.f-exploratoria .adh-mk{width:8px;height:8px;border:0}
#site .eval-card .adh.f-forte .adh-mk{background:#4E8F6B}
#site .eval-card .adh.f-boa .adh-mk{background:#5D88B8}
#site .eval-card .adh.f-exploratoria .adh-mk{background:#C9A227}
#site .eval-card .ec-cls{gap:6px 14px}
#site .eval-card .ec-terr{position:relative;padding-left:14px;color:var(--mute)}
#site .eval-card .ec-terr::before{content:"";position:absolute;left:0;top:50%;width:3px;height:3px;border-radius:50%;background:#B9BFC4;translate:0 -50%}
/* resumo: blocos mais suaves, colunas definidas */
#site .eval-card .ec-pts{margin-top:8px}
#site .eval-card .ec-pt{grid-template-columns:88px minmax(0,1fr);column-gap:12px}
#site .eval-card .ec-pt.ok{background:#EDF6F0}
#site .eval-card .ec-pt.at{background:#FFF8DC}
#site .eval-card .ec-pt.at.none{background:rgba(37,49,59,.04)}
@media (max-width:560px){#site .eval-card .ec-cr{column-gap:16px}#site .eval-card .ec-lv{min-width:0}#site .eval-card .ec-pt{grid-template-columns:1fr}}

/* CTA final: card amarelo, botão escuro */
#site .end-card{background:var(--sun)}
#site .end-card .cta{background:var(--ink);color:#fff}
#site .end-card .cta:hover{background:#18212A}
#site .end-card .cta:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
#site .end-card .cta-note,#site .end-card .end-row p{color:rgba(37,49,59,.75)}
#site .end-card .tlink{color:var(--ink);text-decoration-color:rgba(37,49,59,.45)}

/* Hero com foto escura: imagem em cover, textos em branco */
#site .hero.light{background:#2A1A10;color:#fff}
#site .hero.light .hero-pic img{inset:0;top:0;left:0;right:0;bottom:0;width:100%;height:100%;object-fit:cover;object-position:68% 50%;transform:none;-webkit-mask-image:none;mask-image:none}
#site .hero.light .hero-shade{background:linear-gradient(90deg,rgba(18,10,5,.46) 0%,rgba(18,10,5,.18) 38%,rgba(18,10,5,0) 62%)}
#site .hero.light h1,#site .hero.light h1 .w,#site .hero.light h1 .l{color:#fff!important}
#site .hero.light .hero-side p{color:rgba(255,255,255,.92)}
#site .hero.light .hat{background:rgba(255,255,255,.16);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:8px;padding:7px 14px 7px 10px;font-size:14px}
#site .hero.light .hat .mark{width:18px;height:18px;border-radius:0}
#site .hero.light .hat .mark path:first-of-type{fill:none}
#site .hero.light .hat .mark path:last-of-type{fill:#fff}
/* hero: chamada maior, texto de apoio menor */
#site .hero.light h1{font-size:clamp(46px,6vw,108px)}
#site .hero.light .hero-side p{font-size:clamp(15px,1.12vw,17px);line-height:1.5;max-width:28em;text-wrap:balance}
@media (max-width:900px){
  #site .hero.light .hero-pic img{object-position:74% 60%}
  #site .hero.light .hero-shade{background:linear-gradient(180deg,rgba(18,10,5,.55) 0%,rgba(18,10,5,.25) 45%,rgba(18,10,5,0) 70%)}
}
/* barra de navegação sobre a foto escura */
#site .nav.on-photo .nav-in{color:#fff}
#site .nav.on-photo .nav-in a,#site .nav.on-photo .nav-menu,#site .nav.on-photo .nav-links a{color:#fff}
#site .nav.on-photo .nav-btn{background:#fff;color:var(--ink)}
#site .nav.on-photo .nav-btn:hover{background:#F2F2F2}

#site .nav.on-photo .nav-links button{color:#fff}
#site .nav.on-photo .nav-links button:hover{background:rgba(255,255,255,.14)}
#site .hero.light .hero-side p{max-width:23em}
@media (min-width:901px){#site .hero.light .hero-shade{background:linear-gradient(180deg,rgba(18,10,5,.4) 0%,rgba(18,10,5,0) 18%),linear-gradient(90deg,rgba(18,10,5,.46) 0%,rgba(18,10,5,.18) 38%,rgba(18,10,5,0) 62%)}}

/* ================= REFINO v4 · largura, ritmo e responsividade =================
   Mesma página, acabamento mais fino. Conteúdo em até 1520 px com margens proporcionais (--wrap-site / --gut no #site);
   textos continuam com medida de leitura própria. Breakpoints definidos pelo conteúdo de cada seção. */

/* ---------- Desktop: blocos que tinham largura própria acompanham a página ---------- */
#site .bzc-stage{max-width:none}
@media (min-width:901px){#site .who2{max-width:1240px;grid-template-columns:minmax(0,560px) minmax(0,1fr);column-gap:clamp(40px,6vw,104px)}}
#site .faq{max-width:940px}
@media (min-width:1241px){#site .eval-grid{grid-template-columns:minmax(0,1fr) minmax(0,560px);column-gap:clamp(64px,7vw,128px)}}
/* avaliação entre 901 e 1240: duas colunas iguais e classificações empilhadas, para o texto não ficar espremido */
@media (min-width:901px) and (max-width:1240px){
  #site .eval-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(32px,4vw,56px)}
  #site .tiers li{grid-template-columns:1fr;gap:2px}
}
/* abas do card: nomes longos quebram em duas linhas em vez de sumir */
#site .eval-card .ec-tab{white-space:normal;text-wrap:balance;line-height:1.2}

/* ---------- Hero: mesmo grid horizontal das seções ----------
   --hero-x é o recuo do conteúdo dentro da moldura: a margem do .wrap (gutter ou centralização em 1520 px)
   menos a própria moldura (--frame). Em % da largura da hero, então vale em qualquer resolução.
   --nav-b é a base da navbar fixa na tela (topo + altura); o conteúdo começa abaixo dela com respiro. */
#site{--nav-b:calc(88px + env(safe-area-inset-top,0px))}
@media (max-width:900px){#site{--nav-b:calc(82px + env(safe-area-inset-top,0px))}}
@media (max-width:520px){#site{--nav-b:calc(72px + env(safe-area-inset-top,0px))}}
@media (max-width:360px){#site .nav{--nav-x:10px}}
#site .hero{--hero-x:max(calc(var(--gut) - var(--frame)),calc((100% - var(--wrap-site)) / 2))}
@media (min-width:901px){
  /* altura de antes como mínimo; só cresce se o conteúdo não couber (telas baixas), em vez de cortar o selo */
  #site .hero.light{height:auto;min-height:clamp(540px,min(calc(100svh - 2*var(--frame)),62vw),1000px);max-height:none}
  #site .hero.light .hero-body{align-self:center;max-width:calc(var(--hero-x) + min(44%,700px));gap:clamp(20px,3.2vh,28px);
    padding:calc(var(--nav-b) - var(--frame) + clamp(28px,5.5vh,64px)) 0 clamp(36px,6vh,64px) var(--hero-x)}
  #site .hero.light .hero-side{gap:clamp(24px,4.6vh,44px)}
}

/* ---------- Hero ≤ 900 px: lógica única de dimensionamento ----------
   A altura vem da janela, nunca da foto: 88svh (teto de 90svh). A hero vira uma coluna: texto em cima, na altura
   que precisa; a foto ocupa o que sobra (flex:1) e é recortada nessa janela, com o aparelho começando logo abaixo
   do CTA. Título e espaços também escalam pela altura (svh), para caberem nos celulares baixos sem cortar nada.
   Medidas da foto (2200×1228): aparelho entre 58% e 80% da largura e a partir de 24,5% da altura. */
@media (max-width:900px){
  #site .hero.light{height:88vh;height:88svh;min-height:0;max-height:90vh;max-height:90svh;flex-direction:column;background:#3A2214}
  #site .hero.light .hero-body{order:1;position:relative;z-index:2;flex:none;align-self:stretch;max-width:none;margin:0;
    padding:calc(var(--nav-b) - var(--frame) + clamp(20px,4.2svh,40px)) var(--hero-x) 0;gap:clamp(14px,2.4svh,22px)}
  #site .hero.light .hero-main{gap:clamp(12px,2svh,20px)}
  #site .hero.light .hero-side{gap:clamp(18px,3.2svh,28px)}
  #site .hero.light .hero-side p{font-size:16px;line-height:1.45;max-width:22em;text-wrap:pretty}
  #site .hero.light .cta{min-height:56px}
  /* janela da foto: o resto da altura; começa por trás do CTA e funde no fundo pelo topo */
  #site .hero.light .hero-pic{--ph:min(165vw,900px);order:2;position:relative;inset:auto;flex:1 1 0;min-height:0;width:100%;height:auto;margin-top:-28px;overflow:hidden;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 56px);mask-image:linear-gradient(180deg,transparent 0,#000 56px)}
  #site .hero.light .hero-pic img{position:absolute;inset:auto;top:calc(var(--ph) * -.245 + 40px);left:calc(52% - var(--ph) * 1.236);
    width:auto;height:var(--ph);max-width:none;object-fit:initial;object-position:initial;transform:none;-webkit-mask-image:none;mask-image:none}
  #site .hero.light .hero-shade{display:none}
}
/* celular deitado (altura < 520 px): título, texto e CTA não cabem em 90% da altura; a hero cresce até o conteúdo
   e a foto vira uma faixa abaixo do CTA, em vez de cortar o botão */
@media (max-width:960px) and (max-height:520px) and (orientation:landscape){
  #site .hero.light{height:auto;max-height:none}
  #site .hero.light .hero-pic{flex:none;height:46vh;--ph:90vw}
  #site .hero.light h1{font-size:clamp(40px,6vw,56px)}
}
@media (min-width:761px) and (max-width:900px){
  #site .hero.light h1{font-size:clamp(56px,min(11vw,8.4svh),88px)}
  #site .hero.light .hero-pic{--ph:86vw}
  #site .hero.light .hero-side{grid-template-columns:1fr}
  #site .hero.light .cta{width:auto;justify-self:start}
}

/* ---------- Chamadas no celular e tablet: escala maior, entrelinha um pouco mais aberta ----------
   10vw mantém "EMPREENDIMENTOS" (a palavra mais longa) dentro da coluna já em 320 px. */
@media (max-width:760px){
  /* longas (com EMPREENDIMENTO/S): 8.4vw ≈ 33 px em 390 */
  #site .about-grid h2,#site .s-who h2,#site .s-demo .demo-head h2{font-size:clamp(27px,8.4vw,38px)}
  /* médias */
  #site .how-head h2{font-size:clamp(29px,9vw,40px)}
  #site .eval-text h2{font-size:clamp(27px,8.2vw,38px)}
  /* curtas */
  #site .faq-intro h2,#site .pz-head h2{font-size:clamp(31px,9.8vw,44px)}
  #site .s-end h2{font-size:clamp(31px,9.4vw,44px)}
  #site h2,#site .s-end h2{line-height:1!important}
}
@media (min-width:761px) and (max-width:900px){
  #site .about-grid h2,#site .demo-head h2,#site .how-head h2,#site .eval-text h2,#site .s-who h2,#site .faq-intro h2,#site .pz-head h2{font-size:clamp(40px,6.2vw,56px)}
  #site .s-end h2{font-size:clamp(44px,7vw,64px)}
}

/* ---------- v5 · celular: hero centralizada, atributos em lista, ritmo título/texto ---------- */
/* Como funciona no celular: janela um pouco mais alta e fragmento levemente reduzido, para que campos, chips,
   a lista de nomes e os critérios da comparação apareçam antes do degradê */
@media (max-width:760px){
  #site .how-demo::before{padding-top:122%}
  #site .how-demo::after{height:18%}
  #site .how-demo>*{zoom:.88}
}

/* ---------- Hero ≤ 760 px (celular) — único bloco com tipografia, espaços e foto ----------
   Referência medida na Wise (wise.com/br, mesmas larguras): título ≈ 11,5vw (36/43/45/50 px em 320/375/390/430),
   centralizado, com balance e linhas ocupando ~90% da coluna; título→texto 32 px; texto→CTA 48 px; CTA→foto 40 px.
   No Batize as quatro chamadas formam duas linhas ("Crie. Analise." / "Compare. Batize!"); a mais longa mede 7,85 em
   em Granse, então o tamanho é a largura da coluna ÷ 7,85: as duas linhas preenchem a coluna em qualquer celular. */
@media (max-width:760px){
  #site .hero.light h1{font-size:clamp(34px,min(12.6vw,calc((100vw - 2 * var(--gut)) / 6.7),6.95svh),54px);line-height:.94!important;letter-spacing:-.015em;
    text-align:center;text-wrap:balance;max-width:100%;margin-inline:auto}
  #site .hero.light h1 .l{display:inline;white-space:normal}
  #site .hero.light h1 .w{display:inline-block}
  #site .hero.light .hero-main,#site .hero.light .hero-side{justify-items:center;text-align:center}
  /* espaços: navbar→título, título→texto, texto→CTA; encolhem só em telas baixas (svh) */
  #site .hero.light .hero-body{padding:calc(var(--nav-b) - var(--frame) + clamp(24px,5.6svh,52px)) var(--hero-x) 0;gap:clamp(18px,3.8svh,34px)}
  #site .hero.light .hero-side{gap:clamp(20px,3.6svh,32px)}
  #site .hero.light .hero-side p{font-size:17px;line-height:1.4;max-width:22em;margin-inline:auto;text-wrap:balance}
  #site .hero.light .cta{width:100%;min-height:56px}
  /* foto: janela começa logo abaixo do CTA; o aparelho aparece ~40 px abaixo dele, centralizado */
  #site .hero.light .hero-pic{--ph:min(150vw,820px);margin-top:0;
    -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 44px);mask-image:linear-gradient(180deg,transparent 0,#000 44px)}
  #site .hero.light .hero-pic img{left:calc(50% - var(--ph) * 1.236);top:calc(var(--ph) * -.235 + 36px)}
}
@media (max-width:760px) and (max-height:700px){#site .hero.light .hero-pic{--ph:min(128vw,820px)}}

/* ---------- Celular: "Nomes que nascem do contexto" ----------
   Atributos empilhados; em cada um, ícone em cima, título e descrição abaixo, tudo no eixo esquerdo da coluna. */
@media (max-width:640px){
  #site .s-about{padding-top:clamp(80px,22vw,96px)}
  #site .about-grid{gap:24px}
  #site .diff{margin-top:52px}
  #site .diff-grid.diff-4{grid-template-columns:minmax(0,1fr);row-gap:40px;column-gap:0;max-width:none;margin:0}
  #site .diff-grid.diff-4>div,#site .diff-grid.diff-4>div+div{display:block;padding:0;text-align:left}
  #site .diff-grid.diff-4 .hi{display:block;width:44px;height:44px;margin:0 0 16px}
  #site .diff-grid.diff-4 h3{font-size:18px;font-weight:600;line-height:1.3;margin:0 0 8px}
  #site .diff-grid.diff-4 p{font-size:16px;line-height:1.5}
  #site .bzc{margin-top:56px}
  /* demais seções: título → texto ~20 px; introdução → conteúdo 28–32 px */
  #site .how-head{gap:18px;margin-bottom:32px}
  #site .eval-text h2{margin-bottom:20px}
  #site .eval-text>p{margin-bottom:32px}
  #site .demo-lede{margin-top:20px}
  #site .s-demo .demo-head{gap:28px;margin-bottom:28px}
  #site .who2-lead{margin:20px 0 28px}
  #site .faq-intro{gap:20px}
  #site .faq-grid{gap:32px}
  #site .pz-head{gap:18px}
  #site .pz-grid{margin-top:32px}
  #site .end-row{margin-top:20px;gap:28px}
}

/* ---------- Celular: foto própria em retrato (1080×1920), sempre inteira ----------
   Hero travada em 90% da tela; a foto cabe toda dentro (object-fit:contain), sem cortar nada — como ela é 9:16 e
   o espaço nem sempre tem essa proporção, sobra uma faixa da cor de fundo (#251C15) acima/abaixo ou nas laterais. */
@media (max-width:760px) and (orientation:portrait){
  #site .hero.light{height:90vh;height:90svh;min-height:0;max-height:none;aspect-ratio:auto;background:#251C15}
  /* a foto cobre o card inteiro da hero (object-fit:cover); o excedente é cortado nas laterais/topo, o celular fica no centro */
  #site .hero.light .hero-pic{position:absolute;inset:0;width:100%;height:100%;margin:0;flex:none;overflow:hidden;z-index:0;
    -webkit-mask-image:none;mask-image:none}
  #site .hero.light .hero-pic img{position:absolute;inset:0;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;
    -webkit-mask-image:none;mask-image:none}
  /* espaços um pouco menores: o texto termina antes da tela do celular da foto */
  #site .hero.light .hero-body{z-index:2;padding-top:calc(var(--nav-b) - var(--frame) + clamp(16px,2.6svh,24px));gap:clamp(16px,2.4svh,22px)}
  #site .hero.light .hero-main{gap:clamp(10px,1.6svh,14px)}
  #site .hero.light .hero-side{gap:clamp(18px,2.6svh,24px)}
  /* CTA no canto inferior da hero, com o mesmo recuo das laterais */
  #site .hero.light .hero-body{flex:1 1 auto;display:flex;flex-direction:column;padding-bottom:var(--hero-x)}
  #site .hero.light .hero-side{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;align-self:stretch;width:100%}
  #site .hero.light .hero-side .cta{margin-top:auto;align-self:stretch}
  /* sombra atrás do texto para leitura sobre a mesa; some antes da base do celular */
  #site .hero.light::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
    background:linear-gradient(180deg,rgba(37,28,21,.45) 0%,rgba(37,28,21,.6) 38%,rgba(37,28,21,.35) 58%,rgba(37,28,21,0) 72%),linear-gradient(0deg,rgba(37,28,21,.45) 0%,rgba(37,28,21,0) 18%)}
}

/* ---------- Celular: eyebrow da hero, texto em escada, intro da seção "o que é" à esquerda ---------- */
.sec-hat{display:none}
@media (max-width:760px){
  #site .hero.light .hat{justify-self:center}
  /* três linhas fixas, centralizadas; a do meio (a mais longa, 16,9 em) cabe na coluna em qualquer celular */
  #site .hero.light .hero-side p{max-width:none;text-wrap:wrap;font-size:min(17px,calc((100vw - 2 * var(--gut)) / 17.2))}
  #site .hero-txt-m .ln{display:block;white-space:nowrap}
}
@media (max-width:640px){
  #site .sec-hat{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin:0;padding:7px 14px 7px 10px;border-radius:13px;
    background:var(--wash);color:var(--ink);font-size:14px;font-weight:500;line-height:1.2}
  #site .sec-hat .mark{width:18px;height:18px;display:block}
  #site .sec-hat .mark path:first-of-type{fill:none}
  #site .sec-hat .mark path:last-of-type{fill:var(--ink)}
  #site .about-grid{justify-items:start;text-align:left;gap:20px}
  #site .about-grid h2{margin-inline:0;text-align:left;margin-top:-4px}
  #site .about-text{justify-items:start}
  #site .about-text p{margin-inline:0;text-align:left}
}

/* ---------- Tablet (641–900): tamanhos intermediários ---------- */
@media (min-width:641px) and (max-width:900px){
  #site .eval-card{max-width:none}
  #site .who2{max-width:600px}
}

/* ---------- Celular ---------- */
@media (max-width:640px){
  /* direções da demonstração: uma faixa rolável, como as abas do "Como funciona", sem quebrar em linhas soltas */
  #site .demo-dirs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1*var(--gut));padding-inline:var(--gut);scroll-padding-inline:var(--gut)}
  #site .demo-dirs::-webkit-scrollbar{display:none}
  #site .demo-dirs button{flex:none;padding:0 14px}
  /* perguntas: área de toque e leitura */
  #site .faq summary{padding:18px 16px 18px 18px;font-size:16.5px;line-height:1.35;min-height:64px}
  #site .faq .a{padding:0 18px 20px}
  #site .faq .a p{font-size:16px}
}
@media (max-width:640px){
  /* botões secundários na mesma proporção dos CTAs; textos de apoio em 16 px */
  #site .btn-line{min-height:52px;padding:0 24px;font-size:16px}
  #site .who2-list p,#site .who2-lead{font-size:16px}
  #site .ec-why p,#site .how-d{font-size:16px}
  /* rodapé: área de toque mantida, lista menos alta */
  #site .ef2 .ef-col a,#site .ef2 .ef-col button,#site .ef-soon{min-height:44px;padding-block:8px}
  #site .ef2 .ef-col ul{gap:0}
}
/* celulares pequenos */
@media (max-width:400px){
  /* "Para quem": foto um pouco mais alta para o rosto não ficar sob o card; card mais compacto, sem colisão de textos */
  #site .who2-ph{aspect-ratio:3/4}
  #site .who2-card{left:10px;right:10px;bottom:10px;padding:4px;border-radius:14px}
  #site .w2c-r{gap:8px;padding:8px 8px 8px 9px;border-radius:11px}
  #site .w2c-k{width:18px;height:18px}
  #site .w2c-n b{font-size:13px;overflow:hidden;text-overflow:ellipsis}
  #site .w2c-n i{font-size:11.5px}
  #site .w2c-b{flex:none;font-size:10.5px;gap:4px}
  #site .w2c-b u{width:6px;height:6px}
}
@media (max-width:385px){
  /* tipos: ícone sobre o rótulo, para as palavras não quebrarem no meio */
  #site .kind{grid-template-columns:1fr;justify-items:center;text-align:center;gap:6px;padding:12px 6px 10px}
  #site .kind-n{text-align:center;overflow-wrap:normal;font-size:13.5px}
}

/* ===== Campos do app (29/10/2026) ===== */
#app .input:hover,#app .select:hover{border-color:var(--line-hover)}
#app .input:focus,#app .select:focus{border-color:#E8C81A;box-shadow:none;background:var(--surface)}
#app .input[aria-invalid="true"],#app .input[aria-invalid="true"]:focus{border-color:var(--bad);box-shadow:none}
::placeholder{color:rgba(139,146,156,.7);opacity:1}

/* ================= BRIEFING v3.1 · direção de arte (29/10/2026) =================
   Composição: dois painéis em tela cheia sobre uma moldura neutra. O painel amarelo (#FFE84C, texto sempre preto)
   é a identidade: projeto no topo, etapas logo abaixo e, no restante da altura, o palco reservado ao personagem
   (um arco em amarelo mais profundo, sem moldura nem balão). O painel claro segue uma grade única para todas
   as etapas: barra e título alinhados à mesma margem; cada grupo em duas colunas (rótulo à esquerda, campos à
   direita) quando há largura, empilhado quando não há; rodapé na mesma grade, sem faixa separada.
   Componentes (campos, cartões, régua, chips, botões) não mudam: só a distribuição e o que os envolve. */
.bz{--bz-pp:clamp(28px,2.8vw,40px);--bz-pw:clamp(300px,25vw,384px);--bz-field:#F3F4F0;--bz-field-h:#ECEDE8;--bz-line:#E3E5E0;--bz-mute:#5B6470;
  --bz-pad:clamp(32px,4.4vw,72px);--bz-w:1120px;--bz-aside:clamp(220px,26%,280px);--bz-gap:clamp(32px,4.5vw,72px);--bz-rule:#EDEEEA;
  --bz-ease:cubic-bezier(.2,.7,.2,1);font-family:var(--text);color:var(--ink)}
.bz-welcome-v{--bz-pw:clamp(400px,42vw,620px)}
.bz *:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}
.bz .sr,.bz-f-bare>.bz-label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* casca */
body.bz-full .app-head{display:none}
@media (min-width:900px){
  body.bz-full{overflow:hidden;background:#ECEDE8}
  body.bz-full .app-main{max-width:none;height:100vh;height:100dvh;padding:12px}
  .bz{height:100%;display:grid;grid-template-columns:var(--bz-pw) minmax(0,1fr);gap:12px}
}

/* painel amarelo */
.bz-panel{position:relative;display:flex;flex-direction:column;min-height:0;padding:var(--bz-pp);border-radius:28px;background:var(--sun);color:#000;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}
.bz-panel::-webkit-scrollbar{display:none}
.bz-top{flex:none;display:flex;align-items:flex-start;gap:14px}
.bz-home{flex:none;display:inline-flex;padding:0;border:0;background:none;border-radius:11px}
.bz-home svg{width:60px;height:60px;display:block}
.bz-home{border-radius:16px}
.bz-home:focus-visible,.bz-panel *:focus-visible{outline-color:#000}
.bz-pj{display:grid;gap:1px;min-width:0;flex:1}
.bz-pj-k{font-size:12px;line-height:1.2;color:rgba(0,0,0,.56);padding-left:6px}
.bz-pjname{width:100%;min-width:0;margin-left:0;border:0;background:transparent;color:#000;font:600 15.5px/1.3 var(--text);padding:2px 6px;border-radius:7px;text-overflow:ellipsis;transition:background .15s}
.bz-pjname::placeholder{color:rgba(0,0,0,.55);opacity:1}
.bz-pjname:hover{background:rgba(255,255,255,.42)}
.bz-pjname:focus{outline:2px solid #000;outline-offset:0;background:rgba(255,255,255,.8)}
.bz-pjname.is-static:hover{background:none}
.bz-pj-all{flex:none;width:36px;height:36px;display:grid;place-items:center;margin-right:-6px;padding:0;border:0;border-radius:10px;background:transparent;color:#000;transition:background .15s}
.bz-pj-all:hover{background:rgba(255,255,255,.5)}

/* etapas: indicador numa linha contínua, alinhado ao ícone do topo */
.bz-prog{display:none}
.bz-steps{list-style:none;margin:0;padding:0;display:grid}
.bz-step{position:relative}
.bz-step:not(:last-child)::before{content:"";position:absolute;left:10px;top:36px;bottom:-8px;width:1.5px;margin-left:-.75px;border-radius:1px;background:rgba(0,0,0,.16);pointer-events:none}
.bz-step.is-done:not(:last-child)::before{background:#000}
.bz-step button{width:100%;display:grid;grid-template-columns:20px minmax(0,1fr);gap:18px;align-items:start;padding:11px 0;border:0;background:none;text-align:left;color:#000;border-radius:10px}
.bz-step-ind{width:20px;height:20px;margin-top:1px;border-radius:50%;border:1.5px solid rgba(0,0,0,.3);display:grid;place-items:center;transition:background .2s,border-color .2s,box-shadow .2s}
.bz-step-ind .ico{width:11px;height:11px;stroke-width:3}
.bz-step.is-done .bz-step-ind{background:#000;border-color:#000;color:var(--sun)}
.bz-step.is-now .bz-step-ind{background:#000;border-color:#000;box-shadow:0 0 0 5px rgba(0,0,0,.09)}
.bz-step.is-now .bz-step-ind::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--sun)}
.bz-step-tx{min-width:0}
.bz-step-tx b{display:block;font-size:15.5px;font-weight:550;line-height:1.3;letter-spacing:-.005em;color:rgba(0,0,0,.86)}
.bz-step-tx span{display:block;margin-top:2px;font-size:13.5px;line-height:1.35;color:rgba(0,0,0,.52)}
.bz-step:not(.is-now):not(.is-done) .bz-step-tx b{color:rgba(0,0,0,.55);font-weight:500}
.bz-step:not(.is-now):not(.is-done) .bz-step-tx span{color:rgba(0,0,0,.42)}
.bz-step.is-now .bz-step-tx b{color:#000;font-weight:650}
.bz-step.is-now .bz-step-tx span{color:rgba(0,0,0,.72)}
.bz-step button:hover .bz-step-tx b{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.bz-step.is-now button:hover .bz-step-tx b,.bz-step.is-locked button:hover .bz-step-tx b{text-decoration:none}
.bz-step.is-locked button{cursor:default}

.bz-brief .bz-dev{position:static;margin-top:10px}
.bz-dev{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap;padding:5px 5px 5px 14px;border:1px dashed rgba(0,0,0,.28);border-radius:12px;font-size:12px;color:rgba(0,0,0,.65)}
.bz-dev button{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border:0;border-radius:9px;background:rgba(255,255,255,.7);color:#000;font-size:13.5px;font-weight:600}
.bz-dev button:hover{background:#fff}

/* boas-vindas: o painel amarelo cresce e carrega a chamada */
.bz-hero{flex:none;margin-top:clamp(56px,13vh,148px);max-width:30rem}

/* painel claro: uma grade para barra, título, grupos e rodapé */
.bz-main{position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--surface);border-radius:28px;overflow:hidden}
.bz-segs{flex:1 1 auto;max-width:420px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-right:auto}
.bz-segs i{position:relative;height:4px;border-radius:2px;background:#ECEDE8;overflow:hidden}
.bz-segs i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .45s var(--bz-ease)}
.bz-segs i.done::after,.bz-segs i.now::after{transform:none}
.bz-anim .bz-segs i.now::after{animation:bzSeg .5s var(--bz-ease) .1s both}
@keyframes bzSeg{from{transform:scaleX(0)}}
.bz-bar{width:100%;max-width:var(--bz-w);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;padding:16px var(--bz-pad) 0}
.bz-bar-r{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:-12px}
.bz-link{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--ink-2);font-size:15px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}
.bz-link:hover{background:#F3F4F0;color:var(--ink)}
.bz-link.sm{min-height:34px;padding:0 10px;font-size:14px}
.bz-count{min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--sun);color:#000;font-size:12px;font-weight:650;display:inline-grid;place-items:center}
.bz-save{display:inline-flex;align-items:center;gap:8px;padding:0 10px;font-size:14px;color:var(--bz-mute);white-space:nowrap}
.bz-save i{width:7px;height:7px;border-radius:50%;background:var(--ok);transition:background .2s}
.bz-save.saving i{background:#B6912E}
.bz-save.fail{color:var(--bad)} .bz-save.fail i{background:var(--bad)}
.bz-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-padding-block:32px 48px}
.bz-inner{max-width:var(--bz-w);margin-inline:auto;padding:clamp(24px,6vh,72px) var(--bz-pad) 72px;display:grid;gap:clamp(48px,7vh,72px);container-type:inline-size;align-content:start}

/* cabeçalho da etapa */
.bz-head h1{font-size:clamp(32px,2.9vw,46px);line-height:1.05;font-weight:600;letter-spacing:-.04em;color:var(--ink);text-wrap:balance;max-width:16em}
.bz-head h1:focus{outline:none}
.bz-lead{margin-top:16px;font-size:17.5px;line-height:1.5;color:var(--bz-mute);max-width:34em;text-wrap:pretty}
.bz-body{display:grid;gap:40px;min-width:0}

/* entrada suave na troca de etapa */
.bz-anim .bz-inner{animation:bzIn .34s var(--bz-ease) both}
@keyframes bzIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* grupos: empilhados por padrão; em duas colunas quando a área útil comporta */
.bz-sec{display:grid;gap:18px;min-width:0}
.bz-sec-h{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}
.bz-sec-h:has(.bz-sec-ic){grid-template-columns:38px minmax(0,1fr) auto}
.bz-sec-ic{width:38px;height:38px;border-radius:11px;background:#F3F4F0;display:grid;place-items:center;color:var(--ink)}
.bz-sec-ic .hico{width:19px;height:19px}
.bz-sec-t{min-width:0}
.bz-sec-t h2{font-family:var(--text);font-size:17px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.bz-sec-h:has(.bz-sec-ic) .bz-sec-t h2{padding-top:1px}
.bz-sec-t p{margin-top:4px;font-size:14.5px;line-height:1.5;color:var(--bz-mute);max-width:40em}
.bz-sec-b{display:grid;gap:16px;min-width:0;align-content:start}
.bz-count-t{font-size:13.5px;color:var(--bz-mute);white-space:nowrap;padding-top:3px}
@container (min-width:800px){
  .bz-body{gap:0}
  .bz-sec{grid-template-columns:var(--bz-aside) minmax(0,1fr);column-gap:var(--bz-gap);padding:36px 0;border-top:1px solid var(--bz-rule)}
  .bz-sec:first-child{padding-top:0;border-top:0}
  .bz-sec-h,.bz-sec-h:has(.bz-sec-ic){display:flex;flex-direction:column;align-items:flex-start;gap:0}
  .bz-sec-ic{margin-bottom:16px}
  .bz-sec-t h2{padding-top:0!important}
  .bz-sec-t p{max-width:22em}
  .bz-count-t{margin-top:12px;padding:0}
  .bz-count-t:empty{display:none}
  .bz-sec-b{max-width:700px}
  .bz-body>.bz-note{margin-bottom:36px}
  .bz-review .bz-rv{display:grid;grid-template-columns:var(--bz-aside) minmax(0,1fr);column-gap:var(--bz-gap);padding:32px 0}
  .bz-review .bz-rv:first-child{padding-top:0}
  .bz-review .bz-rv-h{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}
  .bz-review .bz-rv-h .bz-link{margin-left:-10px}
  .bz-review .bz-rv dl{margin-top:0;max-width:700px}
  .bz-body>.bz-profile{padding-left:calc(var(--bz-aside) + var(--bz-gap));padding-top:28px;border-top:1px solid var(--bz-rule)}
}

/* campos */
.bz-f{display:grid;gap:8px;min-width:0;align-content:start}
.bz-label{font-size:15px;font-weight:600;color:var(--ink);line-height:1.3}
.bz .reqm{color:var(--bad);font-weight:600;margin-left:3px}
.bz-hint{font-size:14px;line-height:1.4;color:var(--bz-mute)}
.bz-input{width:100%;min-width:0;min-height:52px;padding:13px 16px;border:1.5px solid transparent;border-radius:14px;background:var(--bz-field);color:var(--ink);font:400 16px/1.4 var(--text);transition:background .15s,border-color .15s,box-shadow .15s}
.bz-input::placeholder{color:#8B929C;opacity:1}
.bz-input:hover{background:var(--bz-field-h)}
.bz-input:focus{outline:none;background:#fff;border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,232,76,.6)}
.bz-input[aria-invalid="true"]{border-color:var(--bad);background:#FFF8F7}
.bz-input[aria-invalid="true"]:focus{box-shadow:0 0 0 4px var(--bad-bg)}
.bz-area{min-height:112px;resize:vertical;line-height:1.5}
.bz-input.sm{min-height:40px;padding:7px 12px;border-radius:10px}
.bz-input-lg{min-height:60px;padding:16px 18px;font-size:18px;border-radius:16px}
.bz-err{display:flex;align-items:flex-start;gap:7px;font-size:14.5px;line-height:1.4;font-weight:500;color:var(--bad)}
.bz-err .ico{margin-top:1px}
.bz-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.bz-grid-loc{display:grid;grid-template-columns:minmax(0,1.4fr) 96px minmax(0,1fr);gap:14px}
.bz .cb{position:relative}
.bz .bz-cb-list{border-radius:14px;padding:6px;border-color:var(--bz-line);box-shadow:0 18px 40px -22px rgba(37,49,59,.35)}
.bz .bz-cb-list li{border-radius:10px;font-size:15.5px}
.bz .bz-cb-list li mark{background:var(--sun-tint)}

/* tipo: cartões selecionáveis */
.bz-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.bz-type{position:relative;display:grid;justify-items:center;align-content:center;gap:10px;min-height:112px;padding:20px 8px 16px;border:1.5px solid var(--bz-line);border-radius:18px;background:#fff;color:var(--ink-2);font-size:15px;font-weight:500;line-height:1.2;text-align:center;transition:border-color .15s,background .15s,color .15s,transform .12s}
.bz-type:hover{border-color:var(--line-hover)}
.bz-type:active{transform:scale(.985)}
.bz-type-ic{width:28px;height:28px;color:var(--ink)}
.bz-type[aria-checked="true"]{border-color:var(--ink);background:#FFFCE8;color:var(--ink);font-weight:600}
.bz-type-ck{position:absolute;top:9px;right:9px;width:22px;height:22px;border-radius:50%;background:#000;color:var(--sun);display:grid;place-items:center;opacity:0;transform:scale(.5);transition:opacity .16s,transform .2s var(--bz-ease)}
.bz-type-ck .ico{width:12px;height:12px;stroke-width:2.8}
.bz-type[aria-checked="true"] .bz-type-ck{opacity:1;transform:none}
.bz-types.invalid .bz-type{border-color:var(--bad)}

/* padrão: régua de sete níveis sobre um range nativo */
.bz-scale{display:grid;gap:14px;container-type:inline-size}
.bz-scale-top{display:grid;gap:3px}
.bz-scale-v{font-size:20px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.bz-scale-d{font-size:15px;color:var(--bz-mute)}
.bz-scale.unset .bz-scale-v{color:var(--bz-mute);font-weight:500}
.bz-scale-track{position:relative;height:32px}
.bz-scale-in{-webkit-appearance:none;appearance:none;position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;background:transparent;opacity:0;cursor:pointer;touch-action:pan-y}
.bz-scale-in::-webkit-slider-runnable-track{height:100%}
.bz-scale-in::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px}
.bz-scale-in::-moz-range-thumb{width:32px;height:32px;border:0;border-radius:0}
.bz-scale-rail{position:absolute;inset:0;border-radius:999px;background:var(--bz-field);pointer-events:none}
.bz-scale-fill{position:absolute;left:0;top:0;bottom:0;width:calc(32px + (100% - 32px) * var(--x,0));border-radius:999px;background:var(--sun);transition:width .28s var(--bz-ease)}
.bz-scale.unset .bz-scale-fill{opacity:0}
.bz-scale-ticks{position:absolute;inset:0}
.bz-scale-ticks i{position:absolute;top:50%;left:calc(16px + (100% - 32px) * var(--x));width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:rgba(37,49,59,.2)}
.bz-scale-ticks i.in{opacity:0}
.bz-scale-thumb{position:absolute;top:50%;left:calc(16px + (100% - 32px) * var(--x,.5));width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px var(--ink),0 2px 8px rgba(37,49,59,.18);transform:translate(-50%,-50%);transition:left .28s var(--bz-ease),transform .15s}
.bz-scale.unset .bz-scale-thumb{box-shadow:0 0 0 1.5px #A3A9B1}
.bz-scale-in:active~.bz-scale-rail .bz-scale-thumb{transform:translate(-50%,-50%) scale(1.08)}
.bz-scale-in:focus-visible~.bz-scale-rail .bz-scale-thumb{box-shadow:0 0 0 2px var(--ink),0 0 0 7px rgba(255,232,76,.75)}
.bz-scale.drag .bz-scale-fill,.bz-scale.drag .bz-scale-thumb{transition:none}
.bz-scale.invalid .bz-scale-rail{box-shadow:inset 0 0 0 1.5px var(--bad)}
.bz-scale-labs{position:relative;height:36px;font-size:13px;line-height:1.3;color:var(--bz-mute)}
.bz-scale-labs span{position:absolute;top:0;left:calc(16px + (100% - 32px) * var(--x));width:calc((100% - 32px) / 6 - 8px);transform:translateX(-50%);text-align:center;cursor:pointer;transition:color .15s}
.bz-scale-labs span:first-child{left:0;transform:none;text-align:left}
.bz-scale-labs span:last-child{left:auto;right:0;transform:none;text-align:right}
.bz-scale-labs span:hover,.bz-scale-labs span.on{color:var(--ink)}
.bz-scale-labs span.on{font-weight:600}
@container (max-width:560px){.bz-scale-labs{display:none}}

/* segmentado */
.bz-seg{display:inline-flex;justify-self:start;max-width:100%;gap:4px;padding:4px;border-radius:14px;background:var(--bz-field)}
.bz-seg button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border:0;border-radius:10px;background:transparent;color:var(--bz-mute);font-size:15px;font-weight:500;white-space:nowrap;transition:background .15s,color .15s,box-shadow .15s}
.bz-seg button .hico{width:18px;height:18px}
.bz-seg button:hover{color:var(--ink)}
.bz-seg button[aria-checked="true"]{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(37,49,59,.1),0 0 0 1px rgba(37,49,59,.04)}
.bz-seg-wide{flex-wrap:wrap}

/* chips de múltipla escolha */
.bz-chips{display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;gap:10px}
.bz-chip{display:inline-flex;align-items:center;gap:0;min-height:44px;padding:0 18px;border:1.5px solid var(--bz-line);border-radius:999px;background:#fff;color:var(--ink-2);font-size:15.5px;font-weight:500;transition:background .18s,border-color .18s,gap .2s var(--bz-ease),transform .12s}
.bz-chip:hover{border-color:var(--line-hover);color:var(--ink)}
.bz-chip:active{transform:scale(.97)}
.bz-chip-ck{display:inline-grid;place-items:center;width:0;opacity:0;overflow:hidden;transition:width .2s var(--bz-ease),opacity .16s}
.bz-chip-ck .ico{width:15px;height:15px;stroke-width:2.6}
.bz-chip[aria-pressed="true"],.bz-chip[aria-checked="true"]{background:var(--sun);border-color:var(--sun);color:#000;font-weight:600;gap:7px}
.bz-chip[aria-pressed="true"] .bz-chip-ck,.bz-chip[aria-checked="true"] .bz-chip-ck{width:15px;opacity:1}
.bz-chip[aria-pressed="true"]:hover,.bz-chip[aria-checked="true"]:hover{background:var(--sun-deep);border-color:var(--sun-deep)}
.bz-add{justify-self:start;display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 2px;border:0;background:none;color:var(--ink-2);font-size:15px;font-weight:500;border-radius:8px}
.bz-add:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.bz-free{margin-top:2px}

/* sugestões da IA */
.bz-ai-wrap{display:grid;gap:16px}
.bz-ai{display:grid;gap:14px;padding:18px;border-radius:18px;background:#FAFAF7;box-shadow:inset 0 0 0 1px #ECEDE8}
.bz-ai-note{display:flex;gap:9px;font-size:14px;line-height:1.45;color:var(--bz-mute)}
.bz-ai-note .ico{flex:none;margin-top:1px;color:#B6912E}
.bz-ai-msg{font-size:15px;color:var(--ink-2)}
.bz-ai-load{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink-2)}
.bz-ai-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--bz-mute)}
.bz-ai-head b{color:var(--ink)}
.bz-ai-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bz-ai-it{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 8px 12px 14px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--bz-line);transition:box-shadow .15s}
.bz-ai-it.on{box-shadow:inset 0 0 0 1.5px var(--ink)}
.bz-ck{width:24px;height:24px;margin-top:1px;padding:0;border-radius:7px;border:1.5px solid #B4BAC2;background:#fff;display:grid;place-items:center;color:transparent;transition:background .15s,border-color .15s}
.bz-ck .ico{width:14px;height:14px;stroke-width:2.6}
.bz-ai-it.on .bz-ck{background:#000;border-color:#000;color:var(--sun)}
.bz-ai-tx{display:grid;gap:3px;min-width:0}
.bz-ai-tx b{font-size:15.5px;font-weight:600}
.bz-ai-tx .d{font-size:14px;line-height:1.45;color:var(--bz-mute)}
.bz-ai-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px}
.bz-ai-tags:empty{display:none}
.bz-ai-tags .bz-link{margin-left:-6px}
.bz-ai-act{display:flex;gap:2px}
.bz-ai-act .iconbtn{width:38px;height:38px}

/* botões */
.bz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border:0;border-radius:14px;font:600 16px/1 var(--text);white-space:nowrap;text-decoration:none;transition:background .15s,box-shadow .15s,transform .12s}
.bz-btn:active{transform:translateY(1px)}
.bz-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.bz-btn .go{transition:transform .2s var(--bz-ease)}
.bz-btn:hover .go{transform:translateX(3px)}
.bz-primary{background:var(--sun);color:#000}
.bz-primary:hover{background:var(--sun-deep)}
.bz-dark{background:var(--ink);color:#fff}
.bz-dark:hover{background:#111820}
.bz-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--bz-line)}
.bz-ghost:hover{background:#F3F4F0}
.bz-quiet{background:transparent;color:var(--bz-mute);font-weight:500;padding:0 16px;margin-left:-16px}
.bz-quiet:hover{background:#F3F4F0;color:var(--ink)}
.bz-btn.sm{min-height:40px;padding:0 16px;font-size:15px;border-radius:12px}
.bz-btn.lg{min-height:58px;padding:0 30px;font-size:17px;border-radius:16px}


/* rodapé: mesma grade do conteúdo; o texto rola por baixo de um esmaecimento, sem faixa separada */
.bz-foot{position:relative;padding:14px 0 22px;background:#fff}
.bz-foot::before{content:"";position:absolute;left:0;right:0;bottom:100%;height:44px;background:linear-gradient(rgba(255,255,255,0),#fff 85%);pointer-events:none}
.bz-foot-in{max-width:var(--bz-w);margin-inline:auto;padding-inline:var(--bz-pad);display:flex;align-items:center;gap:16px}
.bz-need{margin-left:auto;font-size:14.5px;color:var(--bz-mute);text-align:right}
.bz-need.ok{color:var(--ok)}
.bz-foot-in>.bz-primary{margin-left:auto}
.bz-need+.bz-primary{margin-left:0}

/* avisos, revisão e resumo */
.bz-review{display:grid}
.bz-rv{padding:24px 0;border-top:1px solid var(--bz-rule)}
.bz-rv:first-child{border-top:0;padding-top:0}
.bz-rv-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.bz-rv-h h2{font-family:var(--text);font-size:17px;font-weight:600;letter-spacing:-.01em}
.bz-rv dl{margin:14px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px}
.bz-rv dl div{display:grid;gap:4px;min-width:0;align-content:start}
.bz-rv dt{font-size:13.5px;color:var(--bz-mute)}
.bz-rv dd{margin:0;font-size:15.5px;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}
.bz-rv dd.empty{color:#9AA0A8}
.bz-note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:#F3F4F0;font-size:15px;line-height:1.45;color:var(--ink-2)}
.bz-note .ico{flex:none;margin-top:2px}
.bz-note.warn{background:var(--warn-bg);color:var(--warn)}
.bz-profile{font-size:14.5px;line-height:1.5;color:var(--bz-mute)}
.bz-profile b{color:var(--ink);font-weight:600}
.bz-sheet{position:fixed;z-index:71;top:12px;right:12px;bottom:12px;width:min(480px,calc(100% - 24px));display:grid;grid-template-rows:auto minmax(0,1fr);background:#fff;border-radius:24px;box-shadow:var(--shadow-layer);animation:bzSheet .3s var(--bz-ease)}
.bz-sheet-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 14px 8px 26px}
.bz-sheet-h h2{font-family:var(--text);font-size:22px;font-weight:600;letter-spacing:-.02em}
.bz-sheet-b{overflow:auto;padding:8px 26px 28px;display:grid;gap:18px;align-content:start}
.bz-sheet .bz-rv dl{grid-template-columns:1fr}
@keyframes bzSheet{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}

/* boas-vindas: painel claro com o início da jornada.
   Bloco ancorado à esquerda numa margem generosa (em vez de uma coluna solta no centro), centrado na vertical
   com o centro óptico um pouco acima do meio. Sequência: introdução → nome provisório → Começar briefing. */
.bz-welcome-v .bz-main{grid-template-rows:minmax(0,1fr)}
.bz-inner.bz-welcome{width:100%;max-width:none;margin:0;padding:64px clamp(48px,7.5vw,136px) 64px;display:grid;gap:0;align-content:center}
.bz-welcome>*{max-width:640px}
.bz-hat{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:7px 14px 7px 10px;border-radius:13px;background:var(--wash);color:var(--ink);font-size:14px;font-weight:500;line-height:1.2}
.bz-hat-mk{width:18px;height:18px;display:block}
.bz-whead h1{font-size:clamp(36px,3.3vw,54px);line-height:1.04;font-weight:600;letter-spacing:-.04em;color:var(--ink);text-wrap:balance;max-width:12em}
.bz-whead h1:focus{outline:none}
.bz-whead h1+p{margin-top:18px;font-size:18px;line-height:1.5;color:var(--bz-mute);max-width:30em;text-wrap:pretty}
.bz-welcome>.bz-f{margin-top:52px}
.bz-welcome .bz-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.bz-recent{display:grid;gap:14px;margin-top:72px;padding-top:28px;border-top:1px solid var(--bz-rule)}
.bz-recent-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.bz-recent-h h2{font-family:var(--text);font-size:14.5px;font-weight:600;color:var(--bz-mute)}
.bz-recent-h .bz-link{margin-right:-10px}
@media (min-width:900px){
  .bz-welcome-v .bz-scroll{display:grid}
  .bz-welcome-v .bz-welcome{align-self:center;padding-bottom:clamp(88px,15vh,176px)}
}

/* passagem da boas-vindas para a etapa 1: o painel amarelo encolhe da largura da introdução */
@media (min-width:900px){
  .bz-from-w{animation:bzFromW .6s var(--bz-ease) both}
  @keyframes bzFromW{from{grid-template-columns:clamp(400px,42vw,620px) minmax(0,1fr)}}
  .bz-from-w .bz-sidenav,.bz-from-w .bz-note2{animation:bzIn .4s var(--bz-ease) .25s both}
}
/* boas-vindas: painel amarelo institucional — ícone sozinho no topo, chamada, curiosidade e rodapé */
.bz-welcome-v .bz-hero{margin-top:clamp(48px,12vh,140px);max-width:none}
/* mesma tipografia da hero do site: Granse Black, caixa alta, entreletras e entrelinha apertados */
.bz-hero-t{display:grid;font-family:var(--head);font-weight:900;font-synthesis:none;text-transform:uppercase;font-size:clamp(44px,4.6vw,80px);line-height:.9;letter-spacing:-.018em;word-spacing:.08em;color:#000}
.bz-hero-t span{display:block}
.bz-hero-d{margin-top:clamp(24px,4vh,36px);font-size:17px;line-height:1.5;color:rgba(0,0,0,.72);max-width:25em;text-wrap:pretty}
.bz-curio{flex:none;margin:auto 0 0;padding-top:40px;display:grid;justify-items:start}
.bz-curio-b{display:grid;gap:5px;max-width:22rem;padding:16px 18px 17px;border-radius:20px 20px 20px 6px;background:#000;color:#fff;font-size:15px;line-height:1.45;transition:opacity .26s var(--bz-ease),transform .26s var(--bz-ease)}
.bz-curio-b b{font-size:13px;font-weight:650;color:var(--sun)}
.bz-curio.out .bz-curio-b{opacity:0;transform:translateY(4px)}
.bz-pfoot{flex:none;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 20px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,.12)}
.bz-pfoot p{font-size:12.5px;color:rgba(0,0,0,.58)}
.bz-plink{display:inline-flex;align-items:center;gap:8px;min-height:32px;margin-left:-8px;padding:0 8px;border:0;border-radius:8px;background:none;color:#000;font-size:14px;font-weight:550;transition:background .15s}
.bz-plink:hover{background:rgba(255,255,255,.45)}
.bz-welcome-v .bz-dev{position:static;margin-top:14px}

/* briefing: projeto logo abaixo do ícone */
.bz-pjrow{flex:none;display:flex;align-items:center;gap:8px;margin-top:clamp(20px,3.5vh,36px);margin-left:-6px}
.bz-pjrow .bz-pjname{font-size:17px}
.bz-recent ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bz-recent-it{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:0;border-radius:14px;background:var(--bz-field);text-align:left;color:var(--ink);transition:background .15s}
.bz-recent-it:hover{background:var(--bz-field-h)}
.bz-recent-it .ico{flex:none;transition:transform .2s var(--bz-ease)}
.bz-recent-it:hover .ico{transform:translateX(3px)}
.bz-recent-tx{display:grid;gap:2px;min-width:0}
.bz-recent-tx b{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bz-recent-tx span{font-size:14px;color:var(--bz-mute)}

/* desktop com pouca altura */
@media (min-width:900px) and (max-height:820px){
  .bz-step button{padding:8px 0}
  .bz-step-tx span{display:none}
  .bz-step:not(:last-child)::before{top:31px;bottom:-3px}
  .bz-welcome-v .bz-hero{margin-top:48px}
  .bz-hero-t{font-size:clamp(42px,4.2vw,68px)}
  .bz-inner{padding-top:28px}
  .bz-bar{min-height:64px;padding-top:12px}
}
@media (min-width:900px) and (max-width:1100px){
  .bz{--bz-pw:284px}
  .bz-welcome-v{--bz-pw:clamp(360px,40vw,460px)}
  .bz{--bz-pp:26px}
  .bz-home svg{width:52px;height:52px}
  .bz-types{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* celular e tablet: cabeçalho amarelo compacto, coluna única, rodapé fixo nas safe areas */
@media (max-width:899px){
  body.bz-full .app-main{max-width:none;padding:0}
  body.bz-full .toasts{bottom:calc(env(safe-area-inset-bottom,0px) + 88px)}
  .bz{display:block;--bz-pad:20px}
  .bz-panel{position:sticky;top:0;z-index:30;overflow:visible;padding:calc(env(safe-area-inset-top,0px) + 10px) 16px 14px;border-radius:0 0 22px 22px}
  .bz-welcome-v .bz-panel{position:relative;padding:calc(env(safe-area-inset-top,0px) + 16px) 20px 18px}
  .bz-curio{display:none}
  .bz-pfoot{margin-top:28px;padding-top:14px}
  .bz-pjrow{margin-top:8px}
  .bz-inner.bz-welcome{padding:28px var(--bz-pad) calc(env(safe-area-inset-bottom,0px) + 48px)}
  .bz-welcome>.bz-f{margin-top:28px}
  .bz-welcome .bz-cta{margin-top:24px}
  .bz-whead h1{font-size:32px}
  .bz-whead h1+p{font-size:16.5px;margin-top:12px}
  .bz-hero-t{font-size:48px}
  .bz-hero-d{margin-top:18px;font-size:16px}
  .bz-recent{margin-top:48px}
  .bz-top{min-height:44px}
  .bz-home svg{width:48px;height:48px;margin:0}
  .bz-steps,.bz-segs{display:none}
  .bz-brief .bz-pfoot,.bz-brief .bz-hat{display:none}
  .bz-pjrow .bz-pjname{font-size:15.5px}
  .bz-welcome-v .bz-hero{margin-top:36px}
  .bz-prog{display:grid;gap:10px}
  .bz-prog p{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
  .bz-prog p span{font-size:13.5px;color:rgba(0,0,0,.65)}
  .bz-prog p b{order:-1;font-size:19px;font-weight:600;letter-spacing:-.015em}
  .bz-prog-bars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
  .bz-prog-bars i{height:4px;border-radius:2px;background:rgba(0,0,0,.15);transition:background .2s}
  .bz-prog-bars i.on,.bz-prog-bars i.now{background:#000}
  .bz-dev{position:static;margin-top:12px}
  .bz-main{display:block;background:transparent;border-radius:0;overflow:visible}
  .bz-bar{max-width:720px;min-height:56px;padding:10px var(--bz-pad) 0}
  .bz-scroll{overflow:visible}
  .bz-inner{max-width:720px;padding:16px var(--bz-pad) calc(env(safe-area-inset-bottom,0px) + 112px);gap:32px}
  .bz-body{gap:36px}
  .bz-foot{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 0 calc(env(safe-area-inset-bottom,0px) + 10px);background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -1px 0 var(--bz-line)}
  .bz-foot::before{display:none}
  .bz-foot-in{max-width:720px;padding-inline:16px;gap:10px}
  .bz-need{display:none}
  .bz-foot-sp{display:none}
  .bz-need+.bz-primary{margin-left:auto}
  .bz-grid2{grid-template-columns:1fr}
  .bz-rv dl{grid-template-columns:1fr}
  .bz-sheet{top:auto;left:0;right:0;bottom:0;width:auto;max-height:88dvh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom,0px);animation-name:bzSheetUp}
  @keyframes bzSheetUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
}
@media (max-width:640px){
  .bz-types{grid-template-columns:repeat(2,minmax(0,1fr))}
  .bz-foot-in>.bz-primary,.bz-need+.bz-primary{flex:1;margin-left:0}
  .bz-quiet{margin-left:-6px;padding:0 12px}
  .bz-type:last-child:nth-child(odd){grid-column:1/-1}
  .bz-type{min-height:96px}
  .bz-grid-loc{grid-template-columns:minmax(0,1fr) 84px}
  .bz-grid-loc>.bz-f:last-child{grid-column:1/-1}
  .bz-seg{display:flex;width:100%}
  .bz-seg button{flex:1 1 0;padding:0 10px}
  .bz-seg-wide button{flex:1 1 40%}
  .bz-bar .bz-save{display:none}
  .bz-head h1{font-size:28px}
  .bz-chip{min-height:42px;padding:0 15px;font-size:15px}
}
@media (max-width:380px){
  .bz-link{padding:0 9px}
  .bz-btn{padding:0 18px}
  .bz-hero-t{font-size:44px}
}
@media (prefers-reduced-motion:reduce){
  .bz *,.bz-sheet{animation:none!important;transition-duration:.01ms!important}
}

/* ================= CRIAÇÃO DOS NOMES (29/10/2026, v2) =================
   Interface de produto: fundo claro, um card central com barra de status (marca, etapa, tempo, Interromper),
   régua de 3 segmentos, título, descrição, as três etapas como linhas (a ativa em destaque amarelo contido)
   e uma nota contextual no pé do card. O amarelo é acento, não fundo. */
body.gen-on{background:#EEEFEA}
.gld{--bz-ease:cubic-bezier(.2,.7,.2,1);min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:clamp(16px,4vh,48px) 16px;background:#EEEFEA;color:var(--ink);font-family:var(--text)}
.gld-card{width:100%;max-width:820px;background:#fff;border-radius:28px;box-shadow:0 0 0 1px rgba(37,49,59,.06),0 30px 80px -40px rgba(37,49,59,.25);overflow:hidden}

/* barra de status */
.gld-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 20px 18px 24px}
.gld-brand{display:flex;align-items:center;gap:14px;min-width:0}
.gld-mark svg{width:36px;height:36px;display:block}
.gld-pill{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px 0 10px;border-radius:999px;background:var(--sun-mist);box-shadow:inset 0 0 0 1px rgba(234,200,26,.35);font-size:13.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.gld-pill i{width:8px;height:8px;border-radius:50%;background:#E8C81A;box-shadow:0 0 0 0 rgba(232,200,26,.6)}
.gld-anim .gld-pill i{animation:gldDot 1.8s ease-out infinite}
@keyframes gldDot{0%{box-shadow:0 0 0 0 rgba(232,200,26,.55)}100%{box-shadow:0 0 0 8px rgba(232,200,26,0)}}
.gld-meta{display:flex;align-items:center;gap:8px}
.gld-time{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 12px;border-radius:10px;background:#F3F4F0;font-size:14px;font-weight:500;color:var(--ink-2);font-variant-numeric:tabular-nums}
.gld-time-k{color:var(--mute);font-weight:500}
.gld-stop{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 14px;border:0;border-radius:10px;background:transparent;color:var(--mute);font:500 14px/1 var(--text);box-shadow:inset 0 0 0 1px #E3E5E0;transition:background .15s,color .15s,box-shadow .15s}
.gld-stop .ico{width:15px;height:15px}
.gld-stop:hover{background:#F3F4F0;color:var(--ink);box-shadow:inset 0 0 0 1px #D3D6D2}
.gld-stop:disabled{opacity:.6;cursor:default}
.gld-stop:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}

/* régua geral: três segmentos, colados à barra */
.gld-segs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:0 24px}
.gld-segs i{position:relative;height:4px;border-radius:2px;background:#EEEFEB;overflow:hidden}
.gld-segs i::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--bz-ease)}
.gld-segs i.done::after{transform:none}
.gld-segs i.active::after{background:var(--sun-deep);transform:scaleX(.5)}
.gld-anim .gld-segs i.active::after{transform:none;width:40%;background:linear-gradient(90deg,rgba(245,217,42,0),#F5D92A 40%,#F5D92A 60%,rgba(245,217,42,0));animation:gldRun 1.8s cubic-bezier(.45,0,.25,1) infinite}
@keyframes gldRun{from{transform:translateX(-100%)}to{transform:translateX(260%)}}

/* conteúdo */
.gld-body{padding:clamp(32px,5vh,48px) clamp(24px,5vw,56px) clamp(24px,4vh,40px);display:grid}
.gld-t{font-family:var(--text);font-size:clamp(30px,3.2vw,40px);line-height:1.08;font-weight:600;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}
.gld-d{margin-top:12px;font-size:16.5px;line-height:1.55;color:var(--mute);max-width:36em;text-wrap:pretty}

/* etapas */
.gld-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:8px}
.gld-steps li{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 18px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #EEEFEB;overflow:hidden;transition:background .35s,box-shadow .35s}
.gld-steps li.active{background:var(--sun-mist);box-shadow:inset 0 0 0 1.5px #F0D63A,0 14px 34px -22px rgba(232,200,26,.9)}
.gld-n{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;color:var(--mute);background:#F3F4F0;transition:background .3s,color .3s}
.gld-ok{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .25s,transform .3s var(--bz-ease)}
.gld-ok .ico{width:16px;height:16px;stroke-width:2.6}
.gld-steps li.done .gld-n{background:var(--ink);color:var(--sun)}
.gld-steps li.done .gld-num{opacity:0}
.gld-steps li.done .gld-ok{opacity:1;transform:none}
.gld-steps li.active .gld-n{background:var(--sun);color:#000}
.gld-anim .gld-steps li.active .gld-n::after{content:"";position:absolute;inset:-5px;border-radius:50%;box-shadow:0 0 0 1.5px rgba(232,200,26,.8);animation:gldPulse 2s ease-out infinite}
@keyframes gldPulse{from{transform:scale(.85);opacity:1}to{transform:scale(1.25);opacity:0}}
.gld-tx{display:grid;gap:3px;min-width:0}
.gld-tx b{font-size:16.5px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--ink)}
.gld-tx span{font-size:14.5px;line-height:1.45;color:var(--mute)}
.gld-steps li.wait .gld-tx b{color:var(--mute);font-weight:550}
.gld-steps li.wait .gld-tx span{color:#9AA0A8}
.gld-state{font-size:13px;font-weight:600;white-space:nowrap}
.gld-state>span{display:none;align-items:center;gap:6px}
.gld-state .ico{width:14px;height:14px;stroke-width:2.6}
.gld-steps li.done .s-done{display:inline-flex;color:var(--ok)}
.gld-steps li.active .s-active{display:inline-flex;color:#7A6400}
.gld-steps li.wait .s-wait{display:inline-flex;color:#9AA0A8;font-weight:500}
.s-active i{width:7px;height:7px;border-radius:50%;background:#E8C81A}
.gld-anim .s-active i{animation:gldBlink 1.2s ease-in-out infinite alternate}
@keyframes gldBlink{to{opacity:.3}}
/* faixa de atividade no pé da etapa ativa */
.gld-run{position:absolute;left:18px;right:18px;bottom:0;height:2px;overflow:hidden;opacity:0;transition:opacity .3s}
.gld-steps li.active .gld-run{opacity:1}
.gld-run i{position:absolute;top:0;bottom:0;width:30%;background:linear-gradient(90deg,rgba(232,200,26,0),#E8C81A,rgba(232,200,26,0))}
.gld-anim .gld-run i{animation:gldRun 2.2s cubic-bezier(.45,0,.25,1) infinite}

/* nota contextual */
.gld-tip{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;margin:24px 0 0;padding:14px 16px;border-radius:14px;background:#F5F6F2;transition:opacity .3s}
.gld-tip-ic{width:32px;height:32px;border-radius:10px;background:var(--sun);display:grid;place-items:center;color:#000}
.gld-tip-ic .ico{width:16px;height:16px}
.gld-tip figcaption{display:grid;gap:2px;padding-top:1px;transition:opacity .3s,transform .3s}
.gld-tip b{font-size:12.5px;font-weight:650;color:var(--mute)}
.gld-tip figcaption span{font-size:15px;line-height:1.45;color:var(--ink)}
.gld-tip.out figcaption{opacity:0;transform:translateY(3px)}

.gld.stopping .gld-pill{background:#F3F4F0;box-shadow:none}
.gld.stopping .gld-pill i,.gld.stopping .gld-run i,.gld.stopping .gld-segs i::after,.gld.stopping li .gld-n::after{animation:none!important}
.gld.stopping .gld-steps{opacity:.6;transition:opacity .3s}

@media (max-width:640px){
  .gld{padding:calc(env(safe-area-inset-top,0px) + 12px) 12px calc(env(safe-area-inset-bottom,0px) + 12px);place-items:start stretch}
  .gld-card{border-radius:24px}
  .gld-bar{padding:14px 14px 14px 16px;gap:8px;flex-wrap:nowrap}
  .gld-brand{gap:10px}
  .gld-time-k{display:none}
  .gld-time{padding:0 10px}
  .gld-stop{padding:0 11px}
  .gld-stop:not(:disabled) .gld-stop-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .gld-mark svg{width:32px;height:32px}
  .gld-segs{padding:0 16px}
  .gld-body{padding:28px 18px 20px}
  .gld-steps li{grid-template-columns:32px minmax(0,1fr);padding:14px}
  .gld-n{width:32px;height:32px}
  .gld-state{grid-column:2;margin-top:-6px}
}
@media (prefers-reduced-motion:reduce){.gld *{animation:none!important}}

/* ================= SIDEBAR COMPARTILHADA (29/10/2026) =================
   Mesma estrutura em Projetos, Briefing, Nomes e Estúdio: identidade, navegação (Briefing expansível),
   nota contextual e rodapé. Só mudam o item ativo, a expansão das etapas e o texto da nota. */
.bz-sidenav{flex:none;margin-top:clamp(18px,2.6vh,24px);margin-bottom:12px;padding-top:clamp(12px,1.8vh,16px);border-top:1px solid rgba(0,0,0,.12)}
.bz-sidenav>ul{list-style:none;margin:0 -12px;padding:0;display:grid;gap:2px}
.bz-nav-it{width:100%;display:flex;align-items:center;gap:14px;min-height:42px;padding:0 12px;border:0;border-radius:12px;background:transparent;color:rgba(0,0,0,.74);font:500 16px/1.2 var(--text);text-align:left;transition:background .18s,color .18s}
.bz-nav-it .ico{width:20px;height:20px;flex:none}
.bz-nav-it:hover{background:rgba(255,255,255,.2);color:#000}
.bz-nav-it[aria-current="page"]{background:rgba(255,255,255,.32);color:#000;font-weight:650}
.bz-nav-it[aria-disabled="true"]{color:rgba(0,0,0,.32);cursor:not-allowed;background:none}
.bz-nav-it:focus-visible,.bz-nav-tg:focus-visible{outline:2.5px solid #000;outline-offset:2px}
.bz-nav-row{position:relative;display:flex;align-items:center}
.bz-nav-row .bz-nav-it{flex:1}
.bz-nav-tg{position:absolute;right:4px;top:50%;width:36px;height:36px;margin-top:-18px;display:grid;place-items:center;padding:0;border:0;border-radius:10px;background:transparent;color:rgba(0,0,0,.6);transition:background .15s,color .15s}
.bz-nav-tg:hover{background:rgba(255,255,255,.5);color:#000}
.bz-nav-tg .ico{width:16px;height:16px;transition:transform .25s var(--bz-ease)}
.bz-nav-br.open .bz-nav-tg .ico{transform:rotate(180deg)}
/* subitens: recuados sob "Briefing", com abertura suave e sem reservar espaço quando recolhidos */
.bz-sub{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s var(--bz-ease)}
.bz-nav-br.open .bz-sub{grid-template-rows:1fr}
.bz-sub>div{min-height:0;overflow:hidden}
/* subnavegação do Briefing: trilho fino sob o ícone do item pai, marcadores pequenos, texto alinhado ao rótulo "Briefing" */
.bz-sub .bz-steps{position:relative;padding:6px 0 10px 12px;gap:0}
.bz-sub .bz-step::before{content:none}
/* estilo stepper: círculos do mesmo tamanho ligados por uma linha; trecho concluído em preto */
.bz-sub .bz-step:not(:last-child)::before{content:"";position:absolute;left:10px;top:21px;bottom:-9px;width:1.5px;margin-left:-.75px;border-radius:0;background:rgba(0,0,0,.13);pointer-events:none}
.bz-sub .bz-step.is-done:not(:last-child)::before{background:#000}
.bz-sub .bz-step button{grid-template-columns:20px minmax(0,1fr);gap:14px;align-items:start;padding:6px 12px 6px 0;border-radius:10px;transition:background .15s}
.bz-sub .bz-step-ind{position:relative;justify-self:center;box-sizing:border-box;width:12px;height:12px;margin-top:3px;border:1.25px solid rgba(0,0,0,.24);border-radius:50%;background:transparent;box-shadow:none;transition:background .2s,border-color .2s}
.bz-sub .bz-step-ind::after{content:none}
.bz-sub .bz-step.is-done .bz-step-ind{background:#000;border-color:#000;color:var(--sun)}
.bz-sub .bz-step.is-done .bz-step-ind .ico{width:7px;height:7px;stroke-width:3.6}
.bz-sub .bz-step.is-now .bz-step-ind{background:transparent;border:1.75px solid #000;box-shadow:none}
.bz-sub .bz-step.is-now .bz-step-ind::after{content:none}
.bz-sub .bz-step-tx b{font-size:14px;font-weight:500;line-height:1.3;letter-spacing:0;color:rgba(0,0,0,.72)}
.bz-sub .bz-step-tx span{margin-top:1px;font-size:12px;line-height:1.3;color:rgba(0,0,0,.42)}
.bz-sub .bz-step:not(.is-now):not(.is-done) .bz-step-tx b{color:rgba(0,0,0,.5);font-weight:500}
.bz-sub .bz-step:not(.is-now):not(.is-done) .bz-step-tx span{color:rgba(0,0,0,.34)}
.bz-sub .bz-step.is-now .bz-step-tx b{color:#000;font-weight:620}
.bz-sub .bz-step.is-now .bz-step-tx span{color:rgba(0,0,0,.52)}
.bz-sub .bz-step button:hover .bz-step-tx b{text-decoration:none;color:#000}
.bz-sub .bz-step:not(.is-locked) button:hover{background:rgba(255,255,255,.28)}
.bz-sub .bz-step.is-now button:hover{background:none}
.bz-prog{display:none}
/* nota contextual: superfície amarela clara, igual em todas as páginas */
.bz-side .bz-note2{margin-top:auto;padding-top:12px}
.bz-side .bz-note2 .bz-curio-b{padding:14px 18px 15px}
.bz-note2 .bz-curio-t{text-wrap:pretty}
.bz-devb{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 11px;border:1px dashed rgba(0,0,0,.25);border-radius:9px;background:transparent;color:rgba(0,0,0,.62);font-size:13px;font-weight:600;white-space:nowrap}
.bz-devb:hover{background:#FFF9D6;color:#000;border-color:rgba(0,0,0,.4)}
.bz-side .bz-pfoot{margin-top:16px}
/* páginas Projetos e Estúdio dentro da casca */
.app-inner{padding-top:clamp(8px,2vh,24px)}
.bz-app .st-rail{top:0}
@media (min-width:900px) and (max-height:860px){
  .bz-nav-it{min-height:40px}
  .bz-sub .bz-step button{padding:4px 12px 4px 0}
  .bz-sub .bz-step:not(:last-child)::before{top:19px;bottom:-7px}
  .bz-note2 .bz-curio-b{padding:13px 16px 14px;font-size:14px;line-height:1.4}
  .bz-sidenav{margin-top:14px;margin-bottom:14px;padding-top:12px}
  .bz-side .bz-pfoot{margin-top:12px}
}
@media (min-width:900px) and (max-height:800px){
  .bz-note2 .bz-curio-t{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
}
@media (max-width:899px){
  .bz .bz-panel{position:relative}
  .bz-sidenav{margin-top:12px;padding-top:12px}
  .bz-sidenav>ul{margin:0 -6px;grid-template-columns:repeat(var(--nn,4),minmax(0,1fr));gap:2px}
  .bz-nav-it{flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:6px 4px;font-size:12.5px;text-align:center}
  .bz-nav-tg,.bz-sub,.bz-side .bz-note2,.bz-side .bz-pfoot{display:none}
  .bz-sidenav .bz-prog{display:grid;margin-top:14px}
}
/* cards: rodapé alinhado na base em todas as linhas, divisória de ponta a ponta, selecionado com fundo levemente amarelo */
.nitem{padding:20px 22px 0}
.ni-sp{flex:1 0 16px}
.ni-act{margin:0 -22px;padding:10px 14px 12px;border-top:1px solid #EFF0EC}
.ni-tl+.ni-act,.ni-nm+.ni-act,.ni-mt+.ni-act{margin-top:0}
.ni-nm{margin-top:10px}
.ni-tl{margin-top:5px}
.nitem.sel{background:#FFFDF2}
.nitem.sel .ni-act{border-top-color:#F6EBB0}
.nitem.sel .ni-tag:not(.warn){background:#FBF4CF}
@container (max-width:640px){.nitem{padding:18px 18px 0}.ni-act{margin:0 -18px;padding-inline:10px}}
/* nota de seleção na sidebar de Nomes */
.bz-selnote{flex:none;margin-top:auto;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px 15px;border-radius:18px;background:rgba(255,255,255,.42);color:#000}
.bz-selnote-b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(0,0,0,.07);font-size:15px;font-weight:650;font-variant-numeric:tabular-nums;color:rgba(0,0,0,.5);transition:background .2s,color .2s}
.bz-selnote-b .ico{width:16px;height:16px}
.bz-selnote.on .bz-selnote-b{background:#000;color:var(--sun)}
.bz-selnote b{display:block;font-size:14.5px;font-weight:650;line-height:1.3}
.bz-selnote p{margin-top:2px;font-size:13.5px;line-height:1.42;color:rgba(0,0,0,.66);text-wrap:pretty}
@media (max-width:899px){.bz-side .bz-selnote{display:none}}
/* barra de seleção: flutuante, preta, sobre o conteúdo de Nomes */
.nv-foot .selbar{max-width:none;margin:0;padding:10px 10px 10px 14px;border-radius:20px;background:#0E1114;color:#fff;box-shadow:0 22px 44px -18px rgba(0,0,0,.55),0 2px 6px rgba(0,0,0,.18);pointer-events:auto}
.nv-foot .sb-h{color:rgba(255,255,255,.62)}
.nv-foot .sb-chips li{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);color:#fff}
.nv-foot .sb-chips button{color:rgba(255,255,255,.7)}
.nv-foot .sb-chips button:hover{background:rgba(255,255,255,.16);color:#fff}
.nv-foot .selbar .btn.qt{background:transparent;color:#fff;border-color:rgba(255,255,255,.28)}
.nv-foot .selbar .btn.qt:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45)}
.nv-foot .selbar .btn.sun{color:#000}
.nv-foot .selbar .btn[aria-disabled="true"]{opacity:.4}
.nv-foot .selbar .btn[aria-disabled="true"]:hover{background:var(--sun)}
.nv-foot .selbar :focus-visible{outline-color:var(--sun)}
@media (min-width:900px){
  .nv-foot{position:absolute;left:0;right:0;bottom:20px;z-index:20;display:flex;justify-content:center;padding:0 var(--bz-pad);background:none;box-shadow:none;pointer-events:none}
  .nv-foot .selbar{width:100%;max-width:calc(var(--bz-w) - 2 * var(--bz-pad))}
  .nv-foot .selbar{flex-wrap:nowrap}
  .nv-foot .sb-l{flex:1 1 80px}
  body.sel-on .bz-names .nv-inner{padding-bottom:132px}
}
@media (max-width:899px){
  .nv-foot{left:10px;right:10px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);padding:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;pointer-events:none}
  .nv-foot .selbar{padding:10px 12px;border-radius:18px}
}
/* ================= COMPARAÇÃO, ESTÚDIO E BATIZAR (30/10/2026) ================= */
@media (min-width:900px){.has-foot .bz-inner{padding-bottom:48px}}
.bz-back{display:inline-flex;align-items:center;gap:8px;min-height:36px;margin-left:-10px;padding:0 12px 0 10px;border:0;border-radius:10px;background:transparent;color:var(--bz-mute);font-size:14.5px;font-weight:500;transition:background .15s,color .15s}
.bz-back:hover{background:#F3F4F0;color:var(--ink)}
.bz-back .ico{width:16px;height:16px}
/* níveis: texto discreto com marcador; mesma família das faixas de aderência */
.lvc{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;color:var(--ink-2)}
.lvc::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.lvc-2{color:var(--fx-forte)}.lvc-1{color:var(--fx-boa)}.lvc-0{color:#9A6B00}
.lvc-n{color:#8B929C;font-weight:500}.lvc-n::before{background:none;box-shadow:inset 0 0 0 1.5px currentColor}
.lvc-t{color:var(--ink)}.lvc-t::before{border-radius:2px;background:var(--ink)}
/* comparação: tabela premium, critérios nas linhas e nomes nas colunas */
.bz-comparar{--bz-pad:clamp(24px,3.2vw,48px);--bz-w:1640px}
.cx{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.cx-mode{max-width:100%}
.cx-mode button{white-space:normal;text-align:center}
.cx-head h1{font-family:var(--text);font-size:clamp(34px,4.2cqi,48px);font-weight:600;letter-spacing:-.035em;line-height:1.04;color:var(--ink)}
.cx-lead{margin-top:12px;max-width:42em;font-size:17px;line-height:1.55;color:var(--ink-2)}
.cx-bar{margin-top:32px;padding-top:24px;border-top:1px solid #EEEFEB;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px}
.cx-chrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cx-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.cx-chips li{display:inline-flex;align-items:center;height:36px;padding:0 4px 0 14px;border-radius:999px;background:#F3F4F0;font-size:14.5px;font-weight:600;color:var(--ink)}
.cx-chips button{width:28px;height:28px;margin-left:2px;border:0;border-radius:50%;background:none;display:grid;place-items:center;color:var(--bz-mute)}
.cx-chips button:hover{background:#E6E8E3;color:var(--ink)}
.cx-chips button[aria-disabled="true"]{opacity:.35;cursor:not-allowed}
.cx-chips button[aria-disabled="true"]:hover{background:none}
.cx-chrow .menu-wrap .btn{min-height:36px;border-radius:999px}
/* tabela */
.cx-wrap{--lab:clamp(176px,16cqi,216px);--colmin:200px;margin-top:32px;min-width:0;border:1px solid #E8EAE5;border-radius:20px;background:#fff}
.cx-table{display:grid;min-width:calc(var(--lab) + var(--n) * var(--colmin))}
.cx-tr{display:grid;grid-template-columns:var(--lab) repeat(var(--n),minmax(var(--colmin),1fr));border-top:1px solid #EEEFEB;transition:background .15s}
.cx-tr:not(.cx-th):hover{background:#FBFBF8}
.cx-tr:not(.cx-th):hover .cx-lab{background:#F5F6F1}
.cx-th{border-top:0;border-radius:20px 20px 0 0}
.cx-mini{position:sticky;top:0;z-index:4;height:0}
.cx-mini-in{position:absolute;left:0;right:0;top:0;display:grid;grid-template-columns:var(--lab) repeat(var(--n),minmax(var(--colmin),1fr));background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #E3E5E0;box-shadow:0 10px 20px -18px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s,transform .18s,visibility .18s}
.cx-table.stuck .cx-mini-in{opacity:1;visibility:visible;transform:none}
.cx-mini-l{padding:14px 24px;background:#F8F9F5;border-right:1px solid #EEEFEB;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bz-mute)}
.cx-mini-n{padding:13px 28px;font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cx-mini-n+.cx-mini-n{border-left:1px solid #F1F2EE}
.cx-lab{position:sticky;left:0;z-index:1;display:grid;align-content:start;gap:6px;padding:28px 24px;background:#F8F9F5;border-right:1px solid #EEEFEB}
.cx-th .cx-lab{background:#F8F9F5;border-radius:20px 0 0 0;align-content:end}
.cx-tr:last-child .cx-lab{border-radius:0 0 0 20px}
.cx-lab-t{font-size:15px;font-weight:600;line-height:1.35;letter-spacing:-.005em;color:var(--ink)}
.cx-th .cx-lab-t{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bz-mute)}
.cx-lab-q{font-size:13px;line-height:1.5;color:#7A828C}
.cx-col{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:28px 28px 24px;min-width:0}
.cx-col+.cx-col,.cx-td+.cx-td{border-left:1px solid #F1F2EE}
.cx-terr{font-size:12.5px;font-weight:500;letter-spacing:.01em;line-height:1.4;color:#7A828C}
.cx-nm{margin-top:8px;font-size:clamp(24px,2.3cqi,30px);font-weight:650;letter-spacing:-.03em;line-height:1.08;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance}
.cx-nm.long{font-size:clamp(19px,1.8cqi,23px)}
.cx-con{margin-top:8px;font-size:14px;line-height:1.5;color:#5B6470;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.cx-go{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding:20px 0 0;border:0;background:none;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:rgba(37,49,59,.25);text-underline-offset:4px;transition:text-decoration-color .15s,gap .15s}
.cx-go:hover{text-decoration-color:var(--ink);gap:9px}
.cx-go .ico{width:14px;height:14px}
.cx-td{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:28px 28px 32px;min-width:0}
.cx-td p{font-size:14.5px;line-height:1.6;color:#56606B;text-wrap:pretty}
.cx-td.warn{background:linear-gradient(#FFFBE3,#FFFBE3) padding-box}
.cx-td-n{display:none;font-size:12px;font-weight:650;color:var(--ink)}
.cx-tr-adh .cx-lab,.cx-tr-adh .cx-td{padding-block:22px;justify-content:flex-start;align-content:start}
.cx-tr-adh .cx-lab-t{line-height:20px}
.cx-tr-adh .cx-td .adh{min-height:20px;line-height:20px}
.cx-tr-adh .cx-td .adh{font-size:14.5px}
.cx-attn{margin:0;padding-left:16px;display:grid;gap:8px;font-size:14.5px;line-height:1.6;color:#56606B}
/* selos: pequenos, discretos e consistentes */
.cxt{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px 0 9px;border-radius:8px;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;background:#F3F4F0;color:var(--ink-2)}
.cxt::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}
.cxt-2{background:#EAF5EE;color:#2F7A52}
.cxt-1{background:#EDF3FA;color:#3F6E9E}
.cxt-0{background:#FFF1B8;color:#7A5A00}
.cxt-ok{background:#F3F4F0;color:var(--ink-2)}
.cxt-ok::before{background:#7FB596}
.cxt-n{background:transparent;box-shadow:inset 0 0 0 1px #E3E5E0;color:#8B929C;font-weight:500}
.cxt-n::before{background:none;box-shadow:inset 0 0 0 1.5px currentColor}
.cxt-x{background:#25313B;color:#fff}
.cxt-x::before{border-radius:2px;background:var(--sun)}
.cx-hidden{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:12px 16px;border-radius:14px;background:#F7F8F4;font-size:14px;color:var(--ink-2)}
.cx-hidden .ico{width:16px;height:16px;color:var(--bz-mute)}
.cx-hidden .link{margin-left:auto;font-size:14px}
.cx-pv{margin-top:32px;border-top:1px solid #EEEFEB;padding-top:8px}
.cx-pv>summary{list-style:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-size:15px;font-weight:600;color:var(--ink)}
.cx-pv>summary::-webkit-details-marker{display:none}
.cx-pv>summary .ico{width:15px;height:15px;transition:transform .25s var(--bz-ease)}
.cx-pv[open]>summary .ico{transform:rotate(180deg)}
.cx-pvg{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:12px;margin:8px 0 10px}
.cx-pvg figure{margin:0;display:grid;gap:6px}
.cx-th .cx-th,.cx-pvg .cx-th{aspect-ratio:16/10;border-radius:12px;overflow:hidden}
.cx-pvg .cx-th svg{width:100%;height:100%;display:block}
.cx-pvg figcaption{font-size:13px;color:var(--bz-mute)}
/* rolagem horizontal só quando os nomes não cabem: a coluna de critérios fica visível */
.cx-wrap.n4{--colmin:170px}
.cx-wrap.n4 .cx-col,.cx-wrap.n4 .cx-td{padding-inline:22px}
.cx-wrap.n4 .cx-mini-n{padding-inline:22px}
@container (max-width:840px){
  .cx-wrap.n4{overflow-x:auto;overscroll-behavior-x:contain}
  .cx-wrap.n4 .cx-mini{display:none}
}
@container (max-width:760px){
  .cx-wrap{overflow-x:auto;--lab:132px;--colmin:220px}
  .cx-mini{display:none}
  .cx-lab{padding:20px 16px}
  .cx-lab-q{display:none}
  .cx-col,.cx-td{padding:20px 18px 24px}
  .cx-pvg{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* estúdio */
.sx{display:grid;gap:clamp(36px,5vh,52px)}
.sx-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:20px 32px}
.sx-id{display:grid;gap:10px;min-width:0;flex:1 1 380px}
.sx-sw{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.sx-sw button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border:1px solid var(--bz-line);border-radius:999px;background:#fff;font-size:14px;font-weight:500;color:var(--ink-2);transition:background .15s,border-color .15s,color .15s}
.sx-sw button:hover{border-color:#CFD3CE;color:var(--ink)}
.sx-sw button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
.sx-sw button .ico{width:14px;height:14px}
.sx-sel{max-width:320px}
.sx-name{font-family:var(--text);font-size:clamp(44px,6.5cqi,76px);font-weight:600;letter-spacing:-.045em;line-height:.98;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance}
.sx-name.long{font-size:clamp(34px,4.6cqi,54px)}
.sx-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px}
.sx-terr{font-size:14px;color:var(--bz-mute)}
.sx-con{max-width:38em;font-size:16.5px;line-height:1.5;color:var(--ink-2)}
.sx-cta{display:grid;justify-items:end;gap:8px;text-align:right;max-width:280px}
.sx-bat{min-width:180px;justify-content:center;font-size:17px}
.sx-cta p{font-size:13.5px;line-height:1.45;color:var(--bz-mute)}
.sx-done{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:14px;background:var(--ink);color:var(--sun);font-size:16px;font-weight:650}
.sx-done .ico{width:17px;height:17px}
.sx-h{font-family:var(--text);font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--ink)}
.sx-sec{display:grid;gap:16px}
.sx-sec-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px}
.sx-sec-h p{font-size:14px;color:var(--bz-mute)}
.sx-stage{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:14px;align-items:start}
.sx-main{display:grid;gap:8px;min-width:0}
.sx-canvas{border-radius:18px;overflow:hidden;background:#F3F4F0}
.sx-logo{aspect-ratio:16/9;display:grid}
.sx-logo svg{width:100%;height:100%;display:block}
.sx-ad{display:grid;place-items:center;padding:clamp(16px,3cqi,32px)}
.sx-canvas.sx-anuncio .sx-ad{aspect-ratio:16/9}
.sx-ad svg{display:block;height:100%;max-height:520px;width:auto;max-width:100%;border-radius:8px;box-shadow:0 18px 40px -24px rgba(0,0,0,.45)}
.sx-zoom{font-size:13px}
.sx-cap{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--bz-mute)}
.sx-thumbs{display:grid;gap:12px}
.sx-th{display:grid;gap:7px;padding:0;border:0;background:none;text-align:left;font-size:13.5px;font-weight:600;color:var(--ink-2);cursor:pointer}
.sx-th-in{border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #E6E8E3;background:#F3F4F0;transition:box-shadow .18s,transform .18s}
.sx-th:hover .sx-th-in{box-shadow:inset 0 0 0 1px #CFD3CE,0 10px 22px -18px rgba(0,0,0,.5)}
.sx-th:focus-visible{outline:none}.sx-th:focus-visible .sx-th-in{outline:2.5px solid var(--ink);outline-offset:2px}
.sx-th-in .sx-logo{aspect-ratio:16/10}
.sx-th-in .sx-ad{aspect-ratio:16/10;padding:10px}
.sx-th-in .sx-ad svg{box-shadow:none;border-radius:4px}
.sx-th-in .tc,.sx-th-in .frame{pointer-events:none}
.sx-seg-wrap{max-width:100%;overflow-x:auto;scrollbar-width:none;margin-bottom:4px}
.sx-seg-wrap::-webkit-scrollbar{display:none}
.sx-seg{display:inline-flex;flex-wrap:nowrap}
.sx-seg button{min-width:max-content;padding:0 18px}
.sx-dirs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sx-dir{display:grid;gap:8px;padding:0;border:0;background:none;text-align:left;cursor:pointer}
.sx-dir .pv{aspect-ratio:16/9;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);transition:box-shadow .18s}
.sx-dir .pv svg{width:100%;height:100%;display:block}
.sx-dir b{font-size:14px;font-weight:600;color:var(--ink-2)}
.sx-dir[aria-pressed="true"] .pv{box-shadow:0 0 0 2.5px var(--ink)}
.sx-dir[aria-pressed="true"] b{color:var(--ink)}
.sx-dir:focus-visible{outline:none}.sx-dir:focus-visible .pv{outline:2.5px solid var(--ink);outline-offset:3px}
.sx-adv{margin-top:4px}
.sx-why{margin:0;display:grid;border-top:1px solid var(--bz-line)}
.sx-why>div{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:6px 28px;padding:16px 0;border-bottom:1px solid var(--bz-line)}
.sx-why dt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;font-size:15px;font-weight:600;color:var(--ink)}
.sx-why dd{margin:0;font-size:15px;line-height:1.5;color:var(--ink-2)}
.sx-foot{font-size:13px;line-height:1.5;color:var(--bz-mute);max-width:52em}
@container (max-width:760px){
  .sx-stage{grid-template-columns:minmax(0,1fr)}
  .sx-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sx-cta{justify-items:start;text-align:left;max-width:none}
  .sx-why>div{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:520px){.sx-dirs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.sx-dir b{font-size:12.5px}}
/* batizado: sidebar e card */
.bz-pj-kr{display:flex;align-items:center;gap:8px;min-height:16px}
.bz-pj-ch{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px 0 5px;border:0;border-radius:6px;background:#000;color:var(--sun);font-size:11.5px;font-weight:600;line-height:1;cursor:pointer}
.bz-pj-ch .ico{width:11px;height:11px;flex:none}
.bz-pj-ch:focus-visible{outline:2px solid #000;outline-offset:2px}
.ni-ch{display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 9px 0 7px;border-radius:7px;background:var(--ink);color:var(--sun);font-size:12.5px;font-weight:600}
.ni-ch .ico{width:13px;height:13px}
/* confirmação e conclusão */
.bt-ask{width:min(600px,calc(100% - 32px));border-radius:28px;overflow:hidden}
.bt-ask-in{display:grid;justify-items:center;text-align:center;padding:48px 48px 36px;background:linear-gradient(180deg,#FFFBE0 0%,#FFFFFF 62%)}
.bt-ask-mark{width:56px;height:56px;margin-bottom:24px}
.bt-ask-mark svg{width:100%;height:100%;display:block}
.bt-ask-eye{font-size:17px;font-weight:600;color:var(--ink-2)}
.bt-ask-name{margin-top:10px;font-family:var(--text);font-size:clamp(40px,7vw,60px);font-weight:650;letter-spacing:-.045em;line-height:1;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance}
.bt-ask-name.long{font-size:clamp(30px,5vw,42px)}
.bt-ask-txt{margin-top:18px;max-width:30em;font-size:15.5px;line-height:1.6;color:var(--ink-2)}
.bt-ask-f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 32px 24px;border-top:1px solid #EEEFEB;background:#fff}
.bt-ask-f .bz-quiet{margin-left:-12px}
@media (max-width:520px){.bt-ask-in{padding:36px 24px 28px}.bt-ask-f{padding:16px 20px 20px}.bt-ask-f .bz-primary{flex:1;justify-content:center}}
.bt-acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:10px}
.bt-done{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:71;width:min(560px,calc(100% - 32px));max-height:calc(100% - 40px);overflow:auto;display:grid;justify-items:center;gap:10px;padding:clamp(32px,5vw,48px) clamp(24px,4vw,44px) 30px;border-radius:28px;background:#fff;text-align:center;box-shadow:var(--shadow-layer);animation:btIn .5s var(--bz-ease) both}
.bt-done::before{content:"";position:absolute;inset:0 0 auto;height:8px;background:var(--sun)}
.bt-mark{width:60px;height:60px;margin-bottom:6px}
.bt-mark svg{width:100%;height:100%;display:block}
.bt-eye{font-size:15px;font-weight:600;color:var(--bz-mute)}
.bt-name{font-family:var(--text);font-size:clamp(46px,9vw,72px);font-weight:650;letter-spacing:-.045em;line-height:1;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance;animation:btName .7s var(--bz-ease) .12s both}
.bt-name.long{font-size:clamp(34px,6vw,50px)}
.bt-txt{margin-top:4px;font-size:16px;line-height:1.5;color:var(--ink-2)}
.bt-done .bt-acts{justify-content:center;margin-top:14px}
.bt-legal{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--bz-mute);max-width:34em}
@keyframes btIn{from{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes btName{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bt-done,.bt-name{animation:none}}
/* estúdio: ritmo vertical (refinamento 30/10) */
.sx{gap:64px}
.sx>.sx-head+.sx-sec{margin-top:-24px}
.sx>.sx-foot{margin-top:-32px}
.sx-sec>.sx-sec-h{margin-bottom:16px}
.sx-main{gap:10px}
.sx-head{display:block}
.sx-id{gap:0}
.sx-sw{margin-bottom:20px}
.sx-meta{margin-top:16px}
.sx-con{margin-top:12px}
.sx-sec{gap:0}
.sx-ctl{display:grid;gap:12px;padding:16px;border-radius:20px;background:#F7F8F4}
.sx-ctl .sx-seg-wrap{margin:0}
.sx-ctl .sx-seg{background:#ECEEE8}
.sx-ctl .sx-adv{margin:0;background:#fff;border-color:#E6E8E3;border-radius:14px}
.sx-ctl .sx-adv>summary{padding:13px 18px;font-size:15px}
.sx-ctl .sx-adv .in{padding:4px 18px 20px}
.sx-stage{margin-top:24px}
.sx-why{margin-top:0}
/* ================= NOME ESCOLHIDO (30/10/2026) ================= */
.esc{display:grid;grid-template-columns:minmax(0,1fr);gap:56px}
.esc-hero{display:grid;gap:0;padding-bottom:8px}
.esc-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.esc-eye{display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 12px 0 8px;border-radius:999px;background:#FFF6BF;font-size:13px;font-weight:650;color:#25313B}
.esc-eye .ico{width:15px;height:15px;padding:2px;border-radius:50%;background:#25313B;color:var(--sun)}
.esc-top .btn{min-height:38px}
.esc-name{margin-top:28px;font-family:var(--text);font-size:clamp(60px,9.5cqi,120px);font-weight:650;letter-spacing:-.05em;line-height:.94;color:var(--ink);overflow-wrap:anywhere;text-wrap:balance}
.esc-name.long{font-size:clamp(44px,6.4cqi,80px)}
.esc-lead{margin-top:24px;max-width:34em;font-size:18px;line-height:1.55;color:var(--ink-2)}
.esc-meta{margin:40px 0 0;display:grid;grid-template-columns:2fr repeat(3,minmax(0,1fr));gap:12px}
.esc-meta>div{padding:18px 20px 20px;min-width:0;border-radius:18px;background:#F7F8F4;transition:background .2s}
.esc-meta>div:hover{background:#F2F3EE}
.esc-meta dt{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#7A828C}
.esc-meta dd{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere}
@container (max-width:900px){.esc-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.esc-meta>div:first-child{grid-column:1/-1}}
@container (max-width:460px){.esc-meta{grid-template-columns:minmax(0,1fr)}}
.esc-in .esc-name{animation:btName .7s var(--bz-ease) both}
.esc-in .esc-lead,.esc-in .esc-meta{animation:bzIn .5s var(--bz-ease) .15s both}
.esc-sec{display:grid;gap:20px}
.esc-sec-h{display:grid;gap:6px}
.esc-sec-h.row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 20px}
.esc-sec-h h2{font-family:var(--text);font-size:clamp(22px,2.4cqi,26px);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.esc-sec-h p{font-size:15px;color:var(--bz-mute)}
/* disponibilidade digital */
.dg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.dg-card{display:grid;align-content:start;gap:16px;padding:24px 24px 20px;border:1px solid #E8EAE5;border-radius:20px;background:#fff}
.dg-h h3{font-size:17px;font-weight:650;color:var(--ink)}
.dg-h p{margin-top:4px;font-size:14px;color:var(--bz-mute)}
.dg-list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid #EEEFEB}
.dg-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"v v" "s a";gap:8px 16px;align-items:center;padding:16px 0;border-bottom:1px solid #EEEFEB}
.dg-v{grid-area:v;font-size:15.5px;font-weight:600;color:var(--ink);overflow-wrap:anywhere}
.dg-st{grid-area:s;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.dg-src{font-size:12px;color:var(--bz-mute)}
.dg-act{grid-area:a;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.dg-link{display:inline-flex;align-items:center;gap:5px;font-size:13.5px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-color:rgba(37,49,59,.25);text-underline-offset:4px;white-space:nowrap}
.dg-link:hover{text-decoration-color:var(--ink)}
.dg-link .ico{width:13px;height:13px}
.dg-btn{min-height:30px;padding:0 12px;border:1px solid #E3E5E0;border-radius:999px;background:#fff;font-size:13px;font-weight:600;color:var(--ink-2)}
.dg-btn:hover{border-color:#CFD3CE;color:var(--ink)}
.dg-more{justify-self:start;font-size:14px}
.dg-note{font-size:12.5px;line-height:1.5;color:var(--bz-mute)}
.chk{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px 0 8px;border-radius:7px;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap}
.chk::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.chk-no{background:#F3F4F0;color:#6B737D}
.chk-no::before{background:none;box-shadow:inset 0 0 0 1.5px currentColor}
.chk-run{background:#F3F4F0;color:var(--ink-2)}
.chk-run::before{animation:chkP 1s ease-in-out infinite}
.chk-ok{background:#EAF5EE;color:#2F7A52}
.chk-reg{background:#25313B;color:#fff}
.chk-reg::before{background:var(--sun)}
@keyframes chkP{50%{opacity:.25}}
/* por que funciona */
.esc-why{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.esc-why-b{display:grid;align-content:start;gap:10px;padding:22px 24px 24px;border-radius:18px;background:#F7F8F4}
.esc-why-b h3{font-size:15px;font-weight:600;color:var(--ink)}
.esc-why-b p,.esc-why-b li{font-size:14.5px;line-height:1.6;color:#56606B}
.esc-why-b ul{margin:0;padding-left:18px;display:grid;gap:4px}
/* aplicações */
.esc-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.esc-apps figure{margin:0;display:grid;gap:8px}
.esc-apps figcaption{font-size:13.5px;font-weight:600;color:var(--ink-2)}
.esc-app{border-radius:16px;overflow:hidden;background:#F3F4F0;box-shadow:inset 0 0 0 1px #E6E8E3}
.esc-app .sx-logo,.esc-app .sx-ad{aspect-ratio:16/10}
.esc-app .sx-ad{padding:12px}
.esc-app .sx-ad svg{box-shadow:none;border-radius:4px}
.esc-app .tc{aspect-ratio:16/10 !important}
.esc-cap{font-size:13px;color:var(--bz-mute)}
/* próximos passos */
.nx-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.nx{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:16px;align-items:start;padding:20px 24px;border-radius:18px;background:#F7F8F4}
.nx-n{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:14px;font-weight:650;color:var(--ink)}
.nx-t b{display:block;font-size:15.5px;font-weight:600;color:var(--ink)}
.nx-t p{margin-top:4px;font-size:14.5px;line-height:1.55;color:#56606B;max-width:46em}
.nx-s .link{font-size:13.5px;font-weight:600}
.nx-s{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding-top:2px}
.esc-foot{font-size:13px;line-height:1.5;color:var(--bz-mute);max-width:56em}
@container (max-width:760px){
  .dg-grid,.esc-why{grid-template-columns:minmax(0,1fr)}
  .esc-why-b{padding:20px}
  .esc-apps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nx{grid-template-columns:32px minmax(0,1fr)}
  .nx-s{grid-column:2;align-items:flex-start}
  .dg-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"v" "s" "a"}
  .dg-act{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}
}
/* ================= NOMES: SEÇÕES POR ADERÊNCIA (30/10/2026) ================= */
.nsec-fold>summary{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;cursor:pointer;padding:18px 20px;margin:0 -20px;border-radius:16px;transition:background .15s}
.nsec-fold>summary::-webkit-details-marker{display:none}
.nsec-fold>summary:hover{background:#F7F7F3}
.nsec-fold>summary:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}
.nsec-fold>summary .nsec-h{margin:0}
.nsec-fold[open]>summary{margin-bottom:10px}
.nsec-tg{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px 0 14px;border:1px solid var(--bz-line);border-radius:999px;background:#fff;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap}
.nsec-tg-t::before{content:"Mostrar"}
.nsec-fold[open] .nsec-tg-t::before{content:"Ocultar"}
.nsec-tg .ico{width:15px;height:15px;transition:transform .25s var(--bz-ease)}
.nsec-fold[open] .nsec-tg .ico{transform:rotate(180deg)}
.nsec-fold{border-top:1px solid var(--bz-line);padding-top:10px}
.nsec-disc .nsec-h h2{color:var(--bz-mute)}
.disc-list{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--bz-line)}
.disc-list li{display:grid;grid-template-columns:minmax(0,200px) minmax(0,1fr);gap:3px 24px;padding:14px 0;border-bottom:1px solid var(--bz-line)}
.disc-list b{grid-row:span 2;font-size:16px;font-weight:600;color:#5B6470;overflow-wrap:anywhere}
.disc-list .dm{font-size:14.5px;line-height:1.45;color:var(--ink-2)}
.disc-list .de{font-size:13px;line-height:1.4;color:var(--bz-mute)}
.disc-list .de:empty{display:none}
@container (max-width:640px){.disc-list li{grid-template-columns:minmax(0,1fr)}.disc-list b{grid-row:auto}}
.nsec-h h2{display:block}
.nsec-h h2 .nsec-n{margin-left:10px;white-space:nowrap}
.nsec+.nsec-fold{margin-top:40px}
.nsec-fold+.nsec-fold{margin-top:8px}
.nsec-fold>summary{padding-block:16px}
.ra-quota{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--bz-mute)}
.ra-quota .ico{width:15px;height:15px;flex:none}
.bz-ghost.is-spent{color:var(--bz-mute)}


/* ================= Prévias da ferramenta na landing (31/10/2026) =================
   As prévias usam os componentes da ferramenta (bz-*, nitem, cx-*, sx-*, leit) em escala reduzida,
   dentro de um card claro como o painel da ferramenta. Nenhuma prévia leva o painel amarelo. */
#site .pv{position:relative;width:100%;max-width:700px;margin:0;background:#fff;border-radius:24px;box-shadow:0 0 0 1px rgba(37,49,59,.06),0 24px 56px -32px rgba(37,49,59,.28);overflow:hidden;text-align:left;font-size:15px;line-height:1.5;color:var(--ink)}
#site .pv-in{padding:26px 28px 0;display:grid;align-content:start;min-width:0}
#site .pv{display:block}
#site .pv h2,#site .pv h3,#site .pv h4{font-family:var(--text);text-transform:none}
#site .pv .bz-sec-t h2{font-family:var(--text)!important;font-weight:600!important;font-stretch:100%!important;letter-spacing:-.01em!important;word-spacing:normal;line-height:1.3!important;text-transform:none;color:var(--ink)!important}
#site .pv .pv-h1{margin:0 0 4px;font-size:28px;font-weight:600;letter-spacing:-.04em;line-height:1.08;color:var(--ink);text-wrap:balance}
#site .pv .pv-segs{flex:none;display:grid;max-width:none;margin:0 0 22px}
#site .pv .pv-hat{display:inline-flex;width:max-content;max-width:100%;justify-self:start;margin:0 0 12px;padding:6px 12px 6px 9px;font-size:13px}
#site .pv .bz-hat-mk{width:16px;height:16px}
/* briefing */
#site .pv .bz-sec{grid-template-columns:minmax(0,1fr);column-gap:0;gap:12px;padding:16px 0;border-top:1px solid var(--bz-rule)}
#site .pv .bz-sec:first-child{padding-top:10px;border-top:0}
#site .pv .bz-sec-h:has(.bz-sec-ic){grid-template-columns:32px minmax(0,1fr) auto}
#site .pv .bz-sec-ic{width:32px;height:32px;border-radius:9px}
#site .pv .bz-sec-ic .hico{width:16px;height:16px}
#site .pv .bz-sec-t h2{font-size:15px;line-height:1.3;letter-spacing:-.01em}
#site .pv .bz-sec-t p{margin-top:2px;font-size:13px}
#site .pv .bz-count-t{font-size:12.5px;padding-top:2px}
#site .pv .bz-sec-b{gap:12px}
#site .pv .pv-types{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#site .pv .bz-type{grid-column:auto;min-height:80px;padding:14px 6px 11px;gap:7px;border-radius:15px;font-size:14px;cursor:default}
#site .pv .bz-type-ic{width:24px;height:24px}
#site .pv .bz-type-ck{top:7px;right:7px;width:19px;height:19px}
#site .pv .bz-scale{gap:10px}
#site .pv .bz-scale-v{font-size:17px}
#site .pv .bz-scale-d{font-size:13px}
#site .pv .bz-scale-track{height:26px}
#site .pv .bz-scale-fill{width:calc(26px + (100% - 26px) * var(--x,0))}
#site .pv .bz-scale-ticks i,#site .pv .bz-scale-thumb,#site .pv .bz-scale-labs span{left:calc(13px + (100% - 26px) * var(--x))}
#site .pv .bz-scale-thumb{width:20px;height:20px}
#site .pv .bz-scale-labs{height:30px;font-size:11px}
#site .pv .bz-scale-labs span{width:calc((100% - 26px) / 6 - 4px)}
#site .pv .bz-scale-labs span:first-child{left:0}
#site .pv .bz-scale-labs span:last-child{left:auto}
#site .pv .pv-loc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
#site .pv .bz-f{gap:6px}
#site .pv .bz-label{font-size:13.5px}
#site .pv .pv-input{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:12px;font-size:15px;cursor:default;white-space:nowrap;overflow:hidden}
#site .pv .pv-input.empty .pv-val{color:#8B929C}
#site .pv .pv-caret{display:none;flex:none;width:1.5px;height:18px;margin-left:1px;background:var(--ink);animation:pvBlink 1s steps(1) infinite}
#site .pv .pv-input.focus{background:#fff;border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,232,76,.6)}
#site .pv .pv-input.focus .pv-caret{display:block}
@keyframes pvBlink{50%{opacity:0}}
#site .pv .bz-chips{gap:7px}
#site .pv .bz-chip{min-height:36px;padding:0 13px;font-size:13.5px;cursor:default}
#site .pv .bz-chip-ck .ico{width:13px;height:13px}
#site .pv .bz-chip[aria-pressed="true"]{gap:6px}
#site .pv .bz-chip[aria-pressed="true"] .bz-chip-ck{width:13px}
#site .pv .pv-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 22px}
#site .pv .bz-btn.sm{min-height:38px;padding:0 15px;font-size:14px;border-radius:11px;cursor:default}
#site .pv .bz-quiet{padding:0 12px;margin-left:-12px}
#site .pv .pv-next{transition:background .15s,transform .12s}
#site .pv .pv-next.press{background:var(--sun-deep);transform:translateY(1px)}
#site .pv-brief .pv-stage{display:grid;transition:opacity .24s,transform .24s}
#site .pv-brief .pv-stage.out{opacity:0;transform:translateY(6px)}
#site .pv-brief .pv-stage.in{animation:pvIn .32s var(--bz-ease)}
@keyframes pvIn{from{opacity:0;transform:translateY(-6px)}}
#site .pv-scene{display:grid;grid-template-rows:auto auto auto 1fr auto;align-content:start;min-width:0}
#site .pv-scene>*{min-width:0}
#site .pv-cur{position:absolute;left:0;top:0;z-index:5;margin:-3px 0 0 -4px;pointer-events:none;transition:transform .55s cubic-bezier(.3,.7,.2,1);filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
#site .pv-cur svg{display:block;transform-origin:20% 15%;transition:transform .14s}
#site .pv-cur.down svg{transform:scale(.8)}
/* nomes */
#site .pv-names .pv-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;padding-bottom:92px}
#site .pv .nitem{padding:15px 17px 0;border-radius:18px}
#site .pv .ni-top .adh{font-size:12.5px}
#site .pv .ni-nm{margin-top:8px;font-size:24px}
#site .pv .ni-tl{margin-top:3px;font-size:13.5px}
#site .pv .ni-mt{margin-top:8px}
#site .pv .ni-tag{min-height:22px;padding:0 8px;font-size:11.5px}
#site .pv .ni-sp{flex-basis:12px}
#site .pv .ni-act{margin:0 -17px;padding:7px 9px 9px}
#site .pv .ni-an{min-height:32px;padding:0 7px;gap:6px;font-size:12.5px;cursor:default}
#site .pv .ni-an .ico{width:14px;height:14px}
#site .pv .nitem .pick{min-height:32px;padding:0 12px;font-size:13px;cursor:default}
#site .pv .pick .pk-i .ico{width:14px;height:14px}
#site .pv-names::after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(rgba(255,255,255,0),#fff 70%);pointer-events:none;z-index:1}
#site .pv-selbar{position:absolute;left:16px;right:16px;bottom:16px;z-index:2;background:none;box-shadow:none}
#site .pv-selbar .selbar{flex-wrap:nowrap;padding:8px 8px 8px 12px;border-radius:16px}
#site .pv-selbar .sb-l{flex:1 1 auto}
#site .pv-selbar .sb-chips{-webkit-mask-image:none;mask-image:none}
#site .pv-selbar .sb-chips{overflow:hidden}
#site .pv-selbar .sb-chips li{height:30px;padding:0 4px 0 11px;font-size:13px}
#site .pv-x{display:grid;place-items:center;width:22px;height:22px;color:rgba(255,255,255,.7)}
#site .pv-x .ico{width:12px;height:12px}
#site .pv-selbar .btn.sm{min-height:36px;padding:0 13px;font-size:13.5px;gap:7px;cursor:default}
/* comparar */
#site .pv .pv-cx{--lab:118px;--colmin:0px;margin:18px 0 28px;border-radius:18px;overflow:hidden}
#site .pv .cx-table{min-width:0}
#site .pv .cx-lab{padding:14px 14px;gap:4px}
#site .pv .cx-th .cx-lab{border-radius:18px 0 0 0}
#site .pv .cx-tr:last-child .cx-lab{border-radius:0 0 0 18px}
#site .pv .cx-lab-t{font-size:13px}
#site .pv .cx-col{padding:14px 14px 14px}
#site .pv .cx-nm{margin-top:4px;font-size:20px}
#site .pv .cx-terr{font-size:11.5px}
#site .pv .cx-td{padding:14px 14px;gap:8px}
#site .pv .cx-tr-adh .cx-td{padding-block:14px}
#site .pv .cx-td .adh{font-size:12.5px;white-space:normal}
#site .pv .cx-td p{font-size:12.5px;line-height:1.45}
#site .pv .cxt{height:24px;font-size:12px}
#site .pv .pv-cthumb{display:block;width:100%;margin-bottom:12px;border-radius:10px;overflow:hidden}
#site .pv .pv-cthumb svg{display:block;width:100%;height:auto}
/* estúdio */
#site .pv-studio .pv-in{padding-bottom:26px}
#site .pv .sx-sw{margin-bottom:12px}
#site .pv .pv-sw{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid var(--bz-line);border-radius:999px;background:#fff;font-size:13px;font-weight:500;color:var(--ink-2)}
#site .pv .pv-sw.on{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:600}
#site .pv .pv-sxname{margin:0;font-size:46px}
#site .pv .sx-meta{margin-top:10px}
#site .pv .sx-meta .adh{font-size:13.5px}
#site .pv .sx-terr{font-size:13px}
#site .pv .pv-seg{justify-self:start;max-width:100%;margin:18px 0 12px;background:#ECEEE8;overflow:hidden}
#site .pv .pv-seg span{display:inline-flex;align-items:center;min-height:34px;padding:0 13px;border-radius:10px;font-size:13.5px;font-weight:500;color:var(--bz-mute);white-space:nowrap}
#site .pv .pv-seg span.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(37,49,59,.1),0 0 0 1px rgba(37,49,59,.04)}
#site .pv .pv-sx{display:grid;grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);gap:12px;margin:0;align-items:start}
#site .pv .pv-sxmain{aspect-ratio:16/11;border-radius:16px}
#site .pv .pv-sxmain svg{display:block;width:100%;height:100%}
#site .pv .pv-thumbs{display:grid;gap:10px;align-content:start}
#site .pv .sx-th{gap:6px;font-size:12.5px;cursor:default}
#site .pv .pv-tap{aspect-ratio:16/10}
#site .pv .pv-tap .tc{border-radius:0;height:100%}
#site .pv .pv-ad{aspect-ratio:16/10;display:grid;place-items:center;padding:8px;overflow:hidden}
#site .pv .pv-ad svg{display:block;height:100%;width:auto;max-width:100%}
/* no celular, a prévia aparece inteira (sem o quadro cortado das prévias antigas) */
@media (max-width:760px){
  #site .how-demo{padding:4px 0 0}
  #site .how-demo::before,#site .how-demo::after{display:none}
  #site .how-demo>.pv{position:relative;top:auto;left:auto;right:auto;zoom:1}
}
@media (max-width:560px){
  #site .pv{border-radius:20px}
  #site .pv-in{padding:20px 18px 0}
  #site .pv .pv-h1{font-size:23px}
  #site .pv .pv-types{gap:6px}
  #site .pv .bz-type{min-height:72px;font-size:13px}
  #site .pv .bz-scale-labs{display:none}
  #site .pv .pv-foot{padding-bottom:18px}
  #site .pv-names .pv-grid{grid-template-columns:minmax(0,1fr)}
  #site .pv-names .nitem:nth-child(n+3){display:none}
  #site .pv-selbar{left:10px;right:10px;bottom:10px}
  #site .pv .pv-cx{--lab:88px}
  #site .pv .cx-lab,#site .pv .cx-td,#site .pv .cx-col{padding-inline:10px}
  #site .pv .cx-nm{font-size:17px}
  #site .pv .pv-sxname{font-size:36px}
  #site .pv .pv-sx{grid-template-columns:minmax(0,1fr)}
  #site .pv .pv-thumbs{grid-template-columns:1fr 1fr}
}
/* animações das prévias */
#site .pv-selbar .btn.sun{transition:background .15s,transform .12s}
#site .pv-selbar .btn.press{background:var(--sun-deep);transform:translateY(1px)}
#site .pv .nitem .pick{transition:background .22s var(--bz-ease),border-color .22s var(--bz-ease),gap .22s var(--bz-ease)}
#site .pv-row,#site .pv-row .cx-lab{transition:background .3s}
#site .pv-row .cx-td>*{transition:opacity .35s var(--bz-ease),transform .35s var(--bz-ease)}
#site .pv-row.pv-hide .cx-td>*{opacity:0;transform:translateY(5px)}
#site .pv-row.pv-hl{background:#FBFBF8}
#site .pv-row.pv-hl .cx-lab{background:#F1F2ED}
#site .pv-fade{transition:opacity .2s}
#site .pv-fade.out{opacity:0}
#site .pv .pv-seg span,#site .pv .pv-sw{transition:background .2s,color .2s,box-shadow .2s,border-color .2s}
@media (prefers-reduced-motion:reduce){#site .pv-cur,#site .pv-brief .pv-stage,#site .pv-fade,#site .pv-row .cx-td>*{transition:none;animation:none}}

/* Parecer de exemplo (seção Avaliação): mesmos blocos do parecer da ferramenta */
#site .eval-card.bz{display:block;background:#fff;border:0;box-shadow:0 0 0 1px rgba(37,49,59,.06),0 24px 56px -32px rgba(37,49,59,.28);padding:clamp(22px,2.4vw,32px)}
#site .eval-card .ec-tabs2{display:flex;width:100%;margin-bottom:24px}
#site .eval-card .ec-tabs2 button{flex:1 1 0;display:block;text-align:center;min-width:0;min-height:40px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--bz-mute);font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .15s,color .15s}
#site .eval-card .ec-tabs2 button:hover{color:var(--ink)}
#site .eval-card .ec-tabs2 button[aria-selected="true"]{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(37,49,59,.1),0 0 0 1px rgba(37,49,59,.04)}
#site .eval-card .ec-tabs2 button:focus-visible{outline:2.5px solid var(--ink);outline-offset:2px}
#site .eval-card .ec-hero{display:grid;gap:10px;padding-bottom:6px}
#site .eval-card .dt-name{margin:0;font-family:var(--text);font-size:clamp(34px,3vw,44px);font-weight:600;letter-spacing:-.04em;line-height:1;color:var(--ink)}
#site .eval-card .dt-class{margin-top:2px}
#site .eval-card .adh.big{min-height:0;padding:5px 12px 5px 10px;border-radius:999px;font-size:14px;line-height:1.2}
#site .eval-card .adh.big.f-forte{color:var(--fx-forte);background:var(--fx-forte-bg)}
#site .eval-card .adh.big.f-boa{color:var(--fx-boa);background:var(--fx-boa-bg)}
#site .eval-card .adh.big.f-exploratoria{color:var(--fx-exp);background:var(--fx-exp-bg)}
#site .eval-card .dt-tl{margin:0;font-size:16px;font-weight:500;line-height:1.45;color:var(--ink)}
#site .eval-card .dt-syn{margin:0;font-size:15.5px;line-height:1.55;color:var(--ink-2)}
#site .eval-card .dt-sec{display:grid;gap:10px;padding-top:22px}
#site .eval-card .dt-sec h4{margin:0;font-family:var(--text);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
#site .eval-card .leit>div{grid-template-columns:minmax(0,11em) minmax(0,1fr);border-color:var(--line)}
#site .eval-card .pz-nv{min-width:0;padding:2px 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
#site .eval-card .pz-nv-2{color:var(--fx-forte);background:var(--fx-forte-bg)}
#site .eval-card .pz-nv-1{color:var(--fx-boa);background:var(--fx-boa-bg)}
#site .eval-card .pz-nv-0{color:var(--warn);background:var(--warn-bg)}
#site .eval-card .pz-list li{font-size:15px}
#site .eval-card .pnone,#site .eval-card .pz-list.pz-attn{font-size:15px}
@media (max-width:560px){#site .eval-card .leit>div{grid-template-columns:1fr}#site .eval-card .ec-tabs2 button{font-size:13.5px;padding:0 6px}}

/* Demonstração: controles e campo no padrão da ferramenta (seletor segmentado e campo preenchido) */
#site .demo-apps,#site .demo-dirs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:14px;background:#F3F4F0}
#site .demo-apps button,#site .demo-dirs button{min-height:42px;padding:0 18px;border:0;border-radius:10px;background:transparent;color:#5B6470;font-size:15px;font-weight:500;box-shadow:none;transition:background .15s,color .15s,box-shadow .15s}
#site .demo-apps button:hover,#site .demo-dirs button:hover{background:transparent;color:var(--ink)}
#site .demo-apps button[aria-pressed="true"],#site .demo-dirs button[aria-pressed="true"]{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(37,49,59,.1),0 0 0 1px rgba(37,49,59,.04)}
#site .demo-input label{font-size:15px;font-weight:600;color:var(--ink)}
#site .demo-input input{min-height:60px;padding:14px 18px;border:1.5px solid transparent;border-radius:16px;background:#F3F4F0;font-family:var(--text);font-size:22px;font-weight:600;letter-spacing:-.02em;transition:background .15s,border-color .15s,box-shadow .15s}
#site .demo-input input:hover{background:#ECEDE8}
#site .demo-input input:focus{background:#fff;border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,232,76,.6)}
#site .da{border-radius:18px}
/* tablet e celular: os dois seletores ocupam a largura toda, com opções de mesma largura */
@media (max-width:860px){
  #site .demo-ctrl{display:grid;grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch;max-width:560px;margin-inline:auto}
  #site .demo-apps,#site .demo-dirs{display:flex;width:100%;flex-wrap:nowrap;margin-inline:0;padding:4px;overflow:visible}
  #site .demo-apps button{flex:1 1 0;min-width:0;padding:0 8px}
  #site .demo-dirs button{flex:1 1 auto;padding:0 10px}
}
@media (max-width:640px){
  #site .demo-dirs{flex-wrap:wrap}
  #site .demo-dirs button{padding:0 10px;font-size:14.5px}
}
/* sair da conta em vermelho (ícone da barra e item do menu do celular) */
#site #siteLogin.is-icon,#site .nav.on-photo #siteLogin.is-icon,#site .nav-sheet #sheetLogin.is-out{color:var(--bad)!important}
#site #siteLogin.is-icon:hover,#site .nav-sheet #sheetLogin.is-out:hover{background:var(--bad-bg)!important}
/* BLOG:CSS:INICIO */
/* Área editorial (artigos): cards compartilhados pela home e pelo /blog, links de navegação */
#site .nav-links a{display:inline-flex;align-items:center;border:0;background:none;min-height:40px;padding:0 14px;border-radius:10px;font-size:15.5px;font-weight:500;color:#25313B;text-decoration:none;transition:opacity .15s,background .18s}
#site .nav-links a:hover{background:#F3F4F0}
#site .nav.on-photo .nav-links a{color:#fff}
#site .nav.on-photo .nav-links a:hover{background:rgba(255,255,255,.14)}
#site .nav.solid .nav-links a{color:#25313B}
#site .nav.solid .nav-links a:hover{background:#F3F4F0}
#site .nav-links a[aria-current="page"]{background:#F3F4F0}
#site .nav-links a:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}
#site .nav-sheet a{display:flex;align-items:center;min-height:52px;padding:0 14px;border-radius:10px;font-size:18px;font-weight:500;color:inherit;text-decoration:none}
#site .nav-sheet a:hover{background:var(--wash)}
#site .nav-sheet a.sheet-cta{margin-top:6px;justify-content:center;background:var(--sun);color:var(--ink);font-weight:600}
#site .nav-sheet a.sheet-cta:hover{background:var(--sun-deep)}

#site .nav a,#site .end-foot a{text-decoration:none}
#site .blog-head h2{font-size:clamp(36px,3.6vw,52px)}
#site .bz-eyebrow{display:block;margin:0 0 18px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}

/* seção da home: depois das perguntas frequentes, antes do último CTA */
#site .s-blog{padding:clamp(72px,7vw,112px) 0 clamp(24px,3vw,40px)}
#site .blog-head{max-width:760px;margin:0 auto clamp(40px,4.4vw,64px);text-align:center}
#site .blog-head p:not(.bz-eyebrow){margin:20px auto 0;max-width:34em;font-size:clamp(17px,1.3vw,18.72px);line-height:1.55;color:var(--ink-2);text-wrap:pretty}
#site .blog-more{display:flex;justify-content:center;margin-top:clamp(32px,3.4vw,48px)}
#site .blog-more a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px;font-size:16px;font-weight:600;color:var(--ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;text-decoration-color:rgba(37,49,59,.28);transition:text-decoration-color .18s}
#site .blog-more a:hover{text-decoration-color:var(--ink)}
#site .blog-more svg{width:16px;height:16px;flex:none;transition:transform .2s var(--ease)}
#site .blog-more a:hover svg{transform:translateX(3px)}

/* card de artigo (referência NEXUS): bloco cinza sem borda, imagem com selo da categoria, escurece no hover */
#site .bz-posts{list-style:none;margin:0 auto;padding:0;max-width:1120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.2vw,18px)}
#site .bz-posts>li{display:flex;min-width:0}
#site .bz-post{flex:1;display:flex;flex-direction:column;min-width:0;padding:6px;border-radius:18px;background:var(--soft);color:var(--ink);text-decoration:none;transition:background-color .25s var(--ease)}
#site .bz-post:hover{background:var(--night)}
#site .bz-post:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}
#site .bz-post-img{position:relative;display:block;aspect-ratio:16/10;border-radius:13px;overflow:hidden;background:#E4E7E5;transition:background-color .25s var(--ease)}
#site .bz-post:hover .bz-post-img{background:var(--night-2)}
#site .bz-post-img img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity .3s ease,transform .5s var(--ease)}
#site .bz-post-img img.ok{opacity:1}
#site .bz-post:hover .bz-post-img img{transform:scale(1.03)}
#site .bz-post-cat{position:absolute;z-index:1;top:12px;left:12px;display:inline-flex;align-items:center;min-height:24px;padding:0 10px;border-radius:999px;background:var(--sun);color:#000;font-size:12px;font-weight:600;line-height:1;letter-spacing:0;white-space:nowrap}
#site .bz-post-tx{flex:1;display:flex;flex-direction:column;padding:18px 14px 16px}
#site .bz-post-t{margin:0;font-family:var(--text)!important;font-size:clamp(17px,1.25vw,19px);font-weight:600!important;line-height:1.3!important;letter-spacing:-.01em!important;word-spacing:normal;color:var(--ink)!important;text-transform:none;text-wrap:pretty;transition:color .25s var(--ease)}
#site .bz-post-d{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-top:8px;font-size:14.5px;line-height:1.5;color:rgba(37,49,59,.52);transition:color .25s var(--ease)}
#site .bz-post:hover .bz-post-t{color:#fff!important}
#site .bz-post:hover .bz-post-d{color:rgba(243,243,239,.5)}
/* tablet: uma coluna com imagem ao lado do texto, sem comprimir título e imagem */
@media (min-width:641px) and (max-width:959px){
  #site .bz-posts{grid-template-columns:1fr;gap:18px}
  #site .bz-post{flex-direction:row;align-items:stretch;gap:8px}
  #site .bz-post-img{flex:0 0 44%;aspect-ratio:16/10;align-self:flex-start}
  #site .bz-post-tx{padding:14px 16px 12px;justify-content:center}
}
@media (max-width:959px){#site .bz-post-d{-webkit-line-clamp:3}}
@media (max-width:640px){#site .bz-posts{grid-template-columns:1fr;gap:12px}#site .bz-post-tx{padding:16px 12px 14px}}
@media (prefers-reduced-motion:reduce){#site .bz-post,#site .bz-post-img,#site .bz-post-img img,#site .bz-post-t,#site .bz-post-d{transition:none}#site .bz-post:hover .bz-post-img img{transform:none}}
/* BLOG:CSS:FIM */
