:root{--bg:#0d141b;--panel:#121d27;--panel2:#172532;--ink:#edf3f6;--muted:#8fa1ae;--line:#273744;--accent:#6ca6c8;--accent2:#a9c8d9;--soft:#101922;--danger:#d5a3a3}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.utility{height:30px;background:#091017;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;padding:7px max(4%,calc((100vw - 1370px)/2));font-size:11px;color:var(--muted)}header{height:76px;padding:0 max(4%,calc((100vw - 1370px)/2));display:flex;align-items:center;gap:44px;background:#0f1821;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:750;letter-spacing:-1.1px;white-space:nowrap}.logomark{display:inline-flex;border-radius:50%;border:1px solid #35576d;color:var(--accent);width:37px;height:37px;justify-content:center;align-items:center;margin-right:8px;font-size:32px;vertical-align:middle}.accent{color:var(--accent)}.search{flex:1;display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;background:#111c25;max-width:620px}.search input{flex:1;min-width:0;height:42px;border:0;background:transparent;color:var(--ink);outline:0;padding:0 14px}.search button{height:42px;width:48px;border:0;background:#315f7a;color:#fff}.head-actions{display:flex;gap:20px}.head-actions button,.mobile-menu{border:0;background:none;color:var(--ink);font-size:21px}.mobile-menu{display:none;margin-left:auto}.desktop-nav{height:46px;display:flex;justify-content:center;align-items:center;gap:34px;background:#0f1821;border-bottom:1px solid var(--line);font-size:13px;color:#c4d0d7}.desktop-nav a{color:inherit;text-decoration:none}main{max-width:1390px;margin:auto;padding:0 28px 70px}.crumb{font-size:12px;color:var(--muted);padding:23px 0}.hero{display:flex;justify-content:space-between;gap:40px;align-items:end;background:linear-gradient(120deg,#182734,#101820);border:1px solid var(--line);padding:40px;min-height:190px}.eyebrow{font-size:10px;letter-spacing:2.6px;color:var(--accent2);font-weight:bold;margin:0 0 12px}h1{font:400 43px Georgia,serif;margin:0 0 10px}.lead{margin:0;color:#a9bac5;line-height:1.6;max-width:680px}.hero-mark{font-size:10px;letter-spacing:3px;color:#647b89}.toolbar{margin-top:22px;padding:14px 16px;background:var(--panel);border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.toolbar input,.toolbar select{background:#0d171f;color:var(--ink);border:1px solid var(--line);padding:11px 12px;border-radius:4px}.toolbar input{min-width:280px}.toolbar button,.primary,.secondary{border:1px solid #3b6e8b;background:#315f7a;color:white;padding:11px 16px;border-radius:4px}.secondary{background:transparent;color:#c8d7df;border-color:#405462}.content{margin-top:16px}.empty,.error,.loading{background:var(--panel);border:1px solid var(--line);padding:70px 24px;text-align:center}.empty .glyph{font-size:56px;color:#55788d}.empty h2,.error h2{font:400 28px Georgia,serif;margin:14px 0 10px}.empty p,.error p{color:var(--muted);max-width:580px;margin:0 auto 20px;line-height:1.6}.loading[hidden],.empty[hidden],.error[hidden],.data-view[hidden]{display:none}.skeleton{height:160px;background:linear-gradient(90deg,#15222c,#1c2b36,#15222c);margin:10px 0;border:1px solid var(--line)}.compare-grid{display:grid;grid-template-columns:220px repeat(var(--cols,1),minmax(210px,1fr));border:1px solid var(--line);background:var(--panel)}.compare-grid>div{padding:16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:54px}.compare-label{color:var(--muted);background:#101922}.compare-product{min-height:220px}.compare-product img{max-width:100%;height:120px;object-fit:contain;display:block;margin:auto}.compare-product h3{font-size:14px}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand-card,.search-card{background:var(--panel);border:1px solid var(--line);padding:20px}.brand-card button{width:100%;text-align:left;background:none;border:0;color:var(--ink);padding:0}.brand-logo{height:90px;background:#0f1821;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);margin-bottom:14px}.brand-detail{margin-top:16px;background:var(--panel);border:1px solid var(--line);padding:28px}.brand-detail[hidden]{display:none}.search-summary{color:var(--muted);font-size:13px}.search-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.search-card .image{height:150px;background:#0f1821;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted)}.search-card img{max-width:100%;max-height:100%;object-fit:contain}.meta{color:var(--muted);font-size:12px}.mobile-bottom{display:none}footer{border-top:1px solid var(--line);padding:34px max(4%,calc((100vw - 1370px)/2));display:flex;justify-content:space-between;color:var(--muted);font-size:12px;background:#0a1118}@media(max-width:800px){.utility,.desktop-nav,.head-actions{display:none}header{height:62px;padding:0 16px;gap:8px}.brand{font-size:19px}.logomark{width:29px;height:29px;font-size:24px}.search{display:none}.mobile-menu{display:block}main{padding:0 15px 85px}.hero{padding:24px;min-height:155px}.hero-mark{display:none}h1{font-size:32px}.lead{font-size:12px}.toolbar{align-items:stretch;flex-direction:column}.toolbar input,.toolbar select{width:100%;min-width:0}.brand-grid,.search-list{grid-template-columns:1fr 1fr}.compare-wrap{overflow:auto}.compare-grid{min-width:720px}.mobile-bottom{display:flex;position:fixed;z-index:5;bottom:0;left:0;right:0;height:64px;background:#0f1821;border-top:1px solid var(--line);justify-content:space-around}.mobile-bottom a{color:#cbd8df;text-decoration:none;font-size:11px;display:flex;align-items:center}footer{display:none}}@media(max-width:480px){.brand-grid,.search-list{grid-template-columns:1fr}}