.upgrade-page{color:#f3f6ff;background:radial-gradient(at 75% 20%,#17203966,#0000 50%),#05080e}.upgrade-layout{grid-template-columns:.85fr 1.15fr;align-items:center;gap:3rem;display:grid}.upgrade-copy{flex-direction:column;justify-content:center;min-height:27rem;display:flex}.upgrade-visual-wrap{min-width:0}.upgrade-visual{aspect-ratio:1;isolation:isolate;background:radial-gradient(#16293655,#0000 68%);border-radius:2rem;position:relative;overflow:hidden}.upgrade-camera{transform-origin:50%;will-change:transform;transition:transform 2.2s cubic-bezier(.22,.65,.25,1);position:absolute;inset:3%}.upgrade-board{object-fit:contain;width:100%;height:100%}.upgrade-m2-detail{width:34.6%;height:7.11%;position:absolute;top:52.73%;left:27.6%}.upgrade-ram{object-fit:fill;width:4.3%;height:45.3%;position:absolute;top:11%;left:73%}.upgrade-ram-old{filter:saturate(.15)brightness(.65)}.upgrade-ram-new{filter:drop-shadow(0 0 4px #22d3ee55)}.upgrade-ssd{object-fit:fill;width:32.55%;height:7.14%;position:absolute;top:52.3%;left:27.8%}.upgrade-visual-vignette{pointer-events:none;background:linear-gradient(#05080e88,#0000 8% 85%,#05080e);position:absolute;inset:0}.upgrade-ram.removing{animation:1.8s ease-in-out 1.8s both upgrade-remove}.upgrade-ram.installing{animation:2.2s cubic-bezier(.22,.65,.25,1) 3.7s both upgrade-install}.upgrade-ssd.installing{animation:2.4s cubic-bezier(.22,.65,.25,1) 2.2s both upgrade-install}@keyframes upgrade-remove{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-90%,-18%)scale(1.12)}}@keyframes upgrade-install{0%{opacity:0;transform:translate(-16%,-50%)scale(1.08)}30%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}.upgrade-visual[data-paused=true] .installing,.upgrade-visual[data-paused=true] .removing{animation-play-state:paused}.upgrade-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin-top:1rem;display:flex}.upgrade-controls button{color:#b9c3d5;border:1px solid #ffffff20;border-radius:50%;place-items:center;width:44px;height:44px;font:14px monospace;transition:background .2s,border-color .2s;display:grid}.upgrade-controls button:hover:not(:disabled),.upgrade-controls button.active{color:#67e8f9;background:#22d3ee12;border-color:#22d3ee88}.upgrade-controls button:disabled{opacity:.25}:is(.upgrade-page button:focus-visible,.upgrade-page a:focus-visible){outline-offset:4px;outline:2px solid #67e8f9}.upgrade-primary{color:#051018;background:#22d3ee;border-radius:999px;justify-content:center;align-items:center;gap:.65rem;min-height:48px;padding:.8rem 1.3rem;font-weight:750;display:inline-flex}.upgrade-primary:hover{background:#67e8f9}.upgrade-request-grid{border-top:1px solid #ffffff14;grid-template-columns:.85fr 1.15fr;align-items:start;gap:3rem;padding-top:2rem;display:grid}@media (max-width:850px){.upgrade-layout,.upgrade-request-grid{grid-template-columns:1fr;gap:1.5rem}.upgrade-copy{min-height:0}.upgrade-visual-wrap{width:100%;max-width:570px;margin-inline:auto}.upgrade-copy h1{max-width:15ch}}@media (max-width:480px){.upgrade-controls{gap:.15rem}.upgrade-controls button{border-radius:14px;width:38px;height:44px}.upgrade-visual{border-radius:1rem}}@media (prefers-reduced-motion:reduce){.upgrade-camera{transition:none}.upgrade-visual .installing,.upgrade-visual .removing{animation-duration:1ms;animation-delay:0s}}.upgrade-cpu{object-fit:contain;width:17%;height:17%;position:absolute;top:25%;left:43.5%}.upgrade-gpu{object-fit:contain;width:93%;height:35%;position:absolute;top:53.5%;left:3.5%}.upgrade-cooler{object-fit:contain;width:34%;height:34%;position:absolute;top:16%;left:35%}.upgrade-cpu.installing,.upgrade-gpu.installing,.upgrade-cooler.installing{animation:2.4s cubic-bezier(.22,.65,.25,1) 2.2s both upgrade-install}@media (prefers-reduced-motion:reduce){.upgrade-cpu.installing,.upgrade-gpu.installing,.upgrade-cooler.installing{animation:none}}.upgrade-ram-slot-1{left:78.5%}.upgrade-ram-slot-1.installing{animation-delay:4.4s}.upgrade-cpu.replacing{animation:1.8s ease-in-out 2.2s both upgrade-cpu-replace}@keyframes upgrade-cpu-replace{0%{opacity:0}to{opacity:1}}.upgrade-visual[data-paused=true] .replacing{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.upgrade-cpu.replacing{animation:none}}.upgrade-cpu-mark{color:#333;mix-blend-mode:multiply;flex-direction:column;justify-content:center;align-items:center;width:9.4%;height:7%;font-size:clamp(3px,.55vw,8px);font-weight:700;line-height:1;display:flex;position:absolute;top:30%;left:47.3%}.upgrade-cpu-mark img{object-fit:contain;filter:grayscale()brightness(.35);width:70%;height:90%}.upgrade-cpu-mark.replacing{animation:1.8s ease-in-out 2.2s both upgrade-cpu-replace}@media (prefers-reduced-motion:reduce){.upgrade-cpu-mark.replacing{animation:none}.upgrade-ram-slot-1.installing{animation-delay:0s}}
