:root{--ink:#20221f;--muted:#656962;--paper:#f5f5ef;--orange:#ff5b18;--line:#dfe1d9;--blue:#244bdc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{max-width:1440px;margin:auto;height:98px;padding:0 5%;display:flex;align-items:center;gap:30px;background:var(--paper)}.logo{font-size:25px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;white-space:nowrap}.logo>span:not(.logo-icon){font-weight:400}.logo-icon{display:inline-flex;justify-content:center;align-items:center;background:var(--orange);color:#fff;width:37px;height:40px;border-radius:9px;margin-right:10px;font-size:36px;transform:rotate(-5deg)}.logo sup{font-size:9px;letter-spacing:.2px;font-weight:500;align-self:flex-start;margin:0 0 0 8px;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:4px}nav{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:600}nav a:hover{color:var(--orange)}.small-button{border:1px solid var(--line);background:transparent;padding:12px 17px;border-radius:7px;font-size:13px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:#fff}.hero-copy{padding:58px 8% 38px 10%}.eyebrow{font-size:11px;letter-spacing:1.6px;font-weight:800;line-height:1.6}.hero .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(40px,4.2vw,65px);font-weight:800;letter-spacing:-3px;line-height:1.04;margin:24px 0}h1 em{font-style:normal;color:var(--orange);display:block}.hero p{font-size:17px;color:var(--muted);line-height:1.65;max-width:420px}.primary{background:var(--orange);border:0;color:#fff;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:18px 24px;font-weight:700;font-size:14px;min-height:52px}.primary:hover{background:#e6490a}.primary span{font-size:22px;line-height:16px}.hero .primary{margin-top:16px}.hero-foot{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);margin-top:34px}.mini-battery{color:var(--orange);font-size:24px}.hero-photo{position:relative;overflow:hidden;background:#ff6c00}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:42% center}.photo-stamp{position:absolute;right:24px;top:25px;font-size:10px;letter-spacing:1px;line-height:1.8;background:#f7ee8e;padding:12px 17px;transform:rotate(4deg);box-shadow:0 4px 15px #0001}.photo-note{position:absolute;bottom:14px;right:15px;color:#fff;font-size:10px;background:#0006;padding:5px 7px;border-radius:3px}.finder{position:relative;max-width:1170px;margin:32px auto 0;padding:27px 30px;background:white;border-radius:14px;box-shadow:0 8px 25px #262b2008;border:1px solid var(--line)}.finder-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.finder h2{font-size:22px;margin:0;letter-spacing:-.6px}.tabs{display:flex;background:var(--paper);padding:4px;border-radius:7px;gap:3px}.tabs button{border:0;background:none;padding:11px 15px;font-size:12px;border-radius:5px;color:var(--muted)}.tabs button.active{background:var(--ink);color:white}form{display:flex;gap:10px}.search-field{display:flex;align-items:center;gap:12px;border:1px solid #d0d4c8;border-radius:7px;flex:1;min-width:0;padding:0 15px;background:#fafbf8}.search-field>span{font-size:32px;color:#858a7d}.search-field input{width:100%;border:0;outline:0;background:none;padding:18px 0;min-width:0;font-size:14px}.suggestions{display:flex;align-items:center;gap:10px;margin-top:15px;font-size:12px;color:var(--muted);flex-wrap:wrap}.suggestions button{border:0;border-bottom:1px dashed #abb2a2;background:none;padding:3px 0;color:var(--ink);font-size:12px}.finder-note{font-size:11px;line-height:1.6;color:var(--muted);margin:13px 0 0}.section{max-width:1170px;margin:75px auto}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}h2{font-size:38px;line-height:1.1;letter-spacing:-1.4px;margin:12px 0 0}.counter,.pill{font-size:12px;border:1px solid #cfd3c7;border-radius:30px;padding:9px 14px;white-space:nowrap}.section-intro{color:var(--muted);font-size:15px;line-height:1.65;max-width:740px;margin:20px 0 25px}.stores{display:flex;gap:8px;overflow:auto;padding-bottom:12px}.stores button{border:1px solid var(--line);background:white;border-radius:6px;white-space:nowrap;padding:12px 17px;font-size:13px}.stores button.active{background:var(--ink);color:white;border-color:var(--ink)}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);margin:9px 0 18px}.text-button{border:0;background:none;color:inherit;font-size:12px;padding:10px 0}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand-card{background:white;border:1px solid var(--line);border-radius:10px;text-align:left;padding:23px;min-height:183px;position:relative;transition:transform .18s,box-shadow .18s}.brand-card:hover{transform:translateY(-3px);box-shadow:0 9px 25px #0000000c;border-color:#a4aa9b}.brand-wordmark{font-weight:900;font-size:25px;font-style:italic;letter-spacing:-.8px;display:block;margin:12px 0 19px;color:var(--brand,#20221f)}.brand-card small{display:block;font-size:10px;line-height:1.6;color:var(--muted)}.brand-card p{margin:0 24px 7px 0;font-size:12px;line-height:1.5}.card-arrow{position:absolute;right:19px;bottom:21px;color:#666;font-size:20px}.brand-status{font-size:9px;letter-spacing:.5px;color:#70766b}.outline-button{display:block;margin:24px auto 0;background:transparent;border:1px solid #bfc5b6;padding:14px 24px;border-radius:7px;font-size:13px}.coverage-note{font-size:11px;color:var(--muted);line-height:1.65;margin:24px 0 0;max-width:920px}.compare{background:#e9eddf;border-radius:15px;padding:42px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px}.compare h2{font-size:37px}.compare p{font-size:14px;line-height:1.7;color:#5d6553}.compare-fields{display:flex;align-items:center;gap:12px;margin:25px 0 18px}.compare-fields label{font-size:11px;color:#52594b;flex:1;min-width:0}.compare-fields select{display:block;margin-top:8px;width:100%;min-width:0;border:1px solid #c6ceba;border-radius:7px;background:white;padding:13px 8px;font-size:12px;color:var(--ink)}.compare-fields>span{padding-top:20px}.compare-result{background:#fff;border-radius:12px;padding:30px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;border:1px solid #dce2d2}.result-icon{width:46px;height:46px;background:#f3f0d2;color:#7c6c20;display:flex;align-items:center;justify-content:center;font-size:24px;border-radius:50%;margin-bottom:22px}.compare-result h3{font-size:26px;line-height:1.15;letter-spacing:-.7px;margin:14px 0 4px}.compare-result .eyebrow{font-size:9px}.compare-result a{font-size:12px;border-bottom:1px solid #bbb;line-height:1.6}.accessory-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px;margin-top:30px}.accessory-photo{position:relative;min-height:440px;overflow:hidden;border-radius:11px;background:var(--blue)}.accessory-photo img{width:100%;height:100%;object-fit:cover}.accessory-photo>span{position:absolute;left:24px;bottom:23px;color:#fff;font-weight:700;font-size:11px;letter-spacing:1px;background:#0008;padding:8px}.accessory-layout p{color:var(--muted);line-height:1.7;font-size:15px;margin-top:0}.accessory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.accessory-grid button{text-align:left;border:1px solid var(--line);border-radius:7px;padding:13px;background:#fff;font-size:12px;min-height:70px}.accessory-grid button.active{background:var(--blue);border-color:var(--blue);color:white}.accessory-grid button span{display:block;font-size:10px;margin-top:8px;opacity:.7}.accessory-guide{padding:20px 0 0}.accessory-guide h3{font-size:18px;margin:0 0 10px}.accessory-guide ul{padding-left:18px;font-size:13px;line-height:1.75;color:#555d50}.accessory-guide a{font-size:12px;text-decoration:underline}.accessory-guide .note{font-size:11px;margin-top:13px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:36px}.how-grid article{border-top:1px solid #b7beaf;padding-top:20px}.how-grid article>span{font-family:monospace;font-size:14px;color:var(--orange)}.how-grid h3{font-size:20px;margin:22px 0 12px;letter-spacing:-.4px}.how-grid p{font-size:14px;color:var(--muted);line-height:1.7}.bottom-strip{padding:40px max(5%,calc((100% - 1170px)/2));background:var(--ink);color:white;display:flex;justify-content:space-between;align-items:center;gap:25px}.bottom-strip h2{font-size:32px;margin:0}.bottom-strip h2 span{color:#b6bdae}footer{max-width:1170px;margin:35px auto;display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:11px;color:var(--muted);line-height:1.6}dialog{border:0;border-radius:16px;max-width:650px;width:calc(100% - 30px);padding:36px;max-height:85vh;overflow:auto;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#20282088;backdrop-filter:blur(3px)}.close{position:absolute;right:15px;top:10px;background:none;border:0;font-size:30px;color:#666}.dialog-title{font-size:32px;font-weight:800;margin:9px 0 17px}.dialog-body{font-size:14px;line-height:1.7;color:#555}.dialog-body a{color:#2345b1;overflow-wrap:anywhere;text-decoration:underline}.dialog-body h3{font-size:16px;color:var(--ink);margin-bottom:7px}.dialog-body ul{padding-left:20px}.dialog-body .warning{border-left:3px solid var(--orange);padding-left:14px}.empty{grid-column:1/-1;padding:30px;background:white;border:1px dashed var(--line);line-height:1.6;border-radius:8px} [hidden]{display:none!important}
@media(min-width:1500px){.hero{border-radius:15px;overflow:hidden}}@media(max-width:1250px){.section,.finder,footer{margin-left:5%;margin-right:5%}.hero-copy{padding-left:10%;padding-right:6%}header nav{gap:15px}.logo sup{display:none}.hero{min-height:550px}.compare{gap:28px;padding:30px}.brand-wordmark{font-size:22px}}@media(max-width:900px){nav{display:none}.small-button{margin-left:auto}.hero{min-height:490px}h1{font-size:45px}.hero-copy{padding-top:40px}.hero p{font-size:15px}.hero-foot{font-size:10px}.photo-stamp{font-size:8px;right:12px}.brand-grid{grid-template-columns:repeat(3,1fr)}.brand-card{padding:18px}.finder-top{align-items:flex-start;gap:20px}.finder{padding:24px}.compare{grid-template-columns:1fr 1fr;gap:20px}.compare h2{font-size:31px}.compare-fields{flex-direction:column;align-items:stretch}.compare-fields>span{display:none}.compare-result{padding:22px}.accessory-layout{gap:24px;grid-template-columns:.8fr 1.2fr}.accessory-grid{grid-template-columns:repeat(2,1fr)}h2{font-size:33px}footer{flex-wrap:wrap}.how-grid{gap:22px}}@media(max-width:620px){header{height:76px;padding:0 5%}.logo{font-size:22px}.small-button{font-size:11px;padding:10px}.hero{display:flex;flex-direction:column}.hero-copy{padding:33px 6%}.hero .eyebrow{font-size:9px}h1{font-size:44px;letter-spacing:-2px;margin:19px 0}.hero p{font-size:15px;margin-bottom:15px}.hero .primary{margin-top:6px}.hero-foot{margin-top:22px;font-size:11px}.hero-photo{height:300px}.hero-photo img{object-position:center 54%}.photo-stamp{font-size:9px;top:20px;right:20px}.finder{margin-top:22px;padding:20px}.finder-top{display:block}.tabs{margin-top:15px}.tabs button{flex:1;padding:10px 7px;font-size:10px}.finder form{flex-direction:column}.search-field input{font-size:12px;padding:17px 0}.finder .primary{min-height:47px;padding:13px}.suggestions{font-size:10px;gap:9px}.suggestions button{font-size:11px}.section{margin-top:50px;margin-bottom:50px}.section-top{align-items:flex-start;flex-direction:column;gap:15px}h2{font-size:31px;letter-spacing:-1px}.eyebrow{font-size:9px}.section-intro{font-size:13px}.counter{font-size:11px;padding:7px 11px}.stores button{padding:10px 14px;font-size:12px}.brand-grid{grid-template-columns:repeat(2,1fr);gap:9px}.brand-card{padding:15px;min-height:170px}.brand-wordmark{font-size:22px;margin:13px 0 16px;overflow-wrap:anywhere}.brand-card p{font-size:11px}.brand-card small{font-size:9px}.brand-status{font-size:8px}.card-arrow{right:12px;bottom:18px}.catalog-toolbar{font-size:11px}.text-button{font-size:11px}.compare{display:block;padding:24px}.compare-fields{flex-direction:row}.compare-result{margin-top:24px;padding:25px}.compare-result h3{font-size:24px}.compare-result p{margin-bottom:15px}.accessory-layout{display:flex;flex-direction:column}.accessory-photo{min-height:0;height:270px}.accessory-photo img{object-position:center}.accessory-grid{grid-template-columns:repeat(3,1fr)}.accessory-grid button{font-size:11px;padding:12px 9px}.accessory-grid button span{font-size:9px}.how-grid{grid-template-columns:1fr;gap:20px;margin-top:28px}.how-grid article{display:grid;grid-template-columns:30px 1fr;gap:0 12px}.how-grid h3{margin:0 0 6px;font-size:18px}.how-grid p{grid-column:2;margin:0}.bottom-strip{padding:30px 6%;display:block}.bottom-strip h2{font-size:25px}.bottom-strip .primary{margin-top:25px}footer{display:block}footer p{margin:24px 0 8px}dialog{padding:30px 22px}.dialog-title{font-size:27px}.dialog-body{font-size:13px}}

.model-list{border-top:1px solid #cbd1c1}.model-row{display:grid;grid-template-columns:1.2fr 1fr .7fr;align-items:center;gap:24px;padding:19px 4px;border-bottom:1px solid #dce1d4}.model-row small{font-size:10px;color:#747b6d}.model-row h3{font-size:16px;margin:6px 0}.model-row>span{font-size:13px;color:#555e4d}.model-row a{font-size:11px;text-decoration:underline}.model-row>div:last-child{text-align:right}@media(max-width:620px){.model-row{grid-template-columns:1fr 1fr;gap:9px 15px}.model-row>div:last-child{grid-column:1/-1;text-align:left}.model-row h3{font-size:14px}.model-row>span{font-size:11px}}

/* Upright favicon mark and stacked wordmark */
.logo{gap:12px;letter-spacing:0;align-items:center}.brand-mark{width:49px;height:49px;display:block;flex-shrink:0}.brand-name{display:flex;flex-direction:column;line-height:1;gap:3px}.logo .brand-name>span{font-size:11px;font-weight:800;letter-spacing:4px}.brand-name strong{font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:900;letter-spacing:-1px}.tool-label{display:block;font-size:13px;font-weight:700;margin:5px 0 10px}.tool-select{width:100%;border:1px solid #cbd1c4;border-radius:7px;padding:14px;background:white;color:var(--ink);font-size:14px;margin-bottom:15px}.card-arrow{display:none}.primary{gap:0}.primary span:empty{display:none}.hero h1{font-size:clamp(40px,4vw,61px)}@media(max-width:620px){.brand-mark{height:43px;width:43px}.brand-name strong{font-size:23px}.logo .brand-name>span{font-size:10px;letter-spacing:3.8px}.hero h1{font-size:42px}.tool-select{font-size:13px}.hero-copy{padding-top:30px}}

/* Preserve the source image ratio without colored filler bands */
.hero{min-height:0;align-items:center;grid-template-columns:.9fr 1.1fr}
.hero-photo{display:block;align-self:center;aspect-ratio:3/2;height:auto;min-width:0;padding:0;background:transparent}
.hero-photo img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.hero-copy{padding-top:36px;padding-bottom:36px}
.hero-image-note{display:block;margin-top:14px;color:var(--muted);font-size:10px;line-height:1.5}
@media(max-width:620px){.hero-photo{height:auto;width:100%;padding:0}.hero-copy{padding-top:30px;padding-bottom:28px}}

.support-link{font-size:13px;line-height:1.7;display:inline-block}.support-link:hover{color:var(--orange)}@media(max-width:620px){.support-link{display:block;margin:18px 0}}

.hero .hero-intro{max-width:none;font-size:clamp(14px,1.2vw,17px);line-height:1.65}

.model-detail{border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:10px 16px;font:inherit;cursor:pointer}.model-detail:hover{background:#fff0e6}.model-row small{display:block;line-height:1.5}
.catalog-link{width:fit-content;text-align:center}.catalog-page{margin-top:35px}.catalog-page h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px}.catalog-tabs{display:flex;gap:8px;margin:25px 0}.catalog-tabs button,.pagination button{border:1px solid var(--line);border-radius:8px;padding:13px 20px;background:white;color:var(--ink)}.catalog-tabs button.active{background:var(--ink);color:white}.catalog-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;background:#fff;padding:23px;border:1px solid var(--line);border-radius:12px}.catalog-filters .wide{grid-column:1/-1}.catalog-filters label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;min-width:0}.catalog-filters input,.catalog-filters select{padding:13px 10px;background:#fafbf8;color:var(--ink);border:1px solid #d0d4c8;border-radius:6px;min-width:0;width:100%}.catalog-page .catalog-toolbar{margin:25px 0 18px;gap:12px;flex-wrap:wrap}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.product-card{display:flex;flex-direction:column;padding:24px;border-radius:11px;border:1px solid var(--line);background:white;min-width:0}.product-card h2{font-size:23px;letter-spacing:-.6px;line-height:1.25;overflow-wrap:anywhere;margin:12px 0}.product-card p{font-size:13px;line-height:1.65;overflow-wrap:anywhere;margin:8px 0}.product-card small{font-size:11px;color:var(--muted);line-height:1.5;margin-top:auto;padding-top:15px}.product-card button{background:transparent;border:1px solid #c4c9bd;border-radius:6px;padding:12px;margin-top:16px;text-align:center;color:var(--ink)}.product-card button:hover{background:#fff0e6}.product-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.evidence-badge{font-size:10px!important;font-weight:700;color:#42543a;background:#eef2e8;padding:7px 10px;display:inline-block;align-self:flex-start;border-radius:5px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin:30px auto;font-size:14px}.pagination button:disabled{opacity:.4;cursor:default}#catalogCount{scroll-margin-top:20px}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.catalog-filters{padding:17px;gap:12px}.catalog-filters label{font-size:11px}.catalog-filters input,.catalog-filters select{font-size:13px}.product-grid{grid-template-columns:1fr}.catalog-tabs button{font-size:12px;padding:12px}.product-card{padding:20px}.catalog-page h1{font-size:34px}.pagination{display:flex}.catalog-page .catalog-toolbar>span{font-size:11px}}

/* Long model suffixes and evidence URLs must wrap inside dialogs. */
.dialog-body,.dialog-title,#compareResult{overflow-wrap:anywhere;min-width:0}select{max-width:100%}