.pp {
  --pp-c1:#00c8e8; --pp-c2:#22a6c9; --pp-c3:#3d86ad; --pp-c4:#4f6b93; --pp-c5:#56657f;   
  --pp-up:#00e676; --pp-eq:var(--cyan); --pp-down:#8a97b3;
  --pp-line:rgba(255,255,255,0.07);
  position:relative; overflow:hidden;
}
.pp::before {
  content:""; position:absolute; inset:0 0 auto auto; width:60%; height:320px; pointer-events:none;
  background:radial-gradient(ellipse at 85% 0%, rgba(0,200,232,0.10), transparent 65%);
}
.pp > * { position:relative; }
.pp .pp-c1 { --c:var(--pp-c1); } .pp .pp-c2 { --c:var(--pp-c2); } .pp .pp-c3 { --c:var(--pp-c3); }
.pp .pp-c4 { --c:var(--pp-c4); } .pp .pp-c5 { --c:var(--pp-c5); }
.pp-sr { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.pp-k {
  display:block; font-size:10.5px; font-weight:700; letter-spacing:2px; text-transform:uppercase;
  color:var(--grey); margin-bottom:10px;
}

.pp-top { display:grid; grid-template-columns:1fr; gap:14px; margin-bottom:26px; }
.pp-score { display:grid; grid-template-columns:1fr; gap:14px; min-width:0; }
.pp-class, .pp-value, .pp-ladder-wrap {
  background:linear-gradient(160deg, rgba(255,255,255,0.045), rgba(255,255,255,0.01));
  border:1px solid var(--pp-line); border-radius:14px; padding:16px 18px; min-width:0;
}
.pp-class { border-color:color-mix(in srgb, var(--c) 45%, transparent);
  box-shadow:0 0 0 1px rgba(0,0,0,0.2); }
.pp-class-row { display:flex; align-items:flex-end; gap:16px; }
.pp-meter { display:flex; align-items:flex-end; gap:5px; height:58px; flex:0 0 auto; }
.pp-meter-step { position:relative; width:14px; height:100%; display:flex; align-items:flex-end; }
.pp-meter-step i {
  display:block; width:100%; height:var(--h); border-radius:3px;
  background:rgba(255,255,255,0.08);
}
.pp-meter-step.is-lit i { background:var(--c); }
.pp-meter-step.is-me i { outline:2px solid rgba(255,255,255,0.85); outline-offset:1px; }
.pp-meter-step b { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.pp-class-txt { display:flex; flex-direction:column; line-height:1; min-width:0; }
.pp-big {
  font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:54px; letter-spacing:-1px;
  color:var(--white);
}
.pp-sub {
  font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:15px; letter-spacing:2px;
  text-transform:uppercase; color:var(--c); margin-top:4px;
}
.pp-line { margin:12px 0 0; font-size:14px; color:var(--white); opacity:0.85; line-height:1.4; }

.pp-value-row { display:flex; align-items:center; gap:14px; }
.pp-rank {
  font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:44px; line-height:1;
  color:var(--cyan);
}
.pp-basis-begagnat .pp-rank { color:var(--gold); }
.pp-rank-txt { font-size:14px; font-weight:700; color:var(--white); line-height:1.3; }
.pp-rank-txt span { font-weight:500; color:var(--grey); font-size:13px; }
.pp-strip { display:flex; gap:3px; margin-top:12px; height:10px; }
.pp-strip i { flex:1 1 0; border-radius:2px; background:rgba(255,255,255,0.09); }
.pp-strip i.is-me { background:var(--cyan); flex-grow:2.2; }
.pp-basis-begagnat .pp-strip i.is-me { background:var(--gold); }

.pp-ladder { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:5px; }
.pp-rung-head {
  display:flex; align-items:center; gap:8px; margin:6px 0 1px;
  font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:800; letter-spacing:1.6px;
  text-transform:uppercase; color:var(--c);
}
.pp-rung-head:first-child { margin-top:0; }
.pp-rung-head::after { content:""; flex:1; height:1px; background:linear-gradient(90deg, color-mix(in srgb, var(--c) 45%, transparent), transparent); }
.pp-rung {
  display:grid; grid-template-columns:minmax(96px,40%) minmax(0,1fr); align-items:center; gap:10px;
  padding:5px 8px; border-radius:8px; position:relative;
}
.pp-rung-name { font-size:13px; font-weight:600; line-height:1.2; color:rgba(240,244,255,0.72); min-width:0; overflow-wrap:anywhere; }
a.pp-rung-name:hover { color:var(--cyan); }
.pp-bar { display:block; height:12px; border-radius:6px; background:rgba(255,255,255,0.045); overflow:hidden; }
.pp-bar > span {
  display:block; height:100%; width:var(--w); border-radius:6px;
  background:var(--c);
  transform-origin:left center; animation:pp-grow 0.9s cubic-bezier(.2,.8,.2,1) both;
}
.pp-rung.is-me { background:rgba(0,200,232,0.08); box-shadow:inset 0 0 0 1px rgba(0,200,232,0.35); }
.pp-rung.is-me .pp-rung-name { color:var(--cyan); font-weight:800; }
.pp-rung.is-me .pp-bar { height:16px; border-radius:8px; }
.pp-rung.is-me .pp-bar > span { background:var(--cyan); }
.pp-me-tag {
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  font-size:10px; font-weight:800; letter-spacing:1px; text-transform:uppercase;
  color:#061018; background:var(--cyan); border-radius:4px; padding:2px 6px;
}
@keyframes pp-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media (prefers-reduced-motion: reduce) { .pp-bar > span { animation:none; } }

.pp-block { margin-top:22px; }
.pp-h3 {
  display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin:0 0 12px;
  font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:21px; letter-spacing:0.3px;
  text-transform:uppercase; color:var(--white);
}
.pp-anchor {
  font-family:'Barlow',sans-serif; font-size:12px; font-weight:700; letter-spacing:0.3px; text-transform:none;
  padding:3px 9px; border-radius:999px; border:1px solid rgba(0,200,232,0.35); color:var(--cyan); background:rgba(0,200,232,0.07);
}
.pp-anchor-begagnat { border-color:rgba(255,183,0,0.4); color:var(--gold); background:rgba(255,183,0,0.07); }
.pp-tiles { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px; }
.pp-tile {
  display:flex; flex-direction:column; min-width:0; border-radius:12px; overflow:hidden;
  background:var(--bg3); border:1px solid var(--pp-line);
  transition:transform .2s, border-color .2s, box-shadow .2s;
}
.pp-tile:hover { transform:translateY(-2px); border-color:rgba(0,200,232,0.35); box-shadow:0 10px 24px -14px rgba(0,200,232,0.5); }
.pp-media {
  position:relative; display:block; aspect-ratio:2/1; overflow:hidden;
  background:var(--bg3);
}
.pp-media.pp-amd { background:var(--bg3); }
.pp-media.has-img { background:#fff; }
.pp-media.has-img .pp-ph { display:none; }
.pp-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }   
.pp-ph { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:0 12px 9px; }
.pp-ph-svg { position:absolute; right:-10%; top:8%; width:78%; height:auto; fill:none; stroke:rgba(255,255,255,0.10); stroke-width:1.6; }
.pp-ph-kick { font-size:9.5px; font-weight:800; letter-spacing:1.2px; text-transform:uppercase; color:var(--grey); }
.pp-amd .pp-ph-kick { color:var(--grey); }
.pp-ph-model {
  font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:30px; line-height:0.95; letter-spacing:-0.5px;
  color:transparent; -webkit-text-stroke:1px rgba(240,244,255,0.6); white-space:nowrap; overflow:hidden; text-overflow:clip;
}
.pp-ph-model.is-long { font-size:22px; }
.pp-cls {
  position:absolute; right:6px; top:6px; font-size:10px; font-weight:800; letter-spacing:0.6px; text-transform:uppercase;
  color:var(--cyan); background:#0f1a2b; border:1px solid rgba(0,200,232,0.35); border-radius:4px; padding:2px 6px;
}   
.pp-tags { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.pp-cls.pp-cls-in { position:static; font-size:10px; padding:3px 7px; border-radius:999px; }
.pp-tile-body { display:flex; flex-direction:column; gap:6px; padding:9px 10px 10px; flex:1; min-width:0; }
.pp-tile-name {
  font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:18px; line-height:1.1; color:var(--white);
  overflow-wrap:anywhere;
}
.pp-tile-name:hover { color:var(--cyan); }
.pp-word {
  align-self:flex-start; font-size:11px; font-weight:800; letter-spacing:0.4px; text-transform:uppercase;
  border-radius:999px; padding:3px 9px; line-height:1.2; white-space:nowrap;
}
.pp-word-up { color:var(--pp-up); background:rgba(0,230,118,0.10); border:1px solid rgba(0,230,118,0.3); }
.pp-word-eq { color:var(--pp-eq); background:rgba(0,200,232,0.08); border:1px solid rgba(0,200,232,0.3); }
.pp-word-down { color:var(--pp-down); background:rgba(138,151,179,0.08); border:1px solid rgba(138,151,179,0.25); }
.pp-prices { display:flex; flex-direction:column; gap:3px; margin-top:auto; }
.pp-p { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:0 6px; font-size:12.5px; border-radius:6px; padding:2px 0; }
.pp-p-k { color:var(--grey); font-size:11px; text-transform:uppercase; letter-spacing:0.6px; font-weight:700; }
.pp-p-v { font-weight:800; white-space:nowrap; margin-left:auto; }
.pp-p-ny .pp-p-v { color:var(--cyan); }
.pp-p-beg .pp-p-v { color:var(--gold); }
.pp-p-v.pp-p-none { color:rgba(255,255,255,0.25); font-weight:600; }
.pp-p.is-hit { background:rgba(255,255,255,0.06); padding:2px 6px; margin:0 -6px; }
.pp-p.is-hit .pp-p-k { color:var(--white); }
.pp-buy {
  display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; min-height:40px;
  border-radius:8px; padding:6px 8px; line-height:1.15;
  background:var(--cyan); color:#061018 !important; transition:box-shadow .2s, transform .2s;
}
.pp-buy b { font-family:'Barlow Condensed',sans-serif; font-weight:900; font-size:15px; letter-spacing:0.6px; text-transform:uppercase; white-space:nowrap; }
.pp-buy b::after { content:" \2192"; }
.pp-buy small { font-size:11px; font-weight:600; opacity:0.8; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; }
.pp-buy:hover { box-shadow:0 6px 18px rgba(0,200,232,0.35); transform:translateY(-1px); }
.pp-buy.pp-buy-used { background:transparent; color:var(--gold) !important; border:1px solid rgba(255,183,0,0.45); }
.pp-buy.pp-buy-used:hover { background:rgba(255,183,0,0.08); box-shadow:none; }

@media (min-width: 640px) {
  .pp-score { grid-template-columns:1fr 1fr; }
}
@media (max-width: 699px) {
  .pp-media { aspect-ratio:9/5; }
}
@media (min-width: 700px) {
  .pp-tiles { grid-template-columns:repeat(4, minmax(0,1fr)); gap:12px; }
}
@media (min-width: 1100px) {
  .pp-top { grid-template-columns:minmax(250px,0.85fr) minmax(0,1.15fr); gap:16px; }
  .pp-score { grid-template-columns:1fr; }
}
@media (max-width: 380px) {
  .pp-big { font-size:46px; }
  .pp-tile-name { font-size:16px; }
  .pp-buy b { font-size:13.5px; letter-spacing:0.3px; }
  .pp-ph-model { font-size:26px; }
  .pp-ph-model.is-long { font-size:19px; }
  .pp-rung-name { font-size:12.5px; }
  .pp-word { font-size:10.5px; letter-spacing:0.2px; padding:3px 7px; }
  .pp-tile-body { padding:9px 8px 10px; }
}

.tsb-np { margin:12px 0 0; padding:10px 12px; border:1px solid rgba(0,200,232,0.22); border-radius:10px; background:rgba(0,200,232,0.05); max-width:520px; }
.tsb-np-head { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.tsb-np-k { font-family:'Barlow Condensed',sans-serif; font-size:11px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:var(--cyan); }
.tsb-badge { font-family:'Barlow Condensed',sans-serif; font-size:12px; font-weight:800; letter-spacing:0.6px; text-transform:uppercase; padding:1px 8px; border-radius:999px; line-height:1.6; }
.tsb-np-good .tsb-badge { color:#00e676; background:rgba(0,230,118,0.12); border:1px solid rgba(0,230,118,0.35); }
.tsb-np-normal .tsb-badge { color:var(--white); background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.2); }
.tsb-np-high .tsb-badge { color:#ff8a65; background:rgba(255,138,101,0.12); border:1px solid rgba(255,138,101,0.35); }
.tsb-np-line { margin:5px 0 0; font-size:12.5px; color:var(--grey); line-height:1.45; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.tsb-np-line b { color:var(--white); font-weight:600; }
.tsb-np-row { display:flex; align-items:center; gap:10px; margin-top:8px; flex-wrap:wrap; }
.tsb-buy { display:inline-flex; align-items:center; gap:4px; background:var(--cyan); color:#000; font-weight:700; font-size:14px; padding:10px 16px; border-radius:8px; text-decoration:none; white-space:nowrap; }
.tsb-buy:hover { transform:translateY(-1px); box-shadow:0 5px 16px rgba(0,200,232,0.38); }
.tsb-ad { font-size:10px; color:var(--grey); letter-spacing:1px; text-transform:uppercase; opacity:0.7; }
.tsb-budget-top { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:4px; }
.tsb-h { font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:20px; letter-spacing:0.3px; text-transform:uppercase; color:var(--white); margin:2px 0 12px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.tsb-anchor { font-family:'Inter',sans-serif; font-size:12px; font-weight:700; text-transform:none; letter-spacing:0; color:var(--gold); background:rgba(255,183,0,0.1); border:1px solid rgba(255,183,0,0.3); border-radius:999px; padding:2px 9px; }
.tsb-list { list-style:none; margin:0; padding:0; display:grid; gap:8px; grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }
.tsb-row { display:flex; align-items:center; gap:10px; padding:8px; border:1px solid rgba(255,255,255,0.08); border-radius:10px; background:rgba(255,255,255,0.02); min-width:0; }
.tsb-img { flex:0 0 72px; height:48px; border-radius:6px; background:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden; text-decoration:none; }
.tsb-img img { width:100%; height:100%; object-fit:contain; }
.tsb-img.is-ph { background:rgba(255,255,255,0.05); color:var(--grey); font-family:'Barlow Condensed',sans-serif; font-weight:800; font-size:14px; }
.tsb-body { flex:1 1 auto; min-width:0; display:flex; flex-direction:column; gap:1px; }
.tsb-name { color:var(--white); font-weight:700; font-size:14px; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tsb-w { font-size:11.5px; font-weight:700; }
.tsb-w-up { color:#00e676; } .tsb-w-eq { color:var(--cyan); } .tsb-w-down { color:#8a97b3; }
.tsb-price { font-size:13px; font-weight:700; color:var(--cyan); line-height:1.35; }
.tsb-price > span { white-space:nowrap; }
.tsb-price small { display:inline-block; }
.tsb-price small { color:var(--grey); font-weight:500; font-size:11.5px; }
.tsb-row .tsb-buy { flex:0 0 auto; padding:9px 13px; font-size:13px; }
.tsb-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.tsb-cite { margin:10px 0 4px; padding:0 2px; }
.tsb-cite .ts-cite { font-size:11.5px; color:var(--grey); line-height:1.5; letter-spacing:0; }
.tsb-cite .ts-cite-label { font-weight:700; color:var(--white); margin-right:2px; }
.tsb-cite .ts-cite-text { user-select:all; -webkit-user-select:all; }

@media (min-width:1280px){
.ts-hero:has(> .gpu-hero-wrap){grid-template-columns:minmax(0,1fr) 420px;column-gap:40px;row-gap:16px;align-items:start;align-content:start}    
.ts-hero:has(> .gpu-hero-wrap) > .gpu-hero-text{display:contents}
.ts-hero:has(> .gpu-hero-wrap) > .gpu-hero-text > .ts-hero-label{grid-column:1;grid-row:1}
.ts-hero:has(> .gpu-hero-wrap) > .gpu-hero-text > .ts-hero-h1{grid-column:1;grid-row:2}
.ts-hero:has(> .gpu-hero-wrap) > .gpu-hero-text > .ts-hero-moat{grid-column:1;grid-row:3}
.ts-hero:has(> .gpu-hero-wrap) > .gpu-hero-wrap{grid-column:2;grid-row:1 / span 3;align-self:center;margin-top:0}
.ts-hero:has(> .gpu-hero-wrap) > .gpu-hero-text > .tsb-np,
.ts-hero:has(> .gpu-hero-wrap) > .gpu-hero-text > .ts-hero-sub,
.ts-hero:has(> .gpu-hero-wrap) > .gpu-hero-text > .ts-badge,
.ts-hero:has(> .gpu-hero-wrap) > .gpu-hero-text > .ts-hero-chips,
.ts-hero:has(> .gpu-hero-wrap) > .ts-answer-bar{grid-column:1 / -1}
}
.gpu-hero-text > .ts-badge{justify-self:start;background:none;border:0;padding:0;font-size:12.5px;color:var(--grey)}
.gpu-hero-text > .tsb-np{max-width:none;margin:18px 0 0;padding:18px 22px;background:var(--bg2);border:1px solid rgba(0,200,232,0.22);border-left:3px solid var(--cyan);border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;align-items:center}
.gpu-hero-text > .tsb-np .tsb-np-head{grid-column:1/-1;grid-row:1}
.tsb-np-price{grid-row:2;grid-column:1;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:44px;line-height:1;color:var(--cyan);display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.tsb-np-price small{font-family:'Barlow',sans-serif;font-weight:500;font-size:15px;color:var(--grey)}
.gpu-hero-text > .tsb-np .tsb-np-row{grid-row:2;grid-column:2;margin-top:0;flex-direction:column;align-items:flex-end;gap:4px}
.gpu-hero-text > .tsb-np .tsb-np-line{grid-row:3;grid-column:1/-1;margin:4px 0 0;font-size:13.5px}
.gpu-hero-text > .tsb-np .tsb-buy{font-size:16px;padding:13px 24px;border-radius:10px}
@media (max-width:700px){
.gpu-hero-text > .tsb-np{grid-template-columns:1fr}
.gpu-hero-text > .tsb-np .tsb-np-row{grid-column:1;grid-row:auto;align-items:stretch}
.gpu-hero-text > .tsb-np .tsb-np-line{grid-row:auto}
.gpu-hero-text > .tsb-np .tsb-buy{justify-content:center}
.tsb-np-price{font-size:36px}
}

.tsb-np .tsb-watch{white-space:normal;text-align:center;justify-content:center}
.tsb-alt-wrap{display:inline-flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.tsb-alt{font-size:13.5px;font-weight:600;color:var(--white);text-decoration:underline;text-decoration-color:rgba(255,255,255,0.35);text-underline-offset:3px}
.tsb-alt:hover{color:var(--cyan)}
@media (max-width:700px){.gpu-hero-text > .tsb-np .tsb-alt-wrap{justify-content:center}}

.nb{background:var(--bg2);border:1px solid rgba(255,183,0,0.3);border-left:3px solid var(--gold);border-radius:12px;padding:16px 20px 14px;margin:16px 0}
.nb-head{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap}
.nb-pill{align-self:center;font-family:'Barlow Condensed',sans-serif;font-size:13px;font-weight:800;letter-spacing:0.8px;text-transform:uppercase;color:var(--gold);background:rgba(255,183,0,0.1);border:1px solid rgba(255,183,0,0.35);border-radius:999px;padding:2px 11px;line-height:1.6;white-space:nowrap}
.nb-gap{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:40px;line-height:1;color:var(--white);white-space:nowrap}
.nb-word{font-size:13px;color:var(--grey)}
.nb-bars{display:grid;gap:8px;margin:14px 0 2px}
.nb-row{display:grid;grid-template-columns:150px minmax(0,1fr) 92px;align-items:center;gap:12px}
.nb-k{font-size:12px;color:var(--grey);white-space:nowrap}
.nb-track{display:flex;height:14px;border-radius:7px;background:rgba(255,255,255,0.05);overflow:hidden}
.nb-fill{height:100%}
.nb-used{background:rgba(255,183,0,0.6)}
.nb-new{background:var(--cyan)}
.nb-stripe{height:100%;background:repeating-linear-gradient(135deg,var(--gold) 0 4px,rgba(255,183,0,0.25) 4px 8px)}
.nb-v{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:18px;text-align:right;white-space:nowrap}
.nb-v-used{color:var(--gold)}
.nb-v-new{color:var(--cyan)}
.nb-buy{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;margin-top:14px}
.nb-price{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:30px;line-height:1;color:var(--cyan);display:flex;align-items:baseline;gap:10px;margin-right:auto;white-space:nowrap}
.nb-price small{font-family:'Barlow',sans-serif;font-weight:500;font-size:14px;color:var(--grey)}
.nb-basis{margin:10px 0 0;font-size:11.5px;line-height:1.5;color:var(--grey)}
@media (max-width:700px){
.nb{padding:14px 14px 12px}
.nb-gap{font-size:32px}
.nb-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
.nb-k{grid-column:1;grid-row:1}
.nb-v{grid-column:2;grid-row:1;font-size:16px}
.nb-track{grid-column:1 / -1;grid-row:2;height:12px}
.nb-buy .tsb-buy{flex:1 1 100%;justify-content:center}
}