/* ============================================================
   RelyScore - Feuille de style partagee (relyscore.css)
   Sunset Design System - CSS commun a toutes les pages.
   ============================================================ */

:root{--orange:#F97316;--magenta:#EC4899;--purple:#8B5CF6;--ink:#0F172A;--cream:#FFF8EB;--orange-50:#FFF7ED;--orange-300:#FDBA74;--orange-400:#FB923C;--orange-600:#EA580C;--magenta-50:#FDF2F8;--magenta-600:#DB2777;--purple-50:#F5F3FF;--purple-300:#C4B5FD;--purple-400:#A78BFA;--purple-700:#6D28D9;--pearl:#F1F5F9;--pearl-200:#E2E8F0;--pearl-300:#CBD5E1;--pearl-100:#F8FAFC;--text-1:#1A1A1A;--text-2:#52525B;--text-3:#5B5B66;--positive:#00875A;--alarm:#B45309;--negative:#DC2626;--sunset:linear-gradient(135deg,#F97316 0%,#EC4899 50%,#8B5CF6 100%);--sunset-h:linear-gradient(90deg,#F97316 0%,#EC4899 50%,#8B5CF6 100%);--sunset-inv:linear-gradient(135deg,#8B5CF6 0%,#EC4899 50%,#F97316 100%);--grad-meta:linear-gradient(135deg,#F97316 0%,#EC4899 100%);--grad-run:linear-gradient(135deg,#EC4899 0%,#8B5CF6 100%);--grad-score-bar:linear-gradient(90deg,#FDBA74 0%,#F97316 33%,#EC4899 66%,#8B5CF6 100%);--head:'Outfit',-apple-system,BlinkMacSystemFont,sans-serif;--body:'DM Sans',-apple-system,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--r-pill:100px;--r-xl:16px;--r-lg:12px;--r-sm:6px;--sh-orange:0 8px 24px rgba(249,115,22,.35);--sh-violet:0 4px 16px rgba(139,92,246,.3);--sh-soft:0 2px 8px rgba(0,0,0,.06)}

/* --- Animations --- */
@keyframes gaugeFill{to{stroke-dashoffset:0}}
@keyframes gaugeNeedle{0%{transform:rotate(-90deg)}100%{transform:rotate(45deg)}}

/* --- Regles de base et composants --- */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--body);background:#FAFAFA;color:var(--text-1);line-height:1.6;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--sunset-h);z-index:101;transition:width .1s linear;box-shadow:0 0 10px rgba(249,115,22,.3)}
.header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pearl-200)}
.header-inner{max-width:1280px;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.header .logo{display:inline-flex;align-items:center;text-decoration:none}
.header .logo svg{height:50px;width:auto;display:block}
.header-nav{display:flex;gap:1.5rem;font-family:var(--head);font-weight:600;font-size:.92rem}
.header-nav a{color:var(--ink);text-decoration:none;transition:color .2s,opacity .2s}
.header-nav a:hover{opacity:.6}
.header-nav a.active{background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:1}
.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;border:1px solid var(--ink);border-radius:var(--r-lg);background:var(--ink);cursor:pointer;padding:0 9px}
.nav-burger span{display:block;height:2.5px;width:100%;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s}
.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
.mobile-nav-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);z-index:200;opacity:0;transition:opacity .25s}
.mobile-nav-overlay.open{opacity:1}
.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:min(82vw,320px);background:var(--ink);color:#fff;z-index:201;display:flex;flex-direction:column;padding:1.1rem 1.2rem 2rem;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);overflow-y:auto}
.mobile-nav.open{transform:translateX(0)}
.mobile-nav::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--sunset-h)}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.mobile-nav-title{font-family:var(--mono);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:#94A3B8}
.mobile-nav-close{background:none;border:none;color:#fff;font-size:1.9rem;line-height:1;cursor:pointer;padding:0 .3rem}
.mobile-nav a{display:block;font-family:var(--head);font-weight:700;font-size:1.05rem;color:#fff;text-decoration:none;padding:.85rem .2rem;border-bottom:1px solid rgba(255,255,255,.08);transition:color .2s}
.mobile-nav a:hover,.mobile-nav a.active{color:#FDBA74}
.mobile-nav a.active{color:#FDBA74}
.mobile-nav-sep{height:.6rem}
.mobile-nav-home{color:#94A3B8 !important;font-weight:600 !important;font-size:.95rem !important;border-bottom:0 !important}
body.nav-open{overflow:hidden}
.disclaimer{max-width:1280px;margin:0 auto;padding:.6rem 1.25rem;font-size:.72rem;color:var(--text-3);font-family:var(--mono);letter-spacing:.02em}
.disclaimer a{color:var(--magenta);text-decoration:underline;text-underline-offset:2px}
.crumbs{max-width:1280px;margin:0 auto;padding:.7rem 1.25rem 0;font-family:var(--mono);font-size:.7rem;color:var(--text-3);letter-spacing:.04em;text-transform:uppercase}
.crumbs a{color:var(--text-3);text-decoration:none}
.crumbs a:hover{color:var(--magenta)}
.crumbs span{margin:0 .5rem;opacity:.5}
.hero-vs{max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem 1rem}
.hero-badge{display:inline-block;background:var(--orange-50);color:var(--orange-600);font-family:var(--mono);font-size:.65rem;font-weight:700;padding:.4rem .85rem;border-radius:var(--r-pill);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;border:1px solid #FED7AA}
.hero-kicker{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:var(--magenta);font-weight:700;margin-bottom:.6rem}
.hero-vs h1{font-family:var(--head);font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:var(--text-1);margin-bottom:1rem}
.hero-vs h1 em{font-style:normal;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.stars{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem;font-family:var(--mono);font-size:.78rem;color:var(--text-3)}
.stars-visual{display:inline-flex;gap:.15rem}
.stars-visual svg{width:18px;height:18px}
.stars-visual svg path{fill:var(--orange)}
.stars-visual svg.star-empty path{fill:#E5E5E5}
.stars-num{font-family:var(--head);color:var(--ink);font-weight:700;font-size:.95rem}
.stars-num strong{font-weight:800;color:var(--ink);-webkit-text-fill-color:initial}
.stars-count{color:var(--text-3)}
.last-updated{display:inline-flex;align-items:center;gap:.35rem;background:#EAF2F0;color:#2E946B;font-family:var(--mono);font-size:.68rem;font-weight:700;padding:.35rem .7rem;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.06em}
.last-updated::before{content:'';width:6px;height:6px;border-radius:50%;background:#2E946B;box-shadow:0 0 0 3px rgba(46,148,107,.18)}
.hero-tag{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.1rem,1.8vw,1.35rem);font-weight:500;font-style:italic;color:var(--purple);margin-bottom:.6rem;letter-spacing:-.005em;line-height:1.35}
.hero-desc{font-size:1rem;color:var(--text-2);max-width:980px;line-height:1.65;margin-bottom:1.3rem}
.hero-desc strong{color:var(--text-1);font-weight:700}
.hero-ministats{display:flex;gap:2.2rem;flex-wrap:wrap;margin-bottom:1.2rem}
.hero-ministat{display:flex;flex-direction:column}
.hero-ministat-num{font-family:var(--head);font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.02em;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-ministat-label{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin-top:.3rem;font-weight:600}
.trust-line{font-family:var(--mono);font-size:.7rem;color:var(--text-3);margin-bottom:1.2rem;letter-spacing:.04em}
.trust-line .sep{opacity:.4;margin:0 .4rem}
.trust-line strong{color:var(--positive);font-weight:700}
.hero-vs-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:1.2rem;align-items:stretch;margin-top:1.5rem}
.hero-vs-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem 1.2rem 1.4rem;text-align:center;position:relative;display:flex;flex-direction:column;box-shadow:var(--sh-soft);transition:all .25s}
.hero-vs-card.winner{border-color:var(--magenta);box-shadow:var(--sh-violet),0 12px 36px rgba(236,72,153,.15)}
.hero-vs-card.winner::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--sunset-h);border-radius:var(--r-xl) var(--r-xl) 0 0}
.hero-vs-card .crown{position:absolute;top:.85rem;right:.85rem;font-family:var(--mono);font-size:.58rem;font-weight:700;background:var(--sunset);color:#fff;padding:.3rem .65rem;border-radius:var(--r-pill);letter-spacing:.08em;text-transform:uppercase;box-shadow:var(--sh-violet)}
.hvc-brand{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.22em;color:var(--magenta);font-weight:700;margin-bottom:.5rem}
.hvc-name{font-family:var(--head);font-size:1.32rem;font-weight:800;letter-spacing:-.01em;line-height:1.18;margin-bottom:.9rem;min-height:2.4em;display:flex;align-items:center;justify-content:center;color:var(--text-1)}
.hvc-img-wrap{width:180px;height:180px;margin:.2rem auto 1rem;background:#F3F4F6;border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.hvc-img-wrap img{width:100%;height:100%;object-fit:contain;border-radius:14px}
.hvc-scores{display:flex;justify-content:center;gap:1.6rem;margin:.3rem 0 1rem;flex-wrap:wrap}
.hvc-score{display:flex;flex-direction:column;align-items:center}
.hvc-score-num{font-family:var(--head);font-size:1.95rem;font-weight:800;letter-spacing:-.02em;line-height:1}
.hvc-score-num.meta{background:var(--grad-meta);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hvc-score-num.run{background:var(--grad-run);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hvc-score-label{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-top:.3rem;font-weight:600}
.hvc-tagline{font-family:var(--head);font-size:.95rem;font-weight:600;color:var(--text-2);margin-bottom:1rem;line-height:1.35;min-height:2.6em;display:flex;align-items:center;justify-content:center;padding:0 .3rem}
.hvc-cta{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:var(--head);font-size:.92rem;font-weight:700;color:#fff;background:var(--sunset);padding:.78rem 1.4rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);transition:all .2s;border:none;letter-spacing:.01em}
.hvc-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(249,115,22,.45);color:#fff}
.hvc-detail-link{display:inline-block;font-family:var(--head);font-size:.78rem;font-weight:600;color:var(--text-3);margin-top:.7rem;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--pearl-200);transition:all .2s}
.hvc-detail-link:hover{color:var(--magenta);text-decoration-color:var(--magenta)}
.vs-separator{display:flex;align-items:center;justify-content:center;font-family:var(--head);font-size:2.6rem;font-weight:800;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;padding:0 .3rem;letter-spacing:-.04em}
.score-hub{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-soft);margin-top:1.5rem}
.score-hub-bar{height:4px;background:var(--sunset-h)}
.sh-hub-body{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch}
.sh-prod{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;padding:1.6rem 1.4rem 1.5rem}
.sh-prod:first-child{border-right:1px solid var(--pearl-200)}
.sh-prod-brand{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.2em;color:var(--magenta);font-weight:700;margin-bottom:.2rem}
.sh-prod-name{font-family:var(--head);font-size:1.05rem;font-weight:800;color:var(--text-1);margin-bottom:.9rem;line-height:1.2}
.sh-prod-img{width:130px;height:130px;border-radius:var(--r-lg);background:#F3F4F6;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:1rem}
.sh-prod-img img{width:100%;height:100%;object-fit:contain}
.sh-rings{display:flex;gap:1.2rem;justify-content:center}
.sh-ring{position:relative;width:100px;text-align:center;padding-bottom:1.1rem}
.sh-ring svg{width:100px;height:100px;display:block}
.sh-ring-track{fill:none;stroke:#EEF1F5;stroke-width:8}
.sh-ring-arc{fill:none;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px}
.sh-ring-text{position:absolute;top:0;left:0;right:0;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;line-height:1}
.sh-ring-num{font-family:var(--head);font-size:1.45rem;font-weight:800;letter-spacing:-.02em;line-height:1}
.sh-ring-slash{font-family:var(--mono);font-size:.56rem;color:var(--text-3);margin-top:.2rem;line-height:1}
.sh-ring-num.meta{color:var(--orange-600)}
.sh-ring-num.run{color:var(--purple-700)}
.sh-ring-cap{position:absolute;left:0;right:0;bottom:0;font-family:var(--mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}
.sh-prod-cta{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-family:var(--head);font-size:.82rem;font-weight:700;color:#fff;background:var(--sunset);padding:.6rem 1.2rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);margin-top:1.4rem;transition:all .2s}
.sh-prod-cta:hover{transform:translateY(-2px);color:#fff;box-shadow:0 12px 28px rgba(249,115,22,.45)}
.sh-prod.is-winner{background:var(--ink);border-right:0;border-radius:0}
.sh-prod.is-winner::before{content:'★ Notre choix';position:absolute;top:.8rem;right:.8rem;font-family:var(--mono);font-size:.56rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--sunset);padding:.3rem .7rem;border-radius:var(--r-pill);box-shadow:var(--sh-violet);white-space:nowrap;z-index:2}
.sh-prod.is-winner .sh-prod-brand{color:#FDBA74}
.sh-prod.is-winner .sh-prod-name{color:#fff}
.sh-prod.is-winner .sh-prod-img{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.sh-prod.is-winner .sh-ring-track{stroke:rgba(255,255,255,.12)}
.sh-prod.is-winner .sh-ring-num.meta{color:#FB923C}
.sh-prod.is-winner .sh-ring-num.run{color:#C4B5FD}
.sh-prod.is-winner .sh-ring-slash,.sh-prod.is-winner .sh-ring-cap{color:#94A3B8}
.qn-wrap{position:sticky;top:62px;z-index:90;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pearl-200);margin:1.5rem 0 2rem}
.qn{max-width:1280px;margin:0 auto;display:flex;flex-wrap:nowrap;gap:.45rem;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.75rem 1.25rem}
.qn::-webkit-scrollbar{display:none}
.qn a{font-family:var(--head);font-size:.82rem;font-weight:600;color:var(--text-2);padding:.45rem .9rem;border-radius:var(--r-pill);border:1px solid var(--pearl-200);background:#fff;text-decoration:none;transition:color .2s,background .2s,border-color .2s;white-space:nowrap;flex-shrink:0}
.qn a:hover{border-color:var(--magenta);color:var(--magenta)}
.qn a.active{color:#fff;background:var(--sunset);border-color:transparent;box-shadow:none}
.versus-layout,.rk-layout{max-width:1280px;margin:0 auto;padding:0 1.25rem;display:grid;grid-template-columns:1fr 340px;gap:2rem}
.versus-main,.rk-main{min-width:0}
.versus-side,.rk-aside{position:sticky;top:80px;height:fit-content;display:flex;flex-direction:column;gap:1rem}
.cockpit{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-soft)}
.cockpit-head{background:var(--ink);color:#fff;padding:.85rem 1rem;font-family:var(--mono);font-size:.64rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;text-align:center;position:relative;overflow:hidden}
.cockpit-head::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--sunset-h)}
.cockpit-body{padding:1rem 1rem 1.2rem}
.cockpit-reco-label{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-3);font-weight:700;text-align:center;margin-bottom:.35rem}
.cockpit-reco-name{font-family:var(--head);font-size:1.18rem;font-weight:800;text-align:center;color:var(--ink);line-height:1.2;margin-bottom:1rem}
.cockpit-rings{display:flex;flex-direction:column;gap:1.4rem;align-items:center;margin-bottom:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--pearl)}
.cockpit-ring{text-align:center;position:relative;width:128px;padding-bottom:2.1rem}
.cockpit-ring svg{width:128px;height:128px;display:block}
.cockpit-ring-track{fill:none;stroke:#EEF1F5;stroke-width:8}
.cockpit-ring-arc{fill:none;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px}
.cockpit-ring-text{position:absolute;top:0;left:0;right:0;height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;line-height:1}
.cockpit-ring-num{font-family:var(--head);font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1}
.cockpit-ring-num.meta{color:var(--orange-600)}
.cockpit-ring-num.run{color:var(--purple-700)}
.cockpit-ring-slash{font-family:var(--mono);font-size:.6rem;color:var(--text-3);margin-top:.25rem;line-height:1}
.cockpit-ring-cap{position:absolute;left:0;right:0;bottom:0;font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);font-weight:700;line-height:1.3}
.cockpit-compare-mini{font-family:var(--mono);font-size:.7rem;color:var(--text-3);text-align:center;margin-top:.5rem}
.cockpit-compare-mini b{color:var(--text-1)}
.cockpit-prices{margin-top:.4rem}
.cockpit-prices-head{font-family:var(--head);font-size:.72rem;font-weight:700;color:var(--text-1);margin-bottom:.6rem;text-transform:uppercase;letter-spacing:.1em}
.cockpit-price-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;border-radius:var(--r-lg);background:var(--pearl);margin-bottom:.4rem;font-size:.82rem;transition:all .2s;text-decoration:none;color:inherit}
.cockpit-price-row:hover{background:var(--pearl-200);transform:translateX(2px)}
.cockpit-price-row.best{background:linear-gradient(135deg,#FED7AA22 0%,#FDE68A22 100%);border:1px solid #FED7AA}
.cockpit-price-row .merchant{font-family:var(--head);font-weight:700;color:var(--text-1);font-size:.85rem;display:block}
.cockpit-price-row .merch-prod{font-family:var(--mono);font-size:.66rem;color:var(--text-3);margin-top:.15rem;display:block}
.cockpit-price-row .price{font-family:var(--mono);font-weight:700;color:var(--ink);font-size:.9rem}
.cockpit-price-row .price.best-price{color:var(--orange-600)}
.cockpit-best-tag{display:inline-block;font-family:var(--mono);font-size:.54rem;background:var(--orange);color:#fff;padding:.12rem .4rem;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.08em;margin-left:.35rem;vertical-align:middle;font-weight:700}
.cockpit-methodo{background:var(--cream);border-radius:var(--r-xl);padding:1rem 1.1rem;border:1px solid #FDE68A}
.meth-label{font-family:var(--mono);font-size:.62rem;color:var(--orange-600);text-transform:uppercase;letter-spacing:.16em;font-weight:700;margin-bottom:.5rem;display:block}
.cockpit-methodo p{font-size:.83rem;line-height:1.6;color:var(--text-2);margin-bottom:.6rem}
.cockpit-methodo p strong{color:var(--text-1);font-weight:700}
.meth-line{display:flex;align-items:center;gap:.45rem;font-family:var(--mono);font-size:.68rem;color:var(--text-2);margin-top:.4rem;line-height:1.3}
.meth-line .meth-dot{width:7px;height:7px;border-radius:50%;background:var(--positive);box-shadow:0 0 0 3px rgba(0,135,90,.18);flex-shrink:0}
.cockpit-methodo a{color:var(--magenta);font-weight:600;text-decoration:underline;text-underline-offset:2px;font-size:.82rem;display:inline-block;margin-top:.5rem}
article.content{font-family:var(--body);color:var(--text-2);font-size:1rem;line-height:1.7}
article.content section{margin-bottom:2.8rem;scroll-margin-top:120px}
article.content h2{font-family:var(--head);font-size:clamp(1.5rem,3.5vw,2rem);font-weight:800;color:var(--text-1);letter-spacing:-.01em;line-height:1.2;margin-bottom:1rem}
article.content h3{font-family:var(--head);font-size:1.18rem;font-weight:700;color:var(--text-1);margin:1.5rem 0 .7rem}
article.content p{margin-bottom:1rem;color:var(--text-2);line-height:1.7}
article.content p strong{color:var(--text-1);font-weight:700}
article.content cite{font-style:normal;font-family:var(--mono);font-size:.92em;color:var(--purple);font-weight:500}
article.content em{font-style:italic;color:var(--text-2)}
.label-v6{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;font-weight:700;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.6rem;display:inline-block}
.diff-wrap{overflow-x:auto;overflow-y:hidden;margin:1.5rem 0;-webkit-overflow-scrolling:touch;border-radius:var(--r-xl);box-shadow:var(--sh-soft);border:1px solid var(--pearl-200)}
.diff-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r-xl);overflow:hidden;font-size:.92rem}
.diff-table thead th{background:var(--ink);color:#fff;font-family:var(--head);font-weight:700;font-size:.78rem;padding:.95rem 1rem;text-align:left;text-transform:uppercase;letter-spacing:.06em}
.diff-table thead th:nth-child(2), .diff-table thead th:nth-child(3){text-align:center}
.diff-table tbody td{padding:.9rem 1rem;border-top:1px solid var(--pearl);color:var(--text-2)}
.diff-table tbody td:nth-child(2), .diff-table tbody td:nth-child(3){text-align:center;font-family:var(--mono);font-size:.85rem}
.diff-table .label-cell{font-family:var(--head);color:var(--text-1);font-weight:600}
.diff-table .winner-A td:nth-child(2){background:rgba(249,115,22,.10);font-weight:800;color:var(--orange-600);box-shadow:inset 3px 0 0 var(--orange)}
.diff-table .winner-B td:nth-child(3){background:rgba(139,92,246,.10);font-weight:800;color:var(--purple-700);box-shadow:inset -3px 0 0 var(--purple)}
.score-bars-section{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-soft);margin:1.5rem 0}
.score-bars-head{font-family:var(--head);font-weight:700;font-size:1.08rem;color:var(--text-1);margin-bottom:.4rem}
.score-bars-sub{font-family:var(--mono);font-size:.7rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:1.2rem}
.sb-pair{margin-bottom:1.3rem}
.sb-pair:last-child{margin-bottom:0}
.sb-criterion{font-family:var(--head);font-weight:700;font-size:.95rem;color:var(--text-1);margin-bottom:.55rem;display:flex;justify-content:space-between;align-items:center}
.sb-criterion .crit-winner{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-weight:600}
.sb-row{display:grid;grid-template-columns:120px 1fr 50px;gap:.7rem;align-items:center;margin-bottom:.5rem;font-size:.85rem}
.sb-label{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:600;text-align:right}
.sb-track{height:8px;background:var(--pearl);border-radius:var(--r-pill);overflow:hidden;position:relative}
.sb-fill{height:100%;border-radius:var(--r-pill);position:relative;transition:width .8s cubic-bezier(.4,0,.2,1)}
.sb-row.row-a .sb-fill{background:linear-gradient(90deg,#EA580C 0%,#F97316 55%,#EC4899 100%)}
.sb-row.row-b .sb-fill{background:linear-gradient(90deg,#EC4899 0%,#A78BFA 55%,#8B5CF6 100%)}
.sb-row.row-a .sb-score{color:var(--orange-600)}
.sb-row.row-b .sb-score{color:var(--purple-700)}
.sb-row.is-lose .sb-score{opacity:.45;font-weight:700}
.sb-score{font-family:var(--head);font-weight:800;font-size:1rem;text-align:center}
.sb-na{color:var(--text-3);font-size:.78rem;font-family:var(--mono);font-style:italic}
.cmp-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.cmp-col{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-soft);position:relative}
.cmp-col.product-a{border-top:4px solid var(--orange)}
.cmp-col.product-b{border-top:4px solid var(--purple)}
.cmp-col-head{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--pearl)}
.cmp-col-badge{font-family:var(--mono);font-size:.6rem;font-weight:700;padding:.3rem .6rem;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.08em}
.cmp-col-badge.A{background:var(--orange-50);color:var(--orange-600)}
.cmp-col-badge.B{background:var(--purple-50);color:var(--purple-700)}
.cmp-col-title{font-family:var(--head);font-size:1.02rem;font-weight:700;color:var(--text-1);line-height:1.3}
.cmp-col p.intro{color:var(--text-2);font-size:.93rem;margin-bottom:.9rem;line-height:1.55}
.cmp-col ul{list-style:none;padding:0;margin:0}
.cmp-col li{padding:.55rem 0 .55rem 1.5rem;font-size:.93rem;color:var(--text-2);position:relative;line-height:1.55}
.cmp-col li::before{content:'→';position:absolute;left:0;color:var(--magenta);font-weight:700}
.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.2rem 0 1.5rem}
.pc-block{border-radius:var(--r-xl);padding:1.2rem 1.3rem;border:1px solid;font-size:.92rem}
.pc-block.pros{background:#F0FDF4;border-color:#BBF7D0}
.pc-block.cons{background:#FEF2F2;border-color:#FECACA}
.pc-head{font-family:var(--head);font-weight:700;font-size:1rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.4rem}
.pc-block.pros .pc-head{color:var(--positive)}
.pc-block.cons .pc-head{color:var(--negative)}
.pc-block ul{list-style:none;padding:0;margin:0}
.pc-block li{padding:.5rem 0 .5rem 1.6rem;color:var(--text-1);position:relative;line-height:1.5}
.pc-block li::before{position:absolute;left:0;top:.55rem;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:700;font-size:.85rem;line-height:1}
.pc-block.pros li::before{content:'+';background:#BBF7D0;color:var(--positive)}
.pc-block.cons li::before{content:'−';background:#FECACA;color:var(--negative)}
.pc-product-label{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);font-weight:700;margin-bottom:.7rem;padding-bottom:.6rem;border-bottom:1px solid var(--pearl)}
.criteria-grid{display:grid;gap:1rem;margin:1.5rem 0}
.criterion-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-soft)}
.criterion-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--pearl)}
.criterion-name{font-family:var(--head);font-size:1.1rem;font-weight:700;color:var(--text-1)}
.criterion-scores-wrap{display:flex;align-items:center;gap:.6rem}
.cs-pill{display:flex;flex-direction:column;align-items:center;padding:.5rem .85rem;border-radius:var(--r-lg);background:var(--pearl);min-width:62px}
.cs-pill.win{background:var(--sunset);box-shadow:var(--sh-violet)}
.cs-pill .num{font-family:var(--head);font-size:1.05rem;font-weight:800;color:var(--text-1);line-height:1}
.cs-pill.win .num{color:#fff}
.cs-pill .lbl{font-family:var(--mono);font-size:.54rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-top:.15rem;font-weight:700}
.cs-pill.win .lbl{color:rgba(255,255,255,.85)}
.cs-vs{font-family:var(--mono);font-size:.7rem;font-weight:800;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.criterion-analysis{font-size:.97rem;color:var(--text-2);line-height:1.65;margin-bottom:.9rem}
.criterion-for{background:var(--cream);border-left:3px solid var(--orange);padding:.8rem 1rem;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.92rem;color:var(--text-2);line-height:1.55}
.criterion-for strong{color:var(--magenta-600)}
.consensus-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}
.consensus-col{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-soft)}
.consensus-col h3{font-family:var(--head);font-size:1.05rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;padding-bottom:.6rem;border-bottom:1px solid var(--pearl)}
.consensus-col h3::before{content:'';width:5px;height:20px;border-radius:3px;flex-shrink:0}
.consensus-col.conv h3{color:var(--positive)}
.consensus-col.conv h3::before{background:var(--positive)}
.consensus-col.div h3{color:var(--alarm)}
.consensus-col.div h3::before{background:var(--alarm)}
.consensus-col ul{list-style:none;padding:0;margin:0}
.consensus-col li{padding:.7rem 0;border-bottom:1px solid var(--pearl);font-size:.93rem;line-height:1.55;color:var(--text-2)}
.consensus-col li:last-child{border-bottom:0;padding-bottom:0}
.consensus-col li b{display:block;font-family:var(--head);font-weight:700;color:var(--text-1);margin-bottom:.3rem;font-size:.95rem}
.reco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1.5rem 0}
.reco-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-soft);position:relative;overflow:hidden}
.reco-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.reco-card.A::before{background:var(--orange)}
.reco-card.B::before{background:var(--purple)}
.reco-card.E::before{background:var(--pearl-300)}
.reco-card h3{font-family:var(--head);font-size:1.02rem;font-weight:700;color:var(--text-1);margin:.4rem 0 .9rem}
.reco-card ul{list-style:none;padding:0;margin:0}
.reco-card li{padding:.55rem 0 .55rem 1.3rem;font-size:.92rem;color:var(--text-2);position:relative;line-height:1.55}
.reco-card li::before{content:'';position:absolute;left:0;top:.85rem;width:6px;height:6px;border-radius:50%;background:var(--magenta)}
.final-verdict{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:2.4rem 2rem;margin:2rem 0;position:relative;overflow:hidden}
.final-verdict::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--sunset-h)}
.final-verdict .label-v6{background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:initial;color:#FDBA74}
.final-verdict h2{color:#fff!important;margin-bottom:1rem}
.final-verdict p{color:#CBD5E1!important;line-height:1.7;margin-bottom:1rem}
.final-verdict p strong{color:#fff!important;font-weight:700}
.final-verdict p em{color:#FDBA74!important;font-style:normal;font-weight:600}
.final-verdict cite{color:#C4B5FD!important;font-style:normal;font-family:var(--mono);font-size:.92em}
.final-cta{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--head);font-weight:700;font-size:1rem;background:var(--sunset);color:#fff!important;padding:.95rem 1.8rem;border-radius:var(--r-pill);margin-top:1rem;box-shadow:var(--sh-orange);transition:all .25s;text-decoration:none}
.final-cta:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(249,115,22,.55);color:#fff!important}
.price-compare{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem;margin:1.5rem 0;box-shadow:var(--sh-soft)}
.price-compare-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--pearl)}
.price-compare-head h3{font-family:var(--head);font-size:1.05rem;font-weight:700;margin:0;color:var(--text-1)}
.pc-badge{font-family:var(--mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;background:#EAF2F0;color:#2E946B;padding:.35rem .7rem;border-radius:var(--r-pill);font-weight:700;border:1px solid #C9E3DA}
.pc-row{display:grid;grid-template-columns:1fr 1.3fr auto auto;gap:1rem;align-items:center;padding:.9rem 1rem;border-radius:var(--r-lg);border:1px solid var(--pearl);margin-bottom:.5rem;font-size:.92rem;transition:all .2s}
.pc-row:hover{border-color:var(--magenta);background:#FAFAFA}
.pc-row .pc-logo{font-family:var(--head);font-weight:700;color:var(--text-1)}
.pc-row .pc-ship{font-family:var(--body);font-size:.82rem;color:var(--text-3)}
.pc-row .pc-price{font-family:var(--mono);font-weight:700;color:var(--ink);font-size:1rem}
.pc-row .pc-price.best{color:var(--orange-600)}
.pc-row .pc-price .best-tag{display:inline-block;font-family:var(--mono);font-size:.55rem;background:var(--orange);color:#fff;padding:.15rem .5rem;border-radius:var(--r-sm);text-transform:uppercase;letter-spacing:.08em;margin-left:.5rem;vertical-align:middle;font-weight:700}
.pc-btn{font-family:var(--head);font-size:.85rem;font-weight:700;color:#fff;background:var(--sunset);padding:.55rem 1.1rem;border-radius:var(--r-pill);text-decoration:none;white-space:nowrap;box-shadow:var(--sh-violet);transition:all .2s}
.pc-btn:hover{transform:translateY(-1px);color:#fff;box-shadow:var(--sh-orange)}
.faq-list{display:flex;flex-direction:column;gap:.7rem;margin:1.2rem 0}
.faq-list details{background:#fff;border:1px solid var(--pearl-200);border-radius:14px;overflow:hidden;transition:all .2s;box-shadow:var(--sh-soft)}
.faq-list details:hover{border-color:rgba(249,115,22,.25)}
.faq-list details[open]{border:1px solid transparent;background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(#fff,#fff),var(--sunset);box-shadow:0 6px 24px rgba(139,92,246,.12)}
.faq-list summary{padding:1.1rem 1.3rem;font-family:var(--head);font-weight:700;font-size:1rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;color:var(--ink);letter-spacing:-.01em;transition:background .15s}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'+';font-family:var(--head);font-size:1.1rem;color:#fff;background:var(--sunset);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:400;line-height:1;transition:transform .25s;box-shadow:0 2px 8px rgba(249,115,22,.2)}
.faq-list details[open] summary::after{content:'\2212';transform:rotate(180deg)}
.faq-list details[open] summary{background:linear-gradient(135deg,rgba(249,115,22,.03) 0%,rgba(139,92,246,.03) 100%)}
.faq-list .faq-body{padding:.2rem 1.3rem 1.3rem;font-size:.95rem;color:var(--text-2);line-height:1.7}
.sources-intro{margin-bottom:1.2rem;color:var(--text-2);font-size:.97rem;line-height:1.6}
.sources-intro strong{color:var(--text-1)}
.sources-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--pearl-200);margin-bottom:1.2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}
.sources-tab{font-family:var(--head);font-weight:600;font-size:.92rem;padding:.7rem 1.1rem;color:var(--text-3);border-bottom:3px solid transparent;cursor:pointer;white-space:nowrap;background:none;border-top:0;border-left:0;border-right:0;transition:all .2s}
.sources-tab.active{color:var(--text-1);border-bottom-color:var(--magenta)}
.sources-tab:hover{color:var(--text-1)}
.sources-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.5rem}
.source-item{font-size:.88rem;padding:.7rem .9rem;background:var(--pearl);border-radius:var(--r-lg);display:flex;justify-content:space-between;align-items:center;gap:.6rem;transition:all .2s;text-decoration:none;color:var(--text-1)}
.source-item:hover{background:var(--pearl-200);color:var(--text-1);transform:translateY(-1px)}
.source-item .name{font-family:var(--head);font-weight:600;color:var(--text-1)}
.source-item .note{font-family:var(--mono);font-size:.68rem;color:var(--text-3)}
.methodo-box{background:linear-gradient(135deg,var(--cream) 0%,#FFFFFF 100%);border:1px solid #FED7AA;border-radius:var(--r-xl);padding:1.5rem;margin:1.5rem 0;box-shadow:var(--sh-soft)}
.methodo-box h3{font-family:var(--head);font-size:1rem;font-weight:700;margin-bottom:.7rem;color:var(--text-1)}
.methodo-box p{font-size:.93rem;color:var(--text-2);line-height:1.65;margin-bottom:.8rem}
.methodo-box .formula{font-family:var(--mono);font-size:.85rem;background:#fff;padding:.7rem 1rem;border-radius:var(--r-lg);border:1px solid var(--pearl-200);margin:.7rem 0;color:var(--ink);font-weight:600}
.related{background:#fff;border-top:1px solid var(--pearl-200);padding:3rem 0 3.5rem;margin-top:3rem}
.related-inner{max-width:1280px;margin:0 auto;padding:0 1.25rem}
.related-head{margin-bottom:1.5rem;text-align:center}
.related-head h2{font-family:var(--head);font-size:1.6rem;font-weight:800;color:var(--text-1);margin-bottom:.4rem}
.related-head p{color:var(--text-3);font-size:.95rem}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.rel-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-soft);transition:all .25s;text-decoration:none;display:block;color:inherit;position:relative}
.rel-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08);border-color:var(--magenta);color:inherit}
.rel-card-img{height:130px;background:linear-gradient(135deg,#FDF2F8 0%,#F5F3FF 100%);position:relative;display:flex;align-items:center;justify-content:center}
.rel-card-img::after{content:'VS';font-family:var(--head);font-size:1.8rem;font-weight:800;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;opacity:.6}
.rel-score-pill{position:absolute;top:.7rem;right:.7rem;background:var(--sunset);color:#fff;font-family:var(--head);font-weight:800;font-size:.95rem;padding:.4rem .7rem;border-radius:var(--r-pill);box-shadow:var(--sh-violet);min-width:42px;text-align:center}
.rel-card-body{padding:1.1rem 1.2rem 1.3rem}
.rel-card-cat{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.16em;color:var(--magenta);font-weight:700;margin-bottom:.4rem;display:block}
.rel-card-title{font-family:var(--head);font-weight:700;font-size:.98rem;color:var(--text-1);line-height:1.35}
.footer{background:var(--ink);color:#94A3B8;padding:3rem 1.25rem 1.5rem;margin-top:0;position:relative}
.footer::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--sunset-h)}
.footer-inner{max-width:1280px;margin:0 auto}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.08)}
.footer-h{font-family:var(--head);font-size:.78rem;color:#fff;margin-bottom:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}
.footer-col ul{list-style:none;padding:0}
.footer-col li{margin-bottom:.5rem}
.footer-col a{font-size:.9rem;text-decoration:none;background:var(--sunset);background-clip:text;-webkit-background-clip:text;color:#94A3B8;-webkit-text-fill-color:#94A3B8;transition:-webkit-text-fill-color .2s,color .2s}
.footer-col a:hover{color:transparent;-webkit-text-fill-color:transparent}
.footer-brand-logo{margin-bottom:1rem;display:flex;justify-content:flex-start}
.footer-brand-logo svg{height:58px;width:auto;display:block;margin-left:0}
.footer-social{display:flex;gap:.65rem;margin-top:1.1rem}
.footer-social a{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#94A3B8;transition:all .2s}
.footer-social a:hover{background:var(--sunset);border-color:transparent;color:#fff;transform:translateY(-2px)}
.footer-social svg{width:18px;height:18px;fill:currentColor;display:block}
.footer-tagline{font-family:var(--head);font-size:1.05rem;color:#fff;margin-bottom:.5rem;font-weight:700;letter-spacing:-.01em}
.footer-desc{font-size:.88rem;color:#94A3B8;line-height:1.55;margin-top:.5rem;max-width:340px}
.footer-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;font-family:var(--mono);font-size:.74rem;color:#64748B}
.footer-bot a{color:#94A3B8;margin:0 .35rem;text-decoration:none}
.footer-bot a:hover{color:#fff}
.footer-legal-sep{opacity:.5}
.sticky-cta-mobile{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.97);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--pearl-200);padding:.7rem 1rem;z-index:99;box-shadow:0 -4px 20px rgba(0,0,0,.08)}
.sticky-cta-mobile-inner{max-width:560px;margin:0 auto;display:flex;align-items:center;gap:.7rem}
.sticky-cta-mobile .label{flex:1;font-family:var(--head);font-size:.72rem;color:var(--text-3);line-height:1.3}
.sticky-cta-mobile .label b{display:block;color:var(--text-1);font-size:.86rem;font-weight:700;margin-top:.1rem}
.sticky-cta-mobile a{flex-shrink:0;display:inline-flex;align-items:center;gap:.3rem;background:var(--sunset);color:#fff;font-family:var(--head);font-weight:700;font-size:.85rem;padding:.7rem 1.2rem;border-radius:var(--r-pill);box-shadow:var(--sh-orange);text-decoration:none}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}
.reveal.visible{opacity:1;transform:translateY(0)}
article.content h2,article.content h3, .score-bars-head,.sb-criterion,.criterion-name, .cmp-col-title,.reco-card h3,.consensus-col li b, .price-compare-head h3,.faq-list summary,.related-head h2, .sh-prod-name,.methodo-box h3,.cockpit-reco-name{color:var(--ink)}
.geo-answer{background:linear-gradient(135deg,#FFF7ED 0%,#FDF2F8 100%);border:1px solid #FED7AA;border-radius:var(--r-xl);padding:1.3rem 1.5rem;margin:0 0 1.5rem;box-shadow:var(--sh-soft)}
.geo-answer .geo-q{font-family:var(--mono);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--orange-600);margin-bottom:.5rem}
.geo-answer p{font-size:1.02rem;line-height:1.6;color:var(--text-1);margin:0;font-weight:500}
.geo-answer p strong{font-weight:800}
.geo-facts{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}
.geo-fact{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);background:#fff;border:1px solid var(--pearl-200);padding:.5rem .85rem;border-radius:var(--r-lg);box-shadow:0 2px 8px rgba(15,23,42,.05)}
.geo-fact b{font-family:var(--head);font-size:.86rem;font-weight:800;letter-spacing:0;text-transform:none;color:var(--ink)}
.geo-fact::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sunset);flex-shrink:0}
.about-hero{max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem .5rem}
.about-hero h1{font-family:var(--head);font-weight:800;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;letter-spacing:-.02em;color:var(--text-1);margin:.6rem 0 .6rem}
.about-hero h1 em{font-style:normal;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.about-lead{font-size:1.1rem;color:var(--text-2);line-height:1.7;max-width:560px}
.about-hero-grid{display:grid;grid-template-columns:1fr 360px;gap:2rem;align-items:center}
.about-hero-art{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.about-hero-art .halo{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(249,115,22,.16),rgba(236,72,153,.10) 45%,rgba(139,92,246,.06) 70%,transparent 75%)}
.about-hero-art .ring-deco{position:absolute;inset:0}
.about-hero-art .ring-deco circle{fill:none;stroke:var(--pearl-200);stroke-width:1}
.about-hero-art .gauge-wrap{position:relative;width:60%;aspect-ratio:1/1;background:var(--ink);border-radius:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 24px 60px rgba(15,23,42,.28)}
.about-hero-art .gauge-wrap svg{width:64%;height:64%}
.about-hero-art .chip{position:absolute;font-family:var(--head);font-weight:800;font-size:.82rem;color:#fff;padding:.4rem .7rem;border-radius:var(--r-pill);box-shadow:var(--sh-soft);display:flex;align-items:center;gap:.3rem}
.about-hero-art .chip small{font-family:var(--mono);font-size:.5rem;font-weight:700;opacity:.85;letter-spacing:.05em}
.about-hero-art .chip.c1{top:6%;right:2%;background:linear-gradient(135deg,#EA580C,#F97316)}
.about-hero-art .chip.c2{bottom:14%;left:-2%;background:linear-gradient(135deg,#EC4899,#8B5CF6)}
.about-hero-art .chip.c3{bottom:2%;right:12%;background:#fff;color:var(--ink);border:1px solid var(--pearl-200)}
.about-hero-art .chip.c3 b{background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.about-stats{display:flex;flex-wrap:wrap;gap:2rem;max-width:1280px;margin:1.6rem auto;padding:1.4rem 1.25rem;border-top:1px solid var(--pearl);border-bottom:1px solid var(--pearl)}
.about-stat b{display:block;font-family:var(--head);font-size:1.9rem;font-weight:800;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.about-stat span{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-top:.35rem;display:block}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}
.pillar{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-soft);position:relative;overflow:hidden}
.pillar::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--sunset-h)}
.pillar-ic{width:42px;height:42px;border-radius:var(--r-lg);background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.pillar-ic svg{width:22px;height:22px;stroke:var(--orange-600);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pillar h3{font-family:var(--head);font-size:1.05rem;font-weight:800;color:var(--ink);margin-bottom:.5rem}
.pillar p{font-size:.93rem;color:var(--text-2);line-height:1.6;margin:0}
.steps{counter-reset:s;display:flex;flex-direction:column;gap:1rem;margin:1.4rem 0}
.step{display:grid;grid-template-columns:48px 1fr;gap:1.1rem;align-items:start;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.3rem 1.4rem;box-shadow:var(--sh-soft)}
.step::before{counter-increment:s;content:counter(s);font-family:var(--head);font-weight:800;font-size:1.2rem;color:#fff;background:var(--sunset);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh-orange)}
.step h3{font-family:var(--head);font-size:1.02rem;font-weight:700;color:var(--ink);margin-bottom:.35rem}
.step p{font-size:.93rem;color:var(--text-2);line-height:1.6;margin:0}
.weight-table{width:100%;border-collapse:collapse;background:#fff;font-size:.92rem;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-soft);margin:1.2rem 0}
.weight-table th{background:var(--ink);color:#fff;font-family:var(--head);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1rem;text-align:left}
.weight-table td{padding:.8rem 1rem;border-top:1px solid var(--pearl);color:var(--text-2)}
.weight-table td:first-child{font-family:var(--head);font-weight:600;color:var(--ink)}
.weight-table td:last-child{font-family:var(--head);font-weight:800;color:var(--purple-700);text-align:right}
.story{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.8rem;box-shadow:var(--sh-soft);margin:1.4rem 0}
.story p{font-size:1rem;color:var(--text-2);line-height:1.75;margin:0 0 1rem}
.story p:last-of-type{margin-bottom:0}
.story .pullquote{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:1.18rem;color:var(--purple);line-height:1.5;margin:1.2rem 0;padding-left:1rem;border-left:3px solid var(--purple)}
.story .sign{display:flex;align-items:center;gap:.8rem;margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--pearl)}
.story .sign-badge{width:46px;height:46px;border-radius:50%;background:var(--sunset);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--head);font-weight:800;color:#fff;font-size:.9rem;box-shadow:var(--sh-orange)}
.story .sign-txt b{font-family:var(--head);font-weight:700;color:var(--ink);font-size:.95rem;display:block}
.story .sign-txt span{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}
.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin:1.5rem 0}
.benefit{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.1rem;box-shadow:var(--sh-soft);text-align:left}
.benefit-ic{width:46px;height:46px;border-radius:var(--r-lg);background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.benefit-ic svg{width:24px;height:24px;stroke:var(--orange-600);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.benefit h3{font-family:var(--head);font-size:1rem;font-weight:800;color:var(--ink);margin-bottom:.4rem}
.benefit p{font-size:.9rem;color:var(--text-2);line-height:1.55;margin:0}
.flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;align-items:center;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.8rem 1.4rem;box-shadow:var(--sh-soft);margin:1.5rem 0}
.flow-node{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.4rem}
.flow-ic{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--cream)}
.flow-ic svg{width:26px;height:26px;stroke:var(--orange-600);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.flow-node.final .flow-ic{background:var(--ink)}
.flow-node.final .flow-ic svg{stroke:none}
.flow-t{font-family:var(--head);font-weight:700;font-size:.92rem;color:var(--ink);line-height:1.2}
.flow-s{font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}
.flow-arrow{display:flex;align-items:center;justify-content:center;color:var(--magenta);font-size:1.3rem;padding:0 .3rem}
.sources-band{margin:1.4rem 0}
.sources-band-lbl{font-family:var(--mono);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin-bottom:.8rem;text-align:center}
.sources-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.sources-chips span{font-family:var(--head);font-weight:600;font-size:.82rem;color:var(--text-2);background:#fff;border:1px solid var(--pearl-200);padding:.45rem .9rem;border-radius:var(--r-pill);box-shadow:var(--sh-soft)}
.ambiance{width:100%;aspect-ratio:21/9;border-radius:var(--r-xl);overflow:hidden;margin:1.4rem 0;background:#F3F4F6;display:flex;align-items:center;justify-content:center;border:1px solid var(--pearl-200)}
.ambiance img{width:100%;height:100%;object-fit:cover;display:block}
.indep{background:var(--ink);color:#fff;border-radius:var(--r-xl);padding:2rem;margin:1.5rem 0;position:relative;overflow:hidden}
.indep::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--sunset-h)}
.indep h2{color:#fff!important;margin-bottom:1rem}
.indep ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.1rem}
.indep li{display:flex;gap:.7rem;align-items:flex-start}
.indep li::before{content:'✓';color:#FDBA74;font-weight:800;flex-shrink:0;font-size:1.05rem;line-height:1.5}
.indep-txt{display:flex;flex-direction:column;gap:.2rem}
.indep-txt b{color:#fff;font-family:var(--head);font-weight:700;font-size:1rem;line-height:1.35}
.indep-txt span{color:#CBD5E1;line-height:1.6;font-size:.94rem}
.home-hero{position:relative;overflow:hidden}
.home-hero-inner{max-width:1280px;margin:0 auto;padding:2.5rem 1.25rem 1.5rem;display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}
.home-hero h1{font-family:var(--head);font-weight:800;font-size:clamp(2.1rem,4.5vw,3.4rem);line-height:1.06;letter-spacing:-.025em;color:var(--text-1);margin:.7rem 0 .9rem}
.home-hero h1 em{font-style:normal;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.home-lead{font-size:1.15rem;color:var(--text-2);line-height:1.65;margin-bottom:1.5rem}
.home-cta-row{display:flex;flex-wrap:wrap;gap:.8rem}
.home-cta{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--head);font-weight:700;font-size:.95rem;padding:.85rem 1.5rem;border-radius:var(--r-pill);text-decoration:none;transition:transform .2s}
.home-cta.primary{color:#fff;background:var(--sunset);box-shadow:var(--sh-orange)}
.home-cta.primary:hover{transform:translateY(-2px);color:#fff}
.home-cta.ghost{color:var(--ink);background:#fff;border:1px solid var(--pearl-200)}
.home-cta.ghost:hover{border-color:var(--magenta);color:var(--magenta)}
.home-trust{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:1.5rem;font-family:var(--mono);font-size:.7rem;color:var(--text-3);letter-spacing:.03em}
.home-trust b{color:var(--positive)}
.cockpit-hero{background:linear-gradient(180deg,#FFFFFF,#FCFCFE);border:1px solid var(--pearl-200);border-radius:26px;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 30px 70px -20px rgba(15,23,42,.30),0 12px 30px -12px rgba(139,92,246,.18);overflow:hidden;position:relative}
.cockpit-hero::after{content:'';position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(249,115,22,.05),transparent);pointer-events:none}
.cockpit-hero .ctop{height:5px;background:var(--sunset-h)}
.cockpit-hero .cbody{padding:1.5rem 1.5rem 1.6rem;position:relative}
.cockpit-hero .cprod{display:flex;align-items:center;gap:.8rem;margin-bottom:1.3rem}
.cockpit-hero .cprod-img{width:58px;height:58px;border-radius:14px;background:linear-gradient(135deg,#F8FAFC,#EEF1F5);border:1px solid var(--pearl-200);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cockpit-hero .cprod-img img{width:100%;height:100%;object-fit:contain}
.cockpit-hero .cprod-meta .cat{font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--magenta)}
.cockpit-hero .cprod-meta .nm{font-family:var(--head);font-weight:800;font-size:1.12rem;color:var(--ink);line-height:1.15;letter-spacing:-.01em}
.cockpit-grid{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center}
.cockpit-ringbox{display:flex;flex-direction:column;align-items:center;padding-right:1.5rem;border-right:1px solid var(--pearl);min-width:138px}
.cockpit-ringbox svg{width:130px;height:130px;filter:drop-shadow(0 6px 14px rgba(236,72,153,.16))}
.cockpit-ringbox .rlbl{font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-top:.5rem}
.cockpit-bars{display:flex;flex-direction:column;gap:.62rem}
.cbar{display:grid;grid-template-columns:80px 1fr 30px;gap:.75rem;align-items:center}
.cbar .l{font-family:var(--mono);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}
.cbar .t{height:8px;background:var(--pearl);border-radius:99px;overflow:hidden;box-shadow:inset 0 1px 2px rgba(15,23,42,.06)}
.cbar .f{height:100%;border-radius:99px;background:var(--grad-score-bar);box-shadow:0 1px 4px rgba(236,72,153,.25)}
.cbar.run .f{background:linear-gradient(90deg,#EC4899,#A78BFA,#8B5CF6)}
.cbar .v{font-family:var(--head);font-weight:800;font-size:.88rem;color:var(--ink);text-align:center}
.cockpit-foot{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid var(--pearl)}
.cockpit-tag{font-family:var(--mono);font-size:.6rem;font-weight:700;padding:.34rem .7rem;border-radius:99px;display:inline-flex;align-items:center;gap:.3rem;letter-spacing:.02em}
.cockpit-tag.g{background:#EAF2F0;color:#2E946B}
.cockpit-tag.o{background:var(--cream);color:var(--orange-600)}
.cockpit-tag.v{background:#F3E8FF;color:var(--purple-700)}
.cockpit-float{position:absolute;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--pearl-200);border-radius:14px;box-shadow:0 16px 38px -10px rgba(15,23,42,.22);padding:.55rem .85rem;font-family:var(--head);font-weight:800;font-size:.82rem;color:var(--ink);display:flex;align-items:center;gap:.5rem;z-index:2}
.cockpit-float .pin{width:24px;height:24px;border-radius:8px;background:var(--sunset);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.64rem;box-shadow:0 4px 10px rgba(249,115,22,.35)}
.cockpit-f1{top:-16px;right:18px}
.cockpit-f2{bottom:-16px;left:18px}
.dark-sec{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.dark-sec::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--sunset-h)}
.dark-sec .home-sec-head h2{color:#fff}
.dark-sec .home-sec-head p{color:#94A3B8}
.split{max-width:1180px;margin:0 auto;padding:2.6rem 1.25rem;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.split-txt .label-v6{display:inline-block}
.split-txt h2{font-family:var(--head);font-weight:800;font-size:clamp(1.5rem,3vw,2.1rem);letter-spacing:-.02em;margin:.5rem 0 .8rem;color:var(--ink)}
.split.on-dark .split-txt h2{color:#fff}
.split-txt p{font-size:1.02rem;line-height:1.7;color:var(--text-2);margin:0 0 1rem}
.split.on-dark .split-txt p{color:#CBD5E1}
.split-txt .home-cta{margin-top:.4rem}
.split-visual{position:relative}
.split-founders{display:flex;align-items:center;gap:.9rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-xl);padding:1.2rem 1.4rem}
.split-founders .av{width:54px;height:54px;border-radius:50%;background:var(--sunset);display:flex;align-items:center;justify-content:center;font-family:var(--head);font-weight:800;color:#fff;flex-shrink:0;overflow:hidden;position:relative}
.split-founders .av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.split-founders b{color:#fff;font-family:var(--head);display:block}
.split-founders span{color:#94A3B8;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}
.split-quote{font-family:Georgia,serif;font-style:italic;font-size:1.3rem;line-height:1.5;color:#fff;border-left:3px solid var(--orange);padding-left:1.1rem}
.minifeat{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1180px;margin:0 auto;padding:0 1.25rem}
.minif{display:flex;gap:.7rem;align-items:flex-start}
.minif .mic{width:40px;height:40px;border-radius:11px;background:rgba(249,115,22,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.minif .mic svg{width:20px;height:20px;stroke:var(--orange-600);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dark-sec .minif .mic{background:rgba(253,186,116,.12)}
.dark-sec .minif .mic svg{stroke:#FDBA74}
.minif b{font-family:var(--head);font-weight:700;font-size:.95rem;color:var(--ink);display:block;margin-bottom:.15rem}
.dark-sec .minif b{color:#fff}
.minif span{font-size:.85rem;color:var(--text-2);line-height:1.45}
.dark-sec .minif span{color:#94A3B8}
.dark-sec .hstep{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.dark-sec .hstep h3{color:#fff}
.dark-sec .hstep p{color:#94A3B8}
.home-hero-art{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.home-hero-art .halo{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle at 50% 44%,rgba(241,243,247,.95),rgba(237,240,245,.7) 55%,rgba(248,250,252,0) 74%)}
.home-hero-art .halo::before{content:none}
.home-hero-art .halo::after{content:none}
.home-hero-art .blob{display:none}
.home-hero-art .spark{display:none}
.home-hero-art .ring-deco{position:absolute;width:80%;height:80%;border:1px dashed rgba(15,23,42,.08);border-radius:50%;z-index:0}
.home-gauge{position:relative;z-index:1;width:56%;aspect-ratio:1;filter:drop-shadow(0 16px 30px rgba(249,115,22,.30)) drop-shadow(0 8px 22px rgba(236,72,153,.22))}
.home-gauge svg{width:100%;height:100%;display:block}
.gauge-arc{stroke-dasharray:100;stroke-dashoffset:100;animation:gaugeFill 1.6s cubic-bezier(.22,1,.36,1) .25s forwards}
.gauge-needle{transform-origin:100px 100px;transform:rotate(-90deg);animation:gaugeNeedle 1.6s cubic-bezier(.22,1,.36,1) .25s forwards}
.home-hero-art .badge-row{display:contents}
.home-hero-art .chip{position:absolute;font-family:var(--head);font-weight:700;font-size:.8rem;color:#fff;padding:.5rem .85rem;border-radius:var(--r-pill);box-shadow:0 14px 32px -10px rgba(15,23,42,.30);display:flex;gap:.3rem;align-items:center;z-index:2;white-space:nowrap}
.home-hero-art .chip b{font-weight:800}
.home-hero-art .chip small{font-family:var(--mono);font-size:.5rem;opacity:.9;font-weight:700}
.home-hero-art .c1{top:9%;left:4%;background:linear-gradient(135deg,#EA580C,#F97316)}
.home-hero-art .c2{top:9%;right:4%;background:linear-gradient(135deg,#EC4899,#8B5CF6)}
.home-hero-art .c3{bottom:8%;right:6%;background:#fff;color:var(--ink);border:1px solid var(--pearl-200)}
.home-hero-art .c3 b{color:var(--orange-600)}
.home-hero-art .c5{top:46%;right:1%;background:#EAF2F0;color:#2E946B;border:1px solid #C9E3DA}
.home-hero-art .c5 small{color:#2E946B;opacity:.8}
.hero-dark{background:radial-gradient(900px 460px at 72% 6%,rgba(236,72,153,.16),transparent 62%),radial-gradient(760px 460px at 14% 116%,rgba(139,92,246,.16),transparent 58%),#0B1120}
.hero-dark h1{color:#fff}
.hero-dark h1 em{background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-dark .home-lead{color:#9AA6B8}
.hero-dark .hero-badge{color:#FDBA74;border-color:rgba(253,186,116,.35);background:rgba(253,186,116,.08)}
.hero-dark .home-cta.ghost{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.hero-dark .home-trust{color:#64748B}
.hero-dark .home-trust b{color:#FDBA74}
.hero-dark .home-gauge svg path[stroke="#EDF0F5"]{stroke:rgba(255,255,255,.10)}
.hero-dark .home-gauge svg line{stroke:#fff}
.hero-dark .home-gauge svg circle[fill="#0F172A"]{fill:#fff}
.hero-dark .home-gauge svg circle[fill="#fff"]{fill:#0B1120}
.hero-dark .home-hero-art .c1,.hero-dark .home-hero-art .c2{color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 30px -12px rgba(0,0,0,.5)}
.hero-dark .home-hero-art .c1{background:rgba(249,115,22,.92)}
.hero-dark .home-hero-art .c2{background:linear-gradient(135deg,rgba(236,72,153,.92),rgba(139,92,246,.92))}
.hero-dark .home-hero-art .c3{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px)}
.hero-dark .home-hero-art .c3 b{color:#FDBA74}
.hero-dark .home-hero-art .c5{background:rgba(46,148,107,.16);color:#6EE7B7;border:1px solid rgba(46,148,107,.3)}
.hero-dark .home-hero-art .c5 small{color:#6EE7B7;opacity:.8}
.hero-dark 
.hero-dark 
.hero-dark 
.hero-dark 

.home-stats{background:var(--ink);position:relative;overflow:hidden}
.home-stats::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--sunset-h)}
.home-stats-inner{max-width:1280px;margin:0 auto;padding:3rem 1.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}
.home-stat-b{display:flex;flex-direction:column;gap:.15rem}
.home-stat-b .hsb-ic{width:38px;height:38px;border-radius:11px;background:rgba(253,186,116,.14);display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}
.home-stat-b .hsb-ic svg{width:20px;height:20px;stroke:#FDBA74;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.home-stat-b b{font-family:var(--head);font-weight:800;font-size:1.05rem;color:#fff;line-height:1.2}
.home-stat-b .hsb-t{font-family:var(--body);font-size:.85rem;color:#94A3B8;line-height:1.4}
.home-sources{text-align:center}
.home-sources .lbl{font-family:var(--mono);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin-bottom:1rem}
.home-sources .chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}
.home-sources .chips span{font-family:var(--head);font-weight:600;font-size:.82rem;color:var(--text-2);background:#fff;border:1px solid var(--pearl-200);padding:.45rem .9rem;border-radius:var(--r-pill);box-shadow:var(--sh-soft)}
.home-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.hbenefit{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.4rem;box-shadow:var(--sh-soft)}
.hbenefit-ic{width:46px;height:46px;border-radius:var(--r-lg);background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.hbenefit-ic svg{width:24px;height:24px;stroke:var(--orange-600);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hbenefit h3{font-family:var(--head);font-size:1rem;font-weight:800;color:var(--ink);margin:0 0 .35rem}
.hbenefit p{font-size:.9rem;color:var(--text-2);line-height:1.55;margin:0}
.home-sec{max-width:1280px;margin:0 auto;padding:2.5rem 1.25rem}
.home-sec-head{text-align:center;margin-bottom:1.8rem}
.home-sec-head .label-v6{display:inline-block}
.home-sec-head h2{font-family:var(--head);font-weight:800;font-size:clamp(1.6rem,3vw,2.2rem);color:var(--text-1);letter-spacing:-.02em;margin:.4rem 0 .5rem}
.home-sec-head p{font-size:1.02rem;color:var(--text-2);max-width:640px;margin:0 auto;line-height:1.6}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.cat-card{position:relative;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-soft);text-decoration:none;display:block;transition:transform .2s,box-shadow .2s;overflow:hidden}
.cat-card.active:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.12)}
.cat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--pearl-200)}
.cat-card.active::before{background:var(--sunset-h)}
.cat-card.soon{opacity:.72}
.cat-ic{width:50px;height:50px;border-radius:var(--r-lg);background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:.9rem}
.cat-ic svg{width:26px;height:26px;stroke:var(--orange-600);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cat-card h3{font-family:var(--head);font-weight:800;font-size:1.15rem;color:var(--ink);margin:0 0 .3rem}
.cat-card p{font-size:.92rem;color:var(--text-2);line-height:1.5;margin:0 0 .8rem}
.cat-link{font-family:var(--head);font-weight:700;font-size:.85rem;color:var(--magenta)}
.cat-badge{position:absolute;top:1.2rem;right:1.2rem;font-family:var(--mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .6rem;border-radius:var(--r-pill)}
.cat-badge.live{background:#EAF2F0;color:#2E946B}
.cat-badge.next{background:var(--pearl);color:var(--text-3)}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.feat-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);box-shadow:var(--sh-soft);text-decoration:none;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.feat-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.12)}
.feat-img{aspect-ratio:16/11;background:#F3F4F6;position:relative;display:flex;align-items:center;justify-content:center}
.feat-img img{width:100%;height:100%;object-fit:contain}
.feat-score{position:absolute;top:.8rem;right:.8rem;background:var(--sunset);color:#fff;font-family:var(--head);font-weight:800;font-size:1rem;padding:.4rem .7rem;border-radius:var(--r-pill);box-shadow:var(--sh-violet)}
.feat-body{padding:1.1rem 1.2rem 1.3rem}
.feat-cat{font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--magenta)}
.feat-name{font-family:var(--head);font-weight:800;font-size:1.05rem;color:var(--ink);margin:.25rem 0 .4rem;line-height:1.25}
.feat-desc{font-size:.88rem;color:var(--text-2);line-height:1.5;margin:0}
.home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.hstep{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-soft);text-align:center}
.hstep-n{width:44px;height:44px;border-radius:50%;background:var(--sunset);color:#fff;font-family:var(--head);font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;box-shadow:var(--sh-orange)}
.hstep h3{font-family:var(--head);font-weight:700;font-size:1.05rem;color:var(--ink);margin:0 0 .4rem}
.hstep p{font-size:.92rem;color:var(--text-2);line-height:1.55;margin:0}
.home-band{background:var(--ink);border-radius:var(--r-xl);padding:2.4rem 2rem;text-align:center;position:relative;overflow:hidden;margin:1rem 0}
.home-band::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--sunset-h)}
.home-band h2{color:#fff!important;font-size:clamp(1.5rem,3vw,2rem);margin:0 0 .6rem}
.home-band p{color:#CBD5E1;max-width:560px;margin:0 auto 1.4rem;line-height:1.6}
.home-band .home-cta.primary{font-size:1rem}
.home-altbg{background:#fff;border-top:1px solid var(--pearl);border-bottom:1px solid var(--pearl)}
.cat-hero{max-width:1280px;margin:0 auto;padding:1.6rem 1.25rem .5rem}
.cat-hero h1{font-family:var(--head);font-weight:800;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;letter-spacing:-.02em;color:var(--text-1);margin:.6rem 0 .6rem}
.cat-hero h1 em{font-style:normal;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cat-hero .tagline{font-family:Georgia,serif;font-style:italic;font-size:clamp(1.05rem,1.8vw,1.3rem);color:var(--purple);margin:.2rem 0 .7rem}
.cat-lead{font-size:1.05rem;color:var(--text-2);line-height:1.7;max-width:820px}
.cat-stats{display:flex;flex-wrap:wrap;gap:1.8rem;margin-top:1.3rem}
.cat-stat b{display:block;font-family:var(--head);font-size:1.7rem;font-weight:800;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.cat-stat span{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-top:.3rem;display:block}
.rank-rows{display:flex;flex-direction:column;gap:.7rem}
.rank-row{display:grid;grid-template-columns:42px 64px 1fr auto auto;gap:1rem;align-items:center;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:.9rem 1.1rem;box-shadow:var(--sh-soft);text-decoration:none;transition:transform .2s,box-shadow .2s}
.rank-row:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.10)}
.rank-pos{font-family:var(--head);font-weight:800;font-size:1.2rem;color:var(--text-3);text-align:center}
.rank-row:nth-child(1) .rank-pos,.rank-row:nth-child(2) .rank-pos,.rank-row:nth-child(3) .rank-pos{background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.rank-thumb2{width:56px;height:56px;border-radius:12px;background:#fff;border:1px solid var(--pearl-200,#E2E8F0);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.rank-thumb2 img{width:100%;height:100%;object-fit:contain}
.rank-info .rk-cat{font-family:var(--mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--magenta)}
.rank-info .rk-name{font-family:var(--head);font-weight:800;font-size:1.02rem;color:var(--ink);line-height:1.2;margin-top:.1rem}
.rank-info .rk-tag{font-size:.84rem;color:var(--text-2);margin-top:.15rem}
.rank-meta{text-align:center}
.rank-meta .ms{font-family:var(--head);font-weight:800;font-size:1.35rem;color:var(--orange-600);line-height:1}
.rank-meta .ms.run{color:var(--purple-700)}
.rank-meta .ml{font-family:var(--mono);font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-top:.2rem}
.rank-cta{font-family:var(--head);font-weight:700;font-size:.82rem;color:#fff;background:var(--sunset);padding:.5rem .9rem;border-radius:var(--r-pill);white-space:nowrap;box-shadow:var(--sh-orange)}
.subcat-row{display:flex;flex-wrap:wrap;gap:.6rem}
.subcat{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--head);font-weight:600;font-size:.9rem;color:var(--ink);background:#fff;border:1px solid var(--pearl-200);padding:.6rem 1.1rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-soft);transition:all .2s}
.subcat:hover{border-color:var(--magenta);color:var(--magenta);transform:translateY(-2px)}
.subcat .n{font-family:var(--mono);font-size:.62rem;color:var(--text-3)}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.guide-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.4rem;box-shadow:var(--sh-soft);text-decoration:none;display:block;transition:transform .2s,box-shadow .2s}
.guide-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.10)}
.guide-ic{width:42px;height:42px;border-radius:11px;background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}
.guide-ic svg{width:21px;height:21px;stroke:var(--orange-600);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.guide-card .gc-cat{font-family:var(--mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--magenta)}
.guide-card h3{font-family:var(--head);font-weight:800;font-size:1.05rem;color:var(--ink);margin:.2rem 0 .4rem;line-height:1.25}
.guide-card p{font-size:.9rem;color:var(--text-2);line-height:1.5;margin:0}
.cat-section{max-width:1280px;margin:0 auto;padding:2.4rem 1.25rem}
.cat-section-head{margin-bottom:1.4rem}
.cat-section-head h2{font-family:var(--head);font-weight:800;font-size:clamp(1.5rem,3vw,2.1rem);color:var(--text-1);letter-spacing:-.02em;margin:.4rem 0 .4rem}
.cat-section-head p{font-size:1rem;color:var(--text-2);line-height:1.6;max-width:760px}
.cat-section-head .see-all{float:right;font-family:var(--head);font-weight:700;font-size:.85rem;color:var(--magenta);text-decoration:none;margin-top:.3rem}
.cmp-wrap{display:block}
.cmp-main{min-width:0}
.cmp-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}
.cmp-filter-btn{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--head);font-weight:700;font-size:.85rem;color:var(--ink);background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-pill);padding:.55rem 1.1rem;cursor:pointer;box-shadow:var(--sh-soft);transition:all .2s}
.cmp-filter-btn:hover{border-color:var(--magenta);color:var(--magenta)}
.cmp-filter-btn[aria-expanded="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.cmp-filter-count{background:var(--sunset);color:#fff;font-family:var(--mono);font-size:.6rem;font-weight:700;padding:.1rem .4rem;border-radius:99px;min-width:18px;text-align:center}
.cmp-count{font-family:var(--mono);font-size:.74rem;color:var(--text-3)}
.cmp-count b{color:var(--ink)}
.cmp-sort{display:flex;align-items:center;gap:.5rem;margin-left:auto}
.cmp-sort label{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}
.cmp-sort select{font-family:var(--head);font-weight:600;font-size:.85rem;color:var(--ink);border:1px solid var(--pearl-200);border-radius:var(--r-pill);padding:.45rem 1.8rem .45rem .9rem;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%235B5B66' stroke-width='3'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right .7rem center;-webkit-appearance:none;appearance:none;cursor:pointer}
.cmp-filters{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.3rem 1.4rem;box-shadow:var(--sh-soft);margin-bottom:1.1rem}
.cmp-filters[hidden]{display:none}
.cmp-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.2rem 1.6rem}
.cmp-filters .reset{margin-top:1.1rem;font-family:var(--mono);font-size:.66rem;font-weight:700;color:var(--magenta);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:none;border:1px solid var(--pearl-200);border-radius:var(--r-pill);padding:.45rem 1rem}
.cmp-filters .reset:hover{border-color:var(--magenta)}
.fgroup-lbl{font-family:var(--mono);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-bottom:.6rem}
.frange{display:flex;align-items:center;gap:.4rem}
.frange input{width:100%;font-family:var(--body);font-size:.82rem;border:1px solid var(--pearl-200);border-radius:8px;padding:.4rem .5rem;color:var(--ink);background:#FAFBFC;-moz-appearance:textfield}
.frange input::-webkit-outer-spin-button,.frange input::-webkit-inner-spin-button{-webkit-appearance:none}
.frange span{font-family:var(--mono);font-size:.7rem;color:var(--text-3)}
.fcheck{display:flex;align-items:center;gap:.5rem;font-size:.86rem;color:var(--text-2);padding:.3rem 0;cursor:pointer}
.fcheck input{accent-color:var(--magenta);width:16px;height:16px}
.fcheck .cnt{margin-left:auto;font-family:var(--mono);font-size:.62rem;color:var(--text-3)}
.fstars{display:flex;flex-direction:column;gap:.15rem}
.fstar{display:flex;align-items:center;gap:.5rem;font-size:.84rem;color:var(--text-2);padding:.25rem 0;cursor:pointer;border:none;background:none;text-align:left;width:100%}
.fstar.active{color:var(--ink);font-weight:700}
.fstar .st{color:var(--orange);letter-spacing:1px}
.cat-edito{max-width:none;min-width:0}
.cat-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:center}
.cat-hero-art{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center}
.cat-hero-art .ha-halo{position:absolute;inset:6%;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(249,115,22,.16),rgba(236,72,153,.10) 48%,rgba(139,92,246,.06) 70%,transparent 75%)}
.cat-hero-art .ha-ring{position:absolute;width:78%;height:78%;border:1px dashed rgba(15,23,42,.10);border-radius:50%}
.cat-hero-art .ha-gear{position:relative;width:72%;filter:drop-shadow(0 18px 34px rgba(249,115,22,.28)) drop-shadow(0 8px 20px rgba(236,72,153,.20))}
.cat-hero-art .ha-gear svg{width:100%;height:auto;display:block}
.cat-hero-art .ha-chip{position:absolute;font-family:var(--head);font-weight:800;font-size:.8rem;color:#fff;padding:.5rem .85rem;border-radius:var(--r-pill);box-shadow:0 12px 28px -8px rgba(15,23,42,.28);display:flex;gap:.35rem;align-items:center;z-index:2}
.cat-hero-art .ha-chip small{font-family:var(--mono);font-size:.5rem;font-weight:700;opacity:.9}
.cat-hero-art .hc1{top:8%;right:0;background:linear-gradient(135deg,#EA580C,#F97316)}
.cat-hero-art .hc2{bottom:14%;left:-2%;background:linear-gradient(135deg,#EC4899,#8B5CF6)}
.buy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem}
.buy-card{position:relative;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);box-shadow:var(--sh-soft);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.buy-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -12px rgba(15,23,42,.18)}
.buy-card.featured{border:2px solid transparent;background:var(--ink);color:#fff;position:relative;overflow:hidden}
.buy-card.featured::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--sunset-h);z-index:1}
.buy-card.featured .buy-img{background:rgba(255,255,255,.06)}
.buy-card.featured .buy-name{color:#fff}
.buy-card.featured .buy-why{color:#CBD5E1}
.buy-card.featured .buy-sc.run .n{color:#C4B5FD}
.buy-card.featured .buy-sc.meta .n{color:#FB923C}
.buy-card.featured .buy-sc .l{color:#94A3B8}
.buy-card.featured .buy-foot{border-top-color:rgba(255,255,255,.12)}
.buy-card.featured .buy-price .v{color:#fff}
.buy-card.featured .buy-price .m{color:#94A3B8}
.buy-tag{position:absolute;top:0;left:0;font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--sunset);padding:.35rem .8rem;border-radius:0 0 var(--r-lg) 0;z-index:2}
.buy-tag.alt{background:var(--ink)}
.buy-img{aspect-ratio:16/12;background:#F3F4F6;display:flex;align-items:center;justify-content:center;overflow:hidden}
.buy-img img{width:100%;height:100%;object-fit:contain}
.buy-body{padding:1.2rem 1.3rem 1.4rem;display:flex;flex-direction:column;flex:1}
.buy-cat{font-family:var(--mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--magenta)}
.buy-name{font-family:var(--head);font-weight:800;font-size:1.15rem;color:var(--ink);line-height:1.2;margin:.2rem 0 .3rem}
.buy-why{font-size:.86rem;color:var(--text-2);line-height:1.5;margin:0 0 .9rem;flex:1}
.buy-scores{display:flex;gap:1rem;margin-bottom:.9rem}
.buy-sc .n{font-family:var(--head);font-weight:800;font-size:1.25rem;line-height:1}
.buy-sc.run .n{color:var(--purple-700)}
.buy-sc.meta .n{color:var(--orange-600)}
.buy-sc .l{font-family:var(--mono);font-size:.5rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-top:.2rem}
.buy-foot{display:flex;align-items:center;justify-content:space-between;gap:.7rem;border-top:1px solid var(--pearl);padding-top:1rem}
.buy-price{display:flex;flex-direction:column;line-height:1.1}
.buy-price .v{font-family:var(--head);font-weight:800;font-size:1.3rem;color:var(--ink)}
.buy-price .m{font-family:var(--mono);font-size:.54rem;color:var(--text-3);margin-top:.15rem}
.buy-cta{font-family:var(--head);font-weight:700;font-size:.85rem;color:#fff;background:var(--sunset);padding:.65rem 1.1rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);white-space:nowrap;transition:transform .2s}
.buy-cta:hover{transform:translateY(-2px);color:#fff}
.buy-aff-note{font-family:var(--mono);font-size:.6rem;color:var(--text-3);text-align:center;margin-top:1rem}
.edito-layout{max-width:1280px;margin:0 auto;padding:0 1.25rem;display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start}
.edito-aside{position:sticky;top:90px;display:flex;flex-direction:column;gap:1rem}
.pick-card{background:var(--ink);color:#fff;border-radius:var(--r-xl);overflow:hidden;box-shadow:0 18px 44px -14px rgba(15,23,42,.4);position:relative}
.pick-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--sunset-h)}
.pick-head{font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#FDBA74;padding:1.1rem 1.3rem .2rem}
.pick-body{padding:.4rem 1.3rem 1.3rem}
.pick-img{width:100%;aspect-ratio:16/11;background:rgba(255,255,255,.06);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.9rem}
.pick-img img{width:100%;height:100%;object-fit:contain}
.pick-cat{font-family:var(--mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#94A3B8}
.pick-name{font-family:var(--head);font-weight:800;font-size:1.15rem;color:#fff;line-height:1.2;margin:.2rem 0 .7rem}
.pick-scores{display:flex;gap:1.2rem;margin-bottom:.9rem}
.pick-sc .n{font-family:var(--head);font-weight:800;font-size:1.4rem;line-height:1}
.pick-sc.run .n{color:#C4B5FD}
.pick-sc.meta .n{color:#FB923C}
.pick-sc .l{font-family:var(--mono);font-size:.5rem;text-transform:uppercase;letter-spacing:.06em;color:#94A3B8;margin-top:.2rem}
.pick-price{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.8rem}
.pick-price .v{font-family:var(--head);font-weight:800;font-size:1.5rem;color:#fff}
.pick-price .m{font-family:var(--mono);font-size:.62rem;color:#94A3B8}
.pick-cta{display:flex;align-items:center;justify-content:center;gap:.35rem;width:100%;box-sizing:border-box;font-family:var(--head);font-weight:700;font-size:.92rem;color:#fff;background:var(--sunset);padding:.8rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);transition:transform .2s}
.pick-cta:hover{transform:translateY(-2px);color:#fff}
.pick-reassure{font-family:var(--mono);font-size:.56rem;color:#6EE7B7;text-align:center;margin-top:.6rem}
.also-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.1rem 1.2rem;box-shadow:var(--sh-soft)}
.also-card h4{font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin:0 0 .7rem}
.also-row{display:flex;align-items:center;gap:.7rem;padding:.5rem 0;border-top:1px solid var(--pearl);text-decoration:none}
.also-row:first-of-type{border-top:0}
.also-info .at{display:block;margin-top:.1rem}
.also-sc{margin-left:auto;padding-left:.4rem}
.also-thumb{width:38px;height:38px;border-radius:9px;background:#F3F4F6;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.also-thumb img{width:100%;height:100%;object-fit:contain}
.also-info{min-width:0;flex:1}
.also-info .an{font-family:var(--head);font-weight:700;font-size:.85rem;color:var(--ink);line-height:1.2;display:block}
.cat-edito h2{font-family:var(--head);font-weight:800;font-size:clamp(1.5rem,2.6vw,2rem);color:var(--ink);letter-spacing:-.02em;margin:2.2rem 0 .7rem;scroll-margin-top:120px}
.cat-edito h2:first-child{margin-top:0}
.cat-edito h3{font-family:var(--head);font-weight:700;font-size:1.12rem;color:var(--ink);margin:1.5rem 0 .5rem}
.cat-edito p{font-size:1rem;color:var(--text-2);line-height:1.75;margin:0 0 1rem}
.cat-edito strong{color:var(--ink)}
.cat-edito a{color:var(--magenta);text-decoration:underline;text-underline-offset:2px}
.cat-edito ul.rich{list-style:none;margin:1rem 0;padding:0;display:flex;flex-direction:column;gap:.7rem}
.cat-edito ul.rich li{position:relative;padding-left:1.5rem;color:var(--text-2);line-height:1.65}
.cat-edito ul.rich li::before{content:'';position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--sunset)}
.cat-edito ul.rich li strong{color:var(--ink)}
.edito-answer{background:linear-gradient(#fff,#fff) padding-box,var(--sunset) border-box;border:1.5px solid transparent;border-radius:var(--r-xl);padding:1.2rem 1.4rem;margin:1.2rem 0}
.edito-answer .ea-q{font-family:var(--mono);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.4rem}
.edito-answer p{margin:0;font-size:.97rem}
.edito-table-wrap{overflow-x:auto;border:1px solid var(--pearl-200);border-radius:var(--r-xl);box-shadow:var(--sh-soft);margin:1.4rem 0}
.usage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.4rem 0}
.usage-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);box-shadow:var(--sh-soft);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.usage-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px -12px rgba(15,23,42,.16)}
.usage-top{padding:1.1rem 1.2rem .9rem;display:flex;align-items:flex-start;gap:.8rem}
.usage-ic{width:42px;height:42px;border-radius:11px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.usage-ic svg{width:21px;height:21px;stroke:var(--orange-600);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.usage-tt{font-family:var(--head);font-weight:800;font-size:1.02rem;color:var(--ink);line-height:1.2}
.usage-fmt{display:inline-block;margin-top:.35rem;font-family:var(--mono);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}
.usage-pick{background:var(--ink);color:#fff;padding:.8rem 1.2rem;display:flex;align-items:center;gap:.6rem;margin-top:auto}
.usage-pick .pl{font-family:var(--mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#FDBA74;flex-shrink:0}
.usage-pick .pn{font-family:var(--head);font-weight:700;font-size:.86rem;color:#fff;line-height:1.25}
.edito-table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:560px}
.edito-table th{background:var(--ink);color:#fff;font-family:var(--head);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;padding:.8rem 1rem;text-align:left}
.edito-table td{padding:.75rem 1rem;border-top:1px solid var(--pearl);color:var(--text-2);vertical-align:top}
.edito-table td:first-child{font-family:var(--head);font-weight:600;color:var(--ink)}
.edito-table td:nth-child(3),.edito-table th:nth-child(3){background:var(--ink);color:#fff}
.edito-table td:nth-child(3){font-family:var(--head);font-weight:700}
.edito-note{background:var(--cream);border-left:3px solid var(--orange);padding:.8rem 1.1rem;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.92rem;color:var(--text-2);margin:1.2rem 0}
.edito-note strong{color:var(--ink)}
.cmp-list{display:flex;flex-direction:column;gap:.8rem}
.cmp-card{display:grid;grid-template-columns:70px 1fr auto auto;gap:1.1rem;align-items:center;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1rem 1.2rem;box-shadow:var(--sh-soft);transition:transform .18s,box-shadow .18s}
.cmp-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.10)}
.cmp-thumb{width:70px;height:70px;border-radius:12px;background:#F3F4F6;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}
.cmp-thumb img{width:100%;height:100%;object-fit:contain}
.cmp-body{min-width:0}
.cmp-body .cb-top{font-family:var(--mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--magenta)}
.cmp-body .cb-name{font-family:var(--head);font-weight:800;font-size:1.05rem;color:var(--ink);line-height:1.2;margin:.12rem 0 .25rem}
.cmp-body .cb-name a{color:inherit;text-decoration:none}
.cmp-body .cb-meta{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;font-size:.78rem;color:var(--text-3);font-family:var(--mono)}
.cmp-stars{color:var(--orange);letter-spacing:.5px;font-size:.82rem}
.cmp-stars .empty{color:var(--pearl-300)}
.cmp-scores{display:flex;gap:.9rem;text-align:center}
.cmp-scores .sc .n{font-family:var(--head);font-weight:800;font-size:1.15rem;line-height:1}
.cmp-scores .sc.meta .n{color:var(--orange-600)}
.cmp-scores .sc.run .n{color:var(--purple-700)}
.cmp-scores .sc .l{font-family:var(--mono);font-size:.48rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-top:.2rem}
.cmp-buy{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;white-space:nowrap}
.cmp-price{font-family:var(--head);font-weight:800;font-size:1.1rem;color:var(--ink)}
.cmp-price small{font-family:var(--mono);font-size:.56rem;color:var(--text-3);font-weight:600;display:block;text-align:right}
.cmp-buy a{font-family:var(--head);font-weight:700;font-size:.82rem;color:#fff;background:var(--sunset);padding:.6rem 1.15rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);transition:transform .2s}
.cmp-buy a:hover{transform:translateY(-1px);color:#fff}
.cmp-reassure{font-family:var(--mono);font-size:.56rem;color:#2E946B;font-weight:700;letter-spacing:.02em}
.cmp-empty{text-align:center;padding:2.5rem 1rem;color:var(--text-3);font-family:var(--mono);font-size:.85rem}
.cmp-aff-note{font-family:var(--mono);font-size:.6rem;color:var(--text-3);margin-top:1rem;text-align:center}
.uwrap{border:1px solid var(--pearl-200);border-radius:var(--r-xl);overflow:hidden;box-shadow:0 10px 30px -16px rgba(15,23,42,.18);background:#fff}
.utbl{width:100%;border-collapse:collapse;font-size:14px}
.utbl thead th{font-family:var(--mono);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#CBD5E1;text-align:left;padding:15px 18px;background:var(--ink);border-bottom:none}
.utbl thead th:last-child{text-align:right;color:#FDBA74}
.utbl tbody tr{transition:background .15s}
.utbl tbody tr:hover{background:#FFF8F3}
.utbl td{padding:16px 18px;border-top:1px solid var(--pearl);vertical-align:middle}
.u-usage{display:flex;align-items:center;gap:12px;min-width:200px}
.u-ic{width:38px;height:38px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-ic svg{width:19px;height:19px;stroke:var(--orange-600);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.u-usage .t{font-family:var(--head);font-weight:800;font-size:14.5px;line-height:1.15}
.u-usage .f{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);margin-top:3px}
.u-pick .pl{font-family:var(--mono);font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--orange-600);display:block;margin-bottom:3px}
.u-pick .pn{font-family:var(--head);font-weight:700;font-size:14px;color:var(--ink);line-height:1.3}
.u-pick .pn .lead{color:var(--ink);font-weight:800}
.u-cta-cell{text-align:right;white-space:nowrap}
.u-cta{display:inline-flex;align-items:center;gap:5px;font-family:var(--head);font-weight:700;font-size:12.5px;color:#fff!important;-webkit-text-fill-color:#fff;text-decoration:none;background:var(--sunset);padding:9px 16px;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);transition:transform .2s}
.u-cta:hover{transform:translateY(-1px)}
.unote{font-family:var(--mono);font-size:10px;color:var(--text-3);margin-top:12px}
.guide-hero{max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem .5rem}
.guide-hero h1{font-family:var(--head);font-weight:800;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;letter-spacing:-.02em;color:var(--text-1);margin:.6rem 0 .8rem}
.guide-hero h1 em{font-style:normal;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}

/* --- Responsive --- */
@media (min-width:681px){
  .sh-prod.is-winner{margin:-1px -1px -1px 0}
}
@media (prefers-reduced-motion:reduce){
  .gauge-arc{stroke-dashoffset:0;animation:none}
  .gauge-needle{transform:rotate(45deg);animation:none}
}
@media (max-width:1100px){
  .versus-layout,.rk-layout{grid-template-columns:1fr;gap:1rem}
  .versus-side,.rk-aside{position:static}
  .sticky-cta-mobile{display:block}
  .versus-main,.rk-main{padding-bottom:1rem}
  .footer{padding-bottom:5.5rem}
  .related{padding-bottom:5.5rem}
}
@media (max-width:1000px){
  .benefits{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
  .edito-layout{grid-template-columns:1fr;gap:1.5rem}
  .edito-aside{position:static}
}
@media (max-width:900px){
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .home-benefits{grid-template-columns:1fr 1fr}
  .cat-hero-grid{grid-template-columns:1fr;gap:1.2rem}
  .cat-hero-art{order:2;max-width:360px;margin:0 auto}
}
@media (max-width:880px){
  .home-hero-inner{grid-template-columns:1fr;gap:1.5rem;padding-top:1.6rem}
  .home-hero-art{max-width:340px;margin:0 auto}
  .cockpit-f1,.cockpit-f2{display:none}
  .home-hero-art .c5{display:none}
  .cat-grid{grid-template-columns:1fr 1fr}
  .feat-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  .header-nav{display:none}
  .nav-burger{display:flex}
  .about-hero-grid{grid-template-columns:1fr;gap:1rem}
  .about-hero-art{order:-1;max-width:280px;margin:0 auto}
  .split{grid-template-columns:1fr;gap:1.5rem}
  .guide-grid{grid-template-columns:1fr}
  .buy-grid{grid-template-columns:1fr}
}
@media (max-width:820px){
  .pillars{grid-template-columns:1fr}
}
@media (max-width:780px){
  .home-steps{grid-template-columns:1fr}
}
@media (max-width:768px){
  .footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}
  .hero-vs-grid{grid-template-columns:1fr;gap:.8rem}
  .vs-separator{transform:rotate(0);padding:.4rem 0;font-size:1.8rem;display:flex;justify-content:center}
  .versus-layout,.rk-layout{padding:0 .9rem;gap:1rem}
  .hero-ministats{gap:1.3rem}
  .hero-ministat-num{font-size:1.6rem}
  .final-verdict{padding:1.8rem 1.4rem}
  .header-inner{padding:.6rem 1rem}
  .header .logo svg{height:44px}
  .header-nav{gap:1rem;font-size:.82rem}
}
@media (max-width:760px){
  .flow{grid-template-columns:1fr;gap:.4rem}
  .flow-arrow{transform:rotate(90deg);justify-self:center;padding:.3rem 0}
  .minifeat{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  .rank-row{grid-template-columns:34px 48px 1fr auto;gap:.6rem}
  .rank-row .rank-meta.runcol,.rank-row .rank-cta{display:none}
  .rank-thumb2{width:48px;height:48px}
  .utbl thead{display:none}
  .utbl,.utbl tbody,.utbl tr,.utbl td{display:block;width:100%}
  .utbl tr{border-top:1px solid var(--pearl-200);padding:6px 0}
  .utbl tr:first-child{border-top:0}
  .utbl td{border-top:0;padding:8px 16px}
  .u-cta-cell{text-align:left}
  .u-cta{width:100%;justify-content:center}
}
@media (max-width:680px){
  .sh-hub-body{grid-template-columns:1fr}
  .sh-prod:first-child{border-right:0;border-bottom:1px solid var(--pearl-200)}
  .benefits{grid-template-columns:repeat(2,1fr)}
  .home-stats-inner{grid-template-columns:1fr 1fr;gap:1.4rem}
  .usage-grid{grid-template-columns:1fr}
  .cmp-grid-2{grid-template-columns:1fr}
  .pros-cons-grid{grid-template-columns:1fr}
  .consensus-grid{grid-template-columns:1fr}
  .pc-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo price" "btn btn";gap:.5rem .6rem;align-items:center}
  .pc-row .pc-logo{grid-area:logo;align-self:center}
  .pc-row .pc-ship{display:none}
  .pc-row .pc-price{grid-area:price;justify-self:end;text-align:right}
  .pc-row .pc-price .best-tag{display:block;margin:.2rem 0 0;width:fit-content;margin-left:auto}
  .pc-btn{grid-area:btn;text-align:center;padding:.6rem 1rem;margin-top:.2rem}
}
@media (max-width:600px){
  .cmp-card{grid-template-columns:56px 1fr;gap:.7rem;row-gap:.7rem}
  .cmp-thumb{width:56px;height:56px}
  .cmp-scores{grid-column:1/-1;justify-content:flex-start;gap:1.4rem}
  .cmp-buy{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
  .cmp-buy a{order:2}
}
@media (max-width:560px){
  .sb-row{grid-template-columns:80px 1fr 40px;gap:.5rem;font-size:.78rem}
  .sb-label{font-size:.62rem}
  .related-grid{grid-template-columns:1fr}
  .home-hero-art{aspect-ratio:auto;min-height:auto;flex-direction:column;gap:.9rem;padding:.5rem 0 .5rem}
  .home-hero-art .halo,.home-hero-art .ring-deco{display:none}
  .home-hero-art .chip{position:static;order:1}
  .home-hero-art .c1,.home-hero-art .c2{position:static}
  .home-hero-art .badge-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;order:1}
  .home-gauge{width:62%;order:2;margin:0 auto}
  
  .cat-grid{grid-template-columns:1fr}
  .feat-grid{grid-template-columns:1fr}
}
@media (max-width:520px){
  .home-benefits{grid-template-columns:1fr}
}
@media (max-width:480px){
  .header .logo svg{height:38px}
  .header-nav{font-size:.78rem}
  .footer-grid{grid-template-columns:1fr;gap:1.6rem}
  .cockpit-grid{grid-template-columns:1fr;gap:1.2rem}
  .cockpit-ringbox{border-right:0;border-bottom:1px solid var(--pearl);padding:0 0 1.1rem}
}
@media (max-width:440px){
  .benefits{grid-template-columns:1fr}
}

/* hero : cartes critères (pictos sans chiffres) */
.hero-axes{position:absolute;bottom:7%;left:5%;background:#fff;border:1px solid var(--pearl-200);border-radius:16px;box-shadow:0 18px 40px -14px rgba(15,23,42,.25);padding:.9rem 1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;z-index:2;width:300px}
.hero-axis{display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center}
.hero-axis-ic{width:42px;height:42px;border-radius:12px;background:var(--orange-50,#FFF7ED);display:flex;align-items:center;justify-content:center}
.hero-axis-ic svg{width:22px;height:22px;stroke:var(--orange-600,#EA580C);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hero-axis-lb{font-family:var(--head);font-size:.74rem;font-weight:700;color:var(--ink)}

/* hero : piste de tartan en fond (SVG) */
.hero-track{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.55}
.hero-track .track-lanes path{fill:none;stroke:#F97316;stroke-width:2.5;opacity:.3}
.hero-track .track-lanes path:nth-child(even){stroke:#FDBA74;opacity:.4}
.home-hero-art .home-gauge{position:relative;z-index:1}

@media(max-width:720px){
.hero-axes{position:static;width:90%;margin:0 auto;order:3}
.hero-track{display:none}
}

/* ===== Page classement : vignettes tableau (fond blanc) + prose Sunset ===== */
.rank-table .rt-prod a{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.rank-table .rt-img{width:42px;height:42px;flex-shrink:0;object-fit:contain;background:#fff;border:1px solid var(--pearl-200,#E2E8F0);border-radius:8px;padding:3px}
.rank-table .rt-prod a:hover{color:var(--orange-600,#EA580C)}
.rank-table .rt-rank{font-family:var(--head);font-weight:800;color:var(--text-2,#64748B);text-align:center}
.rank-table .rt-profil{font-size:.82rem;color:var(--text-2,#64748B)}
/* Prose Sunset : habille le HTML generique injecte (Markdown -> HTML) dans #tests et #verdict */
.md-prose{color:var(--text-1,#1E293B);line-height:1.7;font-size:.97rem}
.md-prose > *:first-child{margin-top:0}
.md-prose p{margin:0 0 1rem}
.md-prose h2{font-family:var(--head);font-size:1.45rem;font-weight:800;letter-spacing:-.01em;margin:2rem 0 .9rem;color:var(--ink)}
.md-prose h3{font-family:var(--head);font-size:1.12rem;font-weight:700;margin:1.6rem 0 .6rem;color:var(--ink)}
.md-prose strong{font-weight:700;color:var(--ink)}
.md-prose em{font-style:italic}
.md-prose a{color:var(--orange-600,#EA580C);text-decoration:underline;text-underline-offset:2px}
.md-prose ul,.md-prose ol{margin:0 0 1rem;padding-left:0;list-style:none}
.md-prose ul li{position:relative;padding-left:1.4rem;margin:.4rem 0}
.md-prose ul li::before{content:"";position:absolute;left:.2rem;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--sunset,linear-gradient(135deg,#F97316,#EC4899))}
.md-prose ol{counter-reset:li}
.md-prose ol li{counter-increment:li;position:relative;padding-left:1.8rem;margin:.4rem 0}
.md-prose ol li::before{content:counter(li);position:absolute;left:0;top:0;font-family:var(--mono);font-size:.72rem;font-weight:700;color:var(--orange-600,#EA580C);background:var(--cream,#FFF8EB);width:1.3rem;height:1.3rem;border-radius:50%;display:flex;align-items:center;justify-content:center}
.md-prose table{width:100%;border-collapse:collapse;margin:1.2rem 0;font-size:.9rem}
.md-prose th{text-align:left;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2,#64748B);padding:.6rem .7rem;border-bottom:2px solid var(--pearl-200,#E2E8F0)}
.md-prose td{padding:.6rem .7rem;border-bottom:1px solid var(--pearl,#F1F5F9)}
.md-prose blockquote{border-left:3px solid var(--orange,#F97316);padding-left:1rem;margin:1rem 0;color:var(--text-2,#64748B);font-style:italic}

/* ============================================================
   Blocs specifiques par type de page
   (pages legales, guides/quiz, erreurs, placeholder, classement,
   fiches, hubs, contact, etc.) - consolides dans ce fichier unique.
   ============================================================ */

/* ===== PAGES LÉGALES ===== */
.legal-hero{max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem .3rem}

.legal-hero h1{font-family:var(--head);font-weight:800;font-size:clamp(1.7rem,3.5vw,2.6rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-1);margin:.5rem 0 .4rem}

.legal-hero .upd{font-family:var(--mono);font-size:.68rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}

.legal-wrap{max-width:1280px;margin:0 auto;padding:1rem 1.25rem 0;display:grid;grid-template-columns:240px 1fr;gap:2.5rem;align-items:start}

@media(max-width:880px){.legal-wrap{grid-template-columns:1fr;gap:1rem}.legal-toc{position:static!important;display:none}}

.legal-toc{position:sticky;top:90px}

.legal-toc-lbl{font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:.7rem}

.legal-toc a{display:block;font-family:var(--head);font-size:.85rem;font-weight:600;color:var(--text-2);text-decoration:none;padding:.4rem 0;border-left:2px solid var(--pearl-200);padding-left:.8rem;transition:all .2s}

.legal-toc a:hover{color:var(--magenta);border-left-color:var(--magenta)}

.legal-body{font-size:1rem;color:var(--text-2);line-height:1.75;min-width:0}

.legal-body h2{font-family:var(--head);font-weight:800;font-size:1.4rem;color:var(--ink);margin:2.2rem 0 .8rem;scroll-margin-top:90px}

.legal-body h2:first-child{margin-top:0}

.legal-body h3{font-family:var(--head);font-weight:700;font-size:1.08rem;color:var(--ink);margin:1.4rem 0 .5rem}

.legal-body p{margin:0 0 1rem}

.legal-body ul{margin:0 0 1rem;padding-left:1.2rem}

.legal-body li{margin-bottom:.5rem}

.legal-body a{color:var(--magenta);text-decoration:underline;text-underline-offset:2px}

.legal-body strong{color:var(--ink)}

.legal-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.4rem 1.6rem;box-shadow:var(--sh-soft);margin:0 0 1.2rem}

.legal-card p{margin:.3rem 0}

.legal-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:1rem 0;background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-soft)}

.legal-table th{background:var(--ink);color:#fff;font-family:var(--head);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;padding:.8rem 1rem;text-align:left}

.legal-table td{padding:.75rem 1rem;border-top:1px solid var(--pearl);color:var(--text-2);vertical-align:top}

.legal-table td:first-child{font-family:var(--head);font-weight:600;color:var(--ink)}

.legal-note{background:var(--cream);border-left:3px solid var(--orange);padding:.9rem 1.1rem;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.92rem;color:var(--text-2);margin:1.2rem 0}

/* ===== Page 404 ===== */
.err-wrap{max-width:760px;margin:0 auto;padding:5rem 1.5rem 4rem;text-align:center}

.err-code{font-family:var(--head);font-size:clamp(5rem,18vw,11rem);font-weight:800;line-height:.9;letter-spacing:-.04em;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin:0}

.err-title{font-family:var(--head);font-size:clamp(1.4rem,4vw,2rem);font-weight:800;color:var(--ink);margin:.6rem 0 .8rem;letter-spacing:-.01em}

.err-text{font-size:1.05rem;color:var(--text-2);line-height:1.6;max-width:520px;margin:0 auto 2.5rem}

.err-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:620px;margin:0 auto 2.5rem}

.err-link{display:flex;align-items:center;gap:.8rem;padding:1rem 1.2rem;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-lg);text-decoration:none;color:var(--ink);transition:.18s;text-align:left}

.err-link:hover{border-color:var(--orange-400);box-shadow:var(--sh-soft);transform:translateY(-2px)}

.err-link-ic{width:42px;height:42px;flex-shrink:0;border-radius:11px;background:var(--cream);display:flex;align-items:center;justify-content:center}

.err-link-ic svg{width:22px;height:22px;stroke:var(--orange-600);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.err-link-tx{display:flex;flex-direction:column;gap:.1rem}

.err-link-tx b{font-family:var(--head);font-size:.95rem;font-weight:700}

.err-link-tx span{font-size:.8rem;color:var(--text-2)}

.err-home{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;background:var(--sunset);color:#fff;font-family:var(--head);font-weight:700;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);transition:.18s}

.err-home:hover{transform:translateY(-2px)}

.soon{min-height:60vh;padding:4rem 1.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}
.soon-inner{position:relative;z-index:1;max-width:620px;width:100%;text-align:center}

/* anneau animé reprenant le logo */
.soon-ring{width:128px;height:128px;margin:0 auto 2rem;position:relative}

.soon-ring svg{width:100%;height:100%;display:block;animation:soonspin 14s linear infinite}

.soon-ring .soon-ring-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-size:.92rem;font-weight:800;letter-spacing:-.01em;color:var(--text-1)}

@media (prefers-reduced-motion:reduce){.soon-ring svg{animation:none}}

.soon-badge{display:inline-block;background:var(--orange-50);color:var(--orange-600);font-family:var(--mono);font-size:.65rem;font-weight:700;padding:.4rem .85rem;border-radius:var(--r-pill);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.2rem;border:1px solid #FED7AA}

.soon-tag{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.1rem,1.9vw,1.3rem);font-weight:500;font-style:italic;color:var(--purple);margin-bottom:1.1rem;line-height:1.4}

.soon-desc{font-size:1.02rem;color:var(--text-2);max-width:500px;margin:0 auto 2rem;line-height:1.65}

.soon-desc strong{color:var(--text-1);font-weight:700}

/* méthodo en 3 puces */
.soon-steps{display:flex;justify-content:center;gap:1.6rem;flex-wrap:wrap;margin-bottom:2.4rem}

.soon-step{display:flex;flex-direction:column;align-items:center;gap:.4rem;max-width:140px}

.soon-step-ic{width:46px;height:46px;border-radius:var(--r-lg);background:#fff;border:1px solid var(--pearl-200);box-shadow:var(--sh-soft);display:flex;align-items:center;justify-content:center}

.soon-step-ic svg{width:22px;height:22px;stroke:var(--magenta);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.soon-step-t{font-family:var(--head);font-size:.84rem;font-weight:700;color:var(--text-1);line-height:1.25}

.soon-step-d{font-family:var(--mono);font-size:.62rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}

/* boutons */
.soon-cta{display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap;margin-bottom:2.6rem}

.soon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;font-family:var(--head);font-weight:700;font-size:.95rem;padding:.82rem 1.5rem;border-radius:var(--r-pill);text-decoration:none;transition:all .2s;border:none;cursor:pointer}

.soon-btn.primary{color:#fff;background:var(--sunset);box-shadow:var(--sh-orange)}

.soon-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(249,115,22,.42)}

.soon-btn.ghost{color:var(--text-1);background:#fff;border:1px solid var(--pearl-200);box-shadow:var(--sh-soft)}

.soon-btn.ghost:hover{border-color:var(--magenta);color:var(--magenta)}

/* capture email */
.soon-alert{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);box-shadow:var(--sh-soft);padding:1.6rem 1.5rem;max-width:480px;margin:0 auto}

.soon-alert-t{font-family:var(--head);font-size:1.02rem;font-weight:800;color:var(--text-1);margin-bottom:.3rem}

.soon-alert-d{font-size:.86rem;color:var(--text-2);margin-bottom:1.1rem;line-height:1.5}

.soon-form{display:flex;gap:.5rem;flex-wrap:wrap}

.soon-form input{flex:1;min-width:0;font-family:var(--body);font-size:.92rem;padding:.78rem 1rem;border:1px solid var(--pearl-300);border-radius:var(--r-lg);color:var(--text-1);background:var(--pearl-100);transition:border-color .2s,box-shadow .2s}

.soon-form input:focus{outline:none;border-color:var(--magenta);box-shadow:0 0 0 3px rgba(236,72,153,.12);background:#fff}

.soon-form button{flex-shrink:0;font-family:var(--head);font-weight:700;font-size:.92rem;color:#fff;background:var(--sunset);border:none;border-radius:var(--r-lg);padding:.78rem 1.3rem;cursor:pointer;box-shadow:var(--sh-orange);transition:transform .2s}

.soon-form button:hover{transform:translateY(-1px)}

.soon-alert-note{font-family:var(--mono);font-size:.62rem;color:var(--text-3);margin-top:.8rem;letter-spacing:.02em}

.soon-alert-ok{display:none;font-family:var(--head);font-weight:700;color:var(--positive);font-size:.95rem;padding:.4rem 0}

.soon-alert.done .soon-form{display:none}

.soon-alert.done .soon-alert-ok{display:block}

@media (max-width:768px){
  .header-inner{padding:.6rem 1rem}
  .header .logo svg{height:44px}
  .soon{padding:2.5rem 1.1rem 3.5rem}
  .soon-steps{gap:1.1rem}
}

/* ===== Contact ===== */
.ct-hero{max-width:720px;margin:0 auto;padding:3.5rem 1.5rem 1rem;text-align:center}

.ct-hero .hero-badge{display:inline-block;font-family:var(--mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--orange-600);background:var(--cream);border-radius:var(--r-pill);padding:.35rem .9rem;margin-bottom:1rem}

.ct-hero h1{font-family:var(--head);font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0 0 .8rem;line-height:1.1}

.ct-hero p{font-size:1.05rem;color:var(--text-2);line-height:1.6;margin:0}

.ct-wrap{max-width:680px;margin:0 auto;padding:2rem 1.5rem 4rem}

.ct-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:2rem;box-shadow:var(--sh-soft);text-align:center;margin-bottom:1.2rem}

.ct-card-ic{width:54px;height:54px;border-radius:14px;background:var(--cream);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}

.ct-card-ic svg{width:26px;height:26px;stroke:var(--orange-600);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.ct-card h2{font-family:var(--head);font-weight:800;font-size:1.15rem;color:var(--ink);margin:0 0 .5rem}

.ct-card p{font-size:.95rem;color:var(--text-2);line-height:1.6;margin:0 0 1.2rem}

.ct-mail{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.6rem;background:var(--sunset);color:#fff;font-family:var(--head);font-weight:700;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);transition:transform .18s}

.ct-mail:hover{transform:translateY(-2px)}

.ct-note{background:var(--cream);border:1px solid #FED7AA;border-radius:var(--r-lg);padding:1.2rem 1.4rem;font-size:.9rem;color:var(--text-2);line-height:1.6}

.ct-note strong{color:var(--ink);font-weight:700}

.rel-ic{width:44px;height:44px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:#fff;border:1px solid var(--pearl-200)}

.rel-ic svg{width:22px;height:22px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.rel-ic.is-fiche{background:var(--magenta-50);border-color:transparent}

.rel-ic.is-fiche svg{stroke:var(--magenta-600)}

.rel-ic.is-comparatif{background:var(--purple-50);border-color:transparent}

.rel-ic.is-comparatif svg{stroke:var(--purple-700)}

.rel-ic.is-guide{background:var(--orange-50);border-color:transparent}

.rel-ic.is-guide svg{stroke:var(--orange-600)}

.rel-ic img{width:100%;height:100%;object-fit:contain;background:#fff}

.rel-main{flex:1;min-width:0}

.rel-score{font-family:var(--mono);font-weight:700;font-size:1rem;color:var(--orange-600);flex-shrink:0;margin-left:.3rem}

.rel-arrow{flex-shrink:0;color:var(--text-3);display:flex;align-items:center}

.rel-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.hero-dark .mini-bars{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12);backdrop-filter:blur(10px)}

.hero-dark .mbl{color:#94A3B8}

.hero-dark .mbt{background:rgba(255,255,255,.12)}

.hero-dark .mbv{color:#fff}

/* mini-barres horizontales (carte flottante, façon fiche produit) */
.mini-bars{position:absolute;bottom:7%;left:5%;background:#fff;border:1px solid var(--pearl-200);border-radius:16px;box-shadow:0 18px 40px -14px rgba(15,23,42,.25);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.55rem;z-index:2;width:185px}

.mbar{display:grid;grid-template-columns:54px 1fr 22px;gap:.5rem;align-items:center}

.mbl{font-family:var(--mono);font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}

.mbt{height:7px;background:var(--pearl);border-radius:99px;overflow:hidden}

.mbf{display:block;height:100%;border-radius:99px;background:var(--grad-score-bar)}

.mbv{font-family:var(--head);font-weight:800;font-size:.72rem;color:var(--ink);text-align:right}

@media(max-width:560px){
  .home-hero-art{aspect-ratio:auto;min-height:auto;flex-direction:column;gap:.9rem;padding:.5rem 0 .5rem}
  .home-hero-art .halo,.home-hero-art .ring-deco{display:none}
  .home-hero-art .chip{position:static;order:1}
  .home-hero-art .c1,.home-hero-art .c2{position:static}
  .home-hero-art .badge-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;order:1}
  .home-gauge{width:62%;order:2;margin:0 auto}
  .mini-bars{display:flex;position:static;width:90%;margin:0 auto;order:3}
}

.cmp-filter-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:1.1rem}

.cmp-filter-actions .reset{margin-top:0}

.cmp-apply{font-family:var(--head);font-weight:700;font-size:.82rem;color:#fff;background:var(--sunset);border:none;border-radius:var(--r-pill);padding:.6rem 1.5rem;cursor:pointer;box-shadow:var(--sh-orange);transition:transform .2s;display:inline-flex;align-items:center;gap:.4rem}

.cmp-apply:hover{transform:translateY(-2px)}

.guide-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.8rem;align-items:center}

@media(max-width:720px){.guide-hero-grid{grid-template-columns:1fr;gap:1.4rem}}

/* Carte top produit (dynamique) */
.top-pick{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.3rem;box-shadow:var(--sh-soft);position:relative;overflow:hidden}

.top-pick::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--sunset-h)}

.top-pick-kicker{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.8rem;display:inline-block}

.top-pick-body{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}

.top-pick img{width:88px;height:88px;object-fit:contain;flex-shrink:0;background:var(--pearl-100);border-radius:var(--r-lg)}

.top-pick-info{flex:1;min-width:0}

.top-pick-brand{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--magenta);font-weight:700;margin-bottom:.15rem}

.top-pick-name{font-family:var(--head);font-size:1.05rem;font-weight:800;color:var(--text-1);line-height:1.2;letter-spacing:-.01em}

.top-pick-score{display:flex;align-items:baseline;gap:.3rem;margin-top:.5rem}

.top-pick-score .num{font-family:var(--head);font-size:1.5rem;font-weight:800;letter-spacing:-.02em;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}

.top-pick-score .lbl{font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);font-weight:600}

.top-pick-cta{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;font-family:var(--head);font-weight:700;font-size:.92rem;color:#fff;background:var(--sunset);padding:.75rem 1rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);transition:transform .2s}

.top-pick-cta:hover{transform:translateY(-2px)}

.top-pick-link{display:block;text-align:center;font-family:var(--head);font-size:.76rem;font-weight:600;color:var(--text-3);margin-top:.6rem;text-decoration:underline;text-underline-offset:3px;transition:color .2s}

.top-pick-link:hover{color:var(--magenta)}

/* Disclosure affiliation */

.guide-badge{display:inline-block;background:var(--orange-50);color:var(--orange-600);font-family:var(--mono);font-size:.65rem;font-weight:700;padding:.4rem .85rem;border-radius:var(--r-pill);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;border:1px solid #FED7AA}

.guide-slogan{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.1rem,1.8vw,1.3rem);font-weight:500;font-style:italic;color:var(--purple);margin-bottom:.9rem;letter-spacing:-.005em;line-height:1.35}

.guide-subline{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1.1rem}

.guide-readtime{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.7rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em}

.guide-readtime svg{width:14px;height:14px;stroke:var(--orange-600);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.guide-chapo{font-size:1.1rem;color:var(--text-2);line-height:1.6;margin-bottom:1.3rem}

.guide-chapo strong{color:var(--text-1);font-weight:700}

.guide-meta{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;font-family:var(--mono);font-size:.72rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;padding-top:.5rem;border-top:1px solid var(--pearl-200)}

.guide-meta span{display:inline-flex;align-items:center;gap:.4rem}

.guide-meta svg{width:14px;height:14px;stroke:var(--orange-600);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* IMAGES PRODUITS */
.fmt-shot{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1rem 1.2rem;margin:1.1rem 0;box-shadow:var(--sh-soft)}

.fmt-shot img{width:120px;height:120px;object-fit:contain;flex-shrink:0;background:var(--pearl-100);border-radius:var(--r-lg)}

.fmt-shot-cap{font-family:var(--mono);font-size:.7rem;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;line-height:1.5}

.fmt-shot-cap b{display:block;font-family:var(--head);font-size:.95rem;color:var(--text-1);font-weight:700;text-transform:none;letter-spacing:0;margin-bottom:.2rem}

@media(max-width:560px){.fmt-shot{flex-direction:column;text-align:center}.fmt-shot img{width:100%;height:170px}}

.edito-main{min-width:0}

.cockpit-reco-img{width:96px;height:96px;object-fit:contain;margin:0 auto .8rem;background:var(--pearl-100);border-radius:var(--r-lg);display:block}

.cockpit-note{font-family:var(--mono);font-size:.6rem;color:var(--text-3);line-height:1.5;margin-top:.7rem;text-align:center}

/* Bloc CTA sidebar (dark) */
.aside-cta{background:var(--ink);border-radius:var(--r-xl);padding:1.4rem 1.3rem;position:relative;overflow:hidden}

.aside-cta::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--sunset-h)}

.aside-cta h2{font-family:var(--head);font-size:1.1rem;font-weight:800;color:#fff;margin-bottom:.5rem;letter-spacing:-.01em}

.aside-cta p{color:#94A3B8;font-size:.85rem;line-height:1.55;margin-bottom:1rem}

.aside-cta-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;font-family:var(--head);font-weight:700;font-size:.9rem;padding:.75rem 1rem;border-radius:var(--r-pill);text-decoration:none;transition:all .2s;margin-bottom:.5rem}

.aside-cta-btn.primary{color:#fff;background:var(--sunset);box-shadow:var(--sh-orange)}

.aside-cta-btn.primary:hover{transform:translateY(-2px)}

.aside-cta-btn.ghost{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}

.aside-cta-btn.ghost:hover{background:rgba(255,255,255,.14)}

.aside-cta-btn:last-child{margin-bottom:0}

article.content a.inline-link{color:var(--magenta);font-weight:600;text-decoration:underline;text-underline-offset:2px}

/* ENCADRE */
.callout{background:linear-gradient(135deg,var(--cream) 0%,#FFFFFF 100%);border:1px solid #FED7AA;border-radius:var(--r-xl);padding:1.4rem 1.5rem;margin:1.6rem 0;box-shadow:var(--sh-soft)}

.callout-label{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;display:inline-block}

.callout p{font-size:.96rem;color:var(--text-2);line-height:1.65;margin-bottom:0}

.callout p strong{color:var(--text-1)}

/* TABLEAU */
.tbl-wrap{overflow-x:auto;margin:1.6rem 0;-webkit-overflow-scrolling:touch;border-radius:var(--r-xl);box-shadow:var(--sh-soft);border:1px solid var(--pearl-200)}

.g-table{width:100%;border-collapse:collapse;background:#fff;font-size:.92rem}

.g-table thead th{background:var(--ink);color:#fff;font-family:var(--head);font-weight:700;font-size:.76rem;padding:.9rem 1rem;text-align:left;text-transform:uppercase;letter-spacing:.06em}

.g-table tbody td{padding:.85rem 1rem;border-top:1px solid var(--pearl);color:var(--text-2);vertical-align:top}

.g-table tbody tr td:first-child{font-family:var(--head);color:var(--text-1);font-weight:600}

/* FAQ */
.faq-section{max-width:820px;margin:0 auto;padding:0 1.25rem}

/* QUIZ INTERACTIF */
.quiz{margin:0 0 1.8rem}

.quiz-inner{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);box-shadow:var(--sh-soft);overflow:hidden}

.quiz-head{background:var(--ink);color:#fff;padding:1.4rem 1.6rem;position:relative;overflow:hidden}

.quiz-head::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--sunset-h)}

.quiz-head-label{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.18em;color:#FDBA74;font-weight:700;margin-bottom:.4rem;display:block}

.quiz-head h2{font-family:var(--head);font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.01em;margin:0}

.quiz-body{padding:1.6rem}

.quiz-progress{height:5px;background:var(--pearl);border-radius:var(--r-pill);overflow:hidden;margin-bottom:1.4rem}

.quiz-progress-bar{height:100%;background:var(--sunset-h);border-radius:var(--r-pill);transition:width .35s cubic-bezier(.4,0,.2,1);width:0}

.quiz-step{display:none}

.quiz-step.active{display:block;animation:quizfade .3s ease}

.quiz-q{font-family:var(--head);font-size:1.2rem;font-weight:800;color:var(--text-1);margin-bottom:.3rem;letter-spacing:-.01em}

.quiz-q-num{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--magenta);font-weight:700;margin-bottom:.6rem;display:block}

.quiz-options{display:grid;gap:.6rem;margin-top:1.1rem}

.quiz-opt{display:flex;align-items:center;gap:.8rem;text-align:left;font-family:var(--body);font-size:.98rem;color:var(--text-1);background:var(--pearl-100);border:1px solid var(--pearl-200);border-radius:var(--r-lg);padding:.9rem 1.1rem;cursor:pointer;transition:all .18s;width:100%}

.quiz-opt:hover{border-color:var(--magenta);background:#fff;transform:translateX(3px)}

.quiz-opt-ic{width:34px;height:34px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--pearl-200);display:flex;align-items:center;justify-content:center;flex-shrink:0}

.quiz-opt-ic svg{width:18px;height:18px;stroke:var(--orange-600);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.quiz-result{display:none;text-align:center;padding:.5rem 0}

.quiz-result.active{display:block;animation:quizfade .35s ease}

.quiz-result-label{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.6rem;display:inline-block}

.quiz-result h3{font-family:var(--head);font-size:1.6rem;font-weight:800;color:var(--text-1);margin-bottom:.6rem;letter-spacing:-.01em}

.quiz-result p{font-size:1rem;color:var(--text-2);line-height:1.6;max-width:520px;margin:0 auto 1.4rem}

.quiz-result-cta{display:inline-flex;align-items:center;gap:.45rem;font-family:var(--head);font-weight:700;font-size:.98rem;color:#fff;background:var(--sunset);padding:.85rem 1.7rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);transition:transform .2s}

.quiz-result-cta:hover{transform:translateY(-2px)}

.quiz-restart{display:block;margin:1rem auto 0;background:none;border:none;font-family:var(--head);font-size:.84rem;font-weight:600;color:var(--text-3);cursor:pointer;text-decoration:underline;text-underline-offset:3px}

.quiz-restart:hover{color:var(--magenta)}

/* ENCADRE CONSENSUS (signature RelyScore : ce que disent les tests) */
.consensus{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.4rem 1.5rem;margin:1.6rem 0;box-shadow:var(--sh-soft);position:relative;overflow:hidden}

.consensus::before{content:'';position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--sunset)}

.consensus-label{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.16em;font-weight:700;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.4rem;display:inline-flex;align-items:center;gap:.4rem}

.consensus-intro{font-size:.95rem;color:var(--text-2);line-height:1.55;margin-bottom:.9rem}

.consensus-item{display:flex;gap:.7rem;align-items:flex-start;margin-bottom:.7rem;font-size:.96rem;line-height:1.55}

.consensus-item:last-child{margin-bottom:0}

.consensus-item .ci-tag{flex-shrink:0;font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.22rem .5rem;border-radius:var(--r-sm);margin-top:.1rem}

.consensus-item.strong .ci-tag{background:#EAF2F0;color:#2E946B}

.consensus-item.watch .ci-tag{background:var(--orange-50);color:var(--orange-600)}

.consensus-item .ci-txt{color:var(--text-1)}

/* CAS TERRAIN (cartes) */
.terrain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem;margin:1.4rem 0}

@media(max-width:680px){.terrain-grid{grid-template-columns:1fr}}

.terrain-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-lg);padding:1.2rem;box-shadow:var(--sh-soft)}

.terrain-card-ic{width:42px;height:42px;border-radius:var(--r-lg);background:var(--pearl-100);border:1px solid var(--pearl-200);display:flex;align-items:center;justify-content:center;margin-bottom:.8rem}

.terrain-card-ic svg{width:22px;height:22px;stroke:var(--orange-600);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

.terrain-card h3{font-family:var(--head);font-size:1rem;font-weight:700;color:var(--text-1);margin:0 0 .4rem;line-height:1.25}

.terrain-card p{font-size:.9rem;color:var(--text-2);line-height:1.55;margin:0}

.terrain-card .reco{display:inline-block;margin-top:.6rem;font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--purple)}

/* MORPHOLOGIE (liste enrichie) */
.morpho-list{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.4rem 0}

@media(max-width:680px){.morpho-list{grid-template-columns:1fr}}

.morpho-item{display:flex;gap:.85rem;align-items:flex-start;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-lg);padding:1rem 1.1rem;box-shadow:var(--sh-soft);transition:border-color .2s}

.morpho-item:hover{border-color:rgba(249,115,22,.3)}

.morpho-ic{width:38px;height:38px;border-radius:var(--r-sm);background:var(--orange-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}

.morpho-ic svg{width:20px;height:20px;stroke:var(--orange-600);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.morpho-ic svg.ear-sm{width:15px;height:15px}

.morpho-ic svg.ear-lg{width:26px;height:26px}

.morpho-item span{font-size:.9rem;color:var(--text-2);line-height:1.5}

.morpho-item b{display:block;color:var(--text-1);font-weight:700;font-family:var(--head);font-size:.95rem;margin-bottom:.15rem}

/* VERDICT FINAL (dark, charté comme page VS) */
.verdict-wrap{max-width:1180px;margin:3rem auto 0;padding:0 1.25rem}

.final-verdict .v-label{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;font-weight:700;color:#FDBA74;margin-bottom:.6rem;display:inline-block}

/* CTA FIN */
.guide-cta{max-width:820px;margin:3rem auto 0;padding:0 1.25rem}

.guide-cta-inner{background:var(--ink);border-radius:var(--r-xl);padding:2.2rem 1.8rem;text-align:center;position:relative;overflow:hidden}

.guide-cta-inner::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--sunset-h)}

.guide-cta-inner h2{font-family:var(--head);font-size:1.45rem;font-weight:800;color:#fff;margin-bottom:.6rem;letter-spacing:-.01em}

.guide-cta-inner p{color:#94A3B8;font-size:.98rem;margin-bottom:1.4rem;max-width:480px;margin-left:auto;margin-right:auto;line-height:1.6}

.guide-cta-btns{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap}

.guide-cta-btn{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--head);font-weight:700;font-size:.95rem;padding:.8rem 1.5rem;border-radius:var(--r-pill);text-decoration:none;transition:all .2s}

.guide-cta-btn.primary{color:#fff;background:var(--sunset);box-shadow:var(--sh-orange)}

.guide-cta-btn.primary:hover{transform:translateY(-2px)}

.guide-cta-btn.ghost{color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18)}

.guide-cta-btn.ghost:hover{background:rgba(255,255,255,.14)}

.guide-badge{display:inline-block;background:var(--orange-50);color:var(--orange-600);font-family:var(--mono);font-size:.65rem;font-weight:700;padding:.4rem .85rem;border-radius:var(--r-pill);letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem;border:1px solid #FED7AA}

.quiz-head h2,article.content .quiz-head h2{font-family:var(--head);font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.01em;margin:0}

/* ===== Hub Guides ===== */
.hub-hero{max-width:760px;margin:0 auto;padding:3.5rem 1.5rem 1rem;text-align:center}

.hub-hero .hero-badge{display:inline-block;font-family:var(--mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--orange-600);background:var(--cream);border-radius:var(--r-pill);padding:.35rem .9rem;margin-bottom:1rem}

.hub-hero h1{font-family:var(--head);font-size:clamp(1.8rem,4.5vw,2.6rem);font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:0 0 .8rem;line-height:1.1}

.hub-hero p{font-size:1.05rem;color:var(--text-2);line-height:1.6;margin:0}

.hub-wrap{max-width:1080px;margin:0 auto;padding:2rem 1.5rem 4rem}

.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}

.hub-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.6rem;box-shadow:var(--sh-soft);text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}

.hub-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.10)}

.hub-card-ic{width:48px;height:48px;border-radius:13px;background:var(--cream);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}

.hub-card-ic svg{width:24px;height:24px;stroke:var(--orange-600);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.hub-card h2{font-family:var(--head);font-weight:800;font-size:1.12rem;color:var(--ink);margin:0 0 .5rem;line-height:1.25}

.hub-card p{font-size:.92rem;color:var(--text-2);line-height:1.55;margin:0 0 1rem;flex:1}

.hub-card .hub-cta{font-family:var(--mono);font-size:.78rem;font-weight:600;color:var(--orange-600);text-transform:uppercase;letter-spacing:.04em}

@media (max-width:760px){.hub-grid{grid-template-columns:1fr}}

/* ===== Page maintenance ===== */
.maint-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--orange-600);background:var(--cream);border:1px solid var(--orange-300,#FDBA74);border-radius:var(--r-pill);padding:.4rem .9rem;margin-bottom:1.5rem}

.maint-dot{width:8px;height:8px;border-radius:50%;background:var(--orange-600);animation:maintpulse 1.4s ease-in-out infinite}

.maint-ic{width:84px;height:84px;margin:0 auto 1.5rem;border-radius:22px;background:var(--cream);display:flex;align-items:center;justify-content:center}

.maint-ic svg{width:42px;height:42px;stroke:var(--orange-600);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* pills dégradés façon anneaux (lauréats) */
.cs-pill.run-grad{background:linear-gradient(135deg,#EC4899 0%,#A78BFA 55%,#8B5CF6 100%);box-shadow:0 6px 18px rgba(139,92,246,.25)}

.cs-pill.meta-grad{background:linear-gradient(135deg,#EA580C 0%,#F97316 55%,#EC4899 100%);box-shadow:0 6px 18px rgba(249,115,22,.25)}

.cs-pill.run-grad .num,.cs-pill.meta-grad .num{color:#fff}

.cs-pill.run-grad .lbl,.cs-pill.meta-grad .lbl{color:rgba(255,255,255,.9)}

.rel-card .pimg.rel-card-img .rel-score-pill{z-index:2}

/* ===== GUIDE / CLASSEMENT ===== */
/* image produit + repli neutre (sans filigrane) */
.pimg{position:relative;border-radius:var(--r-lg);overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}

.pimg img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;display:block}

.pimg img:not([src]),.pimg img[src=""]{opacity:0}

.pimg.on-dark{background:#fff;border:1px solid rgba(255,255,255,.09)}

/* lauréat cards (style criteria + jauges) */
.laureate-grid{display:flex;flex-direction:column;gap:1.1rem;margin:1.4rem 0}

.laureate-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.5rem;box-shadow:var(--sh-soft)}

.lc-head{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--pearl)}

.lc-media{flex-shrink:0}

.lc-img{width:64px;height:64px}

.lc-headtext{min-width:0}

.lc-tag{font-family:var(--head);font-size:1.12rem;font-weight:800;letter-spacing:-.01em;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.15rem;line-height:1.15}

.lc-name{font-family:var(--head);font-size:.92rem;font-weight:600;color:var(--text-2);margin:0;line-height:1.2}

.lc-scores{display:flex;gap:.5rem;flex-shrink:0}

.award-jauges{display:flex;flex-direction:column;gap:.5rem;margin:0 0 1rem}

.aj-row{display:grid;grid-template-columns:78px 1fr 34px;gap:.7rem;align-items:center}

.aj-l{font-family:var(--mono);font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2)}

.aj-track{height:7px;background:var(--pearl);border-radius:var(--r-pill);overflow:hidden}

.aj-fill{display:block;height:100%;border-radius:var(--r-pill);background:var(--grad-score-bar)}

.aj-fill.na{background:transparent}

.aj-v{font-family:var(--head);font-weight:800;font-size:.85rem;color:var(--ink);text-align:center}

.aj-v.na{color:var(--text-3);font-family:var(--mono);font-size:.66rem;font-style:italic}

.lc-analysis{font-size:.93rem;color:var(--text-2);line-height:1.65;margin:.2rem 0 .8rem}

.lc-analysis .pf{color:var(--positive);font-weight:600}

.lc-analysis .lim{color:var(--negative);font-weight:600}

.lc-profil{background:var(--cream);border-left:3px solid var(--orange);padding:.6rem .9rem;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.9rem;color:var(--text-2)}

.lc-profil strong{color:var(--ink)}

.lc-link{font-family:var(--head);font-weight:700;font-size:.85rem;color:var(--magenta);text-decoration:none;white-space:nowrap}

.lc-link:hover{text-decoration:underline}

.lc-cta-row{display:flex;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--pearl);flex-wrap:wrap}

.lc-price{display:flex;flex-direction:column;line-height:1.1;margin-right:auto}

.lc-price-val{font-family:var(--head);font-weight:800;font-size:1.15rem;color:var(--ink)}

.lc-price-merch{font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin-top:.2rem}

.lc-buy{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--head);font-weight:700;font-size:.85rem;color:#fff;background:var(--sunset);padding:.6rem 1.2rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange);transition:transform .2s}

.lc-buy:hover{transform:translateY(-2px);color:#fff}

@media(max-width:560px){.lc-cta-row{gap:.7rem}.lc-price{margin-right:auto}.lc-buy{order:3;flex:1;justify-content:center}}

@media(max-width:560px){.lc-head{grid-template-columns:auto 1fr;gap:.7rem}.lc-scores{grid-column:1/-1;justify-content:flex-start}.aj-row{grid-template-columns:70px 1fr 30px}}

.cockpit-cta{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:100%;margin-top:.6rem;font-family:var(--head);font-weight:700;font-size:.85rem;color:#fff;background:var(--sunset);padding:.7rem 1rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange)}

.cockpit-cta:hover{color:#fff;transform:translateY(-1px)}

/* numéros de classement */
.rank-table .rank-n-h{text-align:center;width:44px}

.rank-table td.rank-n{text-align:center;font-family:var(--head);font-weight:800;font-size:.95rem;color:var(--text-3);width:44px}

.rank-table tbody tr:nth-child(1) td.rank-n,.rank-table tbody tr:nth-child(2) td.rank-n,.rank-table tbody tr:nth-child(3) td.rank-n{background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-size:1.05rem}

/* podium image */
.podium-img{width:100%;height:150px;margin-top:.7rem;margin-bottom:.9rem;display:flex;align-items:center;justify-content:center;overflow:hidden}

/* award image (replaces score badge column? no: add above badge) */
.award-media{display:flex;flex-direction:column;gap:.7rem}

.award-img{width:100%;height:160px;display:flex;align-items:center;justify-content:center;overflow:hidden}

/* table thumbnail */
.rank-thumb{width:34px;height:34px;border-radius:8px;flex-shrink:0}

.rank-prod-cell{display:flex;align-items:center;gap:.6rem}

/* related card image */
.rel-card .pimg{width:100%;aspect-ratio:16/10;border-radius:0}

.guide-lead{max-width:760px;font-size:1.05rem;color:var(--text-2);line-height:1.7}

.guide-meta-row{display:flex;flex-wrap:wrap;gap:1.3rem;margin:1.3rem 0 .4rem}

.guide-meta-row .gm{display:flex;flex-direction:column}

.guide-meta-row .gm b{font-family:var(--head);font-size:1.5rem;font-weight:800;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}

.guide-meta-row .gm span{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-top:.3rem}

/* podium top3 */
.podium{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:1280px;margin:1.5rem auto;padding:0 1.25rem}

@media(max-width:820px){.podium{grid-template-columns:1fr}}

.podium-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);box-shadow:var(--sh-soft);padding:1.4rem;position:relative;overflow:hidden;display:flex;flex-direction:column}

.podium-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--sunset-h)}

.podium-rank{font-family:var(--mono);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--magenta)}

.podium-card.win{background:var(--ink)}

.podium-card.win .podium-rank{color:#FDBA74}

.podium-card.win .podium-name,.podium-card.win .podium-tagline{color:#fff}

.podium-card.win .podium-meta{color:#94A3B8}

.podium-name{font-family:var(--head);font-weight:800;font-size:1.12rem;color:var(--ink);margin:.3rem 0 .5rem;line-height:1.2}

.podium-scores{display:flex;gap:1.1rem;margin:.4rem 0 .7rem}

.podium-score{text-align:center}

.podium-score .n{font-family:var(--head);font-weight:800;font-size:1.5rem;line-height:1}

.podium-score.run .n{color:var(--purple-700)}

.podium-score.meta .n{color:var(--orange-600)}

.podium-card.win .podium-score.run .n{color:#C4B5FD}

.podium-card.win .podium-score.meta .n{color:#FB923C}

.podium-score .l{font-family:var(--mono);font-size:.54rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-top:.25rem}

.podium-card.win .podium-score .l{color:#94A3B8}

.podium-tagline{font-size:.9rem;color:var(--text-2);line-height:1.55;margin:0 0 1rem;flex:1}

.podium-cta{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;font-family:var(--head);font-weight:700;font-size:.82rem;color:#fff;background:var(--sunset);padding:.55rem 1rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange)}

/* award rows (lauréats) */
.award{display:grid;grid-template-columns:120px 1fr;gap:1.4rem;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);box-shadow:var(--sh-soft);padding:1.5rem;margin-bottom:1.2rem;align-items:start}

@media(max-width:640px){.award{grid-template-columns:1fr;gap:.9rem}}

.award-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#FFF8EB,#FFEDD5);border-radius:var(--r-lg);padding:1rem .6rem}

.award-badge .rs{font-family:var(--head);font-weight:800;font-size:2rem;color:var(--orange-600);line-height:1}

.award-badge .rs-l{font-family:var(--mono);font-size:.52rem;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);margin-top:.3rem}

.award-badge .ms{font-family:var(--mono);font-size:.66rem;color:var(--text-2);margin-top:.5rem;font-weight:600}

.award-body .award-tag{font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--magenta);margin-bottom:.2rem}

.award-body h3{font-family:var(--head);font-weight:800;font-size:1.15rem;color:var(--ink);margin:.1rem 0 .6rem}

.award-body p{font-size:.93rem;color:var(--text-2);line-height:1.6;margin:.4rem 0}

.award-body .pf{color:var(--positive);font-weight:600}

.award-body .lim{color:var(--negative);font-weight:600}

.award-body .profil{background:var(--cream);border-left:3px solid var(--orange);padding:.6rem .9rem;border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:.9rem;color:var(--text-2);margin-top:.6rem}

.award-body .profil b{color:var(--ink)}

.award-link{display:inline-block;margin-top:.7rem;font-family:var(--head);font-weight:700;font-size:.85rem;color:var(--magenta);text-decoration:none}

.award-link:hover{text-decoration:underline}

/* grand tableau comparatif */
.rank-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-xl);box-shadow:var(--sh-soft);border:1px solid var(--pearl-200);margin:1.5rem 0}

.rank-table .rs-cell{font-family:var(--head);font-weight:800;color:var(--purple-700);font-size:1rem}

.rank-table .na{color:var(--text-3);font-style:italic;font-size:.76rem}

.rank-table .price-c{color:var(--orange-600);font-weight:700}

/* besoins / pièges blocks reuse criteria/usage cards */
.need-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-soft);margin:1.2rem 0}

.need-table th{background:var(--ink);color:#fff;font-family:var(--head);font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;padding:.85rem 1rem;text-align:left}

.need-table td{padding:.8rem 1rem;border-top:1px solid var(--pearl);color:var(--text-2)}

.need-table td:first-child{font-family:var(--head);font-weight:600;color:var(--ink)}

.need-table td:last-child{color:var(--purple-700);font-weight:600}

.rich-list{list-style:none;margin:1rem 0;padding:0;display:flex;flex-direction:column;gap:.7rem}

.rich-list li{position:relative;padding-left:1.5rem;color:var(--text-2);line-height:1.65;font-size:.97rem}

.rich-list li::before{content:'';position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--sunset)}

.rich-list li strong{color:var(--ink)}

/* ===== PLAN DU SITE ===== */
.sm-hero{max-width:1280px;margin:0 auto;padding:1.6rem 1.25rem .4rem}

.sm-hero h1{font-family:var(--head);font-weight:800;font-size:clamp(1.8rem,3.5vw,2.6rem);letter-spacing:-.02em;color:var(--text-1);margin:.5rem 0 .5rem}

.sm-hero p{font-size:1.02rem;color:var(--text-2);line-height:1.6}

.sm-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}

.sm-leg{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--mono);font-size:.66rem;color:var(--text-3)}

.sm-dot{width:9px;height:9px;border-radius:50%}

.sm-dot.live{background:#2E946B}

.sm-dot.soon{background:var(--pearl-300,#C3C8D0)}

.sm-wrap{max-width:1280px;width:100%;box-sizing:border-box;margin:0 auto;padding:1.5rem 1.25rem 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}

@media(max-width:780px){.sm-wrap{grid-template-columns:1fr}}

.sm-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);box-shadow:var(--sh-soft);overflow:hidden}

.sm-card.soon{opacity:.8}

.sm-card-head{display:flex;align-items:center;gap:.7rem;padding:1.1rem 1.3rem;border-bottom:1px solid var(--pearl)}

.sm-card-head .ic{width:38px;height:38px;border-radius:10px;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0}

.sm-card-head .ic svg{width:20px;height:20px;stroke:var(--orange-600);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.sm-card-head h2{font-family:var(--head);font-weight:800;font-size:1.1rem;color:var(--ink);margin:0;flex:1}

.sm-badge{font-family:var(--mono);font-size:.54rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:.25rem .6rem;border-radius:99px}

.sm-badge.live{background:#EAF2F0;color:#2E946B}

.sm-badge.soon{background:var(--pearl);color:var(--text-3)}

.sm-list{list-style:none;margin:0;padding:.6rem 1.3rem 1.1rem}

.sm-list li{padding:.32rem 0;font-size:.92rem;line-height:1.4}

.sm-list a{color:var(--text-1);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}

.sm-list a:hover{border-bottom-color:var(--magenta);color:var(--magenta)}

.sm-list .sub{padding-left:1rem;border-left:2px solid var(--pearl);margin-left:.2rem}

.sm-list .muted{color:var(--text-3)}

.sm-list .tag{font-family:var(--mono);font-size:.56rem;color:var(--text-3);margin-left:.4rem}

.sm-sec-lbl{font-family:var(--mono);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);padding:.5rem 1.3rem .2rem}

/* ===== PAGES LEGALES (structure sommaire lateral) ===== */
.legal-hero{max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem .3rem}

.legal-hero h1{font-family:var(--head);font-weight:800;font-size:clamp(1.7rem,3.5vw,2.6rem);line-height:1.1;letter-spacing:-.02em;color:var(--text-1);margin:.5rem 0 .6rem}

/* ====== PRODUIT : hero score block (1 produit, façon fiche) ====== */
.prod-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;max-width:1280px;margin:0 auto;padding:1.5rem 1.25rem 1rem}

@media(max-width:880px){.prod-hero{grid-template-columns:1fr;gap:1.2rem}}

.prod-hero-img{justify-self:center;width:320px;height:320px;max-width:100%;display:flex;align-items:center;justify-content:center;position:relative}

.prod-hero-img img{width:100%;height:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 16px 40px rgba(0,0,0,.12))}

@media(max-width:880px){.prod-hero-img{width:220px;height:220px;order:-1}}

.score-hub-1{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-soft);margin:1.5rem auto 0;max-width:1280px}

.sh1-body{display:grid;grid-template-columns:300px 1fr;gap:1.5rem;padding:1.6rem 1.5rem;align-items:center}

@media(max-width:760px){.sh1-body{grid-template-columns:1fr;gap:1.2rem}}

.sh1-rings{display:flex;gap:1.4rem;justify-content:center;padding-right:1.4rem;border-right:1px solid var(--pearl-200)}

@media(max-width:760px){.sh1-rings{border-right:0;border-bottom:1px solid var(--pearl-200);padding:0 0 1.2rem}}

.sh1-ring{position:relative;width:120px;text-align:center;padding-bottom:1.5rem}

.sh1-ring svg{width:120px;height:120px;display:block}

.sh1-ring-track{fill:none;stroke:#EEF1F5;stroke-width:8}

.sh1-ring-arc{fill:none;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:60px 60px}

.sh1-ring-text{position:absolute;top:0;left:0;right:0;height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}

.sh1-ring-num{font-family:var(--head);font-size:1.7rem;font-weight:800;letter-spacing:-.02em}

.sh1-ring-num.meta{color:var(--orange-600)}

.sh1-ring-num.run{color:var(--purple-700)}

.sh1-ring-slash{font-family:var(--mono);font-size:.6rem;color:var(--text-3);margin-top:.2rem}

.sh1-ring-cap{position:absolute;left:0;right:0;bottom:0;font-family:var(--mono);font-size:.56rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3)}

.sh1-bars{display:flex;flex-direction:column;gap:.7rem}

.sh1-bars-head{font-family:var(--mono);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--text-3);margin-bottom:.2rem}

.sh1-bar-row{display:grid;grid-template-columns:96px 1fr 38px;gap:.8rem;align-items:center}

.sh1-bar-label{font-family:var(--mono);font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2)}

.sh1-bar-track{height:8px;background:var(--pearl);border-radius:var(--r-pill);overflow:hidden}

.sh1-bar-fill{height:100%;border-radius:var(--r-pill);background:var(--grad-score-bar)}

.sh1-bar-score{font-family:var(--head);font-weight:800;font-size:1rem;color:var(--ink);text-align:center}

.sh1-tags{display:flex;flex-wrap:wrap;gap:.4rem;padding:0 1.5rem 1.2rem}

.sh1-tag{font-family:var(--mono);font-size:.62rem;font-weight:700;padding:.28rem .6rem;border-radius:var(--r-pill);letter-spacing:.02em}

.sh1-tag.g{background:#EAF2F0;color:#2E946B}

.sh1-tag.r{background:#FEF2F2;color:var(--negative)}

.sh1-meth{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.6rem;padding:0 1.5rem 1.3rem;font-family:var(--mono);font-size:.7rem;color:var(--text-3)}

.sh1-meth a{color:var(--magenta);font-weight:600;text-decoration:underline;text-underline-offset:2px}

.sh1-meth .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2E946B;margin-right:.4rem;vertical-align:middle}

/* verdict 3 cartes (idéal / éviter / avis) */
.verdict3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;max-width:1280px;margin:1.5rem auto;padding:0 1.25rem}

@media(max-width:880px){.verdict3{grid-template-columns:1fr}}

.v3-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.4rem;box-shadow:var(--sh-soft);position:relative;overflow:hidden}

.v3-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}

.v3-card.good::before{background:var(--positive)}

.v3-card.bad::before{background:var(--negative)}

.v3-card.avis::before{background:var(--sunset-h)}

.v3-h{font-family:var(--head);font-size:.95rem;font-weight:800;color:var(--ink);margin:.3rem 0 .7rem;display:flex;align-items:center;gap:.4rem}

.v3-card p{font-size:.92rem;color:var(--text-2);line-height:1.6;margin:0}

.v3-card.avis{background:var(--ink)}

.v3-card.avis h3{color:#fff}

.v3-card.avis p{color:#CBD5E1}

.v3-card.avis .v3-cta{display:inline-flex;align-items:center;gap:.35rem;margin-top:.9rem;font-family:var(--head);font-weight:700;font-size:.85rem;color:#fff;background:var(--sunset);padding:.6rem 1.1rem;border-radius:var(--r-pill);text-decoration:none;box-shadow:var(--sh-orange)}

.v3-card.avis .v3-sub{font-family:var(--mono);font-size:.6rem;color:#94A3B8;margin-top:.5rem}

.usage-badge{font-family:var(--mono);font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .6rem;border-radius:var(--r-pill);display:inline-block;margin-bottom:.7rem}

.usage-badge.reco{background:#EAF2F0;color:#2E946B}

.usage-badge.limit{background:var(--cream);color:var(--orange-600);border:1px solid #FED7AA}

.usage-badge.no{background:#FEF2F2;color:var(--negative)}

/* specs table */
.spec-table{width:100%;border-collapse:collapse;background:#fff;font-size:.92rem}

.spec-table thead th{background:var(--ink);color:#fff;font-family:var(--head);font-weight:700;font-size:.78rem;padding:.9rem 1rem;text-align:left;text-transform:uppercase;letter-spacing:.05em}

.spec-table thead th:nth-child(3){background:var(--ink)}

.spec-table tbody td{padding:.85rem 1rem;border-top:1px solid var(--pearl);color:var(--text-2)}

.spec-table .label-cell{font-family:var(--head);font-weight:600;color:var(--ink)}

.spec-table tbody td:last-child{color:var(--purple-700);font-weight:600}

/* ============================================================
   RE-SKIN PARITY CORRECTIONS — align relyscore.css to the delivered
   mockup (Sunset design source of truth). Appended last so these win
   over earlier drifted rules. Excludes prod-hero-img img (mix-blend
   image fix) and the comparison dark-winner styling (kept intentional).
   ============================================================ */
.hero-desc{font-size:1rem;color:var(--text-2);max-width:780px;line-height:1.65;margin-bottom:1.3rem}
.sh-prod-img{width:130px;height:130px;border-radius:var(--r-lg);background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:1rem}
.qn-wrap{position:sticky;top:62px;z-index:90;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pearl-200);margin:1.5rem 0 2rem;padding:.75rem 1.25rem}
.qn{max-width:1280px;margin:0 auto;display:flex;flex-wrap:nowrap;gap:.45rem;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:3px 0}
.criterion-for{background:var(--magenta-50);border-left:3px solid var(--magenta);padding:.8rem 1rem;border-radius:0 var(--r-lg) var(--r-lg) 0;font-size:.92rem;color:var(--text-1);line-height:1.55}
.related{background:#fff;border-top:1px solid var(--pearl-200);padding:3rem 0 3.5rem;margin-top:3rem}
.related-inner{max-width:1280px;margin:0 auto;padding:0 1.25rem}
.related-head{margin-bottom:1.5rem;text-align:center}
.related-head h2{font-family:var(--head);font-size:1.6rem;font-weight:800;color:var(--text-1);margin-bottom:.4rem}
.related-head p{color:var(--text-3);font-size:.95rem}
.related-grid{display:flex;flex-direction:column;gap:0;background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--sh-soft);max-width:760px;margin:0 auto}
.rel-card{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.3rem;border-bottom:1px solid var(--pearl);text-decoration:none;color:inherit;transition:background .18s}
.rel-card:last-child{border-bottom:none}
.rel-card:hover{background:var(--pearl-100);color:inherit}
.rel-ic{width:44px;height:44px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;background:#fff;border:1px solid var(--pearl-200)}
.rel-ic svg{width:22px;height:22px;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.rel-ic.is-fiche{background:var(--magenta-50);border-color:transparent}
.rel-ic.is-fiche svg{stroke:var(--magenta-600)}
.rel-ic.is-comparatif{background:var(--purple-50);border-color:transparent}
.rel-ic.is-comparatif svg{stroke:var(--purple-700)}
.rel-ic.is-guide{background:var(--orange-50);border-color:transparent}
.rel-ic.is-guide svg{stroke:var(--orange-600)}
.rel-ic img{width:100%;height:100%;object-fit:contain;background:#fff}
.rel-main{flex:1;min-width:0}
.rel-card-cat{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.14em;color:var(--magenta);font-weight:700;display:block;margin-bottom:.2rem}
.rel-card-title{font-family:var(--head);font-weight:700;font-size:1rem;color:var(--text-1);line-height:1.3}
.rel-score{font-family:var(--mono);font-weight:700;font-size:1rem;color:var(--orange-600);flex-shrink:0;margin-left:.3rem}
.rel-arrow{flex-shrink:0;color:var(--text-3);display:flex;align-items:center}
.rel-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.geo-facts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.9rem}
.geo-fact{font-family:var(--mono);font-size:.7rem;font-weight:600;color:var(--text-2);background:#fff;border:1px solid var(--pearl-200);padding:.35rem .7rem;border-radius:var(--r-pill)}
.geo-fact b{color:var(--ink);font-weight:800}
.usage-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin:1.5rem 0}
.usage-card{background:#fff;border:1px solid var(--pearl-200);border-radius:var(--r-xl);padding:1.3rem;box-shadow:var(--sh-soft)}
.usage-card h3{font-family:var(--head);font-size:1.02rem;font-weight:700;color:var(--ink);margin-bottom:.5rem}
.usage-card p{font-size:.92rem;color:var(--text-2);line-height:1.6;margin:0}
.rel-card-img{height:130px;background:linear-gradient(135deg,#FDF2F8 0%,#F5F3FF 100%);position:relative;display:flex;align-items:center;justify-content:center}
.rel-card-img::after{content:'VS';font-family:var(--head);font-size:1.8rem;font-weight:800;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;opacity:.6}
.rel-score-pill{position:absolute;top:.7rem;right:.7rem;background:var(--sunset);color:#fff;font-family:var(--head);font-weight:800;font-size:.95rem;padding:.4rem .7rem;border-radius:var(--r-pill);box-shadow:var(--sh-violet);min-width:42px;text-align:center}
.rel-card-body{padding:1.1rem 1.2rem 1.3rem}
.home-stats{background:var(--ink);position:relative;overflow:hidden}
.feat-img{height:200px;flex:0 0 200px;background:#fff;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}
.feat-img img{width:100%;height:100%;object-fit:contain;display:block}
.rel-card .pimg.rel-card-img .rel-score-pill{z-index:2}
.rel-card .pimg{width:100%;aspect-ratio:16/10;border-radius:0}
@media(max-width:680px){
.sh-hub-body{grid-template-columns:1fr}
.sh-prod:first-child{border-right:0;border-bottom:1px solid var(--pearl-200)}
.benefits{grid-template-columns:repeat(2,1fr)}
.home-stats-inner{grid-template-columns:1fr 1fr;gap:1.4rem}
}
@media(min-width:681px){
.sh-prod.is-winner{margin:-1px -1px -1px 0}
}
@media (max-width:1100px){
.related{padding-bottom:5.5rem}
}
@media(max-width:880px){
.usage-grid{grid-template-columns:1fr}
.home-hero-inner{grid-template-columns:1fr;gap:1.5rem;padding-top:1.6rem}
.home-hero-art{max-width:340px;margin:0 auto}
.cat-grid{grid-template-columns:1fr 1fr}
.feat-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:900px){
.related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
.related-grid{grid-template-columns:1fr}
.cat-grid{grid-template-columns:1fr}
.feat-grid{grid-template-columns:1fr}
}
@media(max-width:860px){
.about-hero-grid{grid-template-columns:1fr;gap:1rem}
.about-hero-art{order:-1;max-width:280px;margin:0 auto}
.split{grid-template-columns:1fr;gap:1.5rem}
}
@media(max-width:820px){
.pillars{grid-template-columns:1fr}
}
@media(max-width:1000px){
.benefits{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:440px){
.benefits{grid-template-columns:1fr}
}
@media(max-width:760px){
.flow{grid-template-columns:1fr;gap:.4rem}
.flow-arrow{transform:rotate(90deg);justify-self:center;padding:.3rem 0}
}
@media(prefers-reduced-motion:reduce){
.gauge-arc{stroke-dashoffset:0;animation:none}
.gauge-needle{transform:rotate(45deg);animation:none}
}
@media(max-width:780px){
.home-steps{grid-template-columns:1fr}
}

/* ============================================================
   COMPARATIF — parité maquette jabra (colonne gagnante).
   Le dark-winner (background:var(--ink)) est conforme ; il manquait
   le padding-top du gagnant et le fond blanc de son image produit.
   ============================================================ */
.sh-prod.is-winner{padding-top:1.6rem}
.sh-prod.is-winner .sh-prod-img{background:#fff}

/* ============================================================
   RÉCOMPENSES PAR USAGE (awards grid) + tableau recommandations
   ============================================================ */
.awards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem;margin-top:1.1rem}
.award-card{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.05rem;border-radius:var(--r-lg);background:var(--pearl);border:1px solid rgba(0,0,0,.05);text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}
.award-card:hover{transform:translateY(-2px);box-shadow:var(--sh-violet)}
.award-card .ac-tag{font-family:var(--mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.25}
.award-card .ac-name{font-family:var(--head);font-size:1.02rem;font-weight:800;color:var(--text-1);line-height:1.15}
.award-card .ac-profil{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:700}
.award-card .ac-justif{font-size:.83rem;line-height:1.45;color:var(--text-2);margin:.1rem 0 0}
.award-card .ac-score{display:inline-flex;align-items:baseline;gap:.3rem;margin-top:auto;padding-top:.5rem}
.award-card .ac-score .num{font-family:var(--head);font-size:1.18rem;font-weight:800;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.award-card .ac-score .lbl{font-family:var(--mono);font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:700}
.reco-table{width:100%;border-collapse:collapse;margin:1.1rem 0;font-size:.9rem}
.reco-table th,.reco-table td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid rgba(0,0,0,.07);vertical-align:top}
.reco-table th{font-family:var(--mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:700}
.reco-table td:first-child{font-weight:700;color:var(--text-1)}
.lens-h{font-family:var(--head);font-size:1.06rem;font-weight:800;color:var(--text-1);margin:1.7rem 0 .25rem}
.lens-h:first-of-type{margin-top:.6rem}
.lens-note{font-size:.84rem;color:var(--text-2);margin:.15rem 0 .5rem;font-style:italic;max-width:62ch}
/* Answer-first table (besoin → meilleur choix → specs) */
.answer-table{width:100%;border-collapse:collapse;font-size:.84rem;min-width:680px}
.answer-table th{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3);font-weight:700;text-align:left;padding:.5rem .6rem;border-bottom:1px solid rgba(0,0,0,.08)}
.answer-table td{padding:.55rem .6rem;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:top;color:var(--text-2)}
.answer-table td a{color:var(--text-1);font-weight:700;text-decoration:none}
.answer-table .at-need{font-weight:700;color:var(--text-1);white-space:nowrap}
.answer-table .at-score{font-family:var(--mono);font-size:.64rem;font-weight:700;background:var(--sunset);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.answer-table .at-num{text-align:center;font-family:var(--mono);font-weight:700;color:var(--text-1);white-space:nowrap}
.lc-ip{font-family:var(--mono);font-size:.58rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);font-weight:700;margin-top:.2rem}

/* ============================================================
   COMPARATIF (rank-table) — espacement design-system + colonne
   Produit sticky en scroll horizontal mobile (9 colonnes)
   ============================================================ */
.rank-table{width:100%;border-collapse:collapse;background:#fff;font-size:.85rem}
.rank-table thead th{background:var(--ink);color:#fff;font-family:var(--head);font-weight:700;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;padding:.7rem .65rem;text-align:center;white-space:nowrap}
.rank-table thead th:nth-child(2){text-align:left}
.rank-table tbody td{padding:.62rem .65rem;border-top:1px solid var(--pearl-200,#E2E8F0);text-align:center;color:var(--text-2)}
.rank-table tbody td.rt-prod{text-align:left;font-weight:600;white-space:nowrap}
.rank-table tbody td.rt-rank{width:34px;min-width:34px}
@media (max-width:680px){
  .rank-table th:first-child,.rank-table td:first-child{position:sticky;left:0;z-index:2;background:#fff}
  .rank-table thead th:first-child{background:var(--ink)}
  .rank-table th:nth-child(2),.rank-table td:nth-child(2){position:sticky;left:34px;z-index:2;background:#fff;box-shadow:6px 0 6px -5px rgba(0,0,0,.18)}
  .rank-table thead th:nth-child(2){background:var(--ink)}
  .rank-table thead th:first-child,.rank-table thead th:nth-child(2){z-index:4}
}

/* E-E-A-T: byline + independence callout */
.rk-byline{font-family:var(--mono);font-size:.72rem;color:var(--text-3);font-weight:600}
.rk-byline strong{color:var(--text-2)}
.rk-byline a{color:inherit}
.indep-note{font-size:.86rem;color:var(--text-2);background:var(--pearl);border-left:3px solid var(--purple-700,#6D28D9);padding:.7rem .9rem;border-radius:8px;margin-top:.9rem}
.indep-note b{color:var(--text-1)}