:root{--orange:#ff8a3d;--ink:#181818;--cream:#f8f1e5;--paper:rgba(255,251,244,.94);--line:#dfd6c8;--muted:#6e6e6e}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:#f6efe4}
.fixed-hardware-bg{position:fixed;inset:0;z-index:-2;background:
linear-gradient(to bottom,rgba(255,249,239,.10),rgba(255,249,239,.25) 52%,rgba(248,241,229,.82))}
.fixed-hardware-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 28%,rgba(255,255,255,.04),rgba(255,246,232,.12) 50%,rgba(240,226,205,.20))}
.gpu-shape,.cpu-shape{display:none}
.site-header{height:82px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:32px;padding:0 max(28px,calc((100% - 1180px)/2));background:rgba(255,252,247,.93);backdrop-filter:blur(16px);border-bottom:1px solid #e7ded2}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;min-width:max-content}.hbmark{font-weight:1000;font-size:35px;letter-spacing:-7px}.hbmark b{color:var(--orange)}.brandwords{font-weight:900;font-size:14px;line-height:.98}.brandwords b{color:var(--orange)}
nav{display:flex;gap:25px;margin-left:auto}nav a{color:#292929;text-decoration:none;font-size:13px;font-weight:800}.menu{display:none;border:0;background:none;font-size:25px}
.hero{max-width:1180px;margin:auto;text-align:center;padding:78px 24px 24px}.eyebrow,.section-kicker{color:var(--orange);font-size:12px;letter-spacing:.2em;font-weight:900}.hero h1{font-size:clamp(45px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:18px auto 16px;max-width:900px}.hero h1 span{color:var(--orange);display:block}.lead{font-size:19px;color:#666;max-width:720px;margin:0 auto 22px}.trust{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.trust span,.evidence span{font-size:10px;font-weight:900;border:1px solid #e3d9cb;border-radius:20px;background:#fff;padding:8px 13px}
.compare-panel{margin:28px auto 0;padding:20px 28px 26px;max-width:1080px;background:rgba(255,252,247,.94);border:1px solid #ded4c6;border-radius:27px;box-shadow:0 22px 55px #4c35151f;backdrop-filter:blur(8px)}
.mode-tabs{display:flex;max-width:570px;margin:0 auto 20px;background:#eee8df;border-radius:18px;padding:4px}.mode{flex:1;border:0;border-radius:14px;padding:15px;font-weight:900;font-size:15px;background:transparent}.mode.active{background:var(--orange);color:white}
.selectors{display:grid;grid-template-columns:1fr 58px 1fr;align-items:end;gap:12px;text-align:left}.selectors label,.refine-row label{font-size:11px;letter-spacing:.12em;font-weight:900;color:#777}.selectors select,.refine-row select{display:block;width:100%;margin-top:7px;border:1px solid #ddd4c7;border-radius:18px;background:white;padding:16px;font-size:15px;font-weight:800;color:#222}.vs{text-align:center;color:var(--orange);font-size:20px;padding-bottom:15px}.refine-row{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:12px 70px 0;text-align:left}.refine-row select{padding:11px;font-size:12px}.compare-btn{margin-top:16px;border:0;border-radius:25px;background:var(--orange);color:white;padding:14px 30px;font-weight:900;letter-spacing:.04em}
.results-wrap{max-width:1080px;margin:20px auto;padding:28px;background:var(--paper);border:1px solid #ded4c6;border-radius:27px;box-shadow:0 22px 55px #4c35151a;backdrop-filter:blur(12px)}.results-head{display:flex;align-items:end;justify-content:space-between}.results-head h2{font-size:30px;margin:6px 0 16px}.results-head span{font-size:11px;color:#777;margin-bottom:20px}
.hardware-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hardware-card{background:#202020;color:#fff;border-radius:22px;padding:20px}.hardware-card .vendor{font-size:10px;letter-spacing:.18em;color:#ddd;font-weight:900}.hardware-card h3{font-size:24px;margin:10px 0 14px}.quick{display:flex;gap:7px;flex-wrap:wrap}.quick span{border:1px solid #555;border-radius:16px;padding:6px 9px;font-size:11px}.practical{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.practical div{background:#2d2d2d;border-radius:12px;padding:9px}.practical small{display:block;color:#aaa;font-size:9px}.practical b{font-size:15px;color:#fff}
.bars{margin-top:14px}.barrow{display:grid;grid-template-columns:125px 1fr 34px 1fr 34px;gap:10px;align-items:center;background:#fff;border:1px solid #e0d7ca;border-radius:18px;padding:10px 14px;margin:8px 0;font-size:13px;font-weight:850}.track{height:11px;border-radius:9px;background:#e8eee6;overflow:hidden}.fill{height:100%;border-radius:9px;background:linear-gradient(90deg,#e94f3d,#f1bd36 55%,#6eb04f)}.summary{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#222;color:#fff;border-radius:22px;padding:22px;margin-top:12px}.summary h3{font-size:22px;margin:5px 0}.summary b{color:#ff8a3d;font-size:11px;letter-spacing:.14em}.summary p{color:#ccc;font-size:13px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.spec{border:1px solid #ded4c6;background:#fffaf3;border-radius:20px;padding:18px}.spec h3{margin:0 0 10px}.spec dl{margin:0}.spec dl div{display:flex;justify-content:space-between;border-top:1px solid #e5ddd2;padding:9px 0;font-size:12px}.spec dt{color:#777}.spec dd{font-weight:800}.method-card{background:#eee6da;border-radius:20px;padding:20px;margin-top:18px}.method-card h3{margin:0 0 8px}.method-card p{color:#666;line-height:1.55;font-size:13px}.evidence{display:flex;gap:7px;flex-wrap:wrap}.evidence span{padding:6px 9px;background:#fff;font-size:8px}
.principles{max-width:1080px;margin:20px auto 55px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.principles article{background:rgba(255,251,244,.93);border:1px solid #ded4c6;border-radius:20px;padding:20px;backdrop-filter:blur(10px)}.principles b{color:var(--orange);font-size:10px;letter-spacing:.17em}.principles h3{margin:5px 0}.principles p{font-size:13px;color:#666;line-height:1.5}
footer{max-width:1080px;margin:auto;padding:24px 0 40px;border-top:1px solid #d8cfc3;display:flex;justify-content:space-between;color:#666;font-size:11px}
@media(max-width:760px){.site-header{height:70px;padding:0 18px}.brandwords{font-size:12px}nav{display:none}.menu{display:block;margin-left:auto}.hero{padding:48px 14px 16px}.hero h1{font-size:44px}.lead{font-size:16px}.trust span{font-size:8px}.compare-panel,.results-wrap{border-radius:22px;padding:16px;margin-left:10px;margin-right:10px}.selectors{grid-template-columns:1fr}.vs{text-align:center;padding:0}.refine-row{grid-template-columns:1fr;gap:8px;margin:10px 0}.hardware-cards,.spec-grid,.summary,.principles{grid-template-columns:1fr}.barrow{grid-template-columns:88px 1fr 28px}.barrow .track.b,.barrow .score.b{grid-column:auto}.barrow .track.b{grid-column:2}.barrow .score.b{grid-column:3}.barrow .label{grid-row:1/3}.results-head{display:block}.results-head span{display:block}.practical{grid-template-columns:repeat(3,1fr)}.principles{margin:15px 10px 35px}footer{padding:20px;display:block}footer span{display:block;margin:5px 0}}

.beta-note{margin:-4px 0 20px;padding:11px 14px;border:1px solid #f0c8ae;border-radius:14px;background:#fff5ed;color:#67402c;font-size:11px}.beta-note b{color:#ff8a3d;letter-spacing:.12em}


/* Hero clarity refinement
   Keeps the fixed hardware photograph visible while protecting text contrast. */
.hero{position:relative;isolation:isolate}
.hero:before{
  content:"";
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:50%;
  top:45%;
  width:min(900px,82vw);
  height:390px;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(ellipse at center,
      rgba(255,250,242,.97) 0%,
      rgba(255,250,242,.91) 32%,
      rgba(255,250,242,.70) 53%,
      rgba(255,250,242,.30) 70%,
      rgba(255,250,242,0) 84%);
  filter:blur(2px);
}
.hero .eyebrow,
.hero .kicker{position:relative;text-shadow:0 1px 10px rgba(255,250,242,.9)}
.hero h1{position:relative;text-shadow:0 1px 14px rgba(255,250,242,.68)}
.hero p,
.hero .hero-copy,
.hero .lede{
  position:relative;
  color:#4a4540;
  font-weight:500;
  text-shadow:0 1px 10px rgba(255,250,242,.98);
}
@media(max-width:760px){
  .hero:before{
    width:108vw;
    height:430px;
    top:47%;
    background:
      radial-gradient(ellipse at center,
        rgba(255,250,242,.98) 0%,
        rgba(255,250,242,.94) 38%,
        rgba(255,250,242,.72) 60%,
        rgba(255,250,242,.18) 82%,
        rgba(255,250,242,0) 94%);
  }
}

/* Winner-oriented comparison messaging */
.winner-badge{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.42rem .7rem;
  border-radius:999px;
  background:#fff2e8;
  border:1px solid #ffc7a8;
  color:#e94c0a;
  font-weight:800;
}


/* Mobile polish + manufacturer navigation */
.catalogue-tools{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:0 0 14px;text-align:left}
.catalogue-tools label{font-size:10px;letter-spacing:.12em;font-weight:900;color:#777;min-width:280px}
.catalogue-tools input{display:block;width:100%;margin-top:6px;border:1px solid #ddd4c7;border-radius:14px;background:#fff;padding:11px 13px;font-size:14px;color:#222;outline:none}
.catalogue-tools input:focus,.selectors select:focus,.refine-row select:focus{border-color:#ffb07c;box-shadow:0 0 0 3px rgba(255,138,61,.14)}
#catalogueMeta{font-size:10px;color:#777;text-align:right;line-height:1.4}
select optgroup{font-weight:900;color:#444;background:#f5eee4}select option{font-weight:650;color:#222;background:#fff}
.hardware-card,.spec,.barrow{min-width:0}.hardware-card h3,.spec h3,.spec dd{overflow-wrap:anywhere}
@media(max-width:760px){
  body{overflow-x:hidden}
  .site-header{height:64px;padding:0 14px;gap:12px}
  .hbmark{font-size:31px}.brandwords{font-size:11px}
  .site-header nav{display:none;position:absolute;top:64px;left:10px;right:10px;margin:0;padding:10px;background:rgba(255,252,247,.98);border:1px solid #e1d8cb;border-radius:16px;box-shadow:0 16px 40px rgba(0,0,0,.12);flex-direction:column;gap:0}
  .site-header nav.open{display:flex}.site-header nav a{padding:12px 14px;border-bottom:1px solid #eee6db}.site-header nav a:last-child{border:0}
  .hero{padding:30px 8px 12px}.hero h1{font-size:clamp(35px,11vw,48px);line-height:1.01;margin-top:12px}.eyebrow{font-size:9px}.lead{font-size:15px;line-height:1.45;padding:0 8px}
  .trust{gap:6px}.trust span{padding:6px 8px;font-size:7px}
  .compare-panel,.results-wrap{width:auto;margin-left:6px;margin-right:6px;padding:13px;border-radius:18px}
  .catalogue-tools{display:block;margin-bottom:12px}.catalogue-tools label{display:block;min-width:0}.catalogue-tools input{font-size:16px;padding:13px}#catalogueMeta{display:block;text-align:left;margin-top:7px}
  .mode-tabs{margin-bottom:14px}.mode{padding:12px 7px;font-size:12px}
  .selectors label,.refine-row label{font-size:10px}.selectors select,.refine-row select{font-size:16px;padding:13px 11px;border-radius:14px;max-width:100%}
  .vs{font-size:13px;font-weight:900;margin:2px 0}.compare-btn{width:100%;min-height:48px;font-size:13px}
  .hardware-card{padding:16px;border-radius:17px}.hardware-card h3{font-size:20px}.quick span{font-size:10px}
  .practical{grid-template-columns:1fr}.practical b{font-size:14px}
  .barrow{grid-template-columns:78px minmax(0,1fr) 28px;padding:9px 10px;gap:7px;font-size:11px}.track{height:10px}
  .summary{gap:10px;padding:16px}.summary h3{font-size:19px}.summary p{font-size:12px}
  .spec{padding:14px}.spec dl div{gap:12px}.spec dt{flex:0 0 40%}.spec dd{text-align:right;margin-left:auto}
  .method-card{padding:15px}.evidence{gap:5px}.evidence span{font-size:7px}
  .results-head h2{font-size:26px}.beta-note{font-size:10px;line-height:1.45}
  footer{margin:0 10px}
}
@media(max-width:380px){.brandwords{display:none}.hero h1{font-size:35px}.mode{font-size:11px}.barrow{grid-template-columns:68px minmax(0,1fr) 25px}.results-wrap{padding:10px}.trust span{font-size:6.5px}}
\n\n/* V1.0 release — user-selected CPU/GPU hardware background */
.fixed-hardware-bg{
  overflow:hidden;
  background:linear-gradient(to bottom,#fbf5eb 0%,#f7efe3 52%,#f2e7d7 100%);
}
.fixed-hardware-bg:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(to bottom,rgba(255,249,239,.10),rgba(255,249,239,.34) 52%,rgba(248,241,229,.88));
}
.fixed-hardware-bg:after{
  z-index:3;pointer-events:none;
  background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.18),rgba(255,246,232,.18) 48%,rgba(240,226,205,.28));
}
.fixed-hardware-bg img{position:absolute;display:block;pointer-events:none;user-select:none}
.bg-gpu{z-index:1;width:min(62vw,920px);height:auto;left:-5vw;top:95px;opacity:.34;transform:rotate(-3deg);filter:saturate(.78) contrast(.94)}
.bg-cpu{z-index:0;width:min(42vw,620px);height:auto;right:-1vw;top:92px;opacity:.26;mix-blend-mode:multiply;transform:rotate(5deg);filter:saturate(.72) contrast(.88)}
@media(max-width:760px){
  .bg-gpu{width:88vw;left:-30vw;top:95px;opacity:.25;transform:rotate(-6deg)}
  .bg-cpu{width:70vw;right:-25vw;top:110px;opacity:.19;transform:rotate(7deg)}
  .fixed-hardware-bg:before{background:linear-gradient(to bottom,rgba(255,249,239,.18),rgba(255,249,239,.42) 48%,rgba(248,241,229,.92))}
}

.track.unrated{position:relative;background:repeating-linear-gradient(135deg,#ece7df,#ece7df 8px,#f7f3ed 8px,#f7f3ed 16px);min-height:11px;overflow:visible}.track .pending{position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:8px;letter-spacing:.08em;color:#8a8176;white-space:nowrap}.unrated-score{font-size:9px!important;line-height:1.05;color:#786f64;min-width:64px}.barrow{grid-template-columns:125px minmax(0,1fr) 72px minmax(0,1fr) 72px}.beta-note{line-height:1.45}
@media(max-width:760px){.barrow{grid-template-columns:88px minmax(0,1fr) 66px}.barrow .track.b{grid-column:2}.barrow .score.b{grid-column:3}.track .pending{font-size:7px}.unrated-score{font-size:8px!important}}
@media(max-width:380px){.barrow{grid-template-columns:68px minmax(0,1fr) 60px}}

footer a{color:inherit;text-decoration:none}footer a:hover{color:var(--orange)}
.content-page{max-width:900px;margin:42px auto;padding:28px;background:var(--paper);border:1px solid #ded4c6;border-radius:24px;line-height:1.65}.content-page h1{font-size:clamp(34px,5vw,56px);letter-spacing:-.04em;margin:.2em 0}.content-page h2{margin-top:1.6em}.content-page .eyebrow{margin:0}.content-page p,.content-page li{color:#555}.content-page strong{color:#222}.status-pill{display:inline-block;padding:5px 9px;border:1px solid #e2d7c9;border-radius:999px;background:#fff;font-size:11px;font-weight:800}.content-page table{width:100%;border-collapse:collapse}.content-page th,.content-page td{text-align:left;border-bottom:1px solid #e4dbcf;padding:10px 8px;font-size:13px}@media(max-width:760px){.content-page{margin:16px 10px;padding:18px}.content-page table{display:block;overflow-x:auto}}
.source-row{margin-top:14px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.66);display:flex;gap:10px;justify-content:space-between;align-items:flex-start;font-size:.78rem}.source-row a{color:inherit;font-weight:800}.pending-source{opacity:.7}.vendor{letter-spacing:.06em}
@media(max-width:700px){.source-row{display:block}.source-row span{display:block;margin-top:4px}}

.catalogue-meta-only{justify-content:flex-end;align-items:center}.catalogue-meta-only #catalogueMeta{margin:0}

/* RC4 intelligence / public-data polish */
.key-differences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}
.diff-card{background:#fff;border:1px solid #ded4c6;border-radius:15px;padding:13px 14px;min-width:0}.diff-card small{display:block;color:#ff8a3d;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:5px}.diff-card b{font-size:13px;line-height:1.35}.diff-card span{display:block;color:#746b61;font-size:10px;margin-top:4px;line-height:1.35}.share-btn{border:1px solid #ddd4c7;background:#fff;border-radius:999px;padding:8px 12px;font:inherit;font-size:10px;font-weight:900;cursor:pointer}.share-btn:hover{border-color:#ffb07c}.data-state{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:900;border-radius:999px;padding:5px 8px}.data-state.verified{background:#eaf6e7;color:#3f7135}.data-state.partial{background:#fff3e7;color:#9a571e}.limited-note{font-size:10px;color:#7c7369;margin-top:8px}
@media(max-width:760px){.key-differences{grid-template-columns:1fr}.catalogue-meta-only{justify-content:space-between}.share-btn{flex:0 0 auto}}
/* RC5 public UX / quality gate */
.performance-empty{margin:14px 0;background:#f3ecdf;border:1px solid #ded4c6;border-radius:18px;padding:18px 20px;display:flex;justify-content:space-between;gap:20px;align-items:center}.performance-empty b{font-size:16px}.performance-empty span{font-size:12px;color:#6f675d;max-width:520px}.performance-title{display:flex;justify-content:space-between;align-items:end;margin:16px 2px 8px}.performance-title span{font-size:11px;color:#777}.decision-insights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.decision-insights article,.about-strip{background:rgba(255,251,244,.95);border:1px solid #ded4c6;border-radius:20px;padding:18px}.decision-insights b{color:#ff8a3d;font-size:9px;letter-spacing:.15em}.decision-insights h3{margin:6px 0;font-size:17px}.decision-insights p{font-size:12px;color:#666;line-height:1.5;margin:0}.compact-method{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.compact-method h3{margin:0}.compact-method p{flex:1 1 480px;margin:0}.method-link{font-weight:850;color:#1f1f1f;text-decoration:none;border:1px solid #d8cdbf;border-radius:999px;padding:9px 13px;background:#fff}.about-strip{max-width:1080px;margin:20px auto 55px;text-align:center}.about-strip h2{margin:0 0 6px}.about-strip p{margin:0;color:#666}.key-differences{grid-template-columns:repeat(4,minmax(0,1fr))}.spec dd{text-align:right;max-width:62%}.source-row a{color:#1f1f1f}.catalogue-meta-only #catalogueMeta{font-weight:700;color:#665f57}
@media(max-width:900px){.key-differences{grid-template-columns:repeat(2,1fr)}.decision-insights{grid-template-columns:1fr}}
@media(max-width:760px){.performance-empty{display:block}.performance-empty span{display:block;margin-top:6px}.key-differences{grid-template-columns:1fr}.about-strip{margin:15px 10px 35px}.compact-method{display:block}.method-link{display:inline-block;margin-top:10px}}

/* V9.02 Beta — unified spacing system retained from V9.01 visual master */
:root{
  --space-1:6px;--space-2:10px;--space-3:14px;--space-4:18px;
  --space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;
  --content:1080px;--radius-card:22px;--radius-panel:27px;
}
.hero{max-width:1180px;padding:var(--space-8) var(--space-5) var(--space-5)}
.compare-panel{max-width:var(--content);margin:var(--space-5) auto 0;padding:var(--space-5) var(--space-6);border-radius:var(--radius-panel)}
.catalogue-meta-only{margin:0 0 var(--space-3)}
.mode-tabs{margin:0 auto var(--space-5)}
.selectors{gap:var(--space-3)}
.compare-btn{margin-top:var(--space-4)}
.results-wrap{max-width:var(--content);margin:var(--space-5) auto;padding:var(--space-6);border-radius:var(--radius-panel)}
.results-head h2{margin:var(--space-1) 0 var(--space-4)}
.hardware-cards,.spec-grid{gap:var(--space-3)}
.hardware-card{padding:var(--space-5);border-radius:var(--radius-card)}
.hardware-card h3{margin:var(--space-2) 0 var(--space-3)}
.practical{gap:var(--space-2);margin-top:var(--space-3)}
.bars{margin-top:var(--space-4)}
.barrow{gap:var(--space-2);padding:var(--space-2) var(--space-3);margin:var(--space-2) 0}
.key-differences{gap:var(--space-2);margin:var(--space-4) 0}
.diff-card{padding:var(--space-3)}
.summary{gap:var(--space-5);padding:var(--space-5);margin-top:var(--space-3)}
.spec-grid{margin-top:var(--space-4)}
.spec{padding:var(--space-4);border-radius:20px}
.method-card{padding:var(--space-5);margin-top:var(--space-4)}
.decision-insights{gap:var(--space-3);margin-top:var(--space-4)}
.decision-insights article,.about-strip{padding:var(--space-4)}
.about-strip{max-width:var(--content);margin:var(--space-5) auto var(--space-7)}
footer{max-width:var(--content);padding:var(--space-5) 0 var(--space-7)}
.content-page{margin:var(--space-7) auto;padding:var(--space-6)}

@media(max-width:760px){
  :root{--space-5:20px;--space-6:24px;--space-7:36px;--space-8:44px}
  .hero{padding:var(--space-7) var(--space-3) var(--space-4)}
  .compare-panel,.results-wrap{margin-left:var(--space-2);margin-right:var(--space-2);padding:var(--space-3);border-radius:18px}
  .mode-tabs{margin-bottom:var(--space-3)}
  .selectors{gap:var(--space-2)}
  .hardware-card{padding:var(--space-4)}
  .summary,.spec,.method-card{padding:var(--space-4)}
  .key-differences,.decision-insights{gap:var(--space-2)}
  .about-strip{margin:var(--space-3) var(--space-2) var(--space-7)}
  footer{margin:0 var(--space-2);padding:var(--space-5) var(--space-2) var(--space-6)}
  .content-page{margin:var(--space-3) var(--space-2);padding:var(--space-4)}
}

/* V9.03 Beta — direct comparison + centred alignment pass */
:root{--hb-orange:#ff8a3d}
.hero,.compare-panel,.results-wrap,.about-strip,.summary,.method-card,.decision-insights article{text-align:center}
.site-header{justify-content:center;position:sticky;top:0;z-index:50}
.site-header .brand{position:absolute;left:max(18px,calc((100vw - 1180px)/2))}
.site-header nav{margin:0 auto}
.hero .lead{max-width:800px;margin-left:auto;margin-right:auto}
.catalogue-tools{align-items:center;justify-content:center;text-align:center;position:relative}
.catalogue-meta-only #catalogueMeta{text-align:center}
.catalogue-tools .share-btn{position:absolute;right:0}
.selectors{text-align:center;align-items:end}
.selectors label{display:block;text-align:center}
.results-head{display:block;text-align:center}
.results-head span{display:block;margin:-8px auto 18px}
.hardware-cards{text-align:center}
.hardware-card .vendor,.hardware-card h3,.hardware-card .quick,.hardware-card .practical{text-align:center;justify-content:center}
.hardware-card .practical>div{text-align:center}
.key-differences{text-align:center}
.diff-card{text-align:center}
.performance-title{display:block;text-align:center;margin-top:24px}
.performance-title span{display:block;margin-top:4px}
.barrow{grid-template-columns:118px minmax(0,1fr) 170px minmax(0,1fr);gap:14px;padding:13px 16px;text-align:center}
.barrow .label{font-size:14px;text-align:center}
.metric-side{display:grid;grid-template-columns:1fr 34px;gap:8px;align-items:center;min-width:0}
.metric-side small{grid-column:1/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#777;font-size:9px;font-weight:800}
.metric-side strong{font-size:14px}
.metric-verdict{font-size:11px;font-weight:900;color:#1f1f1f;background:#fff6ec;border:1px solid #f1d5c1;border-radius:999px;padding:7px 8px;line-height:1.15}
.summary{align-items:start}.summary>div{text-align:center}
.spec-grid{align-items:stretch}.spec{text-align:center}.spec dl div{align-items:center}.spec dt{text-align:left}.spec dd{text-align:right}
.source-row{text-align:center}.source-row span{text-align:center}
.compact-method{justify-content:center}.compact-method p{text-align:center}
footer{text-align:center;justify-content:center;gap:36px}

@media(max-width:900px){
 .site-header .brand{position:static;margin-right:auto}
 .barrow{grid-template-columns:90px minmax(0,1fr) 130px minmax(0,1fr)}
}
@media(max-width:760px){
 .site-header{justify-content:space-between}.site-header .brand{margin-right:0}.site-header .menu{margin-left:auto}
 .catalogue-tools{display:flex;flex-direction:column;gap:10px}.catalogue-tools .share-btn{position:static}
 .selectors label{text-align:center}
 .results-head span{margin-bottom:14px}
 .barrow{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px}
 .barrow .label{grid-column:1/-1;font-size:15px}
 .metric-side{grid-template-columns:1fr 34px;padding:8px;border:1px solid #eee3d5;border-radius:13px;background:#fff}
 .metric-verdict{grid-column:1/-1;grid-row:3;margin:0 auto;max-width:260px;width:100%}
 .metric-side small{white-space:normal;line-height:1.2;min-height:22px}
 .spec dt,.spec dd{text-align:center;max-width:none}.spec dl div{display:grid;grid-template-columns:1fr;gap:3px}
 .spec dt{font-size:10px}.spec dd{margin:0}
 .quick,.practical{justify-content:center}
 footer{display:block}
}

/* V1.0 Live Test Build 2 — grouped, aligned specification comparison + copy tools */
.spec-grid{display:block!important}
.spec-compare{border:1px solid #ded4c6;background:#fffaf3;border-radius:22px;overflow:hidden;text-align:left}
.spec-compare-head,.spec-compare-row{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1fr) minmax(0,1fr);align-items:stretch}
.spec-compare-head{background:#242424;color:#fff}
.spec-compare-head>div{padding:18px;border-left:1px solid rgba(255,255,255,.1)}
.spec-compare-head>div:first-child{border-left:0}.spec-compare-head span{font-size:9px;letter-spacing:.14em;color:#ff9a56;font-weight:900}.spec-compare-head h3{margin:5px 0 0;font-size:18px}.spec-product{display:flex;flex-direction:column;gap:5px;text-align:center;align-items:center;justify-content:center}.spec-product b{font-size:13px}.spec-product span{font-size:9px;color:#cfcfcf}.copy-specs,.copy-value{border:1px solid #d8cdbf;background:#fff;color:#222;border-radius:999px;font:inherit;font-weight:850;cursor:pointer}.copy-specs{padding:6px 10px;font-size:9px;margin-top:3px}.copy-value{width:25px;height:25px;padding:0;margin-left:7px;font-size:12px;flex:0 0 auto}.copy-specs:hover,.copy-value:hover{border-color:#ff9a56}
.spec-section-title{padding:9px 14px;background:#eee5d9;border-top:1px solid #ded4c6;color:#9a571e;font-size:9px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.spec-compare-row{border-top:1px solid #e5ddd2}.spec-compare-row>div{padding:10px 14px}.spec-label{color:#746b61;font-size:11px;font-weight:750;background:rgba(238,229,217,.35)}.spec-value{font-size:12px;font-weight:850;text-align:center;border-left:1px solid #e5ddd2;display:flex;align-items:center;justify-content:center;min-width:0;overflow-wrap:anywhere}.spec-value a{color:#222}.evidence-row{background:#fff}.evidence-row .spec-value{font-size:10px}
@media(max-width:760px){.spec-compare{overflow-x:auto}.spec-compare-head,.spec-compare-row{grid-template-columns:105px minmax(155px,1fr) minmax(155px,1fr);min-width:445px}.spec-compare-head>div,.spec-compare-row>div{padding:9px 8px}.spec-compare-head h3{font-size:14px}.spec-product b{font-size:11px}.spec-section-title{min-width:445px}.copy-value{width:23px;height:23px;margin-left:5px}.spec-label{font-size:10px}.spec-value{font-size:11px}}

/* V1.0 Live Test Build 3 — searchable hardware comboboxes */
.hardware-combobox{position:relative;margin-top:7px;text-align:left}
.hardware-search{display:block;width:100%;box-sizing:border-box;border:1px solid #ddd4c7;border-radius:18px;background:#fff;padding:16px 46px 16px 16px;font:inherit;font-size:15px;font-weight:800;color:#222;outline:none}
.hardware-search:focus{border-color:#ffb07c;box-shadow:0 0 0 3px rgba(255,138,61,.14)}
.combo-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:50%;background:transparent;font-size:18px;cursor:pointer;color:#333}
.combo-results{display:none;position:absolute;z-index:100;left:0;right:0;top:calc(100% + 6px);max-height:330px;overflow:auto;background:#fff;border:1px solid #ddd4c7;border-radius:16px;box-shadow:0 14px 36px rgba(36,28,20,.16);padding:6px}
.hardware-combobox.open .combo-results{display:block}
.combo-group{padding:8px 10px 5px;color:#a35a22;font-size:9px;font-weight:950;letter-spacing:.13em;text-transform:uppercase;position:sticky;top:0;background:#fff8f0;z-index:1}
.combo-option{display:block;width:100%;border:0;background:#fff;text-align:left;padding:10px 11px;border-radius:11px;cursor:pointer;color:#222}
.combo-option:hover,.combo-option.active{background:#fff0e5}
.combo-option strong{display:block;font-size:13px;line-height:1.2}.combo-option span{display:block;margin-top:3px;color:#756d64;font-size:10px;font-weight:650}
.combo-empty{padding:16px;text-align:center;color:#756d64;font-size:12px}
.native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;margin:0!important;padding:0!important}
@media(max-width:760px){.hardware-search{font-size:16px;padding:13px 43px 13px 11px;border-radius:14px}.combo-results{max-height:280px}}


/* Test Build 4 — non-regression merge: searchable selectors + restored factual comparison bars */
.compare-panel{position:relative;z-index:2;overflow:visible}
.compare-panel:focus-within{z-index:5000}
.hardware-combobox{z-index:3}
.hardware-combobox.open{z-index:10000}
.combo-results{z-index:10001!important;max-height:min(330px,45vh)}
.hardware-combobox.drop-up .combo-results{top:auto;bottom:calc(100% + 6px)}
.spec-ratio-title{margin-top:18px;padding-top:4px}
.spec-ratio-title b{color:#222}
.spec-ratio .metric-verdict{font-size:10px;line-height:1.25}
.spec-ratio .metric-verdict em{display:block;margin-top:4px;font-style:normal;font-weight:650;color:#83786c;font-size:8px}
.spec-ratio .fill{background:linear-gradient(90deg,#e94f3d,#f1bd36 55%,#6eb04f)}
@media(max-width:760px){.combo-results{max-height:min(280px,42vh)}.spec-ratio .metric-verdict{font-size:9px}}

/* V1.0 Live Test Build 10.1 — specification ratio alignment hotfix */
@media (min-width:761px){
  .spec-ratio.barrow{grid-template-columns:120px minmax(0,1fr) 176px minmax(0,1fr);column-gap:16px;align-items:center}
  .spec-ratio .metric-side{grid-template-columns:minmax(0,1fr) minmax(92px,118px);column-gap:12px;align-items:center}
  .spec-ratio .metric-side strong{min-width:0;text-align:center;line-height:1.25;overflow-wrap:normal;word-break:normal}
  .spec-ratio .metric-side small{min-width:0;text-align:center}
  .spec-ratio .metric-verdict{align-self:center;justify-self:stretch;min-width:0}
}
@media (max-width:900px) and (min-width:761px){
  .spec-ratio.barrow{grid-template-columns:92px minmax(0,1fr) 142px minmax(0,1fr);column-gap:10px}
  .spec-ratio .metric-side{grid-template-columns:minmax(0,1fr) minmax(78px,96px);column-gap:8px}
  .spec-ratio .metric-side strong{font-size:12px}
}
@media (max-width:760px){
  .spec-ratio.barrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}
  .spec-ratio .metric-side{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;gap:7px;align-content:start}
  .spec-ratio .metric-side small{grid-column:1;min-height:0}
  .spec-ratio .metric-side .track{grid-column:1;width:100%}
  .spec-ratio .metric-side strong{grid-column:1;text-align:center;line-height:1.25;overflow-wrap:normal;word-break:normal}
  .spec-ratio .metric-verdict{grid-column:1/-1;grid-row:auto;align-self:center}
}


/* V1.0 Live Test Build 13 — return-user foundation */
.return-tools,.upgrade-advisor{margin:0 0 18px;background:rgba(255,250,242,.97);border:1px solid #ded4c6;border-radius:20px;padding:18px;text-align:left}
.return-head{display:flex;justify-content:space-between;gap:18px;align-items:center}.return-head span,.upgrade-head span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#ff7b28}.return-head h3{margin:5px 0 0;font-size:15px}.return-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.return-actions button,.recent button{border:1px solid #d8cdbf;background:#fff;border-radius:999px;padding:8px 11px;font-weight:800;font-size:10px;cursor:pointer}.recent{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px;padding-top:12px;border-top:1px solid #e6ddd1}.recent>b{font-size:10px;color:#71685f;margin-right:3px}.recent button span{color:#ff7b28;margin:0 3px}.upgrade-advisor{margin-top:16px}.upgrade-head{text-align:center}.upgrade-head h2{margin:5px 0 5px;font-size:23px}.upgrade-head p{margin:0 auto 14px;max-width:760px;color:#6b635a;font-size:12px;line-height:1.5}.upgrade-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.upgrade-cols article{background:#fff;border:1px solid #e4dbcf;border-radius:15px;padding:14px}.upgrade-cols article>b{font-size:9px;letter-spacing:.13em;color:#ff7b28}.upgrade-cols p,.upgrade-cols li{font-size:11px;color:#615a53;line-height:1.45}.upgrade-cols ul{margin:8px 0 0;padding-left:17px}.upgrade-cols li+li{margin-top:5px}
.hardware-card .practical b{line-height:1.25;overflow-wrap:anywhere}.hardware-card .practical small{min-height:22px}
@media(max-width:760px){.return-head{display:block}.return-actions{justify-content:flex-start;margin-top:12px}.upgrade-cols{grid-template-columns:1fr}.return-tools,.upgrade-advisor{padding:14px}.recent{align-items:stretch}.recent button{width:100%;text-align:left}}


/* V1.0 Live Test Build 18 — retention + navigation */
.result-nav{position:sticky;top:74px;z-index:80;display:flex;gap:7px;justify-content:center;flex-wrap:wrap;margin:0 0 18px;padding:9px 10px;background:rgba(255,250,242,.94);border:1px solid #ded4c6;border-radius:16px;backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(50,39,28,.06)}
.result-nav button{border:1px solid #ddd2c4;background:#fff;border-radius:999px;padding:8px 13px;font:inherit;font-size:10px;font-weight:850;color:#292521;cursor:pointer}.result-nav button:hover{border-color:#ff9a56;background:#fff4eb}
#bars,#upgradeAdvisor,#specShell,#results{scroll-margin-top:138px}
.spec-shell{margin:16px 0 18px;border:1px solid #ded4c6;border-radius:20px;background:rgba(255,250,242,.97);overflow:hidden}
.spec-shell-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px}.spec-shell-head span{font-size:9px;font-weight:900;letter-spacing:.16em;color:#ff7b28}.spec-shell-head h2{font-size:19px;margin:4px 0 0}.spec-shell-head button{border:1px solid #d8cdbf;background:#fff;border-radius:999px;padding:9px 13px;font:inherit;font-size:10px;font-weight:850;cursor:pointer}.spec-shell-head button:hover{border-color:#ff9a56}
.spec-shell .spec-grid{margin:0;border-top:1px solid #e4dbcf}.spec-shell .spec-grid.is-collapsed{display:none!important}
.spec-ratio-empty{margin-top:10px}.spec-ratio-empty .spec-ratio-title{margin-top:8px}.spec-ratio-empty .performance-empty{padding:14px 20px;min-height:0}
@media(max-width:760px){.result-nav{top:62px;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.result-nav button{white-space:nowrap}.spec-shell-head{display:block}.spec-shell-head button{margin-top:11px;width:100%}}

/* V1.0 release-candidate hardware pages */
.hardware-page{max-width:1080px;margin:0 auto;padding:72px 24px 90px}.hardware-detail{background:#fffaf2;border:1px solid #dfd2c0;border-radius:24px;padding:38px;box-shadow:0 18px 45px rgba(44,34,24,.08)}.hardware-detail h1{font-size:clamp(2rem,5vw,3.4rem);margin:.2em 0}.hardware-status{display:inline-block;border:1px solid #d6c7b4;border-radius:999px;padding:7px 12px;font-weight:700}.hw-spec-list{margin:28px 0;border-top:1px solid #ded2c2}.hw-spec-row{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:20px;padding:14px 4px;border-bottom:1px solid #e5dacb}.hw-spec-row span{color:#6b6258}.hw-spec-row strong{text-align:right}.hardware-page-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:26px}.hw-compare-link{display:inline-block;width:auto;text-decoration:none}.card-detail-link{display:inline-block;margin-top:12px;color:#ff7a2d;font-weight:800;text-decoration:none}.policy-page{max-width:980px;margin:0 auto;padding:70px 24px 90px}.policy-card{background:#fffaf2;border:1px solid #dfd2c0;border-radius:24px;padding:38px}.policy-card h1{font-size:clamp(2rem,5vw,3.2rem)}.policy-card h2{margin-top:30px}@media(max-width:650px){.hardware-page,.policy-page{padding:38px 14px 60px}.hardware-detail,.policy-card{padding:24px 18px}.hw-spec-row{grid-template-columns:1fr;gap:5px}.hw-spec-row strong{text-align:left}}

/* V1.0.1: empty-by-default comparison; no rendered results until two selections. */
[hidden]{display:none!important}
.compare-hint{font-size:13px;font-weight:700;color:#a94320;margin:12px auto 0}
.share-btn:disabled{opacity:.55;cursor:not-allowed}