:root{--bg:#f2f1ec;--fg:#1c1f22;--muted:#5f6670;--panel:#fff;--line:#dddad1;--line-strong:#bdb9ae;--asphalt:#1c1f22;--asphalt-2:#2a2e33;--on-asphalt:#f7f6f2;--on-asphalt-muted:#a9ada8;--accent:#f2c400;--accent-ink:#1c1f22;--good:#2e8b57;--warn:#c48a00;--bad:#c0392b;--g-a:#1a9850;--g-b:#66bd63;--g-c:#a6d96a;--g-d:#fee08b;--g-e:#fdae61;--g-f:#f46d43;--g-g:#d73027;--display:"Bricolage Grotesque","Arial Narrow",sans-serif;--body:"Public Sans",system-ui,sans-serif;--mono:"Azeret Mono",ui-monospace,monospace}@media (prefers-color-scheme:dark){:root{--bg:#15171a;--fg:#ecebe6;--muted:#9ca1a8;--panel:#1f2226;--line:#2e3237;--line-strong:#454a51;--asphalt:#0d0f11;--asphalt-2:#1a1d20;--on-asphalt:#f3f2ee;--on-asphalt-muted:#8d9299;--accent:#f5cc1a;--accent-ink:#15171a;--good:#5ccb86;--warn:#e2b23a;--bad:#ef6b5b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:16px;line-height:1.55}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.inner{max-width:1120px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.top{background:var(--asphalt);color:var(--on-asphalt);border-bottom:3px solid var(--accent)}.top .inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;display:flex}.brand{font-family:var(--display);letter-spacing:-.01em;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;display:flex}.brand svg{width:26px;height:26px}nav{flex-wrap:wrap;gap:18px;display:flex}nav a{color:var(--on-asphalt-muted);font-size:14px;text-decoration:none}nav a:hover{color:var(--on-asphalt)}.hero{background:var(--asphalt);color:var(--on-asphalt);background-image:repeating-linear-gradient(90deg,transparent 0 48px,var(--accent)48px 96px);background-position:0 100%;background-repeat:no-repeat;background-size:100% 4px}.hero .inner{gap:20px;padding-top:36px;padding-bottom:40px;display:grid}h1{font-family:var(--display);letter-spacing:-.02em;text-wrap:balance;max-width:20ch;margin:0;font-size:max(32px,min(5.2vw,50px));font-weight:800;line-height:1.02}.lead{color:var(--on-asphalt-muted);max-width:58ch;margin:0;font-size:17px}.picker{grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:10px;display:grid}@media (max-width:720px){.picker{grid-template-columns:1fr 1fr}.picker .go{grid-column:1/-1}}.field{gap:6px;min-width:0;display:grid}.field label{color:var(--on-asphalt-muted);font-size:13px}.field select{font:inherit;background:var(--asphalt-2);color:var(--on-asphalt);border:1px solid #3a3f45;border-radius:6px;width:100%;padding:12px;font-weight:500}.go{font:inherit;font-weight:700;font-family:var(--display);background:var(--accent);color:var(--accent-ink);cursor:pointer;border:0;border-radius:6px;padding:13px 22px}.go:hover{filter:brightness(.95)}.hero .breadcrumb{color:var(--on-asphalt-muted)}.stat{color:var(--on-asphalt-muted);margin:0;font-size:14px}main .inner{gap:40px;padding-top:36px;padding-bottom:64px;display:grid}h2{font-family:var(--display);letter-spacing:-.015em;margin:0 0 14px;font-size:26px;font-weight:700}h3{font-family:var(--display);margin:0 0 8px;font-size:18px;font-weight:700}p{max-width:68ch;margin:0 0 12px}.muted{color:var(--muted);font-size:14px}.breadcrumb{color:var(--muted);margin:0;font-size:13px}.breadcrumb a{text-decoration:none}.two{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:28px;display:grid}@media (max-width:860px){.two{grid-template-columns:1fr}}.m{font-family:var(--mono);font-weight:600}.sidewall{background:var(--asphalt);color:var(--on-asphalt);border-radius:10px;gap:14px;padding:22px 24px 18px;display:grid}.sidewall .code{font-family:var(--mono);letter-spacing:.02em;flex-wrap:wrap;gap:0 10px;font-size:max(30px,min(6vw,54px));font-weight:700;line-height:1;display:flex}.sidewall .code span{position:relative}.sidewall .legend{color:var(--on-asphalt-muted);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px;font-size:13px;display:grid}.sidewall .legend b{color:var(--accent);font-family:var(--mono);font-size:14px;display:block}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font-family:var(--mono);border:1.5px solid var(--line-strong);background:var(--panel);border-radius:6px;padding:8px 12px;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.chip:hover,.chip[aria-current]{border-color:var(--fg);background:var(--fg);color:var(--bg)}.tablewrap{background:var(--panel);border:1px solid var(--line);border-radius:10px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:560px;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:11px 14px}tr:last-child td{border-bottom:0}th{color:var(--muted);background:color-mix(in srgb,var(--fg)3%,var(--panel));font-size:12px;font-weight:600}.conf{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.conf.alta{background:color-mix(in srgb,var(--good)14%,transparent);color:var(--good)}.conf.media{background:color-mix(in srgb,var(--warn)16%,transparent);color:var(--warn)}.conf.baixa{background:color-mix(in srgb,var(--bad)14%,transparent);color:var(--bad)}.label{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;font-size:13px;display:grid}.label .bar{border-radius:2px;height:14px}.label .k{font-family:var(--mono);width:18px;font-weight:700}.calc{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:18px;padding:20px 22px;display:grid}.calc .controls{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.ctrl{gap:4px;display:grid}.ctrl .row{color:var(--muted);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.ctrl output{font-family:var(--mono);color:var(--fg);font-weight:600}input[type=range]{width:100%;accent-color:var(--accent-ink)}@media (prefers-color-scheme:dark){input[type=range]{accent-color:var(--accent)}}.verdict{border-left:4px solid var(--accent);background:color-mix(in srgb,var(--accent)10%,var(--panel));border-radius:0 8px 8px 0;padding:12px 16px}.verdict p{margin:0}.cost-table td.num,.cost-table th.num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}.cost-table tr.win td{font-weight:700}.example{color:var(--muted);font-size:12px}.cars{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.car{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:4px;padding:14px 16px;text-decoration:none;display:grid}.car:hover{border-color:var(--fg)}.car b{font-family:var(--display);font-size:16px}.car span{color:var(--muted);font-size:13px}.guide{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;display:grid}.guide article{border-top:3px solid var(--line-strong);padding-top:12px}.guide article:first-child{border-top-color:var(--accent)}ul.plain{margin:0 0 12px;padding-left:18px}ul.plain li{margin-bottom:4px}footer{background:var(--asphalt);color:var(--on-asphalt-muted)}footer .inner{flex-wrap:wrap;gap:14px 28px;padding-top:26px;padding-bottom:26px;font-size:13px;display:flex}footer a{color:var(--on-asphalt);text-decoration:none}@media (prefers-reduced-motion:no-preference){.chip,.car,.go{transition:background .15s,border-color .15s,filter .15s}}.offers{gap:10px;display:grid}.offer{background:var(--panel);border:1px solid var(--line);border-radius:10px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px;text-decoration:none;display:grid}.offer:hover{border-color:var(--fg)}.offer img{object-fit:contain;background:#fff;border-radius:6px;width:72px;height:72px}.offer .noimg{background:var(--line);border-radius:6px;width:72px;height:72px;display:block}.offer .ot{gap:2px;min-width:0;display:grid}.offer .ot b{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.offer .op{text-align:right;gap:2px;display:grid}.offer .op strong{font-family:var(--display);font-size:20px;font-weight:800}@media (max-width:560px){.offer{grid-template-columns:56px minmax(0,1fr)}.offer .op{text-align:left;grid-column:2}.offer img,.offer .noimg{width:56px;height:56px}}
