@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.3p2_lha1f2xer.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.1qq4vpdcun5oj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.390ncx5urfkfu.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.21jp631_3pja2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0wgildi0cnwt9.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_cfd9e230-module__wMpiTW__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_cfd9e230-module__wMpiTW__variable{--font-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Oxanium;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/784d20fa5d5f4c0e-s.1-ayd17usv4jj.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Oxanium;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/5fe5f57ee794eff4-s.p.04t4-lijcsqd8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Oxanium Fallback;src:local(Arial);ascent-override:76.07%;descent-override:20.22%;line-gap-override:24.07%;size-adjust:103.86%}.oxanium_45327ae4-module__QUEKca__className{font-family:Oxanium,Oxanium Fallback;font-style:normal}.oxanium_45327ae4-module__QUEKca__variable{--font-display:"Oxanium", "Oxanium Fallback"}
:root{--bg:#fafafa;--surface:#fff;--fg:#16161a;--muted:#5f5f6b;--line:#e4e4ea;--accent:#e8491d;--accent-soft:#fdebe5;--good:#1f8a4c;--series-1:#2a78d6;--series-2:#eb6834;--viz-grid:#e1e0d9;--viz-axis:#c3c2b7;--viz-muted-bar:#d4d3cc;--radius:10px;--max:1080px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0f0f11;--surface:#17171b;--fg:#f1f1f4;--muted:#a3a3ae;--line:#2a2a31;--accent:#ff6a3d;--accent-soft:#2c1a14;--good:#4cc47f;--series-1:#3987e5;--series-2:#d95926;--viz-grid:#2c2c31;--viz-axis:#3d3d44;--viz-muted-bar:#3a3a41;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans), system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--max);margin:0 auto;padding-inline:20px}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.site-header .wrap{flex-wrap:wrap;align-items:center;gap:24px;min-height:60px;display:flex}.logo{color:var(--fg);letter-spacing:-.02em;font-size:1.3rem;font-weight:800}.logo span{color:var(--accent)}.logo:hover{text-decoration:none}.nav{flex-wrap:wrap;gap:16px;font-size:.95rem;display:flex}.nav a{color:var(--muted)}.nav a:hover{color:var(--fg);text-decoration:none}.nav a[aria-current=page]{color:var(--fg)}.nav-toggle{display:none}@media (max-width:720px){.site-header .wrap{justify-content:space-between;gap:0}.site-header .logo{align-items:center;min-height:60px;display:flex}.nav-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;margin-right:-10px;padding:10px;display:flex}.nav-toggle span{background:var(--fg);border-radius:2px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav{flex-direction:column;flex-basis:100%;gap:0;padding-bottom:8px;font-size:1.05rem;display:none}.nav.open{display:flex}.nav a{border-top:1px solid var(--line);padding:12px 0}}.site-footer{border-top:1px solid var(--line);color:var(--muted);margin-top:64px;padding-block:32px;font-size:.85rem}.site-footer p{margin:.4em 0}main{padding-block:32px}h1,h2,h3,.logo{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;text-wrap:balance}h1{letter-spacing:-.02em;margin:0 0 .4em;font-size:clamp(1.8rem,4.5vw,2.6rem);line-height:1.15}h2{letter-spacing:-.01em;margin:2em 0 .6em;font-size:1.35rem}h3{margin:1.4em 0 .4em;font-size:1.05rem}.lead{color:var(--muted);max-width:68ch;font-size:1.12rem}.muted{color:var(--muted)}p{max-width:75ch}.crumbs{color:var(--muted);margin-bottom:16px;font-size:.85rem}.crumbs a{color:var(--muted)}.crumbs .sep{margin:0 8px}.badges{flex-wrap:wrap;gap:8px;margin:12px 0 20px;display:flex}.badge{background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600}.table-scroll{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.93rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px}tr:last-child td{border-bottom:0}thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg);font-size:.78rem;font-weight:600}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.spec th{width:45%;color:var(--muted);white-space:normal;font-weight:500}.win{color:var(--good);font-weight:700}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:18px}.card h3{margin-top:0}.compare-picker{max-width:520px;margin:8px 0 12px}.picker-step{margin:0 0 8px;font-size:.9rem}.picked{flex-wrap:wrap;align-items:baseline;gap:10px;margin:0 0 14px;display:flex}.link-button{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem}.link-button:hover{text-decoration:underline}.pair-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 24px;margin:0;padding:0;list-style:none;display:grid}.pair-list a{padding:6px 0;display:block}.pair-group{border-top:1px solid var(--line);padding:10px 0}.pair-group:last-of-type{border-bottom:1px solid var(--line)}.pair-group summary{cursor:pointer;padding:4px 0;font-weight:600}.pair-group[open] summary{margin-bottom:8px}.guide>p,.guide section>p{max-width:70ch}.guide-updated{margin:-.2em 0 1em;font-size:.88rem}.guide-toc{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:20px 0 8px;padding:12px 18px}.guide-toc ol{margin:0;padding-left:1.2em}.guide-toc li{padding:4px 0}.guide-pick{grid-template-columns:200px 1fr;align-items:start;gap:24px;margin-top:40px;scroll-margin-top:16px;display:grid}.guide-pick h2{margin-top:0}.guide-others li{max-width:75ch;margin-bottom:8px}@media (max-width:640px){.guide-pick{grid-template-columns:1fr;gap:12px}.guide-pick-card{max-width:320px}}.guide-callout{background:var(--accent-soft);border-radius:var(--radius);max-width:70ch;padding:10px 16px}.term-card{color:inherit;flex-direction:column;gap:6px;display:flex}.term-card:hover{border-color:var(--accent);text-decoration:none}.term-card h2{margin:0;font-size:1.25rem}.term-card p{margin:0;font-size:.93rem}.term-groups{gap:14px;margin:0;display:grid}.term-groups dt{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px;font-size:.75rem;font-weight:600}.term-groups dd{flex-wrap:wrap;gap:8px;margin:0;display:flex}.chip .muted{margin-left:2px;font-weight:400}a.badge:hover{background:var(--accent);color:var(--surface);text-decoration:none}.price-box{border:1px dashed var(--line);border-radius:var(--radius);background:var(--surface);padding:18px}.price-box strong{font-size:1.05rem;display:block}.links{flex-wrap:wrap;gap:8px 16px;padding:0;list-style:none;display:flex}.faq dt{margin-top:1.2em;font-weight:700}.faq dd{color:var(--muted);max-width:75ch;margin:.3em 0 0}.viz{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);margin:0;padding:18px}.viz figcaption{margin-top:10px;font-size:.82rem}.viz-legend{flex-wrap:wrap;gap:6px 18px;margin:0 0 6px;padding:0;font-size:.9rem;list-style:none;display:flex}.viz-legend li{align-items:center;gap:8px;display:flex}.key{border-radius:2px;flex:none;width:14px;height:3px;display:inline-block}.key-1{background:var(--series-1)}.key-2{background:var(--series-2)}.radar .viz-plot{max-width:460px;margin:0 auto;position:relative}.radar svg{width:100%;height:auto;display:block;overflow:visible}.viz-grid{fill:none;stroke:var(--viz-grid);stroke-width:1px}.viz-axis{stroke:var(--viz-grid);stroke-width:1px}.viz-axis.on{stroke:var(--viz-axis)}.viz-label{fill:var(--muted);font-size:15px;font-weight:500}.viz-label.on{fill:var(--fg);font-weight:700}.series-1{--c:var(--series-1)}.series-2{--c:var(--series-2)}.viz-area{fill:var(--c);fill-opacity:.1;stroke:var(--c);stroke-width:2px;stroke-linejoin:round}.viz-dot{fill:var(--c);stroke:var(--surface);stroke-width:2px;transition:r .12s}.viz-hit{fill:#0000;cursor:default;outline:none}.viz-hit:focus-visible{fill:var(--viz-grid);fill-opacity:.35}.viz-readout{border-top:1px solid var(--line);min-height:3.6em;margin-top:8px;padding-top:10px;font-size:.88rem}.viz-tip-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px;font-size:.75rem}.viz-tip-row{white-space:nowrap;align-items:center;gap:8px;display:flex}.viz-tabs{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.viz-tabs button{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:4px 12px;font-size:.85rem}.viz-tabs button.on{background:var(--fg);border-color:var(--fg);color:var(--bg)}.viz-bars{gap:6px;margin:0;padding:0;list-style:none;display:grid}.viz-bars li{grid-template-columns:minmax(8.5em,11em) 1fr;align-items:center;gap:12px;font-size:.9rem;display:grid}.bar-name a{color:var(--fg)}.bar-track{align-items:center;gap:8px;min-height:26px;display:flex}.bar{background:var(--viz-muted-bar);border-radius:0 4px 4px 0;height:18px;transition:width .25s;display:block}.viz-bars li.me .bar{background:var(--series-1)}.bar-value{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap}.viz-bars li.me .bar-value{color:var(--fg);font-weight:700}.viz-bars li:hover .bar{filter:brightness(.95)}.charts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:16px;display:grid}@media (max-width:480px){.viz{padding:14px}.viz-bars li{grid-template-columns:1fr;gap:2px}.viz-bars{gap:10px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search{position:relative}.search input{width:100%;font:inherit;color:var(--fg);background:var(--surface);border:1px solid var(--line);border-radius:12px;outline:none;padding:12px 14px 12px 42px;transition:border-color .15s,box-shadow .15s}.search input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.search input::-webkit-search-cancel-button{display:none}.search-icon{fill:none;width:18px;height:18px;stroke:var(--muted);stroke-width:2px;stroke-linecap:round;pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-list{z-index:30;background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:12px;max-height:360px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000024}.search-list li{cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:flex}.search-list li.on{background:var(--accent-soft)}.search-name{font-weight:600}.search-meta{color:var(--muted);white-space:nowrap;font-size:.82rem}.search-empty{color:var(--muted);cursor:default!important}.search-hero input{border-radius:16px;padding:18px 20px 18px 52px;font-size:1.1rem;box-shadow:0 10px 30px #00000014}.search-hero .search-icon{width:22px;height:22px;left:20px}.search-bar .search-list{top:auto;bottom:calc(100% + 8px)}.search-bar input{padding-block:10px}.hero{border-bottom:1px solid var(--line);background:radial-gradient(60% 80% at 85% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), radial-gradient(50% 70% at 0% 100%, color-mix(in srgb, var(--series-1) 14%, transparent), transparent 70%), var(--surface);position:relative}.hero:before{content:"";pointer-events:none;opacity:.5;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.hero-inner{z-index:5;text-align:center;max-width:760px;padding-block:clamp(56px,10vw,104px);position:relative}.hero-kicker{color:var(--accent);background:var(--accent-soft);border-radius:999px;max-width:none;margin:0 auto 18px;padding:4px 12px;font-size:.85rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.02em;margin-bottom:.25em;font-size:clamp(2.4rem,7vw,4.2rem)}.hero h1 span{color:var(--accent)}.hero-sub{color:var(--muted);margin:0 auto 28px;font-size:clamp(1.05rem,2.5vw,1.25rem)}.hero .search{max-width:620px;margin:0 auto}.hero-chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.chip{border:1px solid var(--line);background:var(--surface);color:var(--fg);border-radius:999px;padding:5px 14px;font-size:.85rem;font-weight:600}.chip:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.card-rail{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.cpu-card{color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;overflow:hidden}.cpu-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-2px);box-shadow:0 10px 28px #0000001a}.cpu-card-img{aspect-ratio:1;background:var(--bg);place-items:center;padding:12%;display:grid}.cpu-card-img svg,.cpu-head-img svg{width:100%;height:100%}:is(.cpu-card-img:has(.cpu-photo,.cpu-logo-tile),.cpu-head-img:has(.cpu-photo,.cpu-logo-tile)){background:#0e0e10;padding:0;overflow:hidden}.cpu-logo-tile{background:radial-gradient(70% 60% at 50% 45%,#2a2a2f,#0e0e10 75%);flex-direction:column;justify-content:center;align-items:center;gap:6%;width:100%;height:100%;display:flex;container-type:inline-size}.cpu-logo-tile img{width:58%;height:auto}.cpu-logo-tile span{color:#a8a8b0;letter-spacing:.02em;font-size:11cqi;font-weight:700;line-height:1}.cpu-photo{object-fit:cover;width:100%;height:100%;display:block}.cpu-card-body{flex-direction:column;flex:1;padding:16px 18px 18px;display:flex}.cpu-card-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--accent);font-size:.75rem;font-weight:700}.cpu-card h3{margin:4px 0 8px;font-size:1.2rem}.cpu-card-specs{color:var(--muted);gap:2px;margin:0 0 14px;padding:0;font-size:.9rem;list-style:none;display:grid}.cpu-card-cta{color:var(--accent);margin-top:auto;font-weight:600}@media (max-width:720px){.card-rail{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;margin-inline:-20px;padding:4px 20px 12px;display:flex;overflow-x:auto}.card-rail::-webkit-scrollbar{display:none}.card-rail .cpu-card{scroll-snap-align:center;flex:0 0 78%}}.cpu-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:40px;display:grid}.cpu-main{min-width:0}.cpu-head{grid-template-rows:auto auto;grid-template-columns:150px 1fr;column-gap:24px;margin-bottom:8px;display:grid}.cpu-head h1{align-self:end}.cpu-head .badges{align-self:start;margin-bottom:0}.cpu-head-img{aspect-ratio:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-row:1/3;padding:12px}.cpu-head h1{margin-bottom:.2em}.cpu-aside{position:sticky;top:24px}.aside-box{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:18px}.aside-box h2{margin:0 0 4px;font-size:1.05rem}.aside-box>p{margin:0 0 12px;font-size:.88rem}.aside-box h3{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 0 6px;font-size:.8rem}.aside-links{gap:4px;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.compare-bar{display:none}@media (max-width:960px){.cpu-layout{grid-template-columns:1fr}.cpu-aside{display:none}.has-bar{padding-bottom:96px}.compare-bar{z-index:40;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #00000014}.compare-bar-label{white-space:nowrap;font-size:.8rem;font-weight:700}.compare-bar .search{flex:1;position:static}.compare-bar .search-list{left:12px;right:12px}.compare-bar .search-icon{display:none}.compare-bar .search input{padding-left:14px}}@media (max-width:560px){.cpu-head{grid-template-columns:84px 1fr;column-gap:16px}.cpu-head-img{border-radius:10px;grid-row:1;padding:6px}.cpu-head h1{align-self:center;margin:0;font-size:1.6rem}.cpu-head .badges{grid-column:1/-1}}