.gpu-page{--gp-paper:#f2eee6;--gp-ink:#120c04;--gp-red:#bd3607;--gp-rule:#8f8b83;--gp-soft:#ded9d0;--gp-ok:#37764c;--gp-warn:#d69a19}
.gpu-page .page{padding-top:72px}.gpu-page main{overflow:hidden}.gp-hero{min-height:720px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:clamp(40px,7vw,120px);align-items:center;padding-block:clamp(80px,10vw,150px)}
.gp-hero h1{max-width:10ch;font-size:clamp(60px,8vw,132px);line-height:.91}.gp-hero h1 span{color:var(--accent)}.gp-hero .lead{max-width:54ch;margin-top:34px}.gp-hero-actions,.gp-product-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.gp-thesis{align-self:stretch;display:flex;flex-direction:column;justify-content:stretch;border:3px solid var(--fg);background:var(--bg-raise);box-shadow:14px 14px 0 color-mix(in srgb,var(--accent) 30%,transparent)}.gp-thesis>span{padding:17px 20px;border-bottom:3px solid var(--fg);font:600 13px 'IBM Plex Mono',monospace;letter-spacing:.15em}.gp-thesis ol{display:grid;grid-template-rows:repeat(3,1fr);height:100%;list-style:none}.gp-thesis li{display:grid;grid-template-columns:48px 1fr;gap:5px 14px;align-content:center;padding:24px 20px;border-bottom:1px solid var(--hair)}.gp-thesis li:last-child{border:0}.gp-thesis b{grid-row:1/3;color:var(--accent);font:600 21px 'IBM Plex Mono',monospace}.gp-thesis strong{font-size:22px;line-height:1.1}.gp-thesis small{color:var(--fg-dim);font:400 13px/1.45 'IBM Plex Mono',monospace}
.gp-shop{border-block:3px solid var(--fg);background:var(--band-bg);color:var(--band-fg);padding:clamp(70px,8vw,120px) 0}.gp-section-head{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(440px,1.35fr);column-gap:clamp(35px,7vw,120px);align-items:end;margin-bottom:45px}.gp-section-head .eyebrow{align-self:start}.gp-section-head h2{grid-column:2;font-size:clamp(42px,5vw,78px);line-height:.98}.gp-section-head>p:last-child{grid-column:2;max-width:67ch;margin-top:18px;color:var(--fg-dim);font-size:17px;line-height:1.55}.gp-shop .gp-section-head .eyebrow,.gp-shop .gp-section-head>p:last-child{color:var(--band-dim)}
.gp-catalog-bar{display:flex;min-height:58px;padding:0 18px;border:3px solid var(--band-fg);border-bottom:0;align-items:center;justify-content:space-between;gap:24px;font:600 10px/1.2 'IBM Plex Mono',monospace;letter-spacing:.1em}.gp-catalog-bar>span b{margin-right:8px;color:var(--accent-on-dark);font-size:18px}.gp-catalog-bar>div{display:flex;align-self:stretch}.gp-catalog-bar button{min-width:88px;padding:0 15px;border:0;border-left:1px solid var(--band-hair);background:transparent;color:var(--band-dim);font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.1em;cursor:pointer}.gp-catalog-bar button:hover,.gp-catalog-bar button:focus-visible{background:color-mix(in srgb,var(--band-fg) 8%,transparent);color:var(--band-fg)}.gp-catalog-bar button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}
.gp-card-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:3px solid var(--band-fg);background:var(--band-hair)}.gp-card{position:relative;min-width:0;min-height:330px;padding:22px 20px 24px;border:0;background:var(--band-bg);color:var(--band-fg);text-align:left;cursor:pointer}.gp-card:hover,.gp-card:focus-visible{background:color-mix(in srgb,var(--band-fg) 8%,var(--band-bg))}.gp-card[aria-pressed=true]{background:var(--band-fg);color:var(--band-bg)}.gp-card[aria-pressed=true]::before{content:"SELECTED";position:absolute;right:14px;top:13px;color:var(--accent-on-dark);font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.1em}.gp-card img{display:block;width:100%;height:180px;padding:12px;object-fit:contain;background:#fff;mix-blend-mode:normal}.gp-card small,.gp-card strong,.gp-card span{display:block}.gp-card small{margin-top:16px;color:var(--accent);font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.1em}.gp-card[aria-pressed=true] small{color:var(--accent-on-dark)}.gp-card strong{min-height:46px;margin-top:9px;font-size:22px;line-height:1.1}.gp-card span{margin-top:18px;font:600 14px 'IBM Plex Mono',monospace}
.gp-product{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(480px,1.1fr);gap:clamp(40px,7vw,110px);align-items:center;padding-block:clamp(80px,10vw,150px)}.gp-gallery{min-width:0}.gp-product-photo{position:relative;min-height:500px;display:grid;place-items:center;overflow:hidden;border:3px solid var(--fg);background:#fff}.gp-product-photo::before{content:"GPU / CARD ONLY";position:absolute;z-index:2;left:18px;top:16px;color:#222;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.14em}.gp-product-photo img{width:88%;height:390px;object-fit:contain;transform:scale(1);transition:transform .28s ease}.gp-product-photo img[data-view="cooling"]{transform:scale(1.48) translateX(-12%)}.gp-product-photo img[data-view="interface"]{transform:scale(1.65) translateX(18%)}.gp-product-photo figcaption{position:absolute;z-index:2;inset:auto 0 0;padding:12px 16px;border-top:2px solid #111;background:#f4f1ea;color:#111;font:600 11px 'IBM Plex Mono',monospace;letter-spacing:.1em}.gp-gallery-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:10px;border:2px solid var(--fg);background:var(--hair);gap:1px}.gp-gallery-strip button{min-width:0;padding:9px;border:0;background:var(--bg-raise);color:var(--fg);cursor:pointer}.gp-gallery-strip button[aria-pressed=true]{background:var(--fg);color:var(--bg)}.gp-gallery-strip img{display:block;width:100%;height:74px;padding:4px;object-fit:contain;background:#fff}.gp-gallery-strip button:nth-child(2) img{object-position:70% 50%;transform:scale(1.45)}.gp-gallery-strip button:nth-child(3) img{object-position:10% 50%;transform:scale(1.55)}.gp-gallery-strip span{display:block;margin-top:8px;font:600 8px 'IBM Plex Mono',monospace;letter-spacing:.08em}.gp-product-copy h2{margin-top:12px;font-size:clamp(45px,5vw,80px);line-height:.95}.gp-spec{margin-top:20px;color:var(--accent);font:600 clamp(16px,1.5vw,22px) 'IBM Plex Mono',monospace}.gp-product-fit{max-width:55ch;margin-top:26px;color:var(--fg-dim);font-size:19px;line-height:1.55}.gp-product-facts{display:grid;grid-template-columns:1fr 1fr;margin-top:30px;border:2px solid var(--hair)}.gp-product-facts>div{min-width:0;padding:15px 17px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair)}.gp-product-facts>div:nth-child(2n){border-right:0}.gp-product-facts>div:nth-last-child(-n+2){border-bottom:0}.gp-product-facts dt{color:var(--fg-faint);font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.1em}.gp-product-facts dd{margin-top:7px;color:var(--fg);font:700 14px Archivo,sans-serif}.gp-price-block{margin-top:26px;padding:22px 0;border-block:2px solid var(--hair)}.gp-price-block small,.gp-price-block span{display:block;font:500 10px/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em;color:var(--fg-faint)}.gp-price-block strong{display:block;margin:6px 0 3px;color:var(--fg);font-size:clamp(42px,5vw,70px);line-height:1}.gp-product-actions .btn{justify-content:center;flex:1}.gp-product-actions .btn:first-child{flex:1.45}
.gpu-page main>.gp-product:first-child{padding-top:clamp(40px,5vw,72px)}
.gp-builder{padding:clamp(70px,8vw,120px) 0;border-block:3px solid #111;background:var(--gp-paper);color:var(--gp-ink)}.gp-builder .eyebrow{color:#6a645b}.gp-section-head--builder>p:last-child{color:#5d574f}.gp-builder-grid{display:grid;grid-template-columns:minmax(330px,.72fr) minmax(580px,1.28fr);border:3px solid var(--gp-ink);background:#faf7f1;box-shadow:16px 18px 0 rgba(189,54,7,.2)}
.gp-controls{border-right:3px solid var(--gp-ink);background:#ebe6dc}.gp-controls fieldset{margin:0;padding:0 22px 24px;border:0;border-bottom:2px solid var(--gp-rule)}.gp-controls legend{width:calc(100% + 44px);margin-left:-22px;margin-bottom:20px;padding:16px 22px;border-bottom:1px solid var(--gp-rule);font:600 12px 'IBM Plex Mono',monospace;letter-spacing:.12em}.gp-controls legend span{margin-right:12px;color:var(--gp-red)}.gp-controls label{display:grid;grid-template-columns:1fr;gap:7px;margin-top:17px;color:#4e4942;font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.gp-controls select{width:100%;padding:13px 38px 13px 12px;border:2px solid var(--gp-rule);border-radius:0;background:#fff;color:var(--gp-ink);font:600 14px Archivo,sans-serif}.gp-controls input[type=range]{width:100%;accent-color:var(--gp-red)}.gp-controls output{justify-self:end;margin-top:-27px;padding-right:5px;color:var(--gp-red);font:700 14px 'IBM Plex Mono',monospace}.gp-check{grid-template-columns:22px 1fr!important;align-items:center}.gp-check input{width:18px;height:18px;accent-color:var(--gp-red)}
.gp-output{min-width:0;padding:28px}.gp-fit{padding:22px;border:2px solid var(--gp-ink);box-shadow:7px 8px 0 var(--gp-soft)}.gp-fit span{color:var(--gp-red);font:700 10px 'IBM Plex Mono',monospace;letter-spacing:.13em}.gp-fit strong{display:block;margin-top:11px;font-size:clamp(27px,3vw,43px);line-height:1}.gp-fit p{margin-top:12px;color:#5a554e;font-size:14px;line-height:1.5}.gp-fit.is-fit{border-left:9px solid var(--gp-ok)}.gp-fit.is-warn{border-left:9px solid var(--gp-warn)}.gp-fit.is-no{border-left:9px solid var(--gp-red)}
.gp-meter{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.gp-meter>div:not(.gp-meter-bar){padding:15px;border:1px solid var(--gp-rule)}.gp-meter span{display:block;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:#69635a}.gp-meter strong{display:block;margin-top:5px;font-size:25px}.gp-meter-bar{grid-column:1/-1;height:16px;border:2px solid var(--gp-ink);background:#ddd7cc}.gp-meter-bar i{display:block;width:0;height:100%;background:var(--gp-red);transition:width .35s ease}.gp-bom-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:30px;padding-bottom:10px;border-bottom:3px solid var(--gp-ink);font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.11em}.gp-bom-head small{color:#6a645b;font-size:8px}.gp-bom{display:grid;grid-template-columns:1fr 1fr}.gp-part{display:grid;grid-template-columns:43px 1fr auto;gap:11px;align-items:start;min-height:92px;padding:15px 12px;border-right:1px solid var(--gp-rule);border-bottom:1px solid var(--gp-rule)}.gp-part:nth-child(2n){border-right:0}.gp-part>span{display:grid;place-items:center;width:38px;height:38px;border:2px solid var(--gp-ink);border-radius:50%;color:var(--gp-red);font:700 10px 'IBM Plex Mono',monospace}.gp-part strong,.gp-part small{display:block}.gp-part strong{font-size:13px;line-height:1.25}.gp-part small{margin-top:5px;color:#6a645b;font:500 9px/1.35 'IBM Plex Mono',monospace}.gp-part b{font:700 11px 'IBM Plex Mono',monospace;white-space:nowrap}.gp-total{margin-top:24px;border:3px solid var(--gp-ink)}.gp-total>div{display:grid;grid-template-columns:1fr auto;gap:18px;padding:11px 15px;border-bottom:1px solid var(--gp-rule);font:600 10px 'IBM Plex Mono',monospace;letter-spacing:.08em}.gp-total .gp-grand{align-items:center;padding:17px 15px;background:var(--gp-ink);color:#fff}.gp-grand strong{color:#ff7900;font-size:23px}.gp-total>p{padding:15px;color:#665f56;font-size:10px;line-height:1.45}.gp-total .btn{display:flex;margin:0 14px 14px}
.gp-compare{padding-block:clamp(80px,10vw,150px)}.gp-table-wrap{overflow-x:auto;border:3px solid var(--fg)}.gp-compare table{width:100%;min-width:980px;border-collapse:collapse;background:var(--bg-raise)}.gp-compare th,.gp-compare td{padding:16px 14px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);text-align:left}.gp-compare th{font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.1em;color:var(--fg-faint)}.gp-compare td{font-size:13px}.gp-compare td:first-child{font-weight:700}.gp-compare td:first-child button{border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;font:700 13px Archivo,sans-serif;cursor:pointer}.gp-compare .is-selected{background:color-mix(in srgb,var(--accent) 17%,var(--bg-raise))}.gp-fit-chip{display:inline-block;padding:5px 8px;border:1px solid currentColor;font:600 9px 'IBM Plex Mono',monospace;letter-spacing:.08em}.gp-fit-chip.yes{color:#66ae7d}.gp-fit-chip.no{color:var(--accent)}
.gp-manufacturer{display:grid;grid-template-columns:minmax(200px,.55fr) minmax(520px,1.45fr);gap:clamp(35px,7vw,120px);padding-block:clamp(65px,8vw,110px);border-top:3px solid var(--fg)}.gp-manufacturer h2{max-width:12ch;font-size:clamp(38px,5vw,70px);line-height:.98}.gp-manufacturer p:not(.eyebrow){max-width:62ch;margin-top:20px;color:var(--fg-dim);font-size:17px;line-height:1.55}.gp-manufacturer a{display:inline-block;margin-top:26px;padding-bottom:5px;border-bottom:2px solid currentColor;color:var(--accent);font:700 12px 'IBM Plex Mono',monospace;letter-spacing:.09em}
.gp-product-warning{margin-top:28px;padding:clamp(22px,2.4vw,34px);border:4px solid var(--gp-red);background:color-mix(in srgb,var(--gp-red) 12%,var(--bg-raise));box-shadow:10px 10px 0 color-mix(in srgb,var(--gp-red) 28%,transparent)}.gp-product-warning[hidden]{display:none}.gp-product-warning span{display:block;color:var(--gp-red);font:700 12px 'IBM Plex Mono',monospace;letter-spacing:.14em}.gp-product-warning strong{display:block;max-width:19ch;margin-top:12px;color:var(--fg);font-size:clamp(28px,3vw,44px);line-height:1.02}.gp-product-warning p{max-width:57ch;margin-top:16px;color:var(--fg);font-size:17px;line-height:1.55}
@media(max-width:1180px){.gp-builder-grid{grid-template-columns:360px minmax(0,1fr)}.gp-bom{grid-template-columns:1fr}.gp-part{border-right:0}}
@media(max-width:850px){.gp-hero,.gp-product,.gp-section-head,.gp-builder-grid,.gp-manufacturer{grid-template-columns:1fr}.gp-hero{min-height:0}.gp-section-head h2,.gp-section-head>p:last-child{grid-column:1}.gp-thesis{min-height:440px}.gp-card-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.gp-catalog-bar{align-items:stretch;flex-direction:column;padding:14px 14px 0;gap:12px}.gp-catalog-bar>div{width:calc(100% + 28px);margin-left:-14px;border-top:1px solid var(--band-hair)}.gp-catalog-bar button{flex:1;min-height:44px}.gp-product-photo{min-height:390px}.gp-product-photo img{height:290px}.gp-controls{border-right:0;border-bottom:3px solid var(--gp-ink)}.gp-section-head{gap:14px}.gp-section-head h2{font-size:45px}.gp-manufacturer{gap:20px}}
@media(max-width:560px){.gpu-page .page{padding-top:60px}.gp-hero{padding-block:60px}.gp-hero h1{font-size:56px}.gp-card-picker{grid-template-columns:1fr}.gp-card{min-height:0}.gp-card strong{min-height:0;font-size:20px}.gp-card img{height:160px}.gp-catalog-bar>div{display:grid;grid-template-columns:1fr 1fr}.gp-catalog-bar button{border-top:1px solid var(--band-hair)}.gp-product{grid-template-columns:1fr;padding-block:70px}.gp-product-photo{min-height:330px}.gp-product-photo img{height:240px}.gp-product-copy h2{font-size:45px}.gp-builder-grid{box-shadow:8px 9px 0 rgba(189,54,7,.2)}.gp-output{padding:17px}.gp-bom-head{align-items:flex-start;flex-direction:column;gap:5px}.gp-part{grid-template-columns:40px 1fr}.gp-part b{grid-column:2}.gp-meter strong{font-size:20px}.gp-grand strong{font-size:18px}.gp-hero-actions,.gp-product-actions{display:grid}.gp-hero-actions .btn,.gp-product-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.gp-meter-bar i,.gp-product-photo img{transition:none}}