:root{--bg:#0c0e12;--fg:#e9ebef;--mut:#9aa3ad;--card:#151920;--line:#252c35;--acc:#f97316;--acc2:#38bdf8}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--acc2)}a:hover{color:#7dd3fc}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.top{border-bottom:1px solid var(--line);background:#0f1217}.top .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:18px;padding-top:14px;padding-bottom:14px}
.logo{font-size:22px;color:var(--fg);text-decoration:none;letter-spacing:-.5px;font-weight:600}.logo b{color:var(--acc)}
nav a{color:var(--mut);text-decoration:none;margin-right:14px;font-size:15px}nav a:hover{color:var(--fg)}
.disclosure-bar{background:#13171d;color:var(--mut);font-size:13px;padding:6px 0;border-bottom:1px solid var(--line)}
h1{font-size:34px;line-height:1.15;letter-spacing:-.5px;margin:28px 0 10px}h2{margin-top:34px}
.hero p{max-width:780px;color:#c9ced4;font-size:18px}.updated{color:var(--mut);font-size:14px!important}
.guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin:18px 0}
.guides a{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;text-decoration:none;color:var(--fg);display:flex;flex-direction:column;gap:4px}
.guides a:hover{border-color:var(--acc)}.guides span{color:var(--mut);font-size:14px}
.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:end;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px;margin:18px 0 10px;font-size:14px}
.filters label{display:flex;flex-direction:column;gap:4px;color:var(--mut)}.filters .grow{flex:1;min-width:180px}
select,input{background:#0c0e12;color:var(--fg);border:1px solid var(--line);border-radius:7px;padding:7px 9px;font:inherit}
.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}
table.parts{width:100%;border-collapse:collapse;font-size:15px}
.parts th,.parts td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.parts th{background:#12161c;color:var(--mut);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px}
.parts th[data-sort]{cursor:pointer;user-select:none}.parts th[data-sort]:hover{color:var(--fg)}
.parts th.asc::after{content:" ▲"}.parts th.desc::after{content:" ▼"}
.parts tr:hover td{background:#11151b}.parts td a{text-decoration:none;font-weight:600}
.num{text-align:right!important;white-space:nowrap}.sub{color:var(--mut);font-size:12.5px;font-weight:400}
.muted{color:var(--mut)}.small{font-size:13px}
.v{display:inline-block;font-size:12px;padding:2px 9px;border-radius:99px;white-space:nowrap;font-weight:600;background:#1f2630;color:#b8c1cc}
.v-beli{background:#123524;color:#6ee7b7}.v-tunggu{background:#3b1717;color:#fca5a5}.v-wajar{background:#3a3212;color:#fcd34d}.v-none{background:#1a1d22;color:#6b7480}
.crumbs{margin-top:20px;font-size:14px;color:var(--mut)}
.take{font-size:18px;color:#c9ced4;max-width:780px}
.cols{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin:18px 0}
.pricebox,.verdict,.pick{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px}
.verdict.v-beli{border-color:#1f6b46}.verdict.v-tunggu{border-color:#7a2a2a}.verdict.v-wajar{border-color:#6b5a17}
.vlabel{font-size:24px;font-weight:700;margin:4px 0}
.price-big{font-size:34px;font-weight:800;margin:4px 0;color:#fff}.price-mid{font-size:22px;font-weight:700;margin:4px 0}
.picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:18px 0}
.buy{display:inline-block;background:var(--acc);color:#1d0b00;padding:9px 15px;border-radius:9px;font-weight:700;text-decoration:none;white-space:nowrap}.buy:hover{background:#fb923c;color:#1d0b00}
td .buy{padding:5px 10px;font-size:13px}
table.specs{border-collapse:collapse;margin:12px 0;width:100%;max-width:860px}
.specs th,.specs td{border-bottom:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}.specs th{color:var(--mut);font-weight:500;width:240px}
.chart{width:100%;max-width:760px;height:auto;background:var(--card);border:1px solid var(--line);border-radius:10px}
.chart polyline{fill:none;stroke:var(--acc);stroke-width:2.5}.chart circle{fill:var(--acc)}.chart .g{stroke:var(--line)}.chart text{fill:var(--mut);font-size:12px}
.reviews li{margin:6px 0}
.note{background:#1c1a10;border:1px solid #3d3613;border-radius:8px;padding:10px 12px;color:#e7dca5;font-size:14px;max-width:860px}
.newsletter{margin-top:50px;background:linear-gradient(135deg,#2a1608,#0c2233);border-top:1px solid var(--line);padding:30px 0}
.newsletter form{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.newsletter input{min-width:260px}
.newsletter button{background:var(--acc2);color:#04131c;border:0;border-radius:7px;padding:8px 16px;font-weight:700}
.newsletter button[disabled],.newsletter input[disabled]{opacity:.6}
.nl-note{font-size:12.5px;color:var(--mut)}.nl-note a{color:inherit;text-decoration:underline}
footer{color:var(--mut);font-size:13px;padding:24px 0 40px;border-top:1px solid var(--line)}
code{background:#1a1f27;padding:1px 5px;border-radius:4px;font-size:.9em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media(max-width:760px){h1{font-size:27px}.cols{grid-template-columns:1fr}.specs th{width:130px}}