:root{--bg:#0b0b0b;--panel:#151515;--panel2:#1b1b1b;--line:#2b2b2b;--tx:#f2f1ec;--mut:#a9a9a3;--ac:#ff7a2f;--ok:#5bd18b;--err:#ff5d5d;--warn:#f5c04a;--sans:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Consolas,monospace;--m:clamp(16px,4vw,56px);--r:14px}
*{box-sizing:border-box}html{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--tx);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
html[data-lang="pt"] [lang="en"],html[data-lang="en"] [lang="pt"]{display:none}
a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--m)}
.top{display:flex;justify-content:space-between;align-items:center;padding:16px var(--m);border-bottom:1px solid var(--line);gap:12px;flex-wrap:wrap}
.top a{text-decoration:none;color:var(--mut);font-size:14px}.top a:hover{color:var(--tx)}
.lg{display:flex;gap:4px}.lg button{background:none;border:1px solid var(--line);border-radius:8px;padding:6px 12px;font:600 12px var(--mono);color:var(--mut);cursor:pointer;min-height:36px}
.lg button[aria-pressed=true]{color:#111;background:var(--ac);border-color:var(--ac)}
.hero{padding:40px 0 22px;max-width:860px}
.eyebrow{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ac);margin:0 0 10px}
h1{font-size:clamp(28px,4.6vw,48px);line-height:1.06;margin:0 0 14px;font-weight:800;letter-spacing:-.02em}
.hero p{color:var(--mut);margin:0;font-size:clamp(15px,1.4vw,18px)}
h2{font:600 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);margin:0 0 14px;display:flex;align-items:center;gap:10px}
h2 b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ac);color:#111;font-size:12px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:clamp(14px,2vw,22px)}
section{margin:0 0 28px}
.grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}
@media(max-width:860px){.grid2{grid-template-columns:1fr}}
.pipe{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch}
.pipe div{flex:1 1 150px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--mut);position:relative}
.pipe div b{display:block;color:var(--tx);font-size:14px;margin-bottom:2px}
.pipe div+div::before{content:"→";position:absolute;left:-14px;top:50%;transform:translateY(-50%);color:var(--ac);font-family:var(--mono);background:var(--panel);width:14px;text-align:center}
@media(max-width:700px){.pipe div+div::before{display:none}}
.ask{display:flex;gap:8px;flex-wrap:wrap}
.ask input{flex:1 1 260px;background:#0f0f0f;border:1px solid var(--line);border-radius:10px;padding:10px 12px;min-height:46px}
.ask input:focus{border-color:var(--ac);outline:none;box-shadow:0 0 0 3px #ff7a2f33}
.btn{background:var(--ac);color:#111;border:0;border-radius:10px;padding:10px 20px;font-weight:700;cursor:pointer;min-height:46px}.btn:hover{filter:brightness(1.08)}
.btn.sec{background:var(--panel2);color:var(--tx);border:1px solid var(--line)}
.pre{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 0}
.chip{background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:13px;cursor:pointer;min-height:36px}.chip:hover,.chip[aria-pressed=true]{border-color:var(--ac)}
.ans{border-left:3px solid var(--ok);padding:4px 0 4px 14px;margin:14px 0;font-size:17px}
.ans.no{border-color:var(--warn)}.ans.bad{border-color:var(--err)}
.ans sup,.cite{font:600 11px var(--mono);color:#111;background:var(--ac);border-radius:5px;padding:1px 5px;margin-left:2px;vertical-align:baseline}
.tag{display:inline-block;font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:6px;border:1px solid var(--line);color:var(--mut);margin:0 6px 4px 0}
.tag.ok{color:var(--ok);border-color:#2e6a49}.tag.warn{color:var(--warn);border-color:#7a6224}.tag.err{color:var(--err);border-color:#7a2f2f}
.psg{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:0 0 10px;font-size:14px}
.psg.used{border-color:var(--ac)}
.psg .meta{font:500 11px var(--mono);color:var(--mut);margin-bottom:6px;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.psg mark{background:#ff7a2f33;color:var(--tx);border-radius:3px;padding:0 2px}
.bar{height:5px;background:#0f0f0f;border-radius:3px;overflow:hidden;min-width:70px;flex:1 1 70px;max-width:160px}.bar i{display:block;height:100%;background:var(--ac)}
table{width:100%;border-collapse:collapse;font-size:13.5px}
th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
th{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}
td.n{font-family:var(--mono);text-align:right}th.n{text-align:right}
tr.best td{color:var(--ok)}tr.sel td{background:#ff7a2f14}
.scroll{overflow-x:auto}
.hon{font-size:14px;color:var(--mut)}.hon ul{margin:6px 0 14px;padding-left:20px}.hon li{margin:3px 0}.hon strong{color:var(--tx)}
.k{font:500 12px var(--mono);color:var(--mut)}
label.sl{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:14px;color:var(--mut);margin:12px 0}label.sl input{accent-color:var(--ac);flex:1 1 180px;min-height:32px}
.foot{padding:26px var(--m) 40px;color:var(--mut);font-size:13px;border-top:1px solid var(--line)}