.pg-compare .breadcrumb{border-bottom:1px solid var(--line);font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);justify-content:space-between;padding:14px 32px;font-size:11px;display:flex}.pg-compare .breadcrumb b{color:var(--ink-hi)}.pg-compare .breadcrumb .sep{color:var(--line-2);margin:0 10px}.pg-compare .breadcrumb a{color:var(--accent)}.pg-compare .phero{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr;align-items:end;gap:48px;padding:64px 32px 48px;display:grid}.pg-compare .phero h1{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin:0;font-size:88px;font-weight:700;line-height:.92}.pg-compare .phero h1 em{color:var(--accent);letter-spacing:.32em;margin-bottom:18px;font-size:18px;font-style:normal;display:block}.pg-compare .phero .meta{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;font-size:11px;line-height:1.8}.pg-compare .phero .meta b{color:var(--ink-hi)}.pg-compare .phero .meta .row{border-top:1px solid var(--line);justify-content:space-between;padding:10px 0;display:flex}.pg-compare .phero .meta .row:first-of-type{border-top:0;padding-top:0}.pg-compare .picker{border-bottom:1px solid var(--line);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:16px;padding:24px 32px;display:flex}.pg-compare .picker .pool{flex-wrap:wrap;flex:100%;align-items:center;gap:12px 16px;display:flex}.pg-compare .picker.open .pool{animation:.18s both cmp-pool-in}@keyframes cmp-pool-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.pg-compare .picker .lbl{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.24em;color:var(--accent);text-transform:uppercase;margin-right:8px;font-size:10px}.pg-compare .picker .pill{border:1px solid var(--line);font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.16em;color:var(--ink);text-transform:uppercase;cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:11px;display:inline-flex}.pg-compare .picker .pill .ix{color:var(--ink-dim)}.pg-compare .picker .pill.on{border-color:var(--accent);color:var(--accent);background:rgb(var(--accent-rgb) / 6%)}.pg-compare .picker .pill.on .ix{color:var(--accent)}.pg-compare .picker .pill.dis{opacity:.4;cursor:not-allowed}.pg-compare .picker .pill:not(.on):not(.dis):hover{border-color:var(--line-2);color:var(--ink-hi)}.pg-compare .picker .pool-toggle{border:1px dashed var(--line-2);font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.16em;color:var(--ink-dim);text-transform:uppercase;cursor:pointer;background:0 0;align-items:center;gap:8px;padding:8px 14px;font-size:11px;transition:color .2s,border-color .2s;display:inline-flex}.pg-compare .picker .pool-toggle:hover{color:var(--accent);border-color:var(--accent)}.pg-compare .picker .pool-toggle .chev{color:var(--accent);transition:transform .2s;display:inline-block}.pg-compare .picker.open .pool-toggle{color:var(--ink);border-style:solid}.pg-compare .picker.open .pool-toggle .chev{transform:rotate(180deg)}.pg-compare .picker .right{align-items:center;gap:16px;margin-left:auto;display:flex}.pg-compare .picker .selected{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.2em;color:var(--ink-dim);text-transform:uppercase;font-size:10px}.pg-compare .picker .selected b{color:var(--accent-3)}.pg-compare .cmp-wrap{border-bottom:1px solid var(--line);padding:0 32px 32px}.pg-compare .cmp{background:var(--line);border:1px solid var(--line);gap:1px;margin-top:32px;display:grid}.pg-compare .cmp .row{display:contents}.pg-compare .cmp .lab{background:var(--surface-1);font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;z-index:1;align-items:center;min-height:56px;padding:18px 22px;font-size:11px;display:flex;position:sticky;left:0}.pg-compare .cmp .cel{background:var(--surface-1);font-family:var(--f-display), system-ui, sans-serif;color:var(--ink-hi);letter-spacing:.04em;align-items:center;gap:10px;min-height:56px;padding:18px 22px;font-size:15px;display:flex}.pg-compare .cmp .cel.muted{color:var(--ink-dim);font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;font-size:11px}.pg-compare .cmp .cat{background:var(--surface-3);font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.32em;color:var(--accent);text-transform:uppercase;border-top:1px solid var(--line);grid-column:1/-1;padding:14px 22px;font-size:10px}.pg-compare .cmp .mcol{background:var(--surface-1);padding:0;position:relative}.pg-compare .cmp .mcol .stage{background:radial-gradient(ellipse at 50% 60%, var(--stage-glow,rgb(var(--accent-rgb) / 18%)) 0%, transparent 55%), linear-gradient(180deg, var(--surface-3) 0%, var(--bg) 100%);border-bottom:1px solid var(--line);justify-content:center;align-items:center;height:280px;display:flex;position:relative;overflow:hidden}.pg-compare .cmp .mcol .stage:before{content:"";background:linear-gradient(transparent 31px, var(--grid-line-2) 32px) 0 0/100% 32px, linear-gradient(90deg, transparent 31px, var(--grid-line-2) 32px) 0 0/32px 100%;pointer-events:none;position:absolute;inset:0}.pg-compare .cmp .mcol .stage img{height:calc(79% / var(--fy,1));width:auto;max-width:calc(85% / var(--fx,1));object-fit:contain;transform:translate(calc((.5 - var(--cx,.5)) * 100%), calc((.5 - var(--cy,.5)) * 100%));filter:drop-shadow(var(--photo-shadow));z-index:2;flex:none;position:relative}.pg-compare .cmp .mcol .stage .placeholder{border:1px dashed var(--line-2);font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.22em;color:var(--ink-dim);text-transform:uppercase;text-align:center;z-index:2;padding:48px 40px;font-size:10px;line-height:1.7;position:relative}.pg-compare .cmp .mcol .stage .corner{border:1px solid var(--accent);z-index:3;width:18px;height:18px;position:absolute}.pg-compare .cmp .mcol .stage .corner.tl{border-bottom:0;border-right:0;top:6px;left:6px}.pg-compare .cmp .mcol .stage .corner.tr{border-bottom:0;border-left:0;top:6px;right:6px}.pg-compare .cmp .mcol .stage .corner.bl{border-top:0;border-right:0;bottom:6px;left:6px}.pg-compare .cmp .mcol .stage .corner.br{border-top:0;border-left:0;bottom:6px;right:6px}.pg-compare .cmp .mcol .stage .ix{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.22em;color:var(--ink-dim);z-index:3;font-size:9px;position:absolute;top:8px;left:8px}.pg-compare .cmp .mcol .stage .badge{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;z-index:3;border:1px solid var(--accent);padding:3px 6px;font-size:9px;position:absolute;top:8px;right:8px}.pg-compare .cmp .mcol .body{padding:22px}.pg-compare .cmp .mcol .name{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin-bottom:6px;font-size:32px;line-height:.95}.pg-compare .cmp .mcol .name a{color:var(--ink-hi)}.pg-compare .cmp .mcol .name a:hover{color:var(--accent)}.pg-compare .cmp .mcol .cat-line{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:14px;font-size:10px}.pg-compare .cmp .mcol .price{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:14px;padding-top:14px;display:flex}.pg-compare .cmp .mcol .price b{font-family:var(--f-display), system-ui, sans-serif;color:var(--ink-hi);letter-spacing:.04em;font-size:24px}.pg-compare .cmp .mcol .price small{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;text-align:right;font-size:9px}.pg-compare .cmp .mcol .actions{flex-direction:column;gap:6px;display:flex}.pg-compare .cmp .mcol .actions .btn{justify-content:center;padding:10px;font-size:10px}.pg-compare .cmp .mcol .remove{border:1px solid var(--line);background:var(--scrim);width:24px;height:24px;color:var(--ink-hi);z-index:4;cursor:pointer;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:14px;right:14px}.pg-compare .cmp .mcol .remove:hover{border-color:var(--danger,#f35);color:var(--danger,#f35)}.pg-compare .cmp .cel.best{color:var(--accent);position:relative}.pg-compare .cmp .cel.best:after{content:"●";color:var(--accent-3);margin-left:auto;font-size:10px}.pg-compare .cmp .cel.worst{color:var(--ink-dim)}.pg-compare .cmp .mcol.empty{background:var(--surface-2);border:1px dashed var(--line-2);flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:48px 22px;display:flex}.pg-compare .cmp .mcol.empty .plus{border:1px solid var(--line-2);width:48px;height:48px;color:var(--ink-dim);justify-content:center;align-items:center;font-size:24px;display:flex}.pg-compare .cmp .mcol.empty .lbl{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.22em;color:var(--ink-dim);text-transform:uppercase;text-align:center;font-size:10px;line-height:1.6}.pg-compare .cmp .mcol.empty .lbl b{color:var(--accent);margin-top:6px;display:block}.pg-compare .diff-toggle{font-family:var(--f-mono), ui-monospace, monospace;letter-spacing:.18em;color:var(--ink-dim);text-transform:uppercase;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-size:10px;display:flex}.pg-compare .diff-toggle .sw{border:1px solid var(--line-2);flex-shrink:0;width:32px;height:18px;position:relative}.pg-compare .diff-toggle .sw:after{content:"";background:var(--ink-dim);width:14px;height:14px;transition:left .15s;position:absolute;top:1px;left:1px}.pg-compare .diff-toggle.on .sw{border-color:var(--accent)}.pg-compare .diff-toggle.on .sw:after{background:var(--accent);left:15px}.pg-compare .diff-toggle.on{color:var(--accent)}.pg-compare .cmp.diffs .row.same{display:none}.pg-compare .foot-cta{border-bottom:1px solid var(--line);grid-template-columns:2fr 1fr;align-items:center;gap:64px;padding:96px 32px;display:grid}.pg-compare .foot-cta h2{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.04em;color:var(--ink-hi);text-transform:uppercase;margin:0;font-size:48px;line-height:.95}.pg-compare .foot-cta p{color:var(--ink);margin:0;font-size:14px;line-height:1.7}.pg-compare .foot-cta .quiz{border:1px solid var(--accent);background:radial-gradient(ellipse at 0 0, rgb(var(--accent-rgb) / 8%) 0%, transparent 60%), var(--surface-1);flex-direction:column;gap:14px;padding:32px;display:flex}.pg-compare .foot-cta .quiz h3{font-family:var(--f-display), system-ui, sans-serif;letter-spacing:.06em;color:var(--accent);text-transform:uppercase;margin:0;font-size:20px;line-height:1}.pg-compare .foot-cta .quiz p{color:var(--ink);font-size:13px}.pg-compare .foot-cta .quiz .btn{justify-content:center}@media (max-width:1100px){.pg-compare .breadcrumb{flex-direction:column;gap:4px;padding:12px 24px}.pg-compare .phero{grid-template-columns:1fr;align-items:start;gap:28px;padding:48px 24px 32px}.pg-compare .phero h1{font-size:46px}.pg-compare .phero h1 em{margin-bottom:12px;font-size:14px}.pg-compare .picker{gap:10px;padding:20px 24px}.pg-compare .picker .right{justify-content:space-between;width:100%;margin-left:0;padding-top:6px}.pg-compare .cmp-wrap{padding:0 24px 24px;overflow-x:auto}.pg-compare .cmp{min-width:760px}.pg-compare .cmp .lab{padding:14px 16px}.pg-compare .cmp .cel{padding:14px 16px;font-size:13px}.pg-compare .cmp .mcol .stage{height:200px}.pg-compare .cmp .mcol .body{padding:16px}.pg-compare .cmp .mcol .name{font-size:22px}.pg-compare .cmp .mcol .price b{font-size:18px}.pg-compare .foot-cta{grid-template-columns:1fr;gap:32px;padding:64px 24px}.pg-compare .foot-cta h2{font-size:32px}}
