@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{font-family:Noto Sans SC,Arial,sans-serif;color:#222326;background:#eee9e8;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background-color:#eee9e8;background-image:linear-gradient(118deg,#ffffff7a,#f7d5ddc2 47%,#fbe8ec9e),linear-gradient(90deg,transparent 0 15%,rgba(120,122,124,.13) 15% 15.1%,transparent 15.1% 34%,rgba(120,122,124,.11) 34% 34.1%,transparent 34.1% 65%,rgba(120,122,124,.12) 65% 65.1%,transparent 65.1%),linear-gradient(0deg,transparent 0 20%,rgba(120,122,124,.12) 20% 20.12%,transparent 20.12% 52%,rgba(120,122,124,.1) 52% 52.12%,transparent 52.12% 79%,rgba(120,122,124,.11) 79% 79.12%,transparent 79.12%);background-size:auto,310px 310px,310px 310px}button,a{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;max-width:1440px;margin:auto;padding:0 42px 56px;background:#faf8f7a3;border-inline:1px solid rgba(111,112,113,.12)}.topbar{height:88px;border-bottom:1px solid #d9dad2;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{border:0;padding:0;background:none;color:#25262a;font:500 14px/1 DM Mono,monospace;letter-spacing:1px;display:flex;align-items:center;gap:9px}.brand-dot{width:10px;height:10px;background:#cf0;border-radius:50%}.header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.header-text-button{border:0;background:none;padding:8px 4px;color:#555651;font-size:12px}.header-text-button:hover{color:#222326;text-decoration:underline;text-underline-offset:4px}.nav-links a,.text-link{color:#5b5c5d;font-size:13px;text-decoration:none}.summary-button{border:1px solid #25262a;background:#25262a;color:#fff;padding:11px 13px;min-width:74px;text-align:left;font-size:12px}.intro{min-height:515px;padding:105px 0 82px;border-bottom:1px solid #d9dad2}.eyebrow{color:#6c6d68;font:12px/1.4 DM Mono,monospace;letter-spacing:.8px;margin:0 0 25px}h1,h2,p{margin-top:0}.intro h1{display:inline-block;margin:0 0 30px;font-family:Noto Sans SC,Arial,sans-serif;font-size:100px;font-weight:700;line-height:1.08;letter-spacing:0;background:linear-gradient(106deg,#56305d,#8b4d78 51%,#e1a1b1);-webkit-background-clip:text;background-clip:text;color:transparent}.intro h1 i{display:block;font-family:inherit;font-style:normal;font-weight:700}.intro-copy{max-width:480px;color:#61625f;line-height:1.85;font-size:15px;margin-bottom:34px}.text-link{color:#25262a;border-bottom:1px solid #25262a;padding-bottom:5px}.text-link span{margin-left:36px}.workspace{padding:95px 0 110px}.section-heading{margin-bottom:32px}.section-heading .eyebrow{margin:0}.component-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cfd0c8;border-left:1px solid #cfd0c8}.component-card{position:relative;text-align:left;min-height:230px;padding:21px;border:0;border-right:1px solid #cfd0c8;border-bottom:1px solid #cfd0c8;background:#f6f6f2;transition:background .22s ease,color .22s ease;color:#25262a}.component-card:hover{background:#25262a;color:#fff}.card-number{display:block;color:#9a9b94;font:11px DM Mono,monospace}.hardware-mark{display:block;width:fit-content;margin-top:32px;font:500 17px DM Mono,monospace}.card-title{position:absolute;left:21px;bottom:43px;font-size:20px;font-weight:600}.card-detail{position:absolute;left:21px;bottom:20px;color:#777873;font-size:12px}.component-card:hover .card-detail{color:#bbbdb4}.card-arrow{position:absolute;right:20px;bottom:21px;font-size:19px}.card-selection{position:absolute;left:21px;right:34px;bottom:70px;overflow:hidden;color:#5a5b55;font:11px/1.35 DM Mono,monospace;text-overflow:ellipsis;white-space:nowrap}.component-card:hover .card-selection{color:#cf0}.memory-card-warning{position:absolute;top:20px;right:18px;max-width:92px;color:#8b5700;font-size:10px;line-height:1.35;text-align:right}.component-card:hover .memory-card-warning{color:#ffd274}.cyan .hardware-mark{color:#00aace}.lime .hardware-mark{color:#61a80f}.violet .hardware-mark{color:#865de8}.amber .hardware-mark{color:#c48a00}.blue .hardware-mark{color:#2479d4}.yellow .hardware-mark{color:#bd9500}.indigo .hardware-mark{color:#5860cc}.pink .hardware-mark{color:#d34d8c}.detail-page{max-width:960px;margin:0 auto;padding:66px 0 70px}.back-button{border:0;background:none;padding:0 0 38px;color:#656660;font-size:13px}.detail-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:48px;border-bottom:1px solid #d2d3cc}.detail-heading h1{font-size:52px;line-height:1.1;margin:0 0 18px;font-weight:600}.detail-heading h1 small{color:#797a75;font-size:15px;font-weight:400;margin-left:14px}.detail-heading p{color:#656660;margin:0}.detail-mark{width:104px;height:104px;display:grid;place-items:center;background:#eaebe5;font:500 18px DM Mono,monospace}.product-list{margin-top:26px;border-top:1px solid #d2d3cc}.product-row{width:100%;display:grid;grid-template-columns:1fr auto 170px;align-items:center;text-align:left;gap:22px;padding:22px 8px;background:transparent;border:0;border-bottom:1px solid #d2d3cc;color:#25262a}.product-row:hover,.product-row.selected{background:#ecece5}.product-row.disabled{cursor:not-allowed;opacity:.38}.product-row.disabled:hover{background:transparent}.product-name{font-size:16px}.product-price{font:14px DM Mono,monospace}.select-state{text-align:right;color:#74756e;font-size:12px}.product-row.selected .select-state{color:#25262a;font-weight:600}.next-control{padding-top:25px;display:flex;justify-content:space-between;align-items:center;color:#71726d;font-size:13px}.next-control button{border:1px solid #25262a;background:#25262a;color:#fff;padding:12px 17px;font-size:13px}.cpu-tools{margin-top:28px;display:grid;gap:10px}.cpu-tools label{color:#656660;font-size:13px}.cpu-tools input{width:100%;border:1px solid #c8c9c1;border-radius:0;padding:14px 15px;background:#ffffff73;color:#25262a;font-size:14px;outline:none}.cpu-tools input:focus{border-color:#25262a}.cpu-tools+.product-list{margin-top:18px}.load-more{width:100%;margin-top:22px;border:1px solid #25262a;background:transparent;padding:13px 16px;color:#25262a;font-size:13px}.load-more:hover{background:#25262a;color:#fff}.empty-state{margin:28px 0;color:#656660;font-size:14px}.size-control{display:grid;gap:10px;margin-top:28px}.size-control label{color:#656660;font-size:13px}.size-control select{width:180px;border:1px solid #c8c9c1;border-radius:0;padding:12px 14px;background:#ffffff73;color:#25262a;font-size:14px}.memory-selection-info{margin:18px 0 0;color:#7a5a16;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:16px}.memory-selection-info button{border:0;background:none;padding:0;color:#555651;font-size:12px;text-decoration:underline;text-underline-offset:4px}@media(max-width:760px){.site-shell{padding:0 20px 36px}.topbar{height:72px;gap:10px}.brand{font-size:12px}.header-actions{gap:4px}.header-text-button{padding:6px 2px;font-size:10px}.summary-button{min-width:86px;padding:7px 8px;font-size:10px}.summary-button span{font-size:11px}.intro{min-height:auto;padding:78px 0 70px}.intro h1{font-size:70px}.component-grid{grid-template-columns:repeat(2,1fr)}.component-card{min-height:180px}.card-selection{bottom:67px;left:14px;right:28px;font-size:9px}.workspace{padding:68px 0}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:15px}.principles{display:block}.principles>p:last-child{text-align:left;font-size:20px;margin-top:36px}.detail-page{padding:46px 0}.detail-heading h1{font-size:41px}.detail-mark{width:74px;height:74px;font-size:13px}.detail-heading p{max-width:230px;font-size:13px}.product-row{grid-template-columns:1fr auto;padding:19px 4px}.select-state{display:none}}