:root{--ink: #111111;--ink-2: #6b6b6b;--line: #e8e8e8;--line-strong: #cfcfcf;--surface: #ffffff;--tint: #fafafa;--radius: 12px;--shadow: 0 1px 2px rgba(0,0,0,.04), 0 10px 30px rgba(0,0,0,.07);--ease: .18s cubic-bezier(.2,.6,.2,1);--linear: #c2453a;--tactile: #8a5a2b;--clicky: #2f6fb0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;font-weight:400;color-scheme:light;color:var(--ink);background-color:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.type-linear{color:var(--linear)}.type-tactile{color:var(--tactile)}.type-clicky{color:var(--clicky)}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--surface);color:var(--ink)}a{color:inherit;font-weight:inherit;text-decoration:none}h1,h2,h3,h4,h5{letter-spacing:-.015em}h1{font-size:2.75rem;line-height:1.15;font-weight:500}button{border-radius:8px;border:1px solid var(--line-strong);padding:.55em 1.1em;font-size:.95rem;font-weight:500;font-family:inherit;color:var(--ink);background-color:var(--surface);cursor:pointer;transition:background-color var(--ease),border-color var(--ease),box-shadow var(--ease),transform var(--ease)}button:hover{border-color:var(--ink)}input,select,textarea{font-family:inherit;color:var(--ink);background-color:var(--surface)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}::selection{background:#111;color:#fff}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.switch-photo:not(.is-loaded){aspect-ratio:3 / 2}.switch-photo.is-loaded{animation:none;background:none}.skeleton{background-image:linear-gradient(90deg,var(--tint) 25%,#f0f0f0 37%,var(--tint) 63%);background-size:200% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite;border-radius:8px}@media (prefers-reduced-motion: reduce){.switch-photo:not(.is-loaded){aspect-ratio:3 / 2}.switch-photo.is-loaded{animation:none;background:none}.skeleton{animation:none}}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:8px}::-webkit-scrollbar-track{background:transparent}#root{text-align:center;color-scheme:light;background-color:#fff;width:100%;height:100%;vertical-align:unset}body{background-color:#fff;height:100%}.p-8{width:100%;background-color:#fff}th,td{padding-left:1rem;padding-right:1rem}html{overflow-y:scroll}.homepage{padding:7rem 1rem 5rem;text-align:center;color:#000;min-height:90vh}.homepage h1{padding-top:2.5rem}.homepage h2{font-weight:400;padding-top:5rem}.homepage h4{font-weight:400;padding-bottom:6rem}.features{display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;margin:2rem 0}.feature-card{background:var(--surface);padding:1.5rem 1.75rem;border:1px solid var(--line);border-radius:var(--radius);max-width:300px;transition:box-shadow var(--ease),transform var(--ease)}.feature-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.gallery-button{box-shadow:0 6px 18px #0000001f;padding:.8rem 2.2rem;font-size:1.1rem;background:var(--ink);color:#fff;border:none;border-radius:999px;cursor:pointer;transition:transform var(--ease),box-shadow var(--ease)}.gallery-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0000002e}.learn-more-button{box-shadow:0 6px 18px #0000001f;padding:.75rem 2rem;font-size:1rem;background:var(--ink);color:#fff;border:none;border-radius:999px;cursor:pointer;transition:transform var(--ease),box-shadow var(--ease)}.learn-more-button:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0000002e}.recent-card{position:relative;width:200px;height:200px;text-decoration:none}.image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.image-wrapper img{width:100%;height:100%;object-fit:contain;display:block}.overlay{position:absolute;bottom:0;left:0;width:100%;color:#000;text-align:center;padding-top:0;opacity:0;transition:opacity .15s ease-in-out;font-size:1rem;font-weight:400}.image-wrapper:hover .overlay{opacity:1}.carousel-loading{display:flex;justify-content:center;gap:2rem;width:min(90vw,1200px);height:200px;margin:auto;overflow:clip}.carousel-loading>div{flex:none;width:240px;height:200px}.carousel{--items: 5;--carousel-duration: 20s;--carousel-width: min(90vw, 1200px);--carousel-item-width: 240px;--carousel-item-height: 240px;--carousel-item-gap: 2rem;--clr-cta: black;position:relative;width:var(--carousel-width);height:200px;overflow:clip;display:block;margin:auto;-webkit-mask-image:linear-gradient(to right,transparent,black 10% 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10% 90%,transparent)}.carousel>div{position:absolute;top:0;left:calc(100% + var(--carousel-item-gap));width:var(--carousel-item-width);height:200px;display:flex;justify-content:center;grid-template-rows:150px auto 1fr auto;gap:.25rem;background:#fff;color:#000;padding-bottom:1rem;will-change:transform;animation-name:marquee;animation-duration:var(--carousel-duration);animation-timing-function:linear;animation-iteration-count:infinite;animation-delay:calc(var(--carousel-duration) / var(--items) * 1 * var(--i) * -1)}@keyframes marquee{to{transform:translate(calc((var(--items) * (var(--carousel-item-width) + var(--carousel-item-gap))) * -1))}}.gallerydiv{padding-top:6rem;padding-left:1rem;padding-right:1rem;min-height:100vh}.gallerydiv h1{text-align:center;font-size:2rem;font-weight:500;letter-spacing:-.02em;margin-bottom:2rem;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;justify-items:center}.card{background:var(--surface);color:var(--ink);width:250px;height:200px;border-radius:var(--radius);padding:.5rem 0;transition:box-shadow var(--ease),transform var(--ease)}.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}a.card-link{text-decoration:none;color:inherit;font-weight:400}.card img{width:75%;height:auto;transition:.3s ease;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.card:hover img{transform:scale(1.08)}.card *{margin:0;text-align:start}.card p{margin-left:12px;margin-top:0;margin-bottom:-3px;font-size:.9rem}.card .type{color:var(--ink-2);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;margin-top:.35rem}#brand{font-weight:500}.card:hover #brand{text-decoration:underline}.card-loading{padding-top:1rem}.skeleton-image{width:75%;margin:0 auto .9rem;aspect-ratio:3 / 2}.skeleton-line{height:.7rem;margin:0 0 .45rem 12px;width:55%}.skeleton-line.short{width:35%}.gallery-empty{margin-top:3rem;color:var(--ink-2)}@media (min-width: 1427px){.grid{max-width:1400px;margin:0 auto}}.filter-bar{width:95%;max-width:1400px;margin:0 auto 2rem;color:var(--ink)}.filter-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.filter-group{position:relative}.filter-group summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:1px solid var(--line-strong);border-radius:999px;font-size:.85rem;white-space:nowrap;transition:border-color var(--ease),background-color var(--ease)}.filter-group summary::-webkit-details-marker{display:none}.filter-group summary:after{content:"";width:.35rem;height:.35rem;border-right:1px solid var(--ink-2);border-bottom:1px solid var(--ink-2);transform:rotate(45deg) translate(-1px,-1px);transition:transform var(--ease)}.filter-group summary:hover{border-color:var(--ink)}.filter-group[open] summary{border-color:var(--ink);background-color:var(--tint)}.filter-group[open] summary:after{transform:rotate(-135deg) translate(-2px,-2px)}.filter-count{min-width:1.15rem;height:1.15rem;padding:0 .3rem;border-radius:999px;background:var(--ink);color:#fff;font-size:.7rem;line-height:1.15rem;text-align:center}.filter-menu{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:max-content;min-width:12rem;max-width:18rem;padding:.75rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left}.filter-search{width:100%;box-sizing:border-box;margin-bottom:.5rem;padding:.4rem .6rem;font-size:.85rem;border:1px solid var(--line-strong);border-radius:8px}.filter-search:focus{outline:none;border-color:var(--ink)}.filter-options{max-height:18rem;overflow-y:auto;overflow-x:hidden}.filter-options label{display:flex;align-items:center;gap:.45rem;padding:.25rem .3rem;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color var(--ease)}.filter-options label:hover{background-color:var(--tint)}.filter-options input[type=checkbox]{accent-color:var(--ink);margin:0}.filter-section-title{margin:.6rem 0 .25rem;padding-bottom:.25rem;border-bottom:1px solid var(--line);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.filter-options>div:first-child .filter-section-title{margin-top:0}.filter-empty{margin:.3rem;font-size:.85rem;color:var(--ink-2)}.filter-range{display:flex;align-items:center;gap:.4rem;font-size:.85rem}.filter-range input{width:4.5rem;padding:.35rem .5rem;font-size:.85rem;border:1px solid var(--line-strong);border-radius:8px}.filter-range input:focus{outline:none;border-color:var(--ink)}.filter-unit{color:var(--ink-2)}.filter-toggle{display:flex;align-items:center;gap:.45rem;padding:.45rem .9rem;border:1px solid var(--line-strong);border-radius:999px;font-size:.85rem;white-space:nowrap;cursor:pointer;transition:border-color var(--ease),background-color var(--ease),color var(--ease)}.filter-toggle input{accent-color:#fff;margin:0}.filter-toggle:hover{border-color:var(--ink)}.filter-toggle.on{background:var(--ink);border-color:var(--ink);color:#fff}.filter-status{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem;padding-top:.9rem}.filter-result-count{margin:0 .5rem 0 0;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2)}.filter-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border:1px solid var(--line);border-radius:999px;background:var(--tint);font-size:.8rem;color:var(--ink);cursor:pointer;transition:border-color var(--ease),background-color var(--ease)}.filter-chip:hover{border-color:var(--ink);background:var(--surface)}.filter-clear{padding:.3rem .5rem;border:none;background:none;font-size:.8rem;color:var(--ink-2);text-decoration:underline;cursor:pointer}.filter-clear:hover{color:var(--ink)}@media (max-width: 768px){.filter-row{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.75rem}.filter-menu{max-width:80vw}}.page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;padding-top:6rem;text-align:center;min-height:100vh}.page-container h1{color:#000;margin-bottom:30px;font-weight:400;font-size:xx-large}.page-container h2{color:#000;font-weight:400;padding-bottom:0}.page-container p{color:#000;font-size:small;font-weight:400;margin-top:-15px}.switch-card{display:flex;background:#fff;border-radius:20px;overflow:hidden;max-width:1200px;width:95%;height:auto;color:#000}.switch-image{flex:0 0 50%;display:flex;justify-content:center;align-items:center;padding:0rem;background-color:#fff;overflow:hidden}.switch-image img{width:70%;height:auto;object-fit:contain;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.switch-info{flex:1;display:flex;justify-content:center;align-items:center;padding:6rem 1rem}.switch-info h2{margin:0 0 1rem}.switch-info p{margin:.4rem 0}.switch-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.95rem;table-layout:fixed;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.switch-table thead th{background-color:var(--tint);border-bottom:1px solid var(--line);padding:.9rem 1rem;text-align:center;font-size:1.15rem;font-weight:500;letter-spacing:-.01em}.switch-table thead th:first-child{border-radius:var(--radius) 0 0 0}.switch-table thead th:last-child{border-radius:0 var(--radius) 0 0}.switch-table td{border-bottom:1px solid var(--line);padding:.65rem 1rem;text-align:left;line-height:1.35}.switch-table td:nth-child(1){white-space:nowrap;color:var(--ink-2);font-size:.85rem;letter-spacing:.02em;text-transform:uppercase}.switch-table td:nth-child(2){text-align:left}.switch-table tbody tr:last-child td{border-bottom:none}.switch-table tbody tr:last-child td:first-child{border-radius:0 0 0 var(--radius)}.switch-table tbody tr:last-child td:last-child{border-radius:0 0 var(--radius) 0}.switch-table tbody tr:nth-child(2n){background-color:var(--tint)}.switch-table tbody tr:hover{background-color:#f2f2f2}@media (max-width: 768px){.switch-card{flex-direction:column;max-width:90%;border:2px solid #ccc}.switch-image{padding:1rem 0}.switch-image img{max-width:80%}.switch-info{padding:1rem}.switch-table{font-size:.9rem}.switch-table thead th{font-size:1rem}}.comparison-header{margin-bottom:50px}.bar-wrapper{display:flex;justify-content:center;align-items:stretch;gap:190px;background:#fff;border-radius:20px;overflow:hidden;max-width:1200px;width:95%;color:#000}@media (max-width: 768px){.bar-wrapper{flex-direction:column;max-width:90%;gap:5px}.comparison-header{margin-bottom:5px}}.tooltip{white-space:normal;position:relative;display:inline-block;margin:0 1px;text-decoration:none;color:#000;border-bottom:1px dotted var(--line-strong);cursor:help}.tooltip .tooltiptext{visibility:hidden;background-color:#1a1a1a;color:#fff;text-align:left;border-radius:10px;border:none;box-shadow:var(--shadow);font-size:.85rem;line-height:1.5;text-transform:none;letter-spacing:normal;padding:12px 14px;position:absolute;z-index:5;left:0;top:calc(100% + 8px);width:400px;max-width:calc(100vw - 2rem);opacity:0;transition:opacity .25s}.switch-table tbody tr:nth-last-child(-n+4) .tooltip .tooltiptext{top:auto;bottom:calc(100% + 8px)}.tooltip:hover .tooltiptext{visibility:visible;opacity:1}.detail-image-skeleton{width:70%;aspect-ratio:3 / 2}.detail-table-skeleton{width:100%}.detail-table-skeleton>div{height:2.65rem;margin-bottom:.35rem}.detail-table-skeleton>div:first-child{height:3.4rem}.compare-slots{display:flex;justify-content:center;gap:2rem;width:95%;max-width:1200px;margin-bottom:2rem}.compare-slot{flex:1 1 0;min-width:0;position:relative;color:var(--ink);padding:1.25rem 1rem;border:1px solid var(--line);border-radius:var(--radius)}.compare-slot img{width:60%;height:auto;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.compare-slot h3{font-weight:500;font-size:1.1rem;margin:.5rem 0 .75rem}.compare-slot input{width:80%;padding:.7rem .9rem;font-size:.95rem;border:1px solid var(--line-strong);border-radius:10px;transition:border-color var(--ease)}.compare-slot input:focus{outline:none;border-color:var(--ink)}.compare-placeholder{height:8rem;width:8rem;margin:0 auto 1.25rem;display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--line-strong);border:1px dashed var(--line-strong);border-radius:var(--radius)}.compare-change{background:none;border:1px solid var(--line-strong);border-radius:999px;padding:.35rem 1rem;cursor:pointer;font-size:.8rem;letter-spacing:.04em;color:var(--ink-2)}.compare-change:hover{border-color:var(--ink);color:var(--ink)}.compare-results{list-style:none;padding-left:0;margin:.5rem auto 0;width:80%;text-align:left;background:#fff;max-height:40vh;overflow-y:auto;overflow-x:hidden}.compare-results li{border-top:1px solid var(--line)}.compare-results li button{width:100%;box-sizing:border-box;text-align:left;padding:.3rem;background:none;border:none;font-size:1rem;color:#000;cursor:pointer}.compare-results li button:hover{background-color:var(--tint);border-radius:8px}.compare-table{max-width:1200px;width:95%;margin-bottom:3rem;color:#000}.compare-table td:nth-child(2){width:12rem;text-align:center;color:var(--ink-2);font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.compare-table td:nth-child(1){text-align:right;white-space:normal;color:var(--ink);font-size:.95rem;letter-spacing:normal;text-transform:none}.compare-table td:nth-child(3){text-align:left}@media (max-width: 768px){.compare-slots{gap:.5rem}.compare-table td:nth-child(2){width:7rem;white-space:normal}}.compare-slot-skeleton{height:8rem;width:60%;margin:0 auto 1rem}.compare-slot-line{height:1.1rem;width:55%;margin:0 auto .75rem}.compare-result-skeleton{display:block;height:1rem;width:70%;margin:.7rem auto}.compare-results li:nth-child(2) .compare-result-skeleton{width:50%}.compare-results li:nth-child(3) .compare-result-skeleton{width:60%}.learnmore-wrapper{max-width:780px;margin:0 auto;padding:6rem 2rem 3rem;color:var(--ink);text-align:left}.learn-hero{padding-bottom:2.5rem;margin-bottom:3rem;border-bottom:1px solid var(--line);text-align:center}.learn-eyebrow{margin:0 0 .75rem;font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}.learnmore-wrapper h1{margin:0 0 1.25rem;font-size:2.5rem;font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--ink)}.learn-standfirst{max-width:34rem;margin:0 auto;font-size:1.1rem;line-height:1.7;color:var(--ink-2)}.learn-toc{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:2rem}.learn-toc a{padding:.35rem .85rem;border:1px solid var(--line);border-radius:999px;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);transition:border-color var(--ease),color var(--ease),background-color var(--ease)}.learn-toc a:hover{border-color:var(--ink);background:var(--tint);color:var(--ink)}.learn-section{margin-bottom:3.5rem;scroll-margin-top:6rem}.learn-section h2{display:flex;align-items:baseline;gap:.75rem;margin:0 0 1rem;padding-bottom:.6rem;border-bottom:1px solid var(--line);font-size:1.4rem;font-weight:500;letter-spacing:-.02em}.learn-section p{font-size:1rem;line-height:1.75;color:var(--ink)}.source-link{margin-left:auto;padding:.15rem .6rem;border:1px solid var(--line);border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap;transition:border-color var(--ease),color var(--ease)}.source-link:hover{border-color:var(--ink);color:var(--ink)}.learn-aside{padding:1rem 1.25rem;border-left:2px solid var(--line-strong);background:var(--tint);border-radius:0 8px 8px 0;color:var(--ink-2)}.learn-aside a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.spec-list{margin:1.5rem 0;padding:0}.spec-item{padding:1rem 0;border-top:1px solid var(--line)}.spec-item:last-child{border-bottom:1px solid var(--line)}.spec-item dt{margin-bottom:.35rem;font-weight:500;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.spec-item dd{margin:0;line-height:1.75}.type-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin:1.5rem 0 2rem}.type-card{color:var(--ink);padding:1.25rem;border:1px solid var(--line);border-top:3px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);transition:box-shadow var(--ease),transform var(--ease)}.type-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.type-card h3{margin:0 0 .5rem;font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.type-card p{font-size:.9rem;line-height:1.65;margin:0 0 .75rem}.type-card p:last-child{margin-bottom:0}.type-summary{font-weight:500}.type-example{font-size:.8rem!important;color:var(--ink-2)}.type-card.type-linear{border-top-color:var(--linear)}.type-card.type-linear h3{color:var(--linear)}.type-card.type-tactile{border-top-color:var(--tactile)}.type-card.type-tactile h3{color:var(--tactile)}.type-card.type-clicky{border-top-color:var(--clicky)}.type-card.type-clicky h3{color:var(--clicky)}.learn-figure{margin:2rem 0;padding:1.25rem;border:1px solid var(--line);border-radius:var(--radius);text-align:center}.learn-image{max-width:300px;height:auto;border-radius:8px}.image-row{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}figcaption{margin-top:1rem;font-size:.8rem;letter-spacing:.04em;color:var(--ink-2)}.learnmore-button-wrapper{padding:2rem 0 1rem;text-align:center;border-top:1px solid var(--line)}@media (max-width: 768px){.learnmore-wrapper{padding:6rem 1.25rem 2rem}.learnmore-wrapper h1{font-size:2rem}.learn-section h2{flex-wrap:wrap}.source-link{margin-left:0}}.travel-bar-container{color:#000;display:flex;flex-direction:column;align-items:center;text-wrap:nowrap;transform:scale(1.1)}.bar-header{margin-bottom:0}._progress_6eh7z_1{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;width:200px}._svg_6eh7z_6{display:block;width:100%}.travel-bar-container{color:#000;display:flex;flex-direction:column;align-items:center}.radial-travel-bar{display:flex;align-items:center;gap:12px}.bar-header{margin-bottom:0;margin-top:45px}.bar-ring-skeleton{display:block;width:200px;height:110px}.bar-label-skeleton{display:block;width:2.5rem;height:1rem}.similar-switches{width:95%;max-width:1200px;margin:4rem auto 5rem;text-align:left}.similar-switches h2{margin:0 0 2rem;text-align:center}.similar-row+.similar-row{margin-top:3rem}.similar-row h3{margin:0;font-size:1.15rem;font-weight:500}.similar-blurb{color:var(--ink-2);font-size:.9rem;margin:.25rem 0 1.25rem}.similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.5rem}.similar-card{display:block;text-align:center;padding:.75rem .5rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:box-shadow var(--ease),transform var(--ease)}.similar-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.similar-card img{width:70%;height:110px;object-fit:contain;margin-bottom:.5rem;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.similar-brand{font-weight:500;font-size:.9rem}.similar-name{font-size:.9rem}.similar-type{font-size:.8rem;margin-top:.2rem}.similar-reason{color:var(--ink-2);font-size:.75rem;margin-top:.35rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 768px){.similar-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1rem}.similar-card img{height:90px}}.similar-card-loading{cursor:default}.similar-card-loading:hover{box-shadow:none;transform:none}.similar-skeleton-image{width:70%;height:110px;margin:0 auto .6rem}.similar-skeleton-line{height:.7rem;width:70%;margin:0 auto .4rem}.similar-skeleton-line.short{width:45%}@media (max-width: 768px){.similar-skeleton-image{height:90px}}.navbar{width:100%;height:5rem;display:flex;align-items:center;background-color:var(--surface);border-bottom:1px solid var(--line);padding:0;position:absolute;top:0;left:0;z-index:1000}.nav-contents{display:flex;justify-content:space-between;align-items:center;position:relative;width:95%;margin:0 auto;padding:0 0rem}.nav-left,.nav-right{width:220px;display:flex;align-items:center;justify-content:center;gap:1.5rem}.nav-center{display:flex;justify-content:center;align-items:center}.nav-logo{display:block;height:3.25rem;width:auto;object-fit:contain;cursor:pointer;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.nav-logo:hover{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both;transform:translateZ(0);backface-visibility:hidden;perspective:1000px;transition:ease-in-out}@keyframes shake{10%,90%{transform:translate3d(-.5px,0,0)}20%,80%{transform:translate3d(1px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}.nav-button{font-size:.78rem;letter-spacing:.14em;background:none;border:none;color:var(--ink-2);cursor:pointer;font-weight:500;margin:0;padding:.2rem 0;position:relative;transition:color var(--ease)}.nav-button:hover{color:var(--ink)}.nav-button:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transition:transform var(--ease)}.nav-button:hover:after{transform:scaleX(1)}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11111159;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:2000;display:flex;justify-content:center;align-items:flex-start;padding:7rem 1rem 2rem;opacity:0;transition:opacity .3s ease}.search-overlay.fade-in{opacity:1}.search-overlay.fade-out{opacity:0}.search-box{width:100%;max-width:640px;background:var(--surface);padding:.75rem;border-radius:var(--radius);box-shadow:var(--shadow);transform:translateY(-8px);transition:transform .3s ease}.search-overlay.fade-in .search-box{transform:translateY(0)}.search-box input{width:100%;box-sizing:border-box;padding:.85rem 1rem;font-size:1.05rem;color:var(--ink);background:var(--tint);border:1px solid var(--line);border-radius:10px;transition:border-color var(--ease),background-color var(--ease)}.search-box input::placeholder{color:var(--ink-2)}.search-box input:focus{outline:none;background:var(--surface);border-color:var(--ink)}.search-results{list-style:none;margin:.75rem 0 .25rem;padding:0;text-align:left;max-height:55vh;overflow-y:auto;overscroll-behavior:contain}.search-results li+li{border-top:1px solid var(--line)}.search-results li a{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.6rem .7rem;border-radius:8px;color:var(--ink);font-weight:400;transition:background-color var(--ease)}.search-results li a:hover{background-color:var(--tint)}.search-results.is-stale{opacity:.45;transition:opacity var(--ease)}.search-skeleton{display:block;height:1.05rem;margin:.75rem .7rem;width:60%}.search-results li:nth-child(2) .search-skeleton{width:45%}.search-results li:nth-child(3) .search-skeleton{width:52%}.search-result-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-brand{font-weight:500}.search-result-type{flex:none;font-size:.8rem;letter-spacing:.02em}.search-note{margin:0;padding:1.1rem .7rem .85rem;color:var(--ink-2);font-size:.9rem;text-align:left}.foot-wrapper{width:auto;background-color:var(--surface);border-top:1px solid var(--line);padding:2rem 0 2.5rem 2rem;color:var(--ink);display:grid;grid-template-columns:1fr 1fr 1fr;text-align:left;position:static}.foot-wrapper h5{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin-bottom:.6rem}.foot-wrapper p{font-size:.85rem;line-height:1.9;margin-top:0;margin-bottom:0}.footer-links{font-size:.85rem;line-height:1.9;margin-top:0;margin-bottom:0;color:#000;font-weight:400}.footer-links:hover{text-decoration:underline;color:#000}