:root{font-family:'DM Sans',sans-serif;color:#192820;background:#f5f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#192820;--muted:#78847c;--line:#e4eae5;--green:#214b38;--deep:#173a2b;--mint:#dcebe0;--lime:#e3f2c1;--paper:#fff;--shadow:0 18px 55px #2443330c}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 83% 4%,#e9f0e8 0,transparent 27%),#f5f7f5}button,select{font:inherit}button{cursor:pointer}.topbar{height:74px;padding:0 max(28px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4eae5;background:#ffffffd9;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:800 21px Manrope,sans-serif;letter-spacing:-.07em;text-decoration:none}.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--green);display:grid;place-items:center}.brand-mark svg{width:22px;height:22px;fill:none;stroke:#f0f6ed;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.brand-dot{color:#72a381}.topbar-right{display:flex;align-items:center;gap:25px}.privacy-chip{display:flex;align-items:center;gap:8px;color:#587061;font-size:11px;font-weight:700}.privacy-chip>span{height:7px;width:7px;background:#54a773;border-radius:50%;box-shadow:0 0 0 3px #d9eee0}.top-link{color:#58675e;text-decoration:none;font-size:12px;font-weight:600}.top-link span{padding-left:4px;color:#88a392}main{max-width:1180px;margin:auto;padding:0 28px}.hero{min-height:337px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:34px 12px 28px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.16em;color:#77877c;display:flex;align-items:center;gap:9px}.eyebrow-line{height:1px;width:24px;background:#8aa492}.hero h1{font:800 clamp(36px,5vw,54px)/1.09 Manrope,sans-serif;letter-spacing:-.065em;margin:18px 0 14px;color:#192820}.hero h1>span{color:#6b8c75}.hero-copy>p{max-width:485px;font-size:14px;line-height:1.65;color:#76827a;margin:0}.hero-proof{display:flex;align-items:center;gap:10px;margin-top:24px;color:#68796f;font-size:10px;font-weight:600}.hero-proof i{height:3px;width:3px;border-radius:50%;background:#bac6bc;margin:0 2px}.proof-icon{height:18px;width:18px;border-radius:50%;display:grid;place-items:center;background:#e0eee2;color:#4e8660;font-weight:800;font-size:11px}.hero-art{height:270px;position:relative;display:grid;place-items:center;overflow:hidden}.hero-glow{position:absolute;width:275px;height:235px;border-radius:50%;background:radial-gradient(circle,#e5f0e4 0,#eaf2e8 50%,transparent 72%);right:82px;top:6px}.phone{position:absolute;border-radius:27px;border:5px solid #274638;box-shadow:0 22px 45px #173a2b28;background:#fff}.phone-back{width:130px;height:238px;right:125px;top:27px;transform:rotate(11deg);background:linear-gradient(145deg,#dce9dc,#aec5af)}.camera-stack{position:absolute;top:14px;left:13px;display:grid;grid-template-columns:repeat(2,21px);gap:7px}.camera-stack b{width:21px;height:21px;border-radius:50%;background:#274638;border:3px solid #edf2ec;box-shadow:inset 0 0 0 3px #111e17}.camera-stack b:last-child{grid-column:1}.phone-logo{position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);font-size:25px;color:#6e8973}.phone-front{width:128px;height:230px;left:125px;top:24px;transform:rotate(-9deg);border-color:#193629;background:linear-gradient(150deg,#284a39,#19372a);overflow:hidden}.phone-island{position:absolute;top:10px;left:36px;width:48px;height:13px;border-radius:10px;background:#0c2117;z-index:2}.screen-shine{position:absolute;inset:22px 7px 8px;border-radius:19px;background:linear-gradient(145deg,#dcece0 0,#abc5b0 46%,#759b80 100%)}.screen-shine:before,.screen-shine:after{content:'';position:absolute;border-radius:50%;background:#fff5}.screen-shine:before{width:170px;height:170px;top:23px;left:-70px}.screen-shine:after{width:112px;height:112px;bottom:-35px;right:-38px;background:#214b3833}.screen-check{position:absolute;z-index:1;left:40px;top:90px;width:41px;height:41px;border-radius:50%;background:#fff;color:#33764f;display:grid;place-items:center;font-size:21px;font-weight:700;box-shadow:0 8px 20px #18392b32}.floating-part{position:absolute;right:42px;bottom:21px;width:116px;padding:13px;border:1px solid #e4ebe4;border-radius:12px;background:#fff;box-shadow:0 12px 34px #284a3814;transform:rotate(3deg);z-index:2}.floating-part span,.floating-part small{display:block;color:#8a968e;font-size:7px;letter-spacing:.13em;font-weight:800}.floating-part strong{display:block;font:800 22px Manrope,sans-serif;color:#244d37;margin:1px 0}.art-orbit{position:absolute;border:1px solid #d6e3d6;border-radius:50%;width:280px;height:280px;right:62px;top:-6px}.orbit-b{width:220px;height:220px;right:91px;top:22px;border-style:dashed;opacity:.65}.finder-shell{background:#fff;border:1px solid #e7ece7;border-radius:18px;padding:27px 30px 23px;box-shadow:var(--shadow)}.finder-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.finder-heading h2,.results-header h2{font:750 21px Manrope,sans-serif;letter-spacing:-.04em;margin:8px 0 0;color:#203127}.step-count{font-size:9px;letter-spacing:.12em;color:#98a49c;font-weight:700;padding-bottom:3px}.step-count b{color:#4e7960}.part-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.part-option{min-height:83px;display:grid;grid-template-columns:38px 1fr 15px;grid-template-rows:1fr 1fr;align-items:center;column-gap:10px;border:1px solid #e7ece7;border-radius:11px;padding:12px;background:#fff;text-align:left;position:relative;color:var(--ink);transition:border-color .16s,background .16s,transform .16s}.part-option:hover{border-color:#b6cbbc;transform:translateY(-1px)}.part-option[aria-pressed="true"]{background:#f3f8f3;border-color:#779883;box-shadow:inset 0 0 0 1px #779883}.part-icon{grid-row:1/3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center}.part-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.display-icon{background:#edf3ff;color:#5b78ad}.battery-icon{background:#edf7ed;color:#56845e}.protector-icon{background:#f0effa;color:#7772ac}.cover-icon{background:#fff3e9;color:#af7951}.part-label{font-size:11px;font-weight:750;align-self:end;white-space:nowrap}.part-detail{font-size:9px;color:#8b978f;align-self:start;margin-top:3px}.part-radio{width:12px;height:12px;border:1px solid #cbd5cd;border-radius:50%;grid-column:3;grid-row:1;align-self:start}.part-option[aria-pressed="true"] .part-radio{border:4px solid #39704e}.lookup-divider{display:flex;align-items:center;gap:10px;margin:23px 0 15px;color:#89968e;font-size:9px;letter-spacing:.13em;font-weight:800}.lookup-divider>span:first-child,.lookup-divider>span:last-child{height:1px;background:#e8ede9;flex:1}.lookup-divider b{display:grid;place-items:center;border-radius:50%;width:20px;height:20px;background:#f0f5f1;color:#4e7960;font-size:9px;letter-spacing:0}.device-row{display:grid;grid-template-columns:1fr 1.2fr 145px;align-items:end;gap:12px}.select-wrap{display:grid;gap:7px;color:#78857d;font-size:9px;font-weight:700}.select-box{height:43px;position:relative}.select-box select{appearance:none;width:100%;height:100%;border:1px solid #e1e8e2;border-radius:9px;background:#fff;color:#293b30;padding:0 37px 0 12px;font-size:11px;font-weight:600;outline:none}.select-box select:focus{border-color:#668c72;box-shadow:0 0 0 3px #dfece2}.select-box select:disabled{color:#aab3ad;background:#f8faf8}.select-box svg{position:absolute;right:12px;top:14px;width:15px;height:15px;fill:none;stroke:#7c8c81;stroke-width:1.6;pointer-events:none}.search-button{height:43px;border:0;border-radius:9px;background:#244c37;color:white;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;box-shadow:0 5px 12px #234c371c;transition:.18s}.search-button:hover:not(:disabled){background:#1b3e2d;transform:translateY(-1px)}.search-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.search-button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.no-models-note{font-size:9px;color:#9ba59e;margin-top:12px}.results-section{padding:35px 4px 20px}.results-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.results-header h2{font-size:20px}.results-header p{font-size:11px;color:#7f8c83;margin:6px 0 0}.results-count{border-radius:999px;background:#eaf2eb;color:#4a7959;font-size:9px;font-weight:750;padding:6px 10px}.results-list{display:grid;gap:9px}.result-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;grid-template-areas:"icon copy action";align-items:start;column-gap:12px;row-gap:0;padding:14px 14px 12px;background:#fff;border:1px solid #e6ece7;border-radius:12px;box-shadow:0 4px 12px rgba(28,56,42,.06)}.product-icon{grid-area:icon;width:46px;height:46px;border-radius:10px;background:#edf5ee;display:grid;place-items:center;color:#4c7658}.product-icon svg{height:22px;width:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.result-copy{grid-area:copy;display:grid;gap:4px;min-width:0}.result-kind{font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#72847a;font-weight:800}.result-card h3{font:700 13px Manrope,sans-serif;letter-spacing:-.02em;margin:0;color:#1f332d;line-height:1.35}.fit-banner{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;background:#edf5ee;border:1px solid #dfeae1;border-radius:8px;margin:2px 0}.fit-label{font-size:8px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#4c7658}.fit-values{font-size:10px;font-weight:700;color:#1d332d}.fit-line{font-size:9px;color:#718179;line-height:1.45;display:flex;flex-wrap:wrap;gap:4px}.fit-line strong{color:#4d6755;flex-shrink:0}.source-line{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:3px;padding-top:6px;border-top:1px solid #eef3ee;font-size:8.5px;color:#8d9a92}.source-line .source-tag{color:#5a7763;background:#edf5ee;padding:4px 6px;border-radius:5px;font-weight:700}.source-line a{color:#5d7d6a;text-decoration:none;font-weight:700}.source-line a:hover{text-decoration:underline}.result-action{grid-area:action;color:#355e40;text-decoration:none;font-size:9px;font-weight:750;border:1px solid #dfeae0;border-radius:9px;padding:8px 10px;white-space:nowrap;align-self:start;background:#f7faf7}.result-action:hover{background:#edf6ef}.empty-state{background:#fff;border:1px dashed #dce5dd;border-radius:13px;padding:29px 18px;text-align:center}.empty-icon{font-size:27px;color:#96aa99}.empty-state h3{margin:8px 0 6px;font:700 15px Manrope,sans-serif;color:#34463a}.empty-state p{max-width:440px;margin:0 auto 8px;color:#78857d;font-size:11px;line-height:1.6}.empty-state>span{font-size:9px;color:#9aa59e}.empty-state .suggestion-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px}.empty-state .suggestion-chip{border:1px solid #dfe8e1;background:#f3f8f4;color:#335b43;padding:7px 10px;border-radius:999px;font-size:9px;font-weight:700;transition:all .18s ease}.empty-state .suggestion-chip:hover{background:#eaf4eb;border-color:#cfe1d3}@media (max-width:760px){.result-card{grid-template-columns:52px minmax(0,1fr);grid-template-areas:"icon copy" "action action" "evidence evidence";padding:14px}. .result-action{justify-self:start;width:100%;text-align:center;margin-top:4px}. .source-line{gap:5px}. .empty-state .suggestion-list{justify-content:flex-start}. .empty-state .suggestion-chip{padding:7px 9px}}.data-note{display:flex;gap:10px;align-items:flex-start;margin-top:13px;border-radius:9px;background:#f2f6f2;padding:11px 13px}.data-note-icon{width:17px;height:17px;flex:0 0 auto;border:1px solid #9cb29f;border-radius:50%;display:grid;place-items:center;color:#62806a;font-size:10px;font-weight:700}.data-note p{margin:0;color:#77847b;font-size:9px;line-height:1.5}.data-note strong{color:#536c5a}@media (max-width:760px){.result-card{grid-template-columns:1fr;padding:14px}. .product-icon{width:42px;height:42px}. .result-action{justify-self:start;width:100%;text-align:center;margin-top:4px}. .source-line{gap:5px}. .empty-state .suggestion-list{justify-content:flex-start}. .empty-state .suggestion-chip{padding:7px 9px}} .trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px 11px 27px}.trust-strip>div{display:flex;align-items:center;gap:11px}.trust-number{width:29px;height:29px;border-radius:9px;background:#e7efe7;color:#4f7b5a;display:grid;place-items:center;font:700 10px Manrope,sans-serif}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:10px;color:#405346}.trust-strip small{font-size:9px;color:#929d95;margin-top:3px}footer{height:65px;border-top:1px solid #e5ebe6;display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1180px)/2));color:#94a098;font-size:9px}.footer-brand{font-size:15px}.footer-brand .brand-mark{height:27px;width:27px;border-radius:8px}.footer-brand .brand-mark svg{height:18px;width:18px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#213d2d;color:white;padding:11px 15px;border-radius:9px;font-size:11px;box-shadow:0 8px 25px #1022162b;transition:.18s;z-index:5}.toast.show{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}@media(max-width:800px){.hero{grid-template-columns:1.1fr .9fr;min-height:300px}.hero-art{transform:scale(.83);transform-origin:right center;margin-left:-40px}.part-grid{grid-template-columns:repeat(2,1fr)}.finder-shell{padding:23px 20px}.device-row{grid-template-columns:1fr 1fr}.search-button{grid-column:1/-1}.part-option{min-height:78px}}@media(max-width:560px){.topbar{padding:0 16px;height:63px}.topbar-right{gap:12px}.privacy-chip{font-size:0}.privacy-chip>span{height:9px;width:9px}.top-link{font-size:10px}main{padding:0 15px}.hero{display:block;padding:37px 4px 20px;min-height:0}.hero h1{font-size:38px}.hero-copy>p{font-size:12px}.hero-proof{font-size:8px;gap:7px}.hero-art{height:195px;width:100%;transform:scale(.82);transform-origin:center top;margin:10px 0 -8px}.phone-back{right:calc(50% - 96px);top:15px}.phone-front{left:calc(50% - 125px);top:13px}.hero-glow,.art-orbit{right:calc(50% - 140px)}.orbit-b{right:calc(50% - 110px)}.floating-part{right:calc(50% - 160px);bottom:2px}.finder-shell{padding:19px 14px;border-radius:14px}.finder-heading h2{font-size:18px}.step-count{font-size:8px}.part-grid{gap:7px}.part-option{grid-template-columns:32px 1fr 11px;column-gap:7px;padding:9px 7px;min-height:72px}.part-icon{height:31px;width:31px}.part-icon svg{height:18px;width:18px}.part-label{font-size:10px}.part-detail{font-size:8px}.device-row{grid-template-columns:1fr;gap:9px}.search-button{grid-column:auto}.select-box{height:41px}.trust-strip{grid-template-columns:1fr;gap:11px;padding:22px 4px}.result-card{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:12px}.product-icon{height:40px;width:40px}.result-action{grid-column:2;justify-self:start}.result-card h3{font-size:11px}.fit-line{font-size:9px}footer{padding:0 15px;font-size:8px}.footer-brand{font-size:13px}.footer-brand .brand-mark{height:24px;width:24px}}