{"id":32,"date":"2025-01-27T15:25:05","date_gmt":"2025-01-27T14:25:05","guid":{"rendered":"https:\/\/optionmods.com\/?page_id=32"},"modified":"2026-05-04T17:15:44","modified_gmt":"2026-05-04T15:15:44","slug":"home","status":"publish","type":"page","link":"https:\/\/www.optionmods.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-77ca538 e-flex e-con-boxed e-con e-child\" data-id=\"77ca538\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2ac93e4 elementor-widget elementor-widget-html\" data-id=\"2ac93e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap-icons@1.11.3\/font\/bootstrap-icons.min.css\" rel=\"stylesheet\"\/>\n\n<div id=\"optionmods\" lang=\"fr\" style=\"--accent:#FECC0B; font-family:inherit; color:#111;\">\n<style>\n#optionmods,\n#optionmods *{box-sizing:border-box}\n\n#optionmods{\n  --ink:#121212;\n  --ink-2:#343434;\n  --muted:#6B6F76;\n  --line:#E6E1D7;\n  --line-2:#D8D1C4;\n  --soft:#F6F2E9;\n  --soft-2:#FCFAF6;\n  --panel:#FFFFFF;\n  --panel-2:#FBF8F1;\n  --hero:#111214;\n  --hero-2:#17181B;\n  --ok:#16a34a;\n  --card-radius:24px;\n  --card-shadow:0 10px 26px rgba(0,0,0,.045);\n  --card-shadow-hover:0 16px 34px rgba(0,0,0,.07);\n  --title-spacing:-.03em;\n  --section-gap:1.2rem;\n  --hero-shift:0px;\n\n  width:100%;\n  max-width:min(1160px,92vw);\n  margin:0 auto!important;\n  padding:1rem 0 1.8rem;\n  display:flex;\n  flex-direction:column;\n  gap:var(--section-gap);\n  background:transparent;\n}\n\n#optionmods :where(h1,h2,h3,h4,h5){\n  margin:0;\n  line-height:1.05;\n  font-weight:600;\n  letter-spacing:var(--title-spacing);\n  color:var(--ink);\n}\n#optionmods :where(p,li,blockquote){\n  line-height:1.62;\n  color:var(--ink-2);\n  font-size:.98rem;\n  text-align:justify;\n  text-justify:inter-word;\n  hyphens:auto;\n  margin:0;\n}\n#optionmods strong{\n  font-weight:600!important;\n  color:inherit!important;\n}\n#optionmods a{\n  text-decoration:none;\n  outline-offset:3px;\n  color:inherit;\n}\n#optionmods a:focus-visible,\n#optionmods button:focus-visible{\n  outline:2px solid rgba(254,204,11,.45);\n  border-radius:12px;\n}\n#optionmods i.bi{\n  font-size:1em;\n  line-height:1;\n  vertical-align:-0.125em;\n  display:inline-block;\n}\n#optionmods .m0{margin:0}\n\n#optionmods section[data-cv=\"1\"]{\n  content-visibility:auto;\n  contain-intrinsic-size:1px 900px;\n}\n\n\/* generic *\/\n#optionmods .rm-section{\n  position:relative;\n  overflow:visible;\n}\n#optionmods .rm-section-inner{\n  position:relative;\n  padding-top:1.15rem;\n}\n#optionmods .rm-section-inner::before{\n  content:\"\";\n  position:absolute;\n  top:0;\n  left:0;\n  width:100%;\n  height:1px;\n  background:linear-gradient(90deg,rgba(17,17,17,.10),rgba(17,17,17,.04),transparent);\n}\n\n#optionmods .rm-intro{\n  display:flex;\n  flex-direction:column;\n  gap:.45rem;\n  margin-bottom:1rem;\n}\n#optionmods .rm-intro.center{\n  align-items:center;\n  text-align:center;\n}\n#optionmods .rm-title-xl{\n  font-size:clamp(1.9rem,1.45rem + 2.2vw,3.7rem);\n  line-height:.94;\n  letter-spacing:-.05em;\n}\n#optionmods .rm-title-lg{\n  font-size:clamp(1.55rem,1.3rem + 1.1vw,2.25rem);\n  line-height:1.02;\n  letter-spacing:-.04em;\n}\n#optionmods .rm-copy{\n  max-width:820px;\n  color:var(--muted);\n  font-size:clamp(1rem,.95rem + .2vw,1.08rem);\n  line-height:1.58;\n  text-align:left!important;\n  hyphens:none!important;\n}\n#optionmods .rm-intro.center .rm-copy{\n  text-align:center!important;\n}\n\n\/* buttons *\/\n#optionmods .btn{\n  --r:16px;\n  position:relative;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:.55rem;\n  min-height:44px;\n  padding:.72rem 1.02rem;\n  border-radius:var(--r);\n  font-weight:600;\n  line-height:1.1;\n  text-align:center;\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease,\n    border-color .16s ease,\n    background-color .16s ease,\n    color .16s ease,\n    opacity .16s ease;\n}\n#optionmods .btn:active{opacity:.98}\n#optionmods .btn i{transition:transform .16s ease}\n#optionmods .btn:hover i{transform:translateX(2px)}\n#optionmods .btn:focus-visible{\n  outline:none;\n  box-shadow:0 0 0 3px rgba(254,204,11,.18);\n}\n\n#optionmods .btn-primary{\n  color:#111;\n  border:1px solid rgba(254,204,11,.52);\n  background:linear-gradient(180deg,#FFE27C,#FECC0B);\n  box-shadow:0 10px 22px rgba(0,0,0,.16);\n}\n#optionmods .btn-primary:hover{\n  transform:translateY(-1px);\n  box-shadow:0 14px 28px rgba(0,0,0,.18);\n}\n\n#optionmods .btn-secondary{\n  color:#fff;\n  border:1px solid rgba(255,255,255,.16);\n  background:rgba(255,255,255,.06);\n}\n#optionmods .btn-secondary:hover{\n  transform:translateY(-1px);\n  background:rgba(255,255,255,.09);\n  border-color:rgba(255,255,255,.22);\n}\n\n#optionmods .btn-neutral{\n  color:#111;\n  border:1px solid rgba(17,17,17,.10);\n  background:#fff;\n  box-shadow:0 4px 12px rgba(0,0,0,.04);\n}\n#optionmods .btn-neutral:hover{\n  transform:translateY(-1px);\n  box-shadow:0 10px 18px rgba(0,0,0,.06);\n  border-color:rgba(17,17,17,.14);\n}\n\n\/* hero *\/\n#optionmods .rm-hero{\n  position:relative;\n  border-radius:30px;\n  overflow:hidden;\n  padding:clamp(1.55rem,1.15rem + 1.35vw,2.55rem) clamp(1rem,.95rem + .7vw,1.45rem) clamp(1rem,.9rem + .55vw,1.3rem);\n  background:\n    radial-gradient(860px 220px at 50% calc(-10% + var(--hero-shift)),rgba(255,255,255,.10),transparent 58%),\n    radial-gradient(620px 180px at 18% calc(0% + var(--hero-shift)),rgba(254,204,11,.08),transparent 58%),\n    radial-gradient(640px 180px at 100% calc(0% + var(--hero-shift)),rgba(255,255,255,.05),transparent 58%),\n    linear-gradient(180deg,#17181B 0%,#0F1012 100%);\n  box-shadow:0 16px 36px rgba(0,0,0,.18);\n  isolation:isolate;\n}\n#optionmods .rm-hero::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    linear-gradient(180deg,rgba(255,255,255,.03),transparent 22%),\n    radial-gradient(500px 140px at 50% calc(100% + var(--hero-shift)),rgba(254,204,11,.04),transparent 60%);\n  pointer-events:none;\n  z-index:0;\n}\n\n#optionmods .rm-hero::after{\n  content:\"\";\n  position:absolute;\n  left:50%;\n  top:58%;\n  width:min(720px,78%);\n  aspect-ratio:1 \/ 1;\n  transform:translateX(-50%) translateY(-50%);\n  border-radius:50%;\n  pointer-events:none;\n  z-index:0;\n  opacity:.70;\n  background:\n    radial-gradient(circle at 50% 50%,\n      rgba(255,231,138,.18) 0%,\n      rgba(254,204,11,.16) 22%,\n      rgba(254,204,11,.10) 42%,\n      rgba(254,204,11,.045) 56%,\n      rgba(254,204,11,.012) 66%,\n      rgba(254,204,11,0) 74%);\n  filter:blur(6px);\n  clip-path:inset(50% 0 0 0);\n  animation:rmHeroArcDrift 7.5s ease-in-out infinite alternate;\n}\n\n@keyframes rmHeroArcDrift{\n  0%{\n    transform:translateX(-54%) translateY(-50%) scale(.98);\n    opacity:.58;\n  }\n  50%{\n    transform:translateX(-50%) translateY(-51.5%) scale(1.04);\n    opacity:.82;\n  }\n  100%{\n    transform:translateX(-46%) translateY(-50%) scale(1);\n    opacity:.62;\n  }\n}\n\n#optionmods .rm-hero-glow{\n  position:absolute;\n  left:50%;\n  top:57%;\n  width:min(420px,42%);\n  height:150px;\n  transform:translate(-50%,-50%);\n  border-radius:999px;\n  pointer-events:none;\n  z-index:0;\n  background:radial-gradient(ellipse at center,\n    rgba(254,204,11,.30) 0%,\n    rgba(254,204,11,.16) 32%,\n    rgba(254,204,11,.06) 56%,\n    rgba(254,204,11,0) 76%);\n  filter:blur(24px);\n  animation:rmHeroGlowSweep 5.2s ease-in-out infinite;\n}\n\n@keyframes rmHeroGlowSweep{\n  0%{\n    transform:translate(-68%,-50%) scale(.92,1);\n    opacity:.42;\n  }\n  25%{\n    transform:translate(-58%,-52%) scale(1.02,1.05);\n    opacity:.72;\n  }\n  50%{\n    transform:translate(-50%,-54%) scale(1.1,1.1);\n    opacity:.95;\n  }\n  75%{\n    transform:translate(-42%,-52%) scale(1.02,1.05);\n    opacity:.74;\n  }\n  100%{\n    transform:translate(-32%,-50%) scale(.92,1);\n    opacity:.44;\n  }\n}\n\n#optionmods .rm-hero-grid{\n  position:relative;\n  z-index:1;\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  text-align:center;\n  gap:.8rem;\n}\n#optionmods .rm-hero-col,\n#optionmods .rm-hero-col-aside{\n  width:100%;\n  min-width:0;\n}\n#optionmods .rm-hero-col{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n}\n#optionmods .rm-hero .rm-title-xl{\n  width:100%;\n  max-width:12ch;\n  margin:0 auto;\n  color:#fff;\n  text-wrap:balance;\n}\n#optionmods .rm-hero .rm-copy{\n  margin:.7rem auto 0;\n  max-width:700px;\n  color:#D6D7DB;\n  font-size:clamp(.98rem,.94rem + .22vw,1.08rem);\n  line-height:1.55;\n  text-align:center!important;\n}\n#optionmods .cta-row{\n  display:flex;\n  justify-content:center;\n  gap:.65rem;\n  flex-wrap:wrap;\n  margin-top:1rem;\n}\n#optionmods .rm-hero-col-aside{\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  gap:.65rem;\n  max-width:820px;\n}\n#optionmods .hero-side-card{\n  width:100%;\n  max-width:640px;\n  border:1px solid rgba(255,255,255,.10);\n  border-radius:20px;\n  padding:.85rem .95rem;\n  background:rgba(255,255,255,.06);\n  text-align:left;\n  backdrop-filter:blur(8px) saturate(115%);\n  -webkit-backdrop-filter:blur(8px) saturate(115%);\n  transition:transform .16s ease, background-color .16s ease, border-color .16s ease;\n}\n#optionmods .hero-side-card:hover{\n  transform:translateY(-1px);\n  background:rgba(255,255,255,.07);\n  border-color:rgba(255,255,255,.14);\n}\n#optionmods .hero-side-card .eyeline{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  gap:.5rem;\n  margin-bottom:.28rem;\n}\n#optionmods .hero-side-card .badge-dot{\n  width:9px;\n  height:9px;\n  border-radius:999px;\n  background:var(--accent);\n  box-shadow:0 0 0 4px rgba(254,204,11,.12);\n}\n#optionmods .hero-side-card strong{\n  color:#fff!important;\n  font-size:.97rem;\n}\n#optionmods .hero-side-card p{\n  color:#E6E7EA!important;\n  text-align:center!important;\n  hyphens:none!important;\n  font-size:.93rem;\n  line-height:1.48;\n}\n#optionmods .hero-stats{\n  width:100%;\n  max-width:640px;\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:.65rem;\n}\n#optionmods .hero-stat{\n  border-radius:18px;\n  padding:.82rem .82rem .76rem;\n  background:rgba(255,255,255,.05);\n  border:1px solid rgba(255,255,255,.08);\n  transition:transform .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease;\n}\n#optionmods .hero-stat:hover{\n  transform:translateY(-1px);\n  background:rgba(255,255,255,.06);\n  border-color:rgba(255,255,255,.12);\n  box-shadow:0 10px 24px rgba(0,0,0,.12);\n}\n#optionmods .hero-stat-num{\n  display:block;\n  color:#fff;\n  font-size:clamp(1.38rem,1.15rem + .65vw,1.8rem);\n  line-height:1;\n  letter-spacing:-.05em;\n  font-weight:700;\n  font-variant-numeric:tabular-nums;\n}\n#optionmods .hero-stat-label{\n  display:block;\n  margin-top:.3rem;\n  color:rgba(236,236,240,.78);\n  font-size:.88rem;\n  line-height:1.24;\n}\n#optionmods .hero-note{\n  display:flex;\n  align-items:flex-start;\n  justify-content:center;\n  gap:.42rem;\n  margin-top:.05rem;\n  color:rgba(222,223,228,.68);\n  font-size:.82rem;\n  line-height:1.4;\n  text-align:center;\n  max-width:720px;\n}\n#optionmods .hero-note i{\n  margin-top:.05rem;\n  color:rgba(222,223,228,.48);\n}\n\n\/* =========================================================\n   PARTIE COMPARAISON \u2014 VERSION PLUS APPLE\n========================================================= *\/\n\n#optionmods .rm-compare-shell{\n  position:relative;\n  overflow:hidden;\n  border:1px solid rgba(0,0,0,.045);\n  border-radius:30px;\n  background:#f5f5f7;\n  box-shadow:\n    0 18px 38px rgba(0,0,0,.05),\n    inset 0 1px 0 rgba(255,255,255,.88);\n}\n#optionmods .rm-compare-shell::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  pointer-events:none;\n  background:\n    linear-gradient(180deg,rgba(255,255,255,.35),transparent 18%),\n    radial-gradient(900px 240px at 50% 115%, rgba(0,0,0,.025), transparent 62%);\n}\n\n#optionmods .rm-compare-top{\n  position:relative;\n  z-index:1;\n  padding:1rem 1rem .5rem;\n}\n#optionmods .rm-compare-kicker{\n  display:flex;\n  align-items:center;\n  justify-content:flex-end;\n  gap:.8rem;\n  margin-bottom:.2rem;\n  flex-wrap:wrap;\n}\n#optionmods .rm-compare-kicker-left{\n  display:none;\n}\n#optionmods .rm-compare-nav{\n  display:flex;\n  align-items:center;\n  gap:.45rem;\n  flex-wrap:wrap;\n}\n#optionmods .rm-compare-pill{\n  appearance:none;\n  border:1px solid rgba(0,0,0,.06);\n  background:rgba(255,255,255,.82);\n  color:#6b6b72;\n  min-height:38px;\n  padding:.52rem .82rem;\n  border-radius:999px;\n  font:inherit;\n  font-size:.84rem;\n  font-weight:600;\n  letter-spacing:-.01em;\n  cursor:pointer;\n  transition:\n    transform .16s ease,\n    box-shadow .16s ease,\n    background-color .16s ease,\n    border-color .16s ease,\n    color .16s ease;\n  box-shadow:0 1px 1px rgba(0,0,0,.02);\n}\n#optionmods .rm-compare-pill:hover{\n  transform:translateY(-1px);\n  background:#fff;\n  border-color:rgba(0,0,0,.08);\n  color:#3d3d42;\n}\n#optionmods .rm-compare-pill.is-active{\n  color:#fff;\n  border-color:#1d1d1f;\n  background:#1d1d1f;\n  box-shadow:0 8px 18px rgba(0,0,0,.08);\n}\n\n#optionmods .rm-compare-stage{\n  position:relative;\n  z-index:1;\n  padding:0 1rem 1rem;\n}\n#optionmods .rm-compare-track{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:.85rem;\n  align-items:stretch;\n}\n#optionmods .rm-compare-col{\n  min-width:0;\n  display:flex;\n}\n#optionmods .rm-compare-card{\n  position:relative;\n  min-width:0;\n  width:100%;\n  display:flex;\n  flex-direction:column;\n  border-radius:24px;\n  border:1px solid rgba(0,0,0,.045);\n  background:\n    linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.72));\n  box-shadow:\n    0 8px 22px rgba(0,0,0,.04),\n    inset 0 1px 0 rgba(255,255,255,.92);\n  overflow:hidden;\n  transition:transform .18s ease, box-shadow .18s ease, border-color .16s ease;\n}\n#optionmods .rm-compare-card:hover{\n  transform:translateY(-2px);\n  box-shadow:0 14px 26px rgba(0,0,0,.055);\n  border-color:rgba(0,0,0,.06);\n}\n#optionmods .rm-compare-card-head{\n  padding:.95rem .95rem .55rem;\n  display:flex;\n  align-items:flex-start;\n  justify-content:space-between;\n  gap:.7rem;\n}\n#optionmods .rm-compare-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:.42rem;\n  min-height:28px;\n  padding:.16rem .56rem;\n  border-radius:999px;\n  border:1px solid rgba(0,0,0,.055);\n  background:rgba(255,255,255,.92);\n  color:#72727a;\n  font-size:.74rem;\n  font-weight:600;\n  white-space:nowrap;\n}\n#optionmods .rm-compare-icon{\n  width:40px;\n  height:40px;\n  border-radius:12px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  flex:0 0 auto;\n  background:#fff;\n  border:1px solid rgba(0,0,0,.05);\n  color:#6c6c72;\n  box-shadow:0 4px 10px rgba(0,0,0,.035);\n}\n#optionmods .rm-compare-body{\n  display:flex;\n  flex-direction:column;\n  gap:.78rem;\n  padding:0 .95rem .95rem;\n  height:100%;\n}\n#optionmods .rm-compare-title{\n  font-size:1.34rem;\n  line-height:1.02;\n  letter-spacing:-.048em;\n  color:#1d1d1f;\n}\n#optionmods .rm-compare-desc{\n  color:#5b5b63;\n  font-size:.92rem;\n  line-height:1.52;\n  text-align:left!important;\n  hyphens:none!important;\n}\n#optionmods .rm-compare-hero-copy{\n  min-height:52px;\n}\n#optionmods .rm-compare-data{\n  display:grid;\n  gap:.52rem;\n}\n#optionmods .rm-compare-row{\n  display:flex;\n  align-items:flex-start;\n  gap:.58rem;\n  color:#202024;\n  font-size:.9rem;\n  line-height:1.42;\n}\n#optionmods .rm-compare-row i{\n  color:#8b8b94;\n  margin-top:.08rem;\n}\n#optionmods .rm-compare-divider{\n  height:1px;\n  background:linear-gradient(90deg,rgba(0,0,0,.08),rgba(0,0,0,.03),transparent);\n}\n#optionmods .rm-compare-panel{\n  display:none;\n  animation:rmCompareFade .24s ease;\n}\n#optionmods .rm-compare-panel.is-active{\n  display:block;\n}\n@keyframes rmCompareFade{\n  from{opacity:0;transform:translateY(6px)}\n  to{opacity:1;transform:translateY(0)}\n}\n#optionmods .rm-compare-list{\n  list-style:none;\n  margin:0;\n  padding:0;\n  display:grid;\n  gap:.46rem;\n}\n#optionmods .rm-compare-list li{\n  display:flex;\n  align-items:flex-start;\n  gap:.52rem;\n  color:#44484e;\n  font-size:.9rem;\n  line-height:1.48;\n}\n#optionmods .rm-compare-list .dot{\n  width:6px;\n  height:6px;\n  border-radius:999px;\n  background:#1d1d1f;\n  margin-top:.52rem;\n  flex:0 0 6px;\n}\n#optionmods .rm-compare-actions{\n  margin-top:auto;\n  padding-top:.15rem;\n}\n#optionmods .rm-compare-actions .btn{\n  width:100%;\n  background:#fff;\n  border-color:rgba(0,0,0,.08);\n  box-shadow:0 2px 8px rgba(0,0,0,.03);\n}\n#optionmods .rm-compare-footer{\n  display:flex;\n  align-items:flex-start;\n  justify-content:space-between;\n  gap:1rem;\n  padding:0 1rem 1rem;\n  flex-wrap:wrap;\n}\n#optionmods .rm-compare-note{\n  display:flex;\n  align-items:flex-start;\n  gap:.5rem;\n  color:rgba(29,29,31,.62);\n  font-size:.85rem;\n  line-height:1.46;\n  max-width:820px;\n}\n#optionmods .rm-compare-note i{\n  color:rgba(29,29,31,.4);\n  margin-top:.05rem;\n}\n#optionmods .rm-compare-paddles{\n  display:flex;\n  align-items:center;\n  gap:.45rem;\n}\n#optionmods .rm-paddle{\n  width:38px;\n  height:38px;\n  border-radius:999px;\n  border:1px solid rgba(0,0,0,.06);\n  background:rgba(255,255,255,.9);\n  color:#55575e;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  cursor:pointer;\n  box-shadow:0 4px 12px rgba(0,0,0,.04);\n  transition:transform .16s ease, background-color .16s ease, border-color .16s ease, opacity .16s ease;\n}\n#optionmods .rm-paddle:hover{\n  transform:translateY(-1px);\n  background:#fff;\n  border-color:rgba(0,0,0,.08);\n}\n#optionmods .rm-paddle:disabled{\n  opacity:.42;\n  cursor:default;\n  transform:none;\n}\n\n\/* notes *\/\n#optionmods .rm-note-stack{\n  display:grid;\n  gap:.42rem;\n  margin-top:.85rem;\n}\n#optionmods .rm-note{\n  display:flex;\n  align-items:flex-start;\n  gap:.5rem;\n  color:rgba(17,17,17,.62);\n  font-size:.88rem;\n  line-height:1.48;\n}\n#optionmods .rm-note i{\n  color:rgba(17,17,17,.42);\n  margin-top:.05rem;\n}\n\n\/* engagements *\/\n#optionmods .engagement-grid{\n  display:grid;\n  gap:1rem;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n}\n#optionmods .engagement-card{\n  min-width:0;\n  border:1px solid var(--line);\n  border-radius:22px;\n  padding:1rem;\n  background:linear-gradient(180deg,#fff,var(--panel-2));\n  box-shadow:var(--card-shadow);\n  transition:transform .18s ease, box-shadow .18s ease, border-color .16s ease;\n}\n#optionmods .engagement-card:hover{\n  transform:translateY(-3px);\n  box-shadow:var(--card-shadow-hover);\n  border-color:var(--line-2);\n}\n#optionmods .engagement-icon{\n  width:40px;\n  height:40px;\n  border-radius:14px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  background:linear-gradient(180deg,#fff,var(--soft));\n  border:1px solid rgba(17,17,17,.08);\n  color:#946A00;\n  transition:transform .16s ease;\n}\n#optionmods .engagement-card:hover .engagement-icon{\n  transform:translateY(-1px) scale(1.02);\n}\n#optionmods .engagement-card h4{\n  margin-top:.8rem;\n  font-size:1.06rem;\n  line-height:1.15;\n  letter-spacing:-.03em;\n}\n#optionmods .engagement-card p{\n  margin-top:.48rem;\n  color:#575B61;\n  font-size:.93rem;\n  line-height:1.56;\n  text-align:left;\n  hyphens:none;\n}\n\n\/* blog *\/\n#optionmods .blog-top{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:1rem;\n  flex-wrap:wrap;\n  margin-bottom:.8rem;\n}\n#optionmods .blog-grid{\n  display:grid;\n  gap:1rem;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n}\n#optionmods .blog-post{\n  min-width:0;\n  display:flex;\n  flex-direction:column;\n  border:1px solid var(--line);\n  border-radius:24px;\n  padding:1rem;\n  background:\n    radial-gradient(560px 160px at 14% -10%,rgba(254,204,11,.05),transparent 58%),\n    linear-gradient(180deg,#fff,var(--soft-2));\n  box-shadow:var(--card-shadow);\n  transition:transform .18s ease, box-shadow .18s ease, border-color .16s ease;\n}\n#optionmods .blog-post:hover{\n  transform:translateY(-3px);\n  box-shadow:var(--card-shadow-hover);\n  border-color:var(--line-2);\n}\n#optionmods .blog-post-head{\n  display:flex;\n  align-items:flex-start;\n  gap:.75rem;\n}\n#optionmods .blog-badge{\n  width:40px;\n  height:40px;\n  border-radius:14px;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  flex:0 0 auto;\n  background:linear-gradient(180deg,#fff,var(--soft));\n  border:1px solid rgba(17,17,17,.08);\n  color:#946A00;\n  transition:transform .16s ease;\n}\n#optionmods .blog-post:hover .blog-badge{\n  transform:translateY(-1px);\n}\n#optionmods .blog-title{\n  font-size:1.12rem;\n  line-height:1.1;\n  letter-spacing:-.03em;\n}\n#optionmods .blog-title a:hover{\n  text-decoration:underline;\n  text-underline-offset:4px;\n  text-decoration-color:rgba(254,204,11,.7);\n}\n#optionmods .blog-meta{\n  display:flex;\n  flex-wrap:wrap;\n  gap:.42rem;\n  margin-top:.2rem;\n}\n#optionmods .blog-pill{\n  display:inline-flex;\n  align-items:center;\n  gap:.35rem;\n  min-height:28px;\n  padding:.15rem .52rem;\n  border-radius:999px;\n  border:1px solid rgba(17,17,17,.08);\n  background:#fff;\n  color:#746C60;\n  font-size:.76rem;\n  font-weight:600;\n}\n#optionmods .blog-excerpt{\n  margin-top:.75rem;\n  color:#565A61;\n  font-size:.94rem;\n  line-height:1.56;\n}\n#optionmods .blog-read{\n  display:inline-flex;\n  align-items:center;\n  gap:.45rem;\n  margin-top:.9rem;\n  color:#111;\n  font-weight:600;\n}\n#optionmods .blog-empty{\n  border:1px dashed rgba(17,17,17,.16);\n  border-radius:24px;\n  padding:1rem;\n  background:#fff;\n  color:rgba(17,17,17,.72);\n  font-weight:500;\n}\n\n\/* animations *\/\n#optionmods [data-anim]{\n  opacity:0;\n  transform:translate3d(0,12px,0);\n  transition:\n    opacity .22s ease-out,\n    transform .22s ease-out;\n  backface-visibility:hidden;\n  will-change:opacity, transform;\n}\n#optionmods [data-anim].is-in{\n  opacity:1;\n  transform:translate3d(0,0,0);\n}\n#optionmods [data-anim][data-stagger]{\n  transition-delay:var(--d,0ms);\n}\n\n@media (max-width:1020px){\n  #optionmods .engagement-grid{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n  #optionmods .rm-compare-track{\n    grid-template-columns:repeat(3, minmax(280px, 1fr));\n    overflow-x:auto;\n    overflow-y:hidden;\n    padding-bottom:.25rem;\n    scroll-snap-type:x mandatory;\n    -webkit-overflow-scrolling:touch;\n  }\n  #optionmods .rm-compare-col{\n    scroll-snap-align:start;\n  }\n  #optionmods .rm-compare-track::-webkit-scrollbar{\n    height:8px;\n  }\n  #optionmods .rm-compare-track::-webkit-scrollbar-thumb{\n    background:rgba(17,17,17,.16);\n    border-radius:999px;\n  }\n}\n\n@media (max-width:640px){\n  #optionmods{\n    max-width:min(100%,94vw);\n    padding:.75rem 0 1.5rem;\n    gap:1rem;\n  }\n  #optionmods :where(p,li,blockquote){\n    text-align:left;\n    hyphens:none;\n  }\n  #optionmods .rm-hero{\n    border-radius:26px;\n    padding:1.35rem .95rem 1rem;\n  }\n\n  #optionmods .rm-hero::after{\n    top:60%;\n    width:118%;\n    opacity:.74;\n    filter:blur(7px);\n    animation:rmHeroArcDriftMobile 5.8s ease-in-out infinite alternate;\n  }\n\n  @keyframes rmHeroArcDriftMobile{\n    0%{\n      transform:translateX(-56%) translateY(-50%) scale(.98);\n      opacity:.58;\n    }\n    50%{\n      transform:translateX(-50%) translateY(-51%) scale(1.05);\n      opacity:.82;\n    }\n    100%{\n      transform:translateX(-44%) translateY(-50%) scale(1);\n      opacity:.62;\n    }\n  }\n\n  #optionmods .rm-hero-glow{\n    top:58%;\n    width:72%;\n    height:120px;\n    filter:blur(20px);\n    animation:rmHeroGlowSweepMobile 4.6s ease-in-out infinite;\n  }\n\n  @keyframes rmHeroGlowSweepMobile{\n    0%{\n      transform:translate(-72%,-50%) scale(.88,1);\n      opacity:.42;\n    }\n    25%{\n      transform:translate(-60%,-51%) scale(.98,1.04);\n      opacity:.70;\n    }\n    50%{\n      transform:translate(-50%,-53%) scale(1.08,1.08);\n      opacity:.96;\n    }\n    75%{\n      transform:translate(-40%,-51%) scale(.98,1.04);\n      opacity:.72;\n    }\n    100%{\n      transform:translate(-28%,-50%) scale(.88,1);\n      opacity:.44;\n    }\n  }\n\n  #optionmods .rm-hero .rm-title-xl{\n    max-width:none;\n    font-size:clamp(1.85rem,1.5rem + 2vw,2.65rem);\n  }\n  #optionmods .cta-row{\n    flex-direction:column;\n    align-items:stretch;\n    width:100%;\n  }\n  #optionmods .cta-row .btn{\n    width:100%;\n  }\n  #optionmods .hero-stats{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    gap:.55rem;\n  }\n  #optionmods .hero-stat{\n    padding:.72rem .68rem .68rem;\n  }\n  #optionmods .hero-stat-num{\n    font-size:clamp(1.18rem,1.05rem + .55vw,1.45rem);\n  }\n  #optionmods .hero-stat-label{\n    font-size:.8rem;\n    line-height:1.18;\n  }\n\n  #optionmods .rm-compare-shell{\n    border-radius:26px;\n  }\n  #optionmods .rm-compare-top{\n    padding:.9rem .9rem .45rem;\n  }\n  #optionmods .rm-compare-stage{\n    padding:0 .9rem .9rem;\n  }\n  #optionmods .rm-compare-footer{\n    padding:0 .9rem .9rem;\n    flex-direction:column;\n    align-items:stretch;\n  }\n  #optionmods .rm-compare-nav{\n    flex-wrap:nowrap;\n    overflow-x:auto;\n    padding-bottom:.15rem;\n    -webkit-overflow-scrolling:touch;\n    scrollbar-width:none;\n  }\n  #optionmods .rm-compare-nav::-webkit-scrollbar{display:none}\n  #optionmods .rm-compare-pill{\n    flex:0 0 auto;\n    white-space:nowrap;\n  }\n  #optionmods .rm-compare-card{\n    border-radius:20px;\n  }\n  #optionmods .rm-compare-title{\n    font-size:1.22rem;\n  }\n\n  #optionmods .engagement-grid,\n  #optionmods .blog-grid{\n    grid-template-columns:1fr;\n  }\n  #optionmods .blog-top{\n    flex-direction:column;\n    align-items:stretch;\n  }\n  #optionmods .blog-top .btn{\n    width:100%;\n  }\n}\n\n@media (prefers-reduced-motion:reduce){\n  #optionmods *{\n    transition:none!important;\n    animation:none!important;\n  }\n  #optionmods [data-anim]{\n    opacity:1!important;\n    transform:none!important;\n  }\n  #optionmods{\n    --hero-shift:0px!important;\n  }\n}\n<\/style>\n\n<section class=\"rm-hero\" data-hero data-anim=\"up\">\n  <span class=\"rm-hero-glow\" aria-hidden=\"true\"><\/span>\n\n  <div class=\"rm-hero-grid\">\n    <div class=\"rm-hero-col is-in\">\n      <h1 class=\"rm-title-xl\">Modernisez votre v\u00e9hicule.<\/h1>\n\n      <p class=\"rm-copy\">\n        \u00c9cran 9,3\u2033, cockpit 10\u2033, options d\u2019origine activables et CarPlay sans fil : uniquement avec des pi\u00e8ces et configurations d\u2019origine, sans aucune modification invasive.\n      <\/p>\n\n      <div class=\"cta-row\">\n        <a class=\"btn btn-primary\" href=\"\/contact\">R\u00e9server <i aria-hidden=\"true\" class=\"bi bi-arrow-up-right\"><\/i><\/a>\n        <a class=\"btn btn-secondary\" href=\"#activations\">D\u00e9couvrir <i aria-hidden=\"true\" class=\"bi bi-chevron-down\"><\/i><\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"rm-hero-col-aside is-in\">\n      <div class=\"hero-side-card\">\n        <div class=\"eyeline\">\n          <span class=\"badge-dot\" aria-hidden=\"true\"><\/span>\n          <strong>100% r\u00e9versible, 0 modification invasive<\/strong>\n        <\/div>\n        <p>Aucune pi\u00e8ce tierce, aucune d\u00e9coupe, aucun per\u00e7age, aucune adaptation irr\u00e9versible.<\/p>\n      <\/div>\n\n      <div class=\"hero-stats\" role=\"list\" aria-label=\"Chiffres cl\u00e9s\">\n        <div class=\"hero-stat\" role=\"listitem\">\n          <span class=\"hero-stat-num\" data-count=\"250\" data-suffix=\"+\" data-duration=\"1200\">250+<\/span>\n          <span class=\"hero-stat-label\">activations r\u00e9alis\u00e9es<\/span>\n        <\/div>\n        <div class=\"hero-stat\" role=\"listitem\">\n          <span class=\"hero-stat-num\" data-count=\"100\" data-suffix=\"%\" data-duration=\"1200\">100%<\/span>\n          <span class=\"hero-stat-label\">r\u00e9versibles<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"hero-note\" role=\"note\" aria-label=\"Mentions\">\n        <i class=\"bi bi-info-circle\" aria-hidden=\"true\"><\/i>\n        <span>OptionMods n\u2019est affili\u00e9 \u00e0 aucune marque. Intervention sur place \u00e0 Paris uniquement. Aucune activation \u00e0 distance.<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"activations\" class=\"rm-section section-activations\">\n  <div class=\"rm-section-inner\">\n    <div class=\"rm-intro center\" data-anim=\"up\">\n      <h2 class=\"rm-title-lg\">R\u00e9trofits &amp; activations populaires<\/h2>\n    <\/div>\n\n    <div class=\"rm-compare-shell\" data-anim=\"up\">\n      <div class=\"rm-compare-top\">\n        <div class=\"rm-compare-kicker\">\n          <div class=\"rm-compare-kicker-left\"><\/div>\n\n          <div class=\"rm-compare-nav\" role=\"tablist\" aria-label=\"Comparaison des r\u00e9trofits\">\n            <button class=\"rm-compare-pill is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-compare-tab=\"overview\">Vue d\u2019ensemble<\/button>\n            <button class=\"rm-compare-pill\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-compare-tab=\"specs\">Infos cl\u00e9s<\/button>\n            <button class=\"rm-compare-pill\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-compare-tab=\"highlights\">Points forts<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"rm-compare-stage\">\n        <div class=\"rm-compare-track\" id=\"rmCompareTrack\">\n          <!-- Grand \u00e9cran 9,3 -->\n          <div class=\"rm-compare-col\">\n            <article class=\"rm-compare-card\">\n              <div class=\"rm-compare-card-head\">\n                <span class=\"rm-compare-badge\"><i class=\"bi bi-stars\"><\/i> Retrofit OEM<\/span>\n                <span class=\"rm-compare-icon\" aria-hidden=\"true\"><i class=\"bi bi-display\"><\/i><\/span>\n              <\/div>\n\n              <div class=\"rm-compare-body\">\n                <h3 class=\"rm-compare-title\">Grand \u00e9cran 9,3\u2033<\/h3>\n\n                <div class=\"rm-compare-panel is-active\" data-panel=\"overview\">\n                  <p class=\"rm-compare-desc rm-compare-hero-copy\">\n                    Passage du 7\u2033 vers le 9,3\u2033 d\u2019origine, avec int\u00e9gration fid\u00e8le, configuration d\u2019origine et montage propre, sans aucune modification invasive.\n                  <\/p>\n                <\/div>\n\n                <div class=\"rm-compare-panel\" data-panel=\"specs\">\n                  <div class=\"rm-compare-data\" aria-label=\"Infos cl\u00e9s Grand \u00e9cran 9,3 pouces\">\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-clock-history\" aria-hidden=\"true\"><\/i><span>Dur\u00e9e estim\u00e9e : ~1 h<\/span><\/div>\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-arrow-repeat\" aria-hidden=\"true\"><\/i><span>100% r\u00e9versible<\/span><\/div>\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-tools\" aria-hidden=\"true\"><\/i><span>Pi\u00e8ces et configuration d\u2019origine<\/span><\/div>\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-car-front\" aria-hidden=\"true\"><\/i><span>Montage propre sans adaptation invasive<\/span><\/div>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rm-compare-panel\" data-panel=\"highlights\">\n                  <ul class=\"rm-compare-list\">\n                    <li><span class=\"dot\"><\/span>\u00c9cran 9,3\u2033 d\u2019origine + module autoradio associ\u00e9<\/li>\n                    <li><span class=\"dot\"><\/span>Exp\u00e9rience EasyLink compl\u00e8te<\/li>\n                    <li><span class=\"dot\"><\/span>Configuration d\u2019origine et int\u00e9gration fid\u00e8le<\/li>\n                    <li><span class=\"dot\"><\/span>CarPlay sans fil inclus<\/li>\n                  <\/ul>\n                <\/div>\n\n                <div class=\"rm-compare-divider\" aria-hidden=\"true\"><\/div>\n\n                <div class=\"rm-compare-actions\">\n                  <a class=\"btn btn-neutral\" href=\"\/remplacement-ecran-7-par-ecran-9-3-easylink\">D\u00e9tails <i aria-hidden=\"true\" class=\"bi bi-arrow-up-right\"><\/i><\/a>\n                <\/div>\n              <\/div>\n            <\/article>\n          <\/div>\n\n          <!-- Cockpit digital 10 -->\n          <div class=\"rm-compare-col\">\n            <article class=\"rm-compare-card\">\n              <div class=\"rm-compare-card-head\">\n                <span class=\"rm-compare-badge\"><i class=\"bi bi-badge-hd\"><\/i> Affichage<\/span>\n                <span class=\"rm-compare-icon\" aria-hidden=\"true\"><i class=\"bi bi-speedometer2\"><\/i><\/span>\n              <\/div>\n\n              <div class=\"rm-compare-body\">\n                <h3 class=\"rm-compare-title\">Cockpit digital 10\u2033<\/h3>\n\n                <div class=\"rm-compare-panel is-active\" data-panel=\"overview\">\n                  <p class=\"rm-compare-desc rm-compare-hero-copy\">\n                    Compteur digital d\u2019origine avec affichage enrichi, configuration adapt\u00e9e au v\u00e9hicule et rendu moderne, uniquement avec du mat\u00e9riel et des param\u00e8tres d\u2019origine.\n                  <\/p>\n                <\/div>\n\n                <div class=\"rm-compare-panel\" data-panel=\"specs\">\n                  <div class=\"rm-compare-data\" aria-label=\"Infos cl\u00e9s Cockpit digital 10 pouces\">\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-clock-history\" aria-hidden=\"true\"><\/i><span>Dur\u00e9e estim\u00e9e : ~1 h<\/span><\/div>\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-arrow-repeat\" aria-hidden=\"true\"><\/i><span>100% r\u00e9versible<\/span><\/div>\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-gear-wide-connected\" aria-hidden=\"true\"><\/i><span>Param\u00e8tres usine<\/span><\/div>\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-display\" aria-hidden=\"true\"><\/i><span>Affichage 100% digital plus moderne<\/span><\/div>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rm-compare-panel\" data-panel=\"highlights\">\n                  <ul class=\"rm-compare-list\">\n                    <li><span class=\"dot\"><\/span>Affichage 10\u2033 en 100% digital<\/li>\n                    <li><span class=\"dot\"><\/span>Vues plus modernes et plus valorisantes<\/li>\n                    <li><span class=\"dot\"><\/span>Int\u00e9gration coh\u00e9rente avec l\u2019environnement du v\u00e9hicule<\/li>\n                    <li><span class=\"dot\"><\/span>Fonctions variables selon les \u00e9quipements pr\u00e9sents<\/li>\n                  <\/ul>\n                <\/div>\n\n                <div class=\"rm-compare-divider\" aria-hidden=\"true\"><\/div>\n\n                <div class=\"rm-compare-actions\">\n                  <a class=\"btn btn-neutral\" href=\"\/retrofit-compteur\">D\u00e9tails <i aria-hidden=\"true\" class=\"bi bi-arrow-up-right\"><\/i><\/a>\n                <\/div>\n              <\/div>\n            <\/article>\n          <\/div>\n\n          <!-- Options cach\u00e9es -->\n          <div class=\"rm-compare-col\">\n            <article class=\"rm-compare-card\">\n              <div class=\"rm-compare-card-head\">\n                <span class=\"rm-compare-badge\"><i class=\"bi bi-wrench-adjustable-circle\"><\/i> Activation<\/span>\n                <span class=\"rm-compare-icon\" aria-hidden=\"true\"><i class=\"bi bi-sliders2-vertical\"><\/i><\/span>\n              <\/div>\n\n              <div class=\"rm-compare-body\">\n                <h3 class=\"rm-compare-title\">Options cach\u00e9es<\/h3>\n\n                <div class=\"rm-compare-panel is-active\" data-panel=\"overview\">\n                  <p class=\"rm-compare-desc rm-compare-hero-copy\">\n                    Activation de fonctions d\u2019origine disponibles selon version, avec configurations d\u2019origine uniquement, sans pi\u00e8ce tierce ni modification invasive.\n                  <\/p>\n                <\/div>\n\n                <div class=\"rm-compare-panel\" data-panel=\"specs\">\n                  <div class=\"rm-compare-data\" aria-label=\"Infos cl\u00e9s Options cach\u00e9es\">\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-clock-history\" aria-hidden=\"true\"><\/i><span>Dur\u00e9e estim\u00e9e : ~20\u201330 min<\/span><\/div>\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-arrow-repeat\" aria-hidden=\"true\"><\/i><span>100% r\u00e9versible<\/span><\/div>\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-sliders\" aria-hidden=\"true\"><\/i><span>Configuration personnalisable<\/span><\/div>\n                    <div class=\"rm-compare-row\"><i class=\"bi bi-shield-check\" aria-hidden=\"true\"><\/i><span>Aucune pi\u00e8ce tierce ni adaptation invasive<\/span><\/div>\n                  <\/div>\n                <\/div>\n\n                <div class=\"rm-compare-panel\" data-panel=\"highlights\">\n                  <ul class=\"rm-compare-list\">\n                    <li><span class=\"dot\"><\/span>Fonctions d\u2019origine activables selon compatibilit\u00e9<\/li>\n                    <li><span class=\"dot\"><\/span>R\u00e9glages pratiques et confort au quotidien<\/li>\n                    <li><span class=\"dot\"><\/span>Aucune pi\u00e8ce tierce ni adaptation hasardeuse<\/li>\n                    <li><span class=\"dot\"><\/span>Retour arri\u00e8re toujours possible<\/li>\n                  <\/ul>\n                <\/div>\n\n                <div class=\"rm-compare-divider\" aria-hidden=\"true\"><\/div>\n\n                <div class=\"rm-compare-actions\">\n                  <a class=\"btn btn-neutral\" href=\"\/options-cachees-easylink\">D\u00e9tails <i aria-hidden=\"true\" class=\"bi bi-arrow-up-right\"><\/i><\/a>\n                <\/div>\n              <\/div>\n            <\/article>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"rm-compare-footer\">\n        <div class=\"rm-compare-note\" role=\"note\" aria-label=\"Note de comparaison\">\n          <i class=\"bi bi-info-circle\" aria-hidden=\"true\"><\/i>\n          <span>Certaines fonctions ou affichages peuvent varier selon le v\u00e9hicule, les \u00e9quipements pr\u00e9sents et la version logicielle. Les activations r\u00e9alis\u00e9es restent 100% r\u00e9versibles et sans modification invasive.<\/span>\n        <\/div>\n\n        <div class=\"rm-compare-paddles\" aria-label=\"Navigation horizontale\">\n          <button class=\"rm-paddle\" type=\"button\" id=\"rmComparePrev\" aria-label=\"Pr\u00e9c\u00e9dent\">\n            <i class=\"bi bi-chevron-left\"><\/i>\n          <\/button>\n          <button class=\"rm-paddle\" type=\"button\" id=\"rmCompareNext\" aria-label=\"Suivant\">\n            <i class=\"bi bi-chevron-right\"><\/i>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"rm-section section-engagements\" data-cv=\"1\">\n  <div class=\"rm-section-inner\">\n    <div class=\"rm-intro\" data-anim=\"up\">\n      <h2 class=\"rm-title-lg\">Nos engagements<\/h2>\n    <\/div>\n\n    <div class=\"engagement-grid\">\n      <article class=\"engagement-card\" data-anim=\"up\">\n        <span class=\"engagement-icon\" aria-hidden=\"true\"><i class=\"bi bi-tools\"><\/i><\/span>\n        <h4>Pi\u00e8ces et configurations d\u2019origine<\/h4>\n        <p>Aucune pi\u00e8ce tierce, aucune adaptation hasardeuse, uniquement du mat\u00e9riel et des param\u00e8tres d\u2019origine.<\/p>\n      <\/article>\n\n      <article class=\"engagement-card\" data-anim=\"up\">\n        <span class=\"engagement-icon\" aria-hidden=\"true\"><i class=\"bi bi-arrow-repeat\"><\/i><\/span>\n        <h4>100% r\u00e9versible<\/h4>\n        <p>Les activations peuvent \u00eatre retir\u00e9es et la configuration initiale peut \u00eatre r\u00e9tablie.<\/p>\n      <\/article>\n\n      <article class=\"engagement-card\" data-anim=\"up\">\n        <span class=\"engagement-icon\" aria-hidden=\"true\"><i class=\"bi bi-shield-check\"><\/i><\/span>\n        <h4>Montage non invasif<\/h4>\n        <p>Aucune d\u00e9coupe, aucun per\u00e7age, aucune modification irr\u00e9versible du v\u00e9hicule.<\/p>\n      <\/article>\n\n      <article class=\"engagement-card\" data-anim=\"up\">\n        <span class=\"engagement-icon\" aria-hidden=\"true\"><i class=\"bi bi-geo-alt\"><\/i><\/span>\n        <h4>Sur place \u00e0 Paris<\/h4>\n        <p>Intervention sur rendez-vous uniquement. Pas d\u2019activation \u00e0 distance.<\/p>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section id=\"blog\" class=\"rm-section section-blog\" data-cv=\"1\">\n  <div class=\"rm-section-inner\">\n    <div class=\"blog-top\" data-anim=\"up\">\n      <div class=\"rm-intro\" style=\"margin:0\">\n        <h2 class=\"rm-title-lg\" style=\"font-size:clamp(1.65rem,1.35rem + 1vw,2.35rem)\">Blog<\/h2>\n      <\/div>\n      <a class=\"btn btn-neutral\" href=\"\/blog\">Voir tout <i aria-hidden=\"true\" class=\"bi bi-arrow-up-right\"><\/i><\/a>\n    <\/div>\n\n    <div id=\"rmBlogGrid\" class=\"blog-grid\" aria-live=\"polite\"><\/div>\n  <\/div>\n<\/section>\n\n<script>\n(() => {\n  const root = document.getElementById('optionmods');\n  if (!root) return;\n\n  const prefersReducedMotion =\n    window.matchMedia &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n  const queryAll = (selector, scope = root) => Array.from(scope.querySelectorAll(selector));\n  const animatedElements = queryAll('[data-anim]');\n  const engagementCards = queryAll('.engagement-grid > .engagement-card');\n  const counters = queryAll('.hero-stat-num[data-count]');\n  const blogGrid = root.querySelector('#rmBlogGrid');\n  const hero = root.querySelector('[data-hero]');\n  let revealObserver = null;\n\n  engagementCards.forEach((card, index) => {\n    card.setAttribute('data-stagger', '1');\n    card.style.setProperty('--d', `${Math.min(index * 30, 80)}ms`);\n  });\n\n  const revealNow = (element) => {\n    if (element) element.classList.add('is-in');\n  };\n\n  if (!prefersReducedMotion) {\n    revealObserver = new IntersectionObserver((entries, observer) => {\n      for (const entry of entries) {\n        if (!entry.isIntersecting) continue;\n        entry.target.classList.add('is-in');\n        observer.unobserve(entry.target);\n      }\n    }, {\n      threshold: 0.01,\n      rootMargin: '320px 0px -8% 0px'\n    });\n\n    animatedElements.forEach((element) => revealObserver.observe(element));\n\n    animatedElements.forEach((element, index) => {\n      if (index < 10) element.classList.add('is-in');\n    });\n  } else {\n    animatedElements.forEach(revealNow);\n  }\n\n  if (hero && !prefersReducedMotion) {\n    let ticking = false;\n\n    const updateHeroShift = () => {\n      const rect = hero.getBoundingClientRect();\n      const vh = window.innerHeight || document.documentElement.clientHeight;\n      const progress = Math.max(-1, Math.min(1, rect.top \/ vh));\n      const shift = progress * -4;\n      root.style.setProperty('--hero-shift', `${shift}px`);\n      ticking = false;\n    };\n\n    const requestHeroShift = () => {\n      if (!ticking) {\n        ticking = true;\n        requestAnimationFrame(updateHeroShift);\n      }\n    };\n\n    updateHeroShift();\n    window.addEventListener('scroll', requestHeroShift, { passive: true });\n    window.addEventListener('resize', requestHeroShift);\n  }\n\n  if (counters.length && !prefersReducedMotion) {\n    const easeOut = (t) => 1 - Math.pow(1 - t, 3);\n\n    const animateCounter = (element) => {\n      if (element.dataset.done === '1') return;\n      element.dataset.done = '1';\n\n      const end = Number(element.getAttribute('data-count')) || 0;\n      const suffix = element.getAttribute('data-suffix') || '';\n      const durationAttr = Number(element.getAttribute('data-duration'));\n      const duration = Number.isFinite(durationAttr) && durationAttr > 300 ? durationAttr : 1200;\n      const startTime = performance.now();\n\n      const tick = (now) => {\n        const progress = Math.min(1, (now - startTime) \/ duration);\n        const value = Math.round(end * easeOut(progress));\n        element.textContent = `${value}${suffix}`;\n\n        if (progress < 1) {\n          requestAnimationFrame(tick);\n        } else {\n          element.textContent = `${end}${suffix}`;\n        }\n      };\n\n      requestAnimationFrame(tick);\n    };\n\n    counters.forEach((element) => {\n      const suffix = element.getAttribute('data-suffix') || '';\n      element.textContent = `0${suffix}`;\n      animateCounter(element);\n    });\n  } else {\n    counters.forEach((element) => {\n      const end = Number(element.getAttribute('data-count')) || 0;\n      const suffix = element.getAttribute('data-suffix') || '';\n      element.textContent = `${end}${suffix}`;\n    });\n  }\n\n  const compareTabs = queryAll('[data-compare-tab]');\n  const compareCards = queryAll('.rm-compare-card');\n  const compareTrack = root.querySelector('#rmCompareTrack');\n  const comparePrev = root.querySelector('#rmComparePrev');\n  const compareNext = root.querySelector('#rmCompareNext');\n\n  const setCompareTab = (tab) => {\n    compareTabs.forEach((btn) => {\n      const active = btn.getAttribute('data-compare-tab') === tab;\n      btn.classList.toggle('is-active', active);\n      btn.setAttribute('aria-selected', active ? 'true' : 'false');\n    });\n\n    compareCards.forEach((card) => {\n      queryAll('.rm-compare-panel', card).forEach((panel) => {\n        panel.classList.toggle('is-active', panel.getAttribute('data-panel') === tab);\n      });\n    });\n  };\n\n  compareTabs.forEach((btn) => {\n    btn.addEventListener('click', () => {\n      setCompareTab(btn.getAttribute('data-compare-tab'));\n    });\n  });\n\n  const updatePaddles = () => {\n    if (!compareTrack || !comparePrev || !compareNext) return;\n    const maxScroll = compareTrack.scrollWidth - compareTrack.clientWidth;\n    if (maxScroll <= 8) {\n      comparePrev.disabled = true;\n      compareNext.disabled = true;\n      return;\n    }\n    comparePrev.disabled = compareTrack.scrollLeft <= 8;\n    compareNext.disabled = compareTrack.scrollLeft >= maxScroll - 8;\n  };\n\n  if (compareTrack && comparePrev && compareNext) {\n    const scrollAmount = () => Math.max(280, Math.min(compareTrack.clientWidth * 0.92, 420));\n\n    comparePrev.addEventListener('click', () => {\n      compareTrack.scrollBy({ left: -scrollAmount(), behavior: prefersReducedMotion ? 'auto' : 'smooth' });\n    });\n\n    compareNext.addEventListener('click', () => {\n      compareTrack.scrollBy({ left: scrollAmount(), behavior: prefersReducedMotion ? 'auto' : 'smooth' });\n    });\n\n    compareTrack.addEventListener('scroll', updatePaddles, { passive: true });\n    window.addEventListener('resize', updatePaddles);\n    updatePaddles();\n  }\n\n  if (!blogGrid) return;\n\n  const decodeHtml = (s) => {\n    const t = document.createElement('textarea');\n    t.innerHTML = s || '';\n    return t.value;\n  };\n\n  const strip = (h) =>\n    decodeHtml(h || '')\n      .replace(\/<[^>]*>\/g, '')\n      .replace(\/\\s+\/g, ' ')\n      .trim();\n\n  const esc = (s) =>\n    String(s || '').replace(\/[&<>\"']\/g, (c) => ({\n      '&':'&amp;',\n      '<':'&lt;',\n      '>':'&gt;',\n      '\"':'&quot;',\n      \"'\":'&#039;'\n    }[c]));\n\n  const fmtDate = (input) => {\n    try {\n      const d = new Date(input);\n      return isNaN(d) ? '' : d.toLocaleDateString('fr-FR');\n    } catch (e) {\n      return '';\n    }\n  };\n\n  const renderPost = (post) => {\n    const url = (post && post.link) || '#';\n    const title = strip(post && post.title && post.title.rendered) || 'Sans titre';\n    let excerpt = strip(post && post.excerpt && post.excerpt.rendered) || '';\n    if (excerpt.length > 110) excerpt = excerpt.slice(0, 110).replace(\/\\s+\\S*$\/, '') + '\u2026';\n    const date = post && post.date ? fmtDate(post.date) : '';\n\n    return `\n      <article class=\"blog-post\" data-anim=\"up\">\n        <div class=\"blog-post-head\">\n          <span class=\"blog-badge\" aria-hidden=\"true\"><i class=\"bi bi-file-earmark-text\"><\/i><\/span>\n          <div style=\"min-width:0\">\n            <h3 class=\"blog-title\"><a href=\"${esc(url)}\">${esc(title)}<\/a><\/h3>\n            <div class=\"blog-meta\">\n              ${date ? `<span class=\"blog-pill\"><i class=\"bi bi-calendar3\" aria-hidden=\"true\"><\/i> ${esc(date)}<\/span>` : ''}\n            <\/div>\n          <\/div>\n        <\/div>\n        ${excerpt ? `<p class=\"blog-excerpt\">${esc(excerpt)}<\/p>` : ''}\n        <a class=\"blog-read\" href=\"${esc(url)}\">Lire <i aria-hidden=\"true\" class=\"bi bi-arrow-right\"><\/i><\/a>\n      <\/article>\n    `;\n  };\n\n  fetch('\/wp-json\/wp\/v2\/posts?per_page=2&page=1&orderby=date&order=desc&_fields=link,date,title,excerpt', {\n    credentials: 'same-origin'\n  })\n    .then((response) => response.json())\n    .then((posts) => {\n      if (!Array.isArray(posts) || !posts.length) {\n        blogGrid.innerHTML = '<div class=\"blog-empty\">Aucun article \u00e0 afficher pour le moment.<\/div>';\n        return;\n      }\n\n      blogGrid.innerHTML = posts.map(renderPost).join('');\n      const newAnimated = Array.from(blogGrid.querySelectorAll('[data-anim]'));\n      newAnimated.forEach((el, index) => {\n        el.style.setProperty('--d', `${Math.min(index * 30, 60)}ms`);\n        if (revealObserver && !prefersReducedMotion) revealObserver.observe(el);\n        el.classList.add('is-in');\n      });\n    })\n    .catch(() => {\n      blogGrid.innerHTML = '<div class=\"blog-empty\">Impossible d\u2019afficher les derniers articles.<\/div>';\n    });\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Modernisez votre v\u00e9hicule. \u00c9cran 9,3\u2033, cockpit 10\u2033, options d\u2019origine activables et CarPlay sans fil : uniquement avec des pi\u00e8ces et configurations d\u2019origine, sans aucune modification invasive. R\u00e9server D\u00e9couvrir 100% r\u00e9versible, 0 modification invasive Aucune pi\u00e8ce tierce, aucune d\u00e9coupe, aucun per\u00e7age, aucune adaptation irr\u00e9versible. 250+ activations r\u00e9alis\u00e9es 100% r\u00e9versibles OptionMods n\u2019est affili\u00e9 \u00e0 aucune marque. Intervention [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>OptionMods \u2013 Activations &amp; R\u00e9trofits<\/title>\n<meta name=\"description\" content=\"Activez les fonctions cach\u00e9es Renault, profitez du CarPlay sans fil, mettez \u00e0 jour votre syst\u00e8me et d\u00e9couvrez nos solutions de r\u00e9trofit \u00e0 Paris.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.optionmods.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"OptionMods \u2013 Activations &amp; R\u00e9trofits\" \/>\n<meta property=\"og:description\" content=\"Activez les fonctions cach\u00e9es Renault, profitez du CarPlay sans fil, mettez \u00e0 jour votre syst\u00e8me et d\u00e9couvrez nos solutions de r\u00e9trofit \u00e0 Paris.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.optionmods.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"OptionMods\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-04T15:15:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.optionmods.com\/wp-content\/uploads\/2025\/02\/logo-renomods-transparent-e1746014537997.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"370\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/\",\"url\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/\",\"name\":\"OptionMods \u2013 Activations & R\u00e9trofits\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/#website\"},\"datePublished\":\"2025-01-27T14:25:05+00:00\",\"dateModified\":\"2026-05-04T15:15:44+00:00\",\"description\":\"Activez les fonctions cach\u00e9es Renault, profitez du CarPlay sans fil, mettez \u00e0 jour votre syst\u00e8me et d\u00e9couvrez nos solutions de r\u00e9trofit \u00e0 Paris.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.optionmods.com\\\/en\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/\",\"name\":\"RenoMods\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/#organization\",\"name\":\"RenoMods\",\"url\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.optionmods.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-optionmods-transparent-e1777908767864.webp\",\"contentUrl\":\"https:\\\/\\\/www.optionmods.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/logo-optionmods-transparent-e1777908767864.webp\",\"width\":1236,\"height\":502,\"caption\":\"RenoMods\"},\"image\":{\"@id\":\"https:\\\/\\\/www.optionmods.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"OptionMods \u2013 Activations & R\u00e9trofits","description":"Activez les fonctions cach\u00e9es Renault, profitez du CarPlay sans fil, mettez \u00e0 jour votre syst\u00e8me et d\u00e9couvrez nos solutions de r\u00e9trofit \u00e0 Paris.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.optionmods.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"OptionMods \u2013 Activations & R\u00e9trofits","og_description":"Activez les fonctions cach\u00e9es Renault, profitez du CarPlay sans fil, mettez \u00e0 jour votre syst\u00e8me et d\u00e9couvrez nos solutions de r\u00e9trofit \u00e0 Paris.","og_url":"https:\/\/www.optionmods.com\/en\/","og_site_name":"OptionMods","article_modified_time":"2026-05-04T15:15:44+00:00","og_image":[{"width":1024,"height":370,"url":"https:\/\/www.optionmods.com\/wp-content\/uploads\/2025\/02\/logo-renomods-transparent-e1746014537997.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.optionmods.com\/en\/","url":"https:\/\/www.optionmods.com\/en\/","name":"OptionMods \u2013 Activations & R\u00e9trofits","isPartOf":{"@id":"https:\/\/www.optionmods.com\/en\/#website"},"datePublished":"2025-01-27T14:25:05+00:00","dateModified":"2026-05-04T15:15:44+00:00","description":"Activez les fonctions cach\u00e9es Renault, profitez du CarPlay sans fil, mettez \u00e0 jour votre syst\u00e8me et d\u00e9couvrez nos solutions de r\u00e9trofit \u00e0 Paris.","breadcrumb":{"@id":"https:\/\/www.optionmods.com\/en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.optionmods.com\/en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.optionmods.com\/en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.optionmods.com\/en\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/www.optionmods.com\/en\/#website","url":"https:\/\/www.optionmods.com\/en\/","name":"RenoMods","description":"","publisher":{"@id":"https:\/\/www.optionmods.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.optionmods.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.optionmods.com\/en\/#organization","name":"RenoMods","url":"https:\/\/www.optionmods.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.optionmods.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.optionmods.com\/wp-content\/uploads\/2026\/05\/logo-optionmods-transparent-e1777908767864.webp","contentUrl":"https:\/\/www.optionmods.com\/wp-content\/uploads\/2026\/05\/logo-optionmods-transparent-e1777908767864.webp","width":1236,"height":502,"caption":"RenoMods"},"image":{"@id":"https:\/\/www.optionmods.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.optionmods.com\/en\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.optionmods.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.optionmods.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.optionmods.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.optionmods.com\/en\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":0,"href":"https:\/\/www.optionmods.com\/en\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.optionmods.com\/en\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}