:root{--bg:#f7f8fa;--surface:#fff;--text:#17202a;--muted:#5f6b76;--line:#dfe4e8;--accent:#2463eb;--accent2:#163f9e;--radius:18px;--shadow:0 12px 35px rgba(20,30,50,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5}a{color:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.narrow{max-width:850px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:10px;z-index:20}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-row{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:800}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent);color:#fff}.site-header nav{display:flex;gap:22px}.site-header nav a{text-decoration:none;font-weight:650}.hero{background:linear-gradient(180deg,#fff,#eef3ff);border-bottom:1px solid var(--line)}.hero-inner{padding:72px 0 64px;text-align:center}.hero h1{font-size:clamp(2.3rem,6vw,4.8rem);line-height:1.02;max-width:850px;margin:10px auto 18px;letter-spacing:-.045em}.hero-copy{font-size:1.2rem;color:var(--muted);margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800;color:var(--accent2)}.search-box,.ask-row{display:flex;gap:8px}.search-box{max-width:820px;margin:0 auto}.search-box input,.ask-row input{flex:1;border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px 18px;font:inherit;font-size:1rem;box-shadow:var(--shadow)}button{border:0;border-radius:14px;padding:0 24px;background:var(--accent);color:#fff;font:inherit;font-weight:750;cursor:pointer}.ask-box{max-width:820px;margin:22px auto 0;text-align:left}.ask-box label{font-weight:750;display:block;margin-bottom:7px}.ask-box.standalone{margin:26px 0}.section{padding:56px 0}.section-muted{background:#eef1f4}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:3px 0;font-size:2rem}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.category-card{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;text-decoration:none;box-shadow:var(--shadow)}.category-icon{flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e9efff;color:var(--accent2);font-weight:900}.category-card strong,.product-card strong{display:block;font-size:1.05rem}.category-card small,.product-card small{display:block;color:var(--muted);margin-top:5px}.feature-grid,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article,.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.product-card{text-decoration:none}.brand-cloud,.brand-directory{display:flex;flex-wrap:wrap;gap:10px}.brand-cloud a,.brand-directory a{background:#fff;border:1px solid var(--line);border-radius:999px;padding:9px 14px;text-decoration:none}.brand-directory a{border-radius:12px;min-width:160px}.answer-panel{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.candidate-list{display:grid;gap:10px}.candidate{border:1px solid var(--line);border-radius:12px;padding:14px}.candidate small{display:block;color:var(--muted)}.suggestion{background:#fff6d8;padding:12px;border-radius:10px}.compact{margin:20px 0 30px}.site-footer{padding:35px 0;border-top:1px solid var(--line);color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.site-header nav{gap:10px;font-size:.9rem}.category-grid,.feature-grid,.product-grid{grid-template-columns:1fr}.search-box,.ask-row{flex-direction:column}.search-box button,.ask-row button{min-height:50px}.hero-inner{padding:48px 0}.section{padding:40px 0}}

.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:28px}.breadcrumbs a{color:var(--accent2)}
.product-hero{display:grid;grid-template-columns:1.5fr .5fr;gap:30px;align-items:center}.product-hero h1,.brand-hero h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:6px 0 14px}.identity-row{display:flex;gap:10px;flex-wrap:wrap}.identity-row span{background:#eef1f4;border-radius:999px;padding:7px 11px;font-size:.85rem}.media-panel{min-height:190px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);display:grid;place-items:center;box-shadow:var(--shadow)}.media-placeholder{font-weight:900;color:var(--muted)}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.detail-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.detail-card h2{margin-top:0}.spec-list{margin:0}.spec-list div{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-bottom:1px solid var(--line);padding:10px 0}.spec-list dt{font-weight:700}.spec-list dd{margin:0;text-align:right}.compat-table{display:grid;gap:10px}.compat-row{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:20px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}.compat-row strong,.compat-row small{display:block}.compat-status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:.82rem;font-weight:800}.compat-compatible{background:#e7f7ed;color:#176534}.compat-incompatible{background:#fdeaea;color:#9f2020}.compat-partial,.compat-requires_adapter,.compat-requires_modification,.compat-disputed{background:#fff4d8;color:#805b00}.compat-unknown{background:#edf0f2;color:#4c5964}.rating-number{font-size:2.5rem;font-weight:900;margin:.2em 0}.brand-hero{padding:60px 0;background:linear-gradient(180deg,#fff,#eef3ff);border-bottom:1px solid var(--line)}.brand-copy{max-width:800px}.brand-product-group{margin-top:44px}.muted{color:var(--muted)}
@media(max-width:720px){.product-hero,.detail-grid,.compat-row{grid-template-columns:1fr}.spec-list div{grid-template-columns:1fr}.spec-list dd{text-align:left}.media-panel{min-height:120px}}
.product-main-image{display:block;max-width:100%;max-height:420px;object-fit:contain;border-radius:14px}