/* BACKSIDE — home v4 "mercado". Tema escuro por padrão; = claro. */ *{margin:0;padding:0;box-sizing:border-box} :root{--bg:#0b0a09;--panel:#100f0e;--panel2:#15130f;--hair:#2a2724;--ink:#F5F2EC;--sub:#a49c92;--dim:#7d766e;--red:#E0452F;--green:#5E7D6C;--gold:#C9A227;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--serif:"Source Serif 4",Georgia,serif;--ch-line:#E0452F;--ch-fill1:rgba(224,69,47,.22);--ch-fill2:rgba(224,69,47,0);--ch-grid:rgba(245,242,236,.10);--ch-dim:#7d766e;--ch-ink:#F5F2EC;--ch-panel:#15130f;--ch-hair:#2a2724;--ch-bar:rgba(224,69,47,.15);--ch-bar2:rgba(224,69,47,.34);--ch-up:#2FB673;--ch-upfill:rgba(47,182,115,.14);--ch-dnring:#F0685F;--ch-ring:#23242b;--max:1280px} html.lt{--bg:#F5F2EC;--panel:#FFFDF9;--panel2:#EFEAE1;--hair:#DCD5C9;--ink:#16130F;--sub:#5c564e;--dim:#857e74;--ch-fill1:rgba(224,69,47,.16);--ch-grid:rgba(22,19,15,.10);--ch-dim:#857e74;--ch-ink:#16130F;--ch-panel:#FFFDF9;--ch-hair:#DCD5C9;--ch-bar:rgba(224,69,47,.14);--ch-bar2:rgba(224,69,47,.30);--ch-up:#1E9E60;--ch-upfill:rgba(30,158,96,.14);--ch-dnring:#E4645B;--ch-ring:#E2DCD1} body{background:var(--bg);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased} .wrap{max-width:var(--max);margin:0 auto;padding:0 30px} a{color:var(--ink);text-decoration:none}a:hover{color:var(--red)} /* topo */ nav{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--hair)} nav .wrap{display:flex;align-items:center;gap:34px;height:64px} nav img{height:34px;display:block} html.lt nav img.dk{display:none}html:not(.lt) nav img.lt{display:none} .menu{display:flex;gap:22px;align-items:center;margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.09em;text-transform:uppercase} .menu a,.prods>span,.themebtn{white-space:nowrap} @media(max-width:1000px){.menu{font-size:10px;gap:12px}.menu .cta,.menu .login{padding:7px 10px}} .menu a{color:var(--sub)}.menu a:hover{color:var(--ink)} .menu .cta{border:1px solid var(--red);color:var(--red);padding:8px 14px;white-space:nowrap} .menu .cta:hover{background:var(--red);color:#fff} .menu .login{border:1px solid var(--hair);color:var(--sub);padding:8px 14px;white-space:nowrap} .menu .login:hover{border-color:var(--red);color:var(--red)} @media(max-width:1200px){.menu{gap:16px}} @media(max-width:1040px){.menu{gap:14px}} .plogo{height:38px;width:auto;display:block} html.lt .plogo{filter:brightness(0);opacity:.82} .prods{position:relative} .prods>span{cursor:default;color:var(--sub);display:flex;align-items:center;gap:6px} .prods:hover>span{color:var(--ink)} .drop{position:absolute;top:26px;left:-18px;min-width:290px;background:var(--panel);border:1px solid var(--hair);padding:6px;opacity:0;visibility:hidden;transition:.16s;box-shadow:0 18px 40px rgba(0,0,0,.35)} .prods:hover .drop{opacity:1;visibility:visible} .drop a{display:block;padding:11px 13px} .drop a:hover{background:var(--panel2)} .drop b{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--ink)} .drop i{display:block;font-family:var(--serif);font-style:normal;font-size:12.5px;color:var(--dim);margin-top:3px} .drop .sf{font-family:var(--mono);font-size:9px;letter-spacing:.1em;color:var(--gold);margin-left:8px} /* hero */ .hero{position:relative;border-bottom:1px solid var(--hair);padding:84px 0 64px;overflow:hidden} .hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9} html.lt .hero canvas{opacity:1} .hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 35%,transparent),var(--bg) 94%)} html.lt .hero .shade{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 40%,transparent),var(--bg) 96%)} .hero .wrap{position:relative;z-index:2} .eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;color:var(--red)} .hero h1{font-size:clamp(38px,5.2vw,66px);line-height:1.02;letter-spacing:-.02em;font-weight:600;margin:26px 0 0;max-width:16ch;text-wrap:pretty} .hero p{margin-top:26px;max-width:60ch;font-size:19px;line-height:1.55;color:var(--sub)} .htop{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,clamp(400px,42%,620px));gap:64px;align-items:end} .vid{border:1px solid var(--hair);background:var(--panel2)} .vid .fr{position:relative;aspect-ratio:16/9;background:#0a0908;overflow:hidden} .vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block} .vid .ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--dim);text-align:center;padding:22px} .vid .ph .pl{width:56px;height:56px;border:1px solid var(--dim);display:flex;align-items:center;justify-content:center} .vid .ph .pl:after{content:"";width:0;height:0;border-left:14px solid var(--dim);border-top:9px solid transparent;border-bottom:9px solid transparent;margin-left:4px} .vid .cap{display:flex;justify-content:space-between;gap:14px;padding:13px 16px;border-top:1px solid var(--hair);font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--dim)} .regime{display:flex;gap:0;margin-top:64px;border:1px solid var(--hair);background:var(--panel)} .regime>div{padding:18px 24px;border-right:1px solid var(--hair);flex:1;display:flex;flex-direction:column} .regime>div:last-child{border-right:0} .regime div:last-child{border-right:0} .regime .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--dim);line-height:1.35;min-height:2.6em} .regime .v{font-family:var(--mono);font-size:26px;letter-spacing:-.01em;padding-top:8px;white-space:nowrap} .regime .n{font-family:var(--mono);font-size:10px;color:var(--dim);margin-top:6px;min-height:2.4em;line-height:1.3} /* seções */ section{padding:74px 0;border-bottom:1px solid var(--hair)} .shd{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:8px} .shd h2{font-size:clamp(26px,3vw,36px);letter-spacing:-.015em;font-weight:600} .shd .src{font-family:var(--mono);font-size:10px;letter-spacing:.1em;color:var(--dim)} .lede{font-size:17px;line-height:1.6;color:var(--sub);max-width:72ch;margin-bottom:34px} /* gráfico principal */ .mainchart{border:1px solid var(--hair);background:var(--panel)} .chd{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:20px 22px 16px;border-bottom:1px solid var(--hair)} .chd h3{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600} .chd p{font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:6px;letter-spacing:.03em} .tabs{display:flex;gap:4px;flex-wrap:wrap} .tabs button{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;background:transparent;border:1px solid transparent;color:var(--dim);padding:8px 14px;cursor:pointer} .tabs button:hover{color:var(--ink)} .tabs button.on{color:#fff;background:var(--red);border-color:var(--red)} .mainchart .cv{height:340px;padding:18px 12px 6px;cursor:crosshair} .mainchart canvas{width:100%;height:100%;display:block} .mainchart .ft{border-top:1px solid var(--hair);padding:14px 22px;font-family:var(--mono);font-size:10.5px;color:var(--dim);letter-spacing:.04em;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap} /* grid de 6 */ .grid6{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:46px} .cell{background:var(--panel);padding:20px 22px 14px} .cell h3{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600} .cell .cv{height:104px;margin-top:14px} .cell canvas{width:100%;height:100%;display:block} .cell .mt{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--mono);font-size:11px;color:var(--dim);margin-top:12px;padding-top:12px;border-top:1px solid var(--hair)} .cell .mt b{color:var(--ink);font-weight:600} .cell .mt .up{color:var(--red)} .cell .mt .sma{font-size:9.5px;letter-spacing:.1em} .cell p{font-family:var(--mono);font-size:11px;line-height:1.55;color:var(--dim);margin-top:8px;min-height:34px} .kinfo{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair)} .kprof{background:var(--panel);padding:30px 32px;display:flex;flex-direction:column} .kid{display:flex;align-items:center;gap:18px} .krank{font-family:var(--mono);font-size:40px;line-height:1;color:var(--dim)} .kname{font-family:var(--mono);font-size:17px;font-weight:600;letter-spacing:-.01em} .kstars{color:var(--gold);font-size:14px;letter-spacing:.05em} .kloc{font-size:14px;color:var(--dim);margin-top:4px} .klogo{height:26px;width:auto;display:block} .shd .klogo{height:22px} .shd .src{display:flex;align-items:center;gap:12px} .kmark{font-family:var(--mono);font-weight:600;font-size:14px;letter-spacing:-.01em;color:var(--ink);text-transform:lowercase;line-height:1;flex:none} .shd .src .kmark{font-size:15px} .kbadge .kmark{color:inherit} .kmark:after{content:"";display:inline-block;width:5px;height:5px;background:var(--red);margin-left:3px;vertical-align:1px} .kbadge{display:flex;align-items:center;gap:10px;align-self:flex-start;margin-top:24px;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--green);border:1px solid var(--green);padding:6px 11px} html.lt .kbadge{color:#3c5a49;border-color:#3c5a49} .kp{font-size:15.5px;line-height:1.6;color:var(--sub);margin-top:18px;margin-bottom:24px} .kmeta{display:flex;gap:22px;flex-wrap:wrap;margin-top:auto;padding-top:24px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--dim)} .kshot{background:var(--panel2);display:flex;flex-direction:column} .kshot img{width:100%;height:auto;max-height:420px;object-fit:contain;object-position:center top;display:block;padding:18px} .kcap{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--dim);border-top:1px solid var(--hair);padding:12px 18px} .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);border-top:0} .grid2 .cell{padding:20px 22px 18px;min-width:0} .grid2 image-slot{margin-top:14px} .kpills{display:flex;gap:3px;margin-left:auto} .kpills span{font-family:var(--mono);font-size:8.5px;letter-spacing:.06em;color:var(--dim);border:1px solid var(--hair);padding:3px 6px} .kpills span.on{color:var(--ink);border-color:var(--dim)} .khead{display:flex;align-items:flex-end;gap:14px;margin-top:16px} .khead .num{font-family:var(--mono);font-size:34px;letter-spacing:-.02em;line-height:1} .khead .num.blur{filter:blur(7px);user-select:none} .khead .num.pos{color:var(--green)} html.lt .khead .num.pos{color:#3c6b53} .khead .lb{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--dim);padding-bottom:5px} .grid2 .kcv{height:186px;margin-top:14px} .kperfrow{display:grid;grid-template-columns:186px minmax(0,1fr);gap:20px;align-items:center;margin-top:14px} .grid2 .cell{display:flex;flex-direction:column} .grid2 .cell .kstats{margin-top:auto} .grid2 .cell>p{margin-top:12px} .grid2 .cell.nostats .kdonuts{margin-block:auto} .kdonuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px} .kdonuts .d{text-align:center;min-width:0;display:flex;flex-direction:column} .kdonuts .t{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .kdonuts .s{font-family:var(--mono);font-size:8.5px;letter-spacing:.1em;color:var(--dim);margin-top:3px} .kdonuts .c{aspect-ratio:1;height:auto;margin-top:10px} .kdonuts canvas{width:100%;height:100%;display:block} .kperfrow .dn{height:186px} .kperfrow .dn canvas{width:100%;height:100%;display:block} .grid2 .kcv canvas{width:100%;height:100%;display:block} .kstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:16px} .kstats div{background:var(--panel);padding:12px;min-width:0} .kstats .k{font-family:var(--mono);font-size:8px;letter-spacing:.04em;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .kstats .v{font-family:var(--mono);font-size:14.5px;margin-top:6px;white-space:nowrap} .kstats .v.blur{filter:blur(5px);user-select:none} .kstats .v.pos{color:var(--green)} html.lt .kstats .v.pos{color:#3c6b53} .prev{font-family:var(--mono);font-size:8.5px;letter-spacing:.08em;color:var(--gold);border:1px solid var(--gold);padding:3px 7px;white-space:nowrap} .grid2 image-slot,.grid3 image-slot{height:auto} .kshot img{max-height:420px} .kh{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap;min-height:23px} .kh .prev{flex:none} .kpills span{flex:none} .kh span{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--dim)} @media(max-width:900px){.kinfo,.grid2{grid-template-columns:minmax(0,1fr)}} .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair)} .grid3 .cell{padding:20px 22px 18px;min-width:0} .grid3 image-slot{margin-top:14px} .cell.st{padding:26px 24px 30px} .cell.st .num{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--red)} .cell.st h3{font-family:var(--serif);text-transform:none;letter-spacing:-.01em;font-size:22px;margin-top:14px} .cell.st p{font-family:var(--serif);font-size:15.5px;line-height:1.6;color:var(--sub);margin-top:12px;min-height:0} @media(max-width:980px){.grid6{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:minmax(0,1fr)}} @media(max-width:660px){.grid6{grid-template-columns:1fr}.regime{flex-wrap:wrap}.regime>div{flex:1 1 50%}} /* produtos */ .prod{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:start;padding:56px 0;border-top:1px solid var(--hair)} .prod:first-of-type{border-top:0;padding-top:0} .prod .tag{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--red)} .prod h3{font-size:clamp(24px,2.6vw,34px);letter-spacing:-.015em;margin-top:14px;font-weight:600} .prod .body{font-size:16.5px;line-height:1.62;color:var(--sub);margin-top:16px} .prod .body strong{color:var(--ink);font-weight:600} .prod ul{list-style:none;margin-top:22px;display:grid;gap:12px} .prod li{font-size:15px;line-height:1.5;color:var(--sub);padding-left:18px;position:relative} .prod li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:1px;background:var(--red)} .prod .go{display:inline-block;margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--red);padding-bottom:4px;color:var(--ink)} .soon{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;color:var(--gold);border:1px solid var(--gold);padding:4px 9px;margin-left:12px;vertical-align:middle} .pdt{border:1px solid var(--red);background:color-mix(in srgb,var(--red) 8%,transparent);padding:24px 26px} .pdt .k{font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--red)} .pdt p{font-size:15.5px;line-height:1.58;color:var(--ink);margin-top:12px} .stat{border:1px solid var(--hair);background:var(--panel);margin-top:20px} .stat .r{display:flex;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid var(--hair);font-family:var(--mono);font-size:12px} .stat .r:last-child{border-bottom:0} .stat .r span:last-child{color:var(--ink)} .stat .r span:first-child{color:var(--dim);letter-spacing:.04em} @media(max-width:900px){.prod{grid-template-columns:1fr;gap:30px}} /* rodapé */ footer{padding:56px 0 70px;font-size:11.5px;line-height:1.6;color:var(--dim)} footer .flogo{height:72px;display:block;margin-bottom:34px} html.lt footer .flogo.dk{display:none}html:not(.lt) footer .flogo.lt{display:none} footer .lg{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:26px} footer p{max-width:70ch;margin-bottom:10px} .themebtn{font-family:var(--mono);font-size:10px;letter-spacing:.1em;border:1px solid var(--hair);background:transparent;color:var(--sub);padding:7px 11px;cursor:pointer} .themebtn:hover{border-color:var(--red);color:var(--red)} @media(max-width:980px){.htop{grid-template-columns:minmax(0,1fr);gap:34px;align-items:start}} /* ---- v5 compartilhado ---- */ html.js [data-fx]{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)} html.js [data-fx].in{opacity:1;transform:none} @media (prefers-reduced-motion:reduce){html.js [data-fx]{opacity:1;transform:none;transition:none}} .live{position:relative;z-index:2;display:flex;align-items:center;gap:18px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;color:var(--dim);border:1px solid var(--hair);background:color-mix(in srgb,var(--panel) 72%,transparent);padding:9px 14px;margin-bottom:58px} .live .lv{display:flex;align-items:center;gap:8px;flex:none} .live .pulse{width:7px;height:7px;border-radius:50%;background:var(--green);animation:bs-pulse 1.6s infinite} @keyframes bs-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}} .live b{font-weight:600;letter-spacing:.14em} .live .clk{flex:none;color:var(--sub)} .tape{overflow:hidden;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)} .tape-in{display:inline-flex;gap:26px;white-space:nowrap;animation:bs-tape 46s linear infinite;padding-right:26px} .tape-in span{display:inline-flex;gap:7px} .tape-in b{color:var(--sub);font-weight:600} .tape-in i{font-style:normal} .tape-in i.dn{color:var(--red)}.tape-in i.up{color:var(--ch-up)} @keyframes bs-tape{to{transform:translateX(-50%)}} @media(max-width:660px){.live .clk{display:none}} .actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap} .btn{display:inline-block;font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;padding:15px 26px;background:var(--red);border:1px solid var(--red);color:#fff;cursor:pointer} .btn:hover{background:transparent;color:var(--red)} .btn.line{background:transparent;color:var(--ink);border-color:var(--hair)} .btn.line:hover{border-color:var(--red);color:var(--red);background:transparent} .kick{border-left:2px solid var(--red);padding:4px 0 4px 22px;font-size:17px;line-height:1.62;color:var(--sub);max-width:62ch;font-style:italic} .kick strong{color:var(--ink);font-style:normal} .phero{position:relative;border-bottom:1px solid var(--hair);padding:88px 0 64px;overflow:hidden} .phero canvas{position:absolute;inset:0;width:100%;height:100%} .phero .shade{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 35%,transparent),var(--bg) 94%)} .phero .wrap{position:relative;z-index:2} .phero h1{font-size:clamp(38px,5.4vw,72px);line-height:1.04;letter-spacing:-.025em;font-weight:600;max-width:19ch;text-wrap:pretty;margin-top:20px} .phero .sub{margin-top:24px;max-width:56ch;font-size:19px;line-height:1.55;color:var(--sub)} .tl{border:1px solid var(--hair);background:var(--panel)} .tl .row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:22px;padding:22px 26px;border-bottom:1px solid var(--hair)} .tl .row:last-child{border-bottom:0} .tl .h{font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--red);padding-top:3px} .tl h4{font-size:18px;font-weight:600;letter-spacing:-.01em} .tl p{font-size:15px;line-height:1.58;color:var(--sub);margin-top:6px;max-width:70ch} @media(max-width:660px){.tl .row{grid-template-columns:minmax(0,1fr);gap:6px}} .qa{border:1px solid var(--hair);background:var(--panel)} .qa details{border-bottom:1px solid var(--hair)} .qa details:last-child{border-bottom:0} .qa summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:22px 26px;font-size:18px;font-weight:600;letter-spacing:-.01em} .qa summary::-webkit-details-marker{display:none} .qa summary:after{content:"+";font-family:var(--mono);color:var(--red);font-size:16px;flex:none} .qa details[open] summary:after{content:"–"} .qa .a{padding:0 26px 24px;max-width:72ch} .qa .a p{font-size:15.5px;line-height:1.62;color:var(--sub);margin-bottom:10px} .qa .a p:last-child{margin-bottom:0} .price{border:1px solid var(--hair);background:var(--panel);max-width:600px} .price .head{display:flex;justify-content:space-between;align-items:baseline;gap:18px;flex-wrap:wrap;padding:22px 26px;border-bottom:1px solid var(--hair)} .price .plan{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;color:var(--red)} .price .amount{font-family:var(--mono);font-size:26px;letter-spacing:-.01em} .price .amount small{font-size:11px;color:var(--dim);letter-spacing:.06em} .price ul{list-style:none;padding:20px 26px;display:grid;gap:11px} .price li{font-size:15px;line-height:1.5;color:var(--sub);padding-left:18px;position:relative} .price li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:1px;background:var(--red)} .price li strong{color:var(--ink);font-weight:600} .price .foot{border-top:1px solid var(--hair);padding:22px 26px} .fineprint{font-size:12px;line-height:1.55;color:var(--dim);margin-top:14px} .fcard{border:1px solid var(--hair);background:var(--panel);padding:30px;max-width:520px;margin:0 auto;text-align:left} .fcard label{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;color:var(--dim);margin:18px 0 7px} .fcard label:first-of-type{margin-top:0} .fcard input{width:100%;background:var(--bg);border:1px solid var(--hair);color:var(--ink);font-family:var(--mono);font-size:14px;padding:13px 14px;outline:none} .fcard input:focus{border-color:var(--red)} .fcard .btn{width:100%;margin-top:22px} .fcard .ok{display:none;border:1px solid var(--green);color:var(--green);font-family:var(--mono);font-size:12px;letter-spacing:.06em;padding:14px;margin-top:22px;text-align:center} .fcard .err{display:none;border:1px solid var(--red);color:var(--red);font-family:var(--mono);font-size:12px;letter-spacing:.06em;padding:14px;margin-top:22px;text-align:center} .fcard .err a{color:var(--red);border-bottom:1px solid var(--red)} .pstrip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:56px;align-items:center} .pstrip img{width:100%;height:auto;display:block;border:1px solid var(--hair)} html.lt .pstrip img.dk{display:none}html:not(.lt) .pstrip img.lt{display:none} .feat{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);margin-top:26px} .feat div{background:var(--panel);padding:18px 20px} .feat h4{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600} .feat p{font-size:14px;line-height:1.55;color:var(--sub);margin-top:8px} @media(max-width:900px){.pstrip{grid-template-columns:minmax(0,1fr);gap:30px}.feat{grid-template-columns:minmax(0,1fr)}} .ctafin{text-align:center;padding:14px 0 6px} .ctafin h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.02em;font-weight:600;max-width:22ch;margin:0 auto} .ctafin>p{color:var(--sub);font-size:17px;line-height:1.6;max-width:52ch;margin:18px auto 34px} .ctafin .alt{margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--dim);text-transform:uppercase} .ctafin .alt a{color:var(--sub);border-bottom:1px solid var(--hair)} .ctafin .alt a:hover{color:var(--red);border-color:var(--red)} .doc-legal{max-width:760px} .doc-legal h2{font-size:22px;letter-spacing:-.01em;margin:38px 0 12px} .doc-legal h2:first-child{margin-top:0} .doc-legal p,.doc-legal li{font-size:15.5px;line-height:1.7;color:var(--sub);margin-bottom:12px} .doc-legal ul{list-style:none;display:grid;gap:4px;margin-bottom:12px} .doc-legal li{padding-left:18px;position:relative;margin-bottom:0} .doc-legal li:before{content:"";position:absolute;left:0;top:12px;width:6px;height:1px;background:var(--red)} .pcap{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;color:var(--dim);margin-top:12px} footer .cnpj{margin-top:20px;color:color-mix(in srgb,var(--dim) 75%,transparent)} /* panda mock */ .pmock{border:1px solid var(--hair);background:var(--panel);font-family:var(--mono)} .pmock+.pmock{margin-top:14px} .pmock .ph2{display:flex;align-items:center;gap:10px;padding:11px 16px;border-bottom:1px solid var(--hair);font-size:9.5px;letter-spacing:.14em;color:var(--dim)} .pmock .ph2 img{height:15px;display:block} html.lt .pmock .ph2 img{filter:invert(1)} .pmock .ph2 .tick{margin-left:auto;color:var(--ink);font-size:12px;font-weight:600;letter-spacing:.02em} .pmock .ph2 .lvdot{width:6px;height:6px;border-radius:50%;background:var(--green);flex:none;animation:bs-pulse 1.6s infinite} .pdesk .dr{display:flex;justify-content:space-between;gap:14px;padding:9px 16px;border-bottom:1px solid var(--hair);font-size:11.5px} .pdesk .dr span:first-child{color:var(--dim);letter-spacing:.05em} .pdesk .dr b{color:var(--ink);font-weight:600} .pdesk .dr b.warn{color:var(--red)} .pdesk .ai{padding:12px 16px;font-size:11px;line-height:1.6;color:var(--sub);background:color-mix(in srgb,var(--red) 6%,transparent)} .pdesk .ai .k2{color:var(--red);letter-spacing:.14em;font-size:9px;display:block;margin-bottom:5px} .pscan table{width:100%;border-collapse:collapse;font-size:10.5px} .pscan th{font-weight:400;color:var(--dim);text-align:left;padding:8px 12px;border-bottom:1px solid var(--hair);letter-spacing:.1em;font-size:8.5px} .pscan td{padding:8px 12px;border-bottom:1px solid var(--hair);color:var(--sub);white-space:nowrap} .pscan tr:last-child td{border-bottom:0} .pscan td.up{color:var(--ch-up)} .pscan tr.sig td{color:var(--ink);background:color-mix(in srgb,var(--red) 7%,transparent)} .pscan .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red);margin-right:6px;vertical-align:1px} .pmock .cvbox{height:230px;padding:14px 10px 8px} .pmock .cvbox canvas{width:100%;height:100%;display:block} /* ── panda real-ui mocks — paletas byte-exatas do software (repo PANDA: tokens.css / theme.py) ── */ .pxdesk{width:100%;max-width:400px;margin-inline:auto;background:#000;border:7px solid #555;font-family:Tahoma,'Segoe UI',system-ui,sans-serif;color:#f0f0f0;font-size:12px;line-height:1.3} html.lt .pxdesk,html.lt .pxscan{box-shadow:0 16px 44px rgba(22,19,15,.25)} .pxdesk .tox{color:#ff4444}.pxdesk .cau{color:#ffaa00} .pxdesk .oh{display:flex;align-items:center;height:28px;padding:0 6px 0 8px;background:#0a0a0a} .pxdesk .oh .tk{font-size:1.3em;font-weight:700;margin-right:10px} .pxdesk .oh .mc{font-weight:700;margin:0 6px} .pxdesk .oh .wr{color:#ff3838;font-weight:700} .pxdesk .oh .cy{color:#a0a0a0;margin:0 7px 0 3px} .pxdesk .oh .adr{color:#ff4444;font-weight:700;margin:0 6px} .pxdesk .sp{flex:1} .pxdesk .oh .hb{color:#666;padding:1px 5px;font-variant-emoji:text} .pxdesk .oh .sp+.hb{color:#ccc} .pxdesk .oh .hb.lk{color:#666} .pxdesk .os{display:flex;align-items:center;padding:3px 6px;background:#000} .pxdesk .os .sc{color:#ff4444;font-weight:700} .pxdesk .os .aib{display:inline-flex;align-items:center;gap:4px;margin:0 8px;color:#e0e0e0;font-weight:700;background:none;border:0;padding:0} .pxdesk .os .aib i{font-style:normal} .pxdesk .os .aib i::before{content:"●";color:#44dd44} .pxdesk .os .se{margin-left:auto;text-align:right} .pxdesk .bd{padding:0 6px 4px} .pxdesk .mg{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0 2px} .pxdesk .m1{background:#161616;padding:6px 9px 7px;display:flex;flex-direction:column;min-height:62px} .pxdesk .mt{display:flex;align-items:baseline;gap:6px} .pxdesk .mt span{font-weight:700;color:#a0a0a0;white-space:nowrap} .pxdesk .mt em{font-style:normal;font-size:.85em;margin-left:auto;white-space:nowrap} .pxdesk .mv{display:flex;align-items:center;gap:3px;margin:8px 0 3px;font-weight:700;font-size:1.08em} .pxdesk .m1:first-child .mv,.pxdesk .m1:last-child .mv{justify-content:flex-end} .pxdesk .mv u{text-decoration:none;color:#ff3838;font-size:.92em} .pxdesk .mb{height:3px;background:#1e1e1e;margin-top:auto;border-radius:2px;overflow:hidden} .pxdesk .mb i{display:block;height:100%;border-radius:2px} .pxdesk .rg{margin-top:12px;background:#161616} .pxdesk .ov{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 10px 6px;border-bottom:1px solid #262626;margin:0 10px;padding-left:0;padding-right:0} .pxdesk .ov span{color:#a0a0a0;font-weight:700} .pxdesk .rgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 0;margin:2px 0 0;padding-bottom:8px} .pxdesk .rc{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;position:relative} .pxdesk .rc:nth-child(odd)::after{content:"";position:absolute;right:0;top:5px;height:75%;width:1px;background:#262626} .pxdesk .rc span{color:#a0a0a0;white-space:nowrap} .pxdesk .pill{display:inline-flex;align-items:center;justify-content:center;height:18px;line-height:18px;border-radius:9px;font-weight:700;padding:0 6px;white-space:nowrap;overflow:hidden} .pxdesk .ov .pill{min-width:108px;margin:2px 6px} .pxdesk .rc .pill{flex:0 0 auto;width:clamp(68px,44%,104px);min-width:0} .pxdesk .pill.hi{background:#5a0a0a;color:#ffdddd} .pxdesk .pill.md{background:#5c4400;color:#ffe082} .pxdesk .pill.lo{background:#3a6b3a;color:#d4f0d4} .pxdesk .fg{display:grid;grid-template-columns:1fr 1fr;column-gap:6px;row-gap:4px;margin-top:14px} .pxdesk .fg div{background:#161616;padding:7px 10px 8px;display:flex;justify-content:space-between;align-items:center;gap:10px} .pxdesk .fg span{color:#a0a0a0;white-space:nowrap} .pxdesk .fg b{font-weight:700;white-space:nowrap} .pxdesk .sec{margin-top:12px;border:1px solid #555;overflow:hidden} .pxdesk .sh2{display:flex;align-items:center;gap:6px;background:#2a2a2a;padding:3px 6px;font-weight:700;color:#aaa;text-transform:uppercase} .pxdesk .sh2 .cat{color:#44ff44;margin-left:auto;white-space:nowrap} .pxdesk .ib{margin:0 6px 4px;background:#161616;padding:6px 9px 10px} .pxdesk .ib div{display:flex;align-items:center;min-height:22px;background:#000;padding:0 8px} .pxdesk .ib b{color:#a0a0a0;font-weight:400;min-width:10ch;flex:none} .pxdesk .ib span{color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pxdesk .why{margin:0 6px 4px;padding:7px 8px} .pxdesk .wh{font-weight:700;line-height:1.2} .pxdesk .ws{color:#a0a0a0;line-height:1.2;margin-top:3px} .pxdesk .ws u{color:#666;text-decoration:none} .pxdesk .nz{margin-top:12px;margin-bottom:3px;border:1px solid #cc2200;background:#1a0000;overflow:hidden} .pxdesk .nh{display:flex;align-items:center;gap:5px;min-height:22px;padding:0 4px;background:#2a0000;color:#ff4444;font-weight:700} .pxdesk .nb{display:flex;align-items:center;min-height:22px;padding:0 2px 2px;line-height:1.25} .pxdesk .nbias{background:#a00000;color:#fff;font-weight:700;padding:0 4px;margin:0 3px 0 2px;flex:none} .pxdesk .nsrc{background:#cc0000;color:#fff;font-weight:700;padding:0 4px;margin:0 4px 0 0;flex:none} .pxdesk .ntxt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pxdesk .nt{color:#a0a0a0;margin:0 2px 0 4px;flex:none} /* scanner board — theme "black" (theme.py) */ .pxscan{margin-top:30px;background:#000;border:7px solid #666;overflow-x:auto;font-family:Tahoma,'Segoe UI',sans-serif;color:#f0f0f0} .pxscan .in{min-width:1010px} .pxscan .sh{display:flex;align-items:center;gap:10px;background:#454545;padding:4px 8px} .pxscan .sh .t{font-size:10px;font-weight:700;letter-spacing:.12em;color:#fff} .pxscan .sh .sp{flex:1} .pxscan .sh .wb{color:#a0a0a0;font-size:11px;width:24px;text-align:center;font-variant-emoji:text} .pxscan .sh .wb.lk{color:#cccccc} .pxscan .sh .al{color:#a0a0a0;font-size:8.5px;letter-spacing:.08em} .pxscan .sh input{background:#080808;border:1px solid #363636;color:#f0f0f0;font-family:Consolas,monospace;font-size:10.5px;padding:2px 6px;outline:none} .pxscan .sh input.dn{color:#ffd166;width:min(300px,34%)} .pxscan .gr{display:grid;align-items:center} .pxscan .hd .c{background:#555;color:#fff;font-size:9px;font-weight:700;padding:3px 7px;white-space:nowrap} .pxscan .c{padding:3.5px 7px;font-family:Consolas,monospace;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pxscan .c.e{text-align:right}.pxscan .c.cx{text-align:center} .pxscan .r{border-bottom:1px solid #2a2a2a;background:#080808} .pxscan .r.z{background:#242424} .pxscan .r .ix{background:#1c1c1c;color:#666} .pxscan .r.sel,.pxscan .r.sel.z{background:#1f3a5c} .pxscan .r.hup,.pxscan .r.hup.z{background:#0e2a18} .pxscan .r.hdn,.pxscan .r.hdn.z{background:#2a0e0e} .pxscan .r.avd,.pxscan .r.avd.z{background:#4d1a1a;border-top:2px solid #fff} .pxscan .up{color:#00d96b}.pxscan .dn1{color:#ff4d4d}.pxscan .yl{color:#ffd166}.pxscan .mu{color:#a0a0a0} .pxscan .b7{font-weight:700} .pxscan .tkc{font-weight:700;font-size:11.5px} .pxscan .ssr{margin-left:5px;border:1px solid #363636;color:#ff8c42;font-size:7.5px;font-weight:700;padding:0 3px;vertical-align:1px} .pxscan .nb1{display:inline-block;background:#3a2a00;color:#ffd166;font-size:8.5px;font-weight:700;border-radius:2px;padding:0 5px} .pxscan .sev{display:inline-block;min-width:14px;text-align:center;border-radius:2px;font-size:8.5px;font-weight:700;padding:0 4px} .pxscan .s3{background:#ff4d4d;color:#000}.pxscan .s2{background:#ff8c42;color:#000}.pxscan .s1{background:#ffd166;color:#000} .pxscan .r.fl{animation:pxflash 1.8s ease-out} @keyframes pxflash{0%,45%{background:#3a1414}100%{}} .pxscan .c.pu{background:#1e6768}.pxscan .c.pd{background:#863440} .pxscan .as{display:flex;align-items:center;gap:7px;padding:5px 8px;background:#000;border-top:1px solid #2a2a2a} .pxscan .as .lb{color:#a0a0a0;font-size:8.5px;letter-spacing:.1em;font-weight:700} .pxscan .as .ch{border:1px solid #363636;background:#242424;color:#f0f0f0;font-family:Consolas,monospace;font-size:9px;padding:1px 8px;border-radius:999px;white-space:nowrap} @media(max-width:900px){.pxdesk{margin-inline:0}} /* product mocks — conteúdo real dos produtos */ .sched{padding:6px 0} .sched .si{display:flex;gap:14px;padding:10px 16px;border-bottom:1px solid var(--hair)} .sched .si:last-child{border-bottom:0} .sched .st{font-size:11px;color:var(--dim);letter-spacing:.06em;min-width:44px;padding-top:1px} .sched .si.on .st{color:var(--red)} .sched .si b{display:block;font-size:12px;color:var(--ink);font-weight:600;letter-spacing:.02em} .sched .si p{margin:3px 0 0;font-size:11px;line-height:1.55;color:var(--sub);font-family:var(--sans,inherit)} .alloc{padding:8px 0} .alloc .ar{display:grid;grid-template-columns:minmax(120px,38%) 1fr 38px;align-items:center;gap:12px;padding:8px 16px;font-size:11px} .alloc .ar span{color:var(--sub)} .alloc .ab{height:5px;background:color-mix(in srgb,var(--hair) 60%,transparent)} .alloc .ab i{display:block;height:100%;background:var(--red)} .alloc .ar b{color:var(--ink);font-weight:600;text-align:right} .memo{padding:12px 16px 14px;font-family:var(--sans,inherit)} .memo .mh{font-family:var(--mono);font-size:9px;letter-spacing:.14em;color:var(--dim);padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid var(--hair)} .memo p{margin:0 0 9px;font-size:11.5px;line-height:1.6;color:var(--sub)} .memo p b{color:var(--ink);font-weight:600;letter-spacing:.04em} .memo .ms{font-family:var(--mono);font-size:10px;color:var(--dim);margin-top:11px}