*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f4;color:#292927;font:15px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #3268b7;outline-offset:4px}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;top:10px;left:10px;z-index:30;background:white;padding:12px}
header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:12px 28px;gap:20px;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:700;font-size:17px}.brand img{height:45px;width:45px;object-fit:contain}.brand-sub{display:block;font-size:8px;letter-spacing:2px;color:#6c6c65;margin-top:1px}nav{display:flex;gap:8px;position:absolute;left:50%;transform:translateX(-50%)}nav button{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px;border-radius:10px;font-size:12px}nav button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}nav button[aria-pressed=true]{background:#e8e8e5;box-shadow:inset 0 0 0 1px #d4d4cf}nav button span{display:none}.head-right{display:flex;align-items:center;gap:18px;font-size:12px}.head-right a{text-decoration:none}.currency{font-size:11px;font-weight:700;color:#77776e}.store{border-bottom:1px solid #c9c9bd}.finder-stage{min-height:820px;height:calc(100svh - 82px);max-height:1200px;position:relative;overflow:hidden}#scene{position:absolute;inset:0 0 200px;overflow:hidden}.orb{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:left .6s,top .6s,opacity .4s;width:13%;height:36%;padding:0}.orb img{height:74%;max-width:100%;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 9px 9px #00000008);transition:transform .2s}.orb:hover img{transform:translateY(-7px) scale(1.06)}.orb strong{font-size:14px;font-weight:400;margin-top:15px;max-width:240px}.orb small{color:#777;display:block;font-size:12px}.orb.side{opacity:.48;width:7%;height:20%}.orb.side strong,.orb.side small{display:none}.orb:first-child{left:43.5%;top:7%;height:45%}.orb:nth-child(2){left:27%;top:43%}.orb:nth-child(3){left:60%;top:43%}.orb:nth-child(4){left:10%;top:0}.orb:nth-child(5){left:29%;top:0}.orb:nth-child(6){left:64%;top:0}.orb:nth-child(7){left:84%;top:0}.orb:nth-child(8){left:3%;top:23%}.orb:nth-child(9){left:19%;top:27%}.orb:nth-child(10){left:73%;top:27%}.orb:nth-child(11){left:89%;top:23%}.orb:nth-child(12){left:2%;top:61%}.orb:nth-child(13){left:16%;top:79%}.orb:nth-child(14){left:78%;top:79%}.orb:nth-child(15){left:90%;top:61%}.orb:nth-child(n+16){display:none}.fallback{height:120px;width:90px;border:2px solid #9c9c94;border-radius:42%;background:linear-gradient(120deg,#eee,#d6d6d1);display:grid;place-items:center;font-size:11px;text-align:center;padding:9px}.keyboards .fallback{width:160px;height:65px;border-radius:8px}.mousepads .fallback{width:170px;height:100px;border-radius:10px}.keyboards .orb img,.mousepads .orb img{width:100%;height:65%}
.question-wrap{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);width:min(820px,calc(100% - 40px));z-index:2}.match-count{text-align:center;font-size:12px;color:#696961;margin:0 0 12px}.question-card{background:#ffffffed;border:1px solid #e4e4df;border-radius:19px;padding:18px 26px 20px;box-shadow:0 12px 18px #24241c0b,0 2px 5px #24241c06;backdrop-filter:blur(15px)}.step-line{display:flex;justify-content:space-between;font-size:10px;color:#85857d;letter-spacing:1px}.step-line button{font-size:11px;letter-spacing:0;color:#727269;padding:0}h2{font-size:26px;line-height:1.2;letter-spacing:-.7px}#question{text-align:center;margin:16px 0 16px}#hint{font-size:12px;color:#77776f;text-align:center;margin:-5px 0 15px;max-width:650px;margin-inline:auto}#hint:empty{display:none}#options{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.option{background:#f5f5f3;border:1px solid transparent;min-height:81px;padding:16px 9px;border-radius:10px;text-align:center;transition:.15s}.option strong{display:block;font-size:16px}.option small{display:block;font-size:11px;color:#77776f;margin-top:5px}.option:hover{background:#ebebe7}.option[aria-pressed=true]{background:#eaf0f8;border-color:#4e72a2;color:#173c6e}.question-actions{display:flex;align-items:center;gap:15px;margin-top:15px;font-size:12px}.question-actions #reset{color:#888}.primary{background:#292a27;color:white;padding:11px 21px;border-radius:9px;font-weight:600}.question-actions .primary{margin-left:auto}#progress{height:2px;background:#eee;margin-top:15px;border-radius:3px;overflow:hidden}#progress span{display:block;background:#8f9bb0;height:100%;transition:width .3s}.budget{grid-column:1/-1;text-align:center}.budget label{display:flex;justify-content:center;align-items:center;gap:8px;font-size:25px;font-weight:bold}.budget input[type=number]{width:110px;padding:4px 8px;border:1px solid #d0d0cb;border-radius:8px;background:white}.budget input[type=range]{display:block;width:100%;accent-color:#253e5d;margin:20px 0}.budget button{padding:6px 15px;border:1px solid #ddd;border-radius:20px;font-size:12px}.budget button[aria-pressed=true]{background:#252a30;color:white}.complete{grid-column:1/-1;text-align:center;padding:15px}
#results{max-width:1360px;margin:auto;padding:60px 40px 65px;scroll-margin-top:20px;border-top:1px solid #e2e2dc}.results-top{display:flex;justify-content:space-between;align-items:center}.results-top h2{margin:8px 0 20px;font-size:35px}.eyebrow{font-size:10px;letter-spacing:2px;color:#79796e;margin:0}.results-top button,#share,#compare,#more,#edit-answers{border:1px solid #d7d7d1;border-radius:9px;padding:10px 14px;background:#fff;font-size:12px}#chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}#chips button{border-radius:20px;background:#e6e9eb;padding:5px 10px;font-size:11px}.toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.toolbar label{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#777}.search-label{flex:1;min-width:160px}.toolbar input,.toolbar select{padding:11px 12px;background:#fff;border:1px solid #d8d8d1;border-radius:9px;min-height:42px;color:#333;font-size:13px}.price-note{font-size:11px;color:#76766e;line-height:1.6;margin:17px 0}#result-count{font-size:12px;color:#696961}#grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product{background:white;border:1px solid #e5e5df;border-radius:15px;padding:18px;display:flex;flex-direction:column;position:relative;min-width:0}.product .show{display:flex;flex-direction:column;align-items:center;width:100%;padding:0;flex:1}.product img{width:100%;height:175px;object-fit:contain;mix-blend-mode:multiply;margin:12px 0 20px}.product h3{font-size:15px;margin:4px 0 6px;text-align:center;line-height:1.4}.product .spec-line{font-size:11px;color:#777;text-align:center;min-height:34px}.product .price{text-align:center;font-size:15px;margin:12px 0 4px}.product .price small{display:block;font-size:10px;color:#838379;font-weight:400}.buy{display:block;text-align:center;padding:11px 10px;background:#292a27;border:1px solid #292a27;border-radius:8px;text-decoration:none;color:white;font-size:12px;font-weight:600;margin-top:10px}.compare-pick{font-size:10px;color:#777;display:flex;justify-content:center;align-items:center;gap:5px;margin-top:11px}.compare-pick input{accent-color:#243f61}.empty{grid-column:1/-1;text-align:center;background:white;padding:50px 20px;border-radius:15px}.empty h3{margin:0 0 10px}#more{display:block;margin:28px auto 0;min-width:170px}footer{border-top:1px solid #ddd;padding:24px 25px 35px;text-align:center;font-size:11px;color:#777;line-height:1.8}footer p{max-width:900px;margin:8px auto}footer button{text-decoration:underline;font-size:inherit}dialog{border:1px solid #ddd;border-radius:20px;padding:35px;width:min(930px,calc(100% - 30px));max-height:90svh;color:#292927;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#25251f66;backdrop-filter:blur(6px)}.close{position:absolute;right:13px;top:8px;font-size:30px;line-height:1;width:35px;height:35px;z-index:2}.detail-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:35px}.detail-image{width:100%;height:370px;object-fit:contain}.detail-layout h2{margin-top:10px;font-size:28px}.tabs{display:flex;gap:15px;border-bottom:1px solid #ddd;margin:15px 0}.tabs button{padding:10px 0;font-size:13px}.tabs button[aria-selected=true]{border-bottom:2px solid #243f61}.specs{display:grid;grid-template-columns:1fr 1.3fr;font-size:12px}.specs dt,.specs dd{margin:0;padding:8px 0;border-bottom:1px solid #eee}.specs dt{color:#777}.detail-note,.about-copy{font-size:13px;line-height:1.8}.detail-note{color:#777}.compare-table{border-collapse:collapse;width:100%;font-size:12px}.compare-table td,.compare-table th{padding:12px 9px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.compare-table img{height:120px;width:100%;object-fit:contain}.compare-scroll{overflow-x:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#252a30;color:white;padding:12px 20px;border-radius:10px;font-size:13px;z-index:50;display:none}
@media(min-width:1500px){nav button span{display:block}}
@media(max-width:950px){header{padding:10px 18px;gap:10px}.brand>span{display:none}.head-right{gap:11px;font-size:11px}.head-right .currency{display:none}#grid{grid-template-columns:repeat(3,minmax(0,1fr))}.orb{width:19%}.orb:first-child{left:40.5%}.orb:nth-child(2){left:16%}.orb:nth-child(3){left:65%}.orb.side{width:9%}.orb:nth-child(9),.orb:nth-child(10),.orb:nth-child(13),.orb:nth-child(14){display:none}.orb strong{font-size:12px}}
@media(max-width:600px){header{height:70px;padding:8px 12px}.brand img{width:37px;height:37px}nav{gap:2px;left:43%}nav button{padding:8px}nav button svg{width:20px;height:20px}.head-right{display:block;text-align:right}.head-right .store{display:block;font-size:10px;max-width:98px}.head-right #about{font-size:10px;margin-top:4px;padding:0}.finder-stage{height:auto;min-height:850px;max-height:none}#scene{height:360px;inset:0;bottom:auto}.orb:first-child{height:57%;left:36%;top:0;width:28%}.orb:nth-child(2){left:10%;top:40%;height:46%;width:24%}.orb:nth-child(3){left:65%;top:40%;height:46%;width:24%}.orb.side{height:24%;width:10%}.orb:nth-child(4){left:5%;top:0}.orb:nth-child(5){left:22%;top:6%}.orb:nth-child(6){left:70%;top:6%}.orb:nth-child(7){left:87%;top:0}.orb:nth-child(n+8){display:none}.orb strong{font-size:10px;line-height:1.3;margin-top:7px}.orb small{font-size:10px}.question-wrap{position:relative;left:0;transform:none;bottom:auto;margin:355px auto 25px;width:calc(100% - 24px)}.question-card{padding:15px;border-radius:15px}#question{font-size:23px;margin-top:14px}#options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.option{min-height:72px;padding:12px 8px}.option strong{font-size:14px}.option small{font-size:10px}.match-count{font-size:11px}#results{padding:35px 13px}.results-top h2{font-size:27px}.results-top button{font-size:10px;padding:8px}.toolbar{gap:8px}.toolbar label{min-width:0}.search-label{flex-basis:45%}.toolbar input,.toolbar select{width:100%;font-size:12px}.toolbar>label:not(.search-label){width:49%}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product{padding:12px}.product img{height:125px;margin:10px 0}.product h3{font-size:12px}.product .spec-line{font-size:10px}.product .price{font-size:13px}.buy{font-size:10px;padding:10px 5px}.detail-layout{grid-template-columns:1fr;gap:10px}.detail-image{height:210px}.detail-layout h2{font-size:23px}dialog{padding:30px 20px}.question-actions{gap:7px}footer{padding-inline:15px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.scene-empty{margin:80px auto;max-width:420px}.share-input{width:100%}

.orb{mix-blend-mode:multiply}.orb img{mix-blend-mode:normal}

.computers .orb strong{font-size:12px;line-height:1.3;max-width:190px}
.computers .product img{height:155px}
nav button span{display:block;font-size:10px}
@media(max-width:1100px){header{height:auto;min-height:115px;flex-wrap:wrap}nav{position:static;transform:none;order:3;width:100%;justify-content:center}.finder-stage{height:calc(100svh - 115px)}}
@media(max-width:600px){header{min-height:112px}nav button{padding:6px;gap:4px}nav button span{font-size:10px}.finder-stage{height:auto}.computers .orb strong{font-size:9px}.computers .product img{height:115px}}

[hidden]{display:none!important}.detail-layout .price small{display:block;font-size:11px;color:#777;margin-top:5px}