{"id":32,"date":"2025-01-27T15:25:05","date_gmt":"2025-01-27T14:25:05","guid":{"rendered":"https:\/\/rexomods.com\/?page_id=32"},"modified":"2026-07-25T16:53:58","modified_gmt":"2026-07-25T14:53:58","slug":"home","status":"publish","type":"page","link":"https:\/\/www.rexomods.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-con-full e-flex e-con e-child\" data-id=\"77ca538\" data-element_type=\"container\" data-e-type=\"container\">\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=\"rexomods\" lang=\"fr\" style=\"--accent:#FECC0B; --accent-2:#FFE57A; --ink:#111111; --ink-2:#3F3F46; --muted:#6E6E73; --line:rgba(17,17,17,.08); --soft:#F5F5F7; --panel:#FFFFFF; color:var(--ink); margin:0!important;\">\n<style>\n#rexomods,\n#rexomods *{\n  box-sizing:border-box;\n}\n\n#rexomods{\n  width:100%;\n  max-width:100%;\n  margin:0!important;\n  padding:0!important;\n  font-family:inherit;\n  overflow-x:clip;\n  isolation:isolate;\n}\n\n#rexomods :where(section,div,article,p,ul,ol,li,details,summary,a,span,button){\n  min-width:0;\n  max-width:100%;\n}\n\n#rexomods :where(p,li){\n  line-height:1.58;\n  color:var(--ink-2);\n  font-size:.96rem;\n  overflow-wrap:anywhere;\n}\n\n#rexomods p{\n  margin:.35rem 0 0;\n}\n\n#rexomods a{\n  color:inherit;\n  text-decoration:none;\n}\n\n#rexomods strong{\n  font-weight:750;\n  color:inherit;\n}\n\n#rexomods i.bi{\n  font-size:1em;\n  line-height:1;\n  vertical-align:-.125em;\n  display:inline-block;\n}\n\n#rexomods .rm-shell{\n  width:100%;\n  margin:0;\n  padding:0;\n}\n\n#rexomods .rm-section{\n  padding:12px 0;\n}\n\n#rexomods .rm-section-lg{\n  padding:22px 0;\n}\n\n#rexomods .section-intro{\n  margin:0 auto 14px;\n  text-align:center;\n  max-width:820px;\n}\n\n#rexomods .section-intro.center{\n  margin-left:auto;\n  margin-right:auto;\n  text-align:center;\n}\n\n#rexomods .section-title{\n  margin:7px 0 0;\n  font-size:clamp(1.42rem,2.15vw,2.2rem);\n  line-height:1.06;\n  letter-spacing:-.045em;\n  font-weight:850;\n  color:#111;\n  text-wrap:balance;\n}\n\n#rexomods .section-sub{\n  margin:8px auto 0;\n  max-width:760px;\n  font-size:.96rem;\n  line-height:1.48;\n  color:#57575C;\n  text-align:center;\n}\n\n#rexomods .section-intro.center .section-sub{\n  margin-left:auto;\n  margin-right:auto;\n  text-align:center;\n}\n\n\/* BUTTONS *\/\n#rexomods .rm-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:.52rem;\n  min-height:43px;\n  padding:.72rem 1rem;\n  border-radius:15px;\n  border:1px solid transparent;\n  font-size:.92rem;\n  font-weight:750;\n  line-height:1;\n  cursor:pointer;\n  transition:\n    transform .22s cubic-bezier(.2,.8,.2,1),\n    box-shadow .22s cubic-bezier(.2,.8,.2,1),\n    background .22s ease,\n    border-color .22s ease,\n    color .22s ease;\n}\n\n#rexomods .rm-btn:hover{\n  transform:translateY(-2px);\n}\n\n#rexomods .rm-btn-primary{\n  background:var(--accent);\n  color:#111;\n  box-shadow:0 12px 28px rgba(254,204,11,.20);\n}\n\n#rexomods .rm-btn-primary:hover{\n  box-shadow:0 16px 34px rgba(254,204,11,.28);\n}\n\n#rexomods .rm-btn-dark{\n  background:#111;\n  color:#fff;\n  border-color:#111;\n}\n\n#rexomods .rm-btn-light{\n  background:#fff;\n  color:#111;\n  border-color:rgba(17,17,17,.08);\n  box-shadow:0 8px 20px rgba(17,17,17,.04);\n}\n\n#rexomods .rm-btn-ghost{\n  background:rgba(255,255,255,.07);\n  color:#fff;\n  border-color:rgba(255,255,255,.15);\n}\n\n#rexomods .rm-btn-ghost:hover{\n  background:rgba(255,255,255,.105);\n  border-color:rgba(255,255,255,.22);\n}\n\n\/* HERO *\/\n#rexomods .home-hero{\n  padding:0 0 14px;\n}\n\n#rexomods .home-hero-box{\n  position:relative;\n  overflow:hidden;\n  border-radius:32px;\n  padding:clamp(1.25rem,.95rem + 1.35vw,2.25rem);\n  background:\n    radial-gradient(820px 280px at 16% -18%, rgba(254,204,11,.30), transparent 66%),\n    radial-gradient(640px 260px at 102% 0%, rgba(255,255,255,.12), transparent 64%),\n    radial-gradient(780px 320px at 50% 120%, rgba(254,204,11,.20), transparent 66%),\n    linear-gradient(145deg,#202127 0%,#111216 48%,#07080A 100%);\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.10);\n}\n\n#rexomods .home-hero-box::before{\n  content:\"\";\n  position:absolute;\n  inset:-2px;\n  border-radius:inherit;\n  padding:1px;\n  background:linear-gradient(115deg, rgba(255,255,255,.22), transparent 30%, rgba(254,204,11,.24), transparent 78%);\n  pointer-events:none;\n  mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);\n  -webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n  opacity:.42;\n}\n\n#rexomods .home-hero-box::after{\n  content:\"\";\n  position:absolute;\n  left:50%;\n  bottom:-185px;\n  width:min(920px,110%);\n  height:380px;\n  transform:translateX(-50%);\n  border-radius:999px;\n  background:\n    radial-gradient(ellipse at center,\n      rgba(255,239,168,.42) 0%,\n      rgba(254,204,11,.25) 20%,\n      rgba(254,204,11,.13) 40%,\n      rgba(254,204,11,.05) 58%,\n      rgba(254,204,11,0) 78%);\n  filter:blur(24px);\n  opacity:.82;\n  pointer-events:none;\n}\n\n#rexomods .hero-glow{\n  position:absolute;\n  inset:auto auto 8% 50%;\n  width:min(470px,58vw);\n  height:150px;\n  transform:translateX(-50%);\n  border-radius:999px;\n  background:radial-gradient(ellipse at center, rgba(255,232,132,.36), rgba(254,204,11,.13) 48%, transparent 76%);\n  filter:blur(34px);\n  pointer-events:none;\n  opacity:.74;\n}\n\n#rexomods .home-hero-grid{\n  position:relative;\n  z-index:1;\n  display:grid;\n  grid-template-columns:minmax(0,1.1fr) minmax(300px,.62fr);\n  gap:1rem;\n  align-items:center;\n}\n\n#rexomods .hero-main{\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n}\n\n\n#rexomods .hero-title{\n  margin:0;\n  max-width:12ch;\n  color:#fff;\n  font-size:clamp(1.9rem,1.45rem + 2.2vw,3.55rem);\n  line-height:.94;\n  letter-spacing:-.05em;\n  font-weight:600;\n  text-wrap:balance;\n}\n\n#rexomods .hero-sub{\n  margin:14px 0 0;\n  max-width:760px;\n  color:#DADBE0;\n  font-size:clamp(.96rem,.9rem + .28vw,1.08rem);\n  line-height:1.55;\n}\n\n#rexomods .hero-sub strong{\n  color:#fff;\n}\n\n#rexomods .hero-actions{\n  display:flex;\n  flex-wrap:wrap;\n  gap:.62rem;\n  margin-top:18px;\n}\n\n\n#rexomods .hero-aside{\n  display:grid;\n  gap:.65rem;\n}\n\n#rexomods .hero-highlight{\n  position:relative;\n  overflow:hidden;\n  border-radius:24px;\n  padding:16px;\n  background:\n    radial-gradient(400px 180px at 100% 0%, rgba(254,204,11,.18), transparent 64%),\n    rgba(255,255,255,.075);\n  border:1px solid rgba(255,255,255,.12);\n  backdrop-filter:blur(14px) saturate(130%);\n  -webkit-backdrop-filter:blur(14px) saturate(130%);\n}\n\n#rexomods .hero-highlight h3{\n  margin:0;\n  color:#fff;\n  font-size:1.08rem;\n  line-height:1.1;\n  letter-spacing:-.03em;\n}\n\n#rexomods .hero-highlight p{\n  margin-top:8px;\n  color:rgba(255,255,255,.72);\n  font-size:.9rem;\n  line-height:1.45;\n}\n\n#rexomods .hero-stats{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:.65rem;\n}\n\n#rexomods .hero-stat{\n  border-radius:22px;\n  padding:14px;\n  background:rgba(255,255,255,.065);\n  border:1px solid rgba(255,255,255,.10);\n  transition:transform .22s cubic-bezier(.2,.8,.2,1), background .22s ease, border-color .22s ease;\n}\n\n#rexomods .hero-stat:hover{\n  transform:translateY(-2px);\n  background:rgba(255,255,255,.09);\n  border-color:rgba(255,255,255,.16);\n}\n\n#rexomods .hero-stat-num{\n  display:block;\n  color:#fff;\n  font-size:clamp(1.35rem,1.1rem + 1.1vw,2.05rem);\n  line-height:1;\n  letter-spacing:-.055em;\n  font-weight:800;\n  font-variant-numeric:tabular-nums;\n  text-shadow:0 0 18px rgba(255,255,255,.16);\n}\n\n#rexomods .hero-stat-num::after{\n  content:\"\";\n  display:block;\n  width:28px;\n  height:2px;\n  margin-top:7px;\n  border-radius:999px;\n  background:rgba(254,204,11,.78);\n  box-shadow:0 0 14px rgba(254,204,11,.22);\n}\n\n#rexomods .hero-stat-label{\n  display:block;\n  margin-top:5px;\n  color:rgba(236,236,240,.75);\n  font-size:.78rem;\n  line-height:1.18;\n}\n\n#rexomods .hero-note{\n  display:flex;\n  align-items:flex-start;\n  gap:.38rem;\n  max-width:620px;\n  color:rgba(232,233,238,.58);\n  font-size:.7rem;\n  line-height:1.34;\n}\n\n#rexomods .hero-note i{\n  color:rgba(232,233,238,.46);\n  margin-top:.1rem;\n  font-size:.86em;\n}\n\n\/* SERVICES *\/\n#rexomods .services-panel{\n  position:relative;\n  overflow:visible;\n  border-radius:0;\n  padding:0;\n  background:transparent;\n  border:0;\n  box-shadow:none;\n}\n\n#rexomods .service-tabs{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:flex-end;\n  gap:.42rem;\n  margin-bottom:12px;\n}\n\n#rexomods .service-tab{\n  appearance:none;\n  border:1px solid rgba(17,17,17,.08);\n  background:rgba(255,255,255,.78);\n  color:#686B72;\n  min-height:36px;\n  padding:.48rem .78rem;\n  border-radius:15px;\n  font:inherit;\n  font-size:.82rem;\n  font-weight:750;\n  cursor:pointer;\n  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;\n}\n\n#rexomods .service-tab:hover{\n  transform:translateY(-1px);\n  background:#fff;\n}\n\n#rexomods .service-tab.is-active{\n  color:#111;\n  border-color:rgba(254,204,11,.65);\n  background:linear-gradient(180deg,#FFE27C,#FECC0B);\n}\n\n#rexomods .service-track{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:12px;\n}\n\n#rexomods .service-card{\n  position:relative;\n  overflow:hidden;\n  display:flex;\n  flex-direction:column;\n  min-height:100%;\n  border-radius:24px;\n  background:#111;\n  color:#fff;\n  border:1px solid rgba(255,255,255,.09);\n  box-shadow:none;\n  transform:none;\n  transition:\n    border-color .24s ease;\n}\n\n#rexomods .service-card::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:\n    radial-gradient(420px 180px at 100% 0%, rgba(254,204,11,.14), transparent 60%),\n    linear-gradient(145deg,#18191D 0%,#0D0E10 100%);\n  pointer-events:none;\n}\n\n#rexomods .service-card::after{\n  content:\"\";\n  position:absolute;\n  width:220px;\n  height:220px;\n  right:-80px;\n  top:-90px;\n  border-radius:999px;\n  background:rgba(254,204,11,.20);\n  filter:blur(28px);\n  opacity:.9;\n  pointer-events:none;\n  transition:\n    opacity .24s ease,\n    transform .24s cubic-bezier(.2,.8,.2,1);\n}\n\n#rexomods .service-card:hover{\n  transform:none;\n  border-color:rgba(254,204,11,.24);\n  box-shadow:none;\n}\n\n#rexomods .service-card:hover::after{\n  opacity:1;\n  transform:scale(1.04);\n}\n\n#rexomods .service-head{\n  display:flex;\n  align-items:flex-start;\n  justify-content:space-between;\n  gap:.75rem;\n  padding:16px 16px 8px;\n  position:relative;\n  z-index:1;\n}\n\n#rexomods .service-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:.46rem;\n  min-height:29px;\n  padding:.34rem .62rem;\n  border-radius:999px;\n  background:rgba(254,204,11,.14);\n  border:1px solid rgba(254,204,11,.22);\n  color:#FFF1A7;\n  font-size:.76rem;\n  font-weight:750;\n}\n\n#rexomods .service-ico{\n  width:38px;\n  height:38px;\n  border-radius:14px;\n  display:grid;\n  place-items:center;\n  flex:0 0 38px;\n  background:rgba(254,204,11,.14);\n  color:var(--accent);\n  border:1px solid rgba(254,204,11,.20);\n}\n\n#rexomods .service-body{\n  position:relative;\n  z-index:1;\n  display:flex;\n  flex-direction:column;\n  gap:.7rem;\n  padding:0 16px 16px;\n  flex:1 1 auto;\n}\n\n#rexomods .service-title{\n  margin:0;\n  font-size:1.24rem;\n  line-height:1.04;\n  letter-spacing:-.045em;\n  color:#fff;\n}\n\n#rexomods .service-panel{\n  display:none;\n}\n\n#rexomods .service-panel.is-active{\n  display:block;\n}\n\n#rexomods .service-desc{\n  color:rgba(255,255,255,.72);\n  font-size:.91rem;\n  line-height:1.48;\n}\n\n#rexomods .service-data{\n  display:grid;\n  gap:.48rem;\n}\n\n#rexomods .service-line{\n  display:flex;\n  align-items:flex-start;\n  gap:.52rem;\n  font-size:.88rem;\n  line-height:1.38;\n  color:rgba(255,255,255,.76);\n}\n\n#rexomods .service-line i{\n  color:var(--accent);\n  margin-top:.12rem;\n}\n\n#rexomods .service-list{\n  list-style:none;\n  margin:0;\n  padding:0;\n  display:grid;\n  gap:.42rem;\n}\n\n#rexomods .service-list li{\n  display:flex;\n  align-items:flex-start;\n  gap:.52rem;\n  color:rgba(255,255,255,.76);\n  font-size:.88rem;\n  line-height:1.42;\n}\n\n#rexomods .service-list .dot{\n  width:6px;\n  height:6px;\n  border-radius:999px;\n  background:var(--accent);\n  box-shadow:0 0 12px rgba(254,204,11,.35);\n  flex:0 0 6px;\n  margin-top:.5rem;\n}\n\n#rexomods .service-actions{\n  margin-top:auto;\n}\n\n#rexomods .service-actions .rm-btn{\n  width:100%;\n}\n\n#rexomods .service-actions .rm-btn-light{\n  color:#111;\n  background:var(--accent);\n  border-color:rgba(254,204,11,.72);\n  box-shadow:0 12px 28px rgba(254,204,11,.18);\n}\n\n#rexomods .service-actions .rm-btn-light:hover{\n  background:#FFD633;\n  border-color:rgba(254,204,11,.86);\n  box-shadow:0 16px 34px rgba(254,204,11,.24);\n}\n\n#rexomods .service-footer{\n  display:flex;\n  align-items:flex-start;\n  justify-content:space-between;\n  gap:.9rem;\n  margin-top:12px;\n  flex-wrap:wrap;\n}\n\n#rexomods .service-note{\n  display:flex;\n  align-items:flex-start;\n  gap:.42rem;\n  color:rgba(29,29,31,.56);\n  font-size:.76rem;\n  line-height:1.34;\n  max-width:760px;\n}\n\n#rexomods .service-note i{\n  color:rgba(29,29,31,.4);\n  margin-top:.05rem;\n}\n\n#rexomods .service-paddles{\n  display:flex;\n  gap:.42rem;\n}\n\n#rexomods .rm-paddle{\n  width:36px;\n  height:36px;\n  border-radius:15px;\n  border:1px solid rgba(17,17,17,.08);\n  background:#fff;\n  color:#55575E;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  cursor:pointer;\n  transition:transform .18s ease, border-color .18s ease, opacity .18s ease;\n}\n\n#rexomods .rm-paddle:hover{\n  transform:translateY(-1px);\n  border-color:rgba(17,17,17,.14);\n}\n\n#rexomods .rm-paddle:disabled{\n  opacity:.42;\n  cursor:default;\n  transform:none;\n}\n\n\n\/* SERVICE CARDS \u2014 pas de d\u00e9placement au hover pour \u00e9viter la coupe sur mobile *\/\n#rexomods .service-card,\n#rexomods .service-card:hover,\n#rexomods .service-card:focus-within,\n#rexomods .service-card:active{\n  transform:none!important;\n  box-shadow:none!important;\n}\n\n\/* ENGAGEMENTS *\/\n#rexomods .engagement-strip{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:12px;\n}\n\n#rexomods .engagement-card{\n  position:relative;\n  overflow:hidden;\n  padding:16px;\n  border-radius:24px;\n  background:linear-gradient(180deg,#fff 0%,#F8F8FA 100%);\n  border:1px solid var(--line);\n  box-shadow:0 9px 24px rgba(17,17,17,.04);\n  transition:transform .24s cubic-bezier(.2,.8,.2,1), border-color .24s ease, box-shadow .24s ease;\n}\n\n#rexomods .engagement-card:hover{\n  transform:translateY(-3px);\n  border-color:rgba(254,204,11,.38);\n  box-shadow:0 16px 34px rgba(17,17,17,.075);\n}\n\n#rexomods .engagement-ico{\n  width:36px;\n  height:36px;\n  border-radius:14px;\n  display:grid;\n  place-items:center;\n  background:#111;\n  color:var(--accent);\n  margin-bottom:12px;\n}\n\n#rexomods .engagement-card h3{\n  margin:0;\n  font-size:1.02rem;\n  line-height:1.17;\n  letter-spacing:-.025em;\n  color:#111;\n}\n\n#rexomods .engagement-card p{\n  margin-top:7px;\n  font-size:.9rem;\n  line-height:1.45;\n  color:#55555B;\n}\n\n\n\/* TIKTOK *\/\n#rexomods .tiktok-showcase{\n  position:relative;\n  overflow:hidden;\n  border-radius:28px;\n  padding:clamp(14px,1.7vw,20px);\n  background:\n    radial-gradient(620px 220px at 8% -18%, rgba(254,204,11,.22), transparent 64%),\n    radial-gradient(520px 200px at 100% 0%, rgba(255,255,255,.10), transparent 62%),\n    linear-gradient(145deg,#1A1B20 0%,#0D0E10 100%);\n  border:1px solid rgba(255,255,255,.10);\n  box-shadow:0 16px 40px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);\n  isolation:isolate;\n}\n\n#rexomods .tiktok-showcase::before{\n  content:\"\";\n  position:absolute;\n  right:-110px;\n  top:-130px;\n  width:280px;\n  height:280px;\n  border-radius:999px;\n  background:rgba(254,204,11,.18);\n  filter:blur(30px);\n  pointer-events:none;\n  opacity:.92;\n}\n\n#rexomods .tiktok-showcase::after{\n  content:\"\";\n  position:absolute;\n  left:14%;\n  bottom:-150px;\n  width:min(720px,92%);\n  height:260px;\n  border-radius:999px;\n  background:radial-gradient(ellipse at center, rgba(254,204,11,.16), rgba(254,204,11,.06) 52%, transparent 76%);\n  filter:blur(26px);\n  pointer-events:none;\n}\n\n#rexomods .tiktok-inner{\n  position:relative;\n  z-index:1;\n}\n\n#rexomods .tiktok-top{\n  display:flex;\n  align-items:flex-end;\n  justify-content:space-between;\n  gap:1rem;\n  margin-bottom:14px;\n  flex-wrap:wrap;\n}\n\n#rexomods .tiktok-top .section-intro{\n  margin:0;\n  text-align:left;\n  max-width:760px;\n}\n\n#rexomods .tiktok-top .section-title{\n  margin:0;\n  color:#fff;\n}\n\n#rexomods .tiktok-sub{\n  margin-top:8px;\n  max-width:690px;\n  color:rgba(255,255,255,.68);\n  font-size:.94rem;\n  line-height:1.48;\n}\n\n#rexomods .tiktok-badge{\n  display:inline-flex;\n  align-items:center;\n  gap:.45rem;\n  min-height:29px;\n  margin-bottom:8px;\n  padding:.34rem .62rem;\n  border-radius:999px;\n  background:rgba(254,204,11,.14);\n  border:1px solid rgba(254,204,11,.22);\n  color:#FFF1A7;\n  font-size:.76rem;\n  font-weight:750;\n}\n\n#rexomods .tiktok-profile-btn{\n  flex:0 0 auto;\n  background:rgba(255,255,255,.075);\n  color:#fff;\n  border-color:rgba(255,255,255,.14);\n  box-shadow:none;\n}\n\n#rexomods .tiktok-profile-btn:hover{\n  background:rgba(255,255,255,.11);\n  border-color:rgba(255,255,255,.22);\n  box-shadow:none;\n}\n\n#rexomods .tiktok-track{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:12px;\n}\n\n#rexomods .tiktok-card{\n  position:relative;\n  overflow:hidden;\n  border-radius:24px;\n  background:#090A0C;\n  border:1px solid rgba(255,255,255,.10);\n  box-shadow:none;\n  transform:none;\n}\n\n#rexomods .tiktok-card::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background:radial-gradient(300px 140px at 100% 0%, rgba(254,204,11,.12), transparent 62%);\n  pointer-events:none;\n  z-index:0;\n}\n\n#rexomods .tiktok-frame-wrap{\n  position:relative;\n  z-index:1;\n  overflow:hidden;\n  background:#000;\n  border-radius:22px;\n}\n\n#rexomods .tiktok-frame{\n  display:block;\n  width:100%;\n  aspect-ratio:9\/16;\n  min-height:420px;\n  border:0;\n  background:#000;\n}\n\n\n\n\n\n\n\n\n@media (max-width:1020px){\n  #rexomods .tiktok-track{\n    grid-template-columns:repeat(3,minmax(260px,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\n  #rexomods .tiktok-card{\n    scroll-snap-align:start;\n  }\n}\n\n@media (max-width:740px){\n  #rexomods .tiktok-showcase{\n    border-radius:24px;\n    padding:13px;\n  }\n\n  #rexomods .tiktok-top{\n    align-items:stretch;\n    gap:.8rem;\n  }\n\n  #rexomods .tiktok-top .section-intro,\n  #rexomods .tiktok-sub{\n    text-align:left;\n  }\n\n  #rexomods .tiktok-profile-btn{\n    width:100%;\n  }\n\n  #rexomods .tiktok-track{\n    grid-template-columns:repeat(3,minmax(235px,82vw));\n    gap:10px;\n  }\n\n  #rexomods .tiktok-card{\n    border-radius:20px;\n  }\n\n  #rexomods .tiktok-frame-wrap{\n    border-radius:18px;\n  }\n\n  #rexomods .tiktok-frame{\n    min-height:405px;\n  }\n}\n\n@media (max-width:380px){\n  #rexomods .tiktok-track{\n    grid-template-columns:repeat(3,minmax(218px,84vw));\n  }\n\n  #rexomods .tiktok-frame{\n    min-height:380px;\n  }\n}\n\n\/* FAQ *\/\n#rexomods .faq-wrap{\n  width:100%;\n  max-width:none;\n  margin:0;\n}\n\n#rexomods .acc-list{\n  display:grid;\n  gap:9px;\n}\n\n#rexomods .acc-item{\n  border-radius:20px;\n  background:#fff;\n  border:1px solid rgba(17,17,17,.065);\n  box-shadow:0 6px 16px rgba(17,17,17,.032);\n  overflow:hidden;\n}\n\n#rexomods .acc-item summary{\n  list-style:none;\n  cursor:pointer;\n  display:flex;\n  align-items:flex-start;\n  gap:.72rem;\n  padding:15px 16px;\n  font-size:.96rem;\n  line-height:1.42;\n  font-weight:700;\n  color:#111;\n  -webkit-tap-highlight-color:transparent;\n}\n\n#rexomods .acc-item summary::-webkit-details-marker{\n  display:none;\n}\n\n#rexomods .acc-mark{\n  width:24px;\n  height:24px;\n  border-radius:999px;\n  display:grid;\n  place-items:center;\n  flex:0 0 24px;\n  background:#F3F3F5;\n  border:1px solid rgba(17,17,17,.07);\n  color:#111;\n  margin-top:.04rem;\n}\n\n#rexomods .acc-mark i{\n  transition:transform .22s ease;\n  font-size:.72rem!important;\n}\n\n#rexomods .acc-item[open] .acc-mark{\n  background:#111;\n  color:var(--accent);\n}\n\n#rexomods .acc-item[open] .acc-mark i{\n  transform:rotate(45deg);\n}\n\n#rexomods .acc-body{\n  padding:0 16px 15px 52px;\n}\n\n#rexomods .acc-body p{\n  margin:0;\n  color:#4C4C51;\n  font-size:.93rem;\n  line-height:1.55;\n}\n\n\/* BLOG *\/\n#rexomods .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:14px;\n}\n\n#rexomods .blog-top .section-intro{\n  margin:0;\n}\n\n#rexomods .blog-feature{\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:1rem;\n  align-items:center;\n  border-radius:24px;\n  padding:16px;\n  background:\n    radial-gradient(520px 160px at 12% -20%,rgba(254,204,11,.10),transparent 58%),\n    linear-gradient(180deg,#fff,#F8F8FA);\n  border:1px solid var(--line);\n  box-shadow:0 9px 24px rgba(17,17,17,.04);\n}\n\n#rexomods .blog-feature-main{\n  display:flex;\n  align-items:flex-start;\n  gap:.85rem;\n}\n\n#rexomods .blog-badge{\n  width:42px;\n  height:42px;\n  border-radius:15px;\n  display:grid;\n  place-items:center;\n  flex:0 0 42px;\n  background:#111;\n  color:var(--accent);\n}\n\n#rexomods .blog-title{\n  margin:0;\n  font-size:1.18rem;\n  line-height:1.08;\n  letter-spacing:-.035em;\n  color:#111;\n}\n\n#rexomods .blog-title a:hover{\n  text-decoration:underline;\n  text-underline-offset:4px;\n  text-decoration-color:rgba(254,204,11,.75);\n}\n\n#rexomods .blog-meta{\n  display:flex;\n  flex-wrap:wrap;\n  gap:.38rem;\n  margin-top:.34rem;\n}\n\n#rexomods .blog-pill{\n  display:inline-flex;\n  align-items:center;\n  gap:.34rem;\n  min-height:27px;\n  padding:.14rem .5rem;\n  border-radius:999px;\n  border:1px solid rgba(17,17,17,.08);\n  background:#fff;\n  color:#746C60;\n  font-size:.74rem;\n  font-weight:750;\n}\n\n#rexomods .blog-excerpt{\n  margin-top:.5rem;\n  color:#565A61;\n  font-size:.9rem;\n  line-height:1.48;\n  max-width:760px;\n}\n\n#rexomods .blog-empty{\n  border:1px dashed rgba(17,17,17,.16);\n  border-radius:22px;\n  padding:1rem;\n  background:#fff;\n  color:rgba(17,17,17,.72);\n  font-weight:600;\n}\n\n\/* CTA *\/\n#rexomods .final-cta{\n  position:relative;\n  overflow:hidden;\n  border-radius:28px;\n  padding:clamp(1.05rem,.85rem + 1vw,1.65rem);\n  background:\n    radial-gradient(600px 260px at 0% 0%, rgba(254,204,11,.22), transparent 60%),\n    linear-gradient(145deg,#1A1B20,#0D0E10);\n  color:#fff;\n  border:1px solid rgba(255,255,255,.10);\n  box-shadow:0 16px 40px rgba(0,0,0,.16);\n}\n\n#rexomods .final-cta::after{\n  content:\"\";\n  position:absolute;\n  width:260px;\n  height:260px;\n  right:-100px;\n  bottom:-120px;\n  border-radius:999px;\n  background:rgba(254,204,11,.18);\n  filter:blur(28px);\n}\n\n#rexomods .final-grid{\n  position:relative;\n  z-index:1;\n  display:grid;\n  grid-template-columns:1fr auto;\n  gap:1rem;\n  align-items:center;\n}\n\n#rexomods .final-cta h2{\n  margin:0;\n  color:#fff;\n  font-size:clamp(1.35rem,2.2vw,2rem);\n  line-height:1.08;\n  letter-spacing:-.04em;\n}\n\n#rexomods .final-cta p{\n  margin-top:7px;\n  color:rgba(255,255,255,.72);\n  font-size:.94rem;\n  line-height:1.5;\n}\n\n\/* CONTENU \u2014 visible imm\u00e9diatement, sans apparition li\u00e9e au scroll *\/\n#rexomods [data-anim]{\n  opacity:1;\n  transform:none;\n  filter:none;\n  transition:none;\n}\n\n\/* RESPONSIVE *\/\n@media (max-width:1020px){\n  #rexomods .home-hero-grid{\n    grid-template-columns:1fr;\n  }\n\n  #rexomods .hero-main{\n    align-items:center;\n    text-align:center;\n  }\n\n  #rexomods .hero-sub{\n    text-align:center;\n  }\n\n  #rexomods .service-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\n  #rexomods .service-card{\n    scroll-snap-align:start;\n  }\n\n  #rexomods .engagement-strip{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}\n\n@media (max-width:740px){\n  #rexomods .rm-section{\n    padding:10px 0;\n  }\n\n  #rexomods .rm-section-lg{\n    padding:16px 0;\n  }\n\n  #rexomods .home-hero{\n    padding:0 0 10px;\n  }\n\n  #rexomods .home-hero-box{\n    border-radius:24px;\n    padding:1.1rem .9rem;\n  }\n\n  #rexomods .home-hero-box::after{\n    width:126%;\n    height:300px;\n    bottom:-165px;\n  }\n\n  #rexomods .hero-sub{\n    font-size:.92rem;\n    line-height:1.5;\n    margin-top:10px;\n  }\n\n  #rexomods .hero-actions{\n    display:grid;\n    grid-template-columns:repeat(2,minmax(0,1fr));\n    width:100%;\n    gap:.5rem;\n    margin-top:14px;\n  }\n\n  #rexomods .hero-actions .rm-btn{\n    width:100%;\n    min-height:41px;\n    border-radius:14px;\n    padding:.68rem .6rem;\n    font-size:.86rem;\n    white-space:nowrap;\n  }\n\n  #rexomods .rm-btn{\n    width:100%;\n    min-height:41px;\n    border-radius:14px;\n    padding:.68rem .85rem;\n    font-size:.9rem;\n  }\n\n  #rexomods .hero-highlight{\n    border-radius:16px;\n    padding:10px 11px;\n    text-align:center;\n  }\n\n  #rexomods .hero-highlight h3{\n    font-size:.92rem;\n    line-height:1.08;\n    letter-spacing:-.025em;\n  }\n\n  #rexomods .hero-highlight p{\n    margin-top:5px;\n    font-size:.78rem;\n    line-height:1.32;\n  }\n\n  #rexomods .hero-stats{\n    gap:.42rem;\n  }\n\n  #rexomods .hero-stat{\n    border-radius:15px;\n    padding:9px 10px;\n  }\n\n  #rexomods .hero-stat-num{\n    font-size:clamp(1.08rem,5.2vw,1.36rem);\n    letter-spacing:-.045em;\n  }\n\n  #rexomods .hero-stat-num::after{\n    width:22px;\n    height:2px;\n    margin-top:5px;\n  }\n\n  #rexomods .hero-note{\n    font-size:.66rem;\n    line-height:1.26;\n    gap:.3rem;\n  }\n\n  #rexomods .hero-stat-label{\n    margin-top:3px;\n    font-size:.68rem;\n    line-height:1.08;\n  }\n\n  #rexomods .service-tabs{\n    justify-content:flex-start;\n    flex-wrap:nowrap;\n    overflow-x:auto;\n    padding-bottom:.15rem;\n    scrollbar-width:none;\n  }\n\n  #rexomods .service-tabs::-webkit-scrollbar{\n    display:none;\n  }\n\n  #rexomods .service-tab{\n    flex:0 0 auto;\n    white-space:nowrap;\n    min-height:34px;\n    font-size:.78rem;\n    padding:.44rem .68rem;\n  }\n\n  #rexomods .service-track{\n    gap:10px;\n  }\n\n  #rexomods .service-card{\n    border-radius:20px;\n  }\n\n  #rexomods .service-card::after{\n    width:190px;\n    height:190px;\n    right:-82px;\n    top:-86px;\n  }\n\n  #rexomods .service-title{\n    font-size:1.14rem;\n  }\n\n  #rexomods .service-footer{\n    flex-direction:column;\n    align-items:stretch;\n  }\n\n  #rexomods .engagement-strip{\n    grid-template-columns:1fr;\n    gap:9px;\n  }\n\n  #rexomods .engagement-card{\n    display:flex;\n    align-items:flex-start;\n    gap:.75rem;\n    padding:13px;\n    border-radius:20px;\n  }\n\n  #rexomods .engagement-ico{\n    flex:0 0 32px;\n    width:32px;\n    height:32px;\n    border-radius:12px;\n    margin-bottom:0;\n  }\n\n  #rexomods .acc-item summary{\n    padding:14px;\n    font-size:.93rem;\n  }\n\n  #rexomods .acc-body{\n    padding:0 14px 14px 50px;\n  }\n\n  #rexomods .blog-top{\n    align-items:center;\n  }\n\n  #rexomods .blog-feature{\n    grid-template-columns:1fr;\n    padding:14px;\n    border-radius:20px;\n  }\n\n  #rexomods .blog-feature-main{\n    gap:.72rem;\n  }\n\n  #rexomods .blog-badge{\n    width:38px;\n    height:38px;\n    border-radius:14px;\n    flex-basis:38px;\n  }\n\n  #rexomods .blog-title{\n    font-size:1.05rem;\n  }\n\n  #rexomods .final-grid{\n    grid-template-columns:1fr;\n    text-align:center;\n  }\n\n  #rexomods .section-sub{\n    font-size:.92rem;\n  }\n}\n\n@media (max-width:480px){\n  #rexomods .hero-highlight{\n    padding:9px 10px;\n  }\n\n  #rexomods .hero-highlight h3{\n    font-size:.86rem;\n  }\n\n  #rexomods .hero-highlight p{\n    font-size:.74rem;\n  }\n\n  #rexomods .hero-stat{\n    padding:8px 9px;\n  }\n\n  #rexomods .hero-stat-num{\n    font-size:1.12rem;\n  }\n\n  #rexomods .hero-stat-num::after{\n    width:20px;\n    margin-top:4px;\n  }\n\n  #rexomods .hero-note{\n    font-size:.62rem;\n  }\n\n  #rexomods .hero-stat-label{\n    font-size:.64rem;\n  }\n}\n\n@media (max-width:560px){\n  #rexomods :where(p,li){\n    text-align:left;\n    hyphens:none;\n  }\n\n  #rexomods .section-intro.center,\n  #rexomods .section-intro.center .section-sub,\n  #rexomods .hero-main,\n  #rexomods .hero-sub,\n  #rexomods .hero-note{\n    text-align:center;\n  }\n\n  #rexomods .hero-stat-label{\n    font-size:.72rem;\n  }\n}\n\n\n\n\/* HERO BUTTONS \u2014 refonte propre *\/\n#rexomods .hero-actions{\n  align-items:center;\n  gap:.58rem;\n  padding-top:4px;\n  margin-top:12px;\n}\n\n#rexomods .hero-actions .rm-btn{\n  position:relative;\n  overflow:hidden;\n  width:auto;\n  min-width:148px;\n  min-height:44px;\n  padding:.64rem .9rem .64rem .72rem;\n  border-radius:15px;\n  font-size:.91rem;\n  font-weight:760;\n  letter-spacing:-.012em;\n  line-height:1;\n  isolation:isolate;\n  transform:translateZ(0);\n}\n\n#rexomods .hero-actions .rm-btn i{\n  width:auto;\n  height:auto;\n  border-radius:0;\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  flex:0 0 auto;\n  font-size:1.02rem;\n  line-height:1;\n  background:transparent!important;\n  border:0!important;\n  box-shadow:none!important;\n  transition:color .18s ease;\n}\n\n#rexomods .hero-actions .rm-btn:hover i{\n  transform:translateX(0) scale(1.04);\n}\n\n#rexomods .hero-actions .rm-btn:active{\n  transform:scale(.992);\n}\n\n#rexomods .hero-actions .rm-btn-primary{\n  color:#111;\n  background:\n    linear-gradient(180deg,rgba(255,255,255,.98),rgba(242,242,245,.96));\n  border-color:rgba(255,255,255,.62);\n  box-shadow:\n    0 14px 30px rgba(0,0,0,.22),\n    inset 0 1px 0 rgba(255,255,255,.90);\n}\n\n#rexomods .hero-actions .rm-btn-primary::before{\n  display:none!important;\n  content:none!important;\n}\n\n#rexomods .hero-actions .rm-btn-primary i{\n  color:#111;\n}\n\n#rexomods .hero-actions .rm-btn-primary:hover{\n  transform:scale(1.018);\n  background:#fff;\n  border-color:rgba(255,255,255,.80);\n  box-shadow:\n    0 18px 38px rgba(0,0,0,.26),\n    inset 0 1px 0 rgba(255,255,255,.95);\n}\n\n#rexomods .hero-actions .rm-btn-ghost{\n  color:#F4F4F6;\n  background:rgba(255,255,255,.065);\n  border-color:rgba(255,255,255,.14);\n  box-shadow:\n    0 12px 28px rgba(0,0,0,.13),\n    inset 0 1px 0 rgba(255,255,255,.07);\n  backdrop-filter:blur(10px) saturate(130%);\n  -webkit-backdrop-filter:blur(10px) saturate(130%);\n}\n\n#rexomods .hero-actions .rm-btn-ghost i{\n  color:#fff;\n}\n\n#rexomods .hero-actions .rm-btn-ghost:hover{\n  transform:scale(1.018);\n  background:rgba(255,255,255,.105);\n  border-color:rgba(255,255,255,.22);\n  box-shadow:\n    0 16px 34px rgba(0,0,0,.17),\n    inset 0 1px 0 rgba(255,255,255,.10);\n}\n\n@media (max-width:740px){\n  #rexomods .hero-actions{\n    display:grid!important;\n    grid-template-columns:repeat(2,minmax(0,1fr))!important;\n    gap:.44rem!important;\n    width:100%!important;\n    padding-top:4px!important;\n    margin-top:10px!important;\n  }\n\n  #rexomods .hero-actions .rm-btn{\n    width:100%!important;\n    min-width:0!important;\n    min-height:39px!important;\n    padding:.52rem .52rem .52rem .48rem!important;\n    border-radius:14px!important;\n    font-size:.83rem!important;\n    gap:.38rem!important;\n    white-space:nowrap!important;\n  }\n\n  #rexomods .hero-actions .rm-btn i{\n    width:auto!important;\n    height:auto!important;\n    flex-basis:auto!important;\n    border-radius:0!important;\n    font-size:.94rem!important;\n  }\n\n  #rexomods .hero-actions .rm-btn-primary::before{\n    display:none!important;\n    content:none!important;\n  }\n}\n\n@media (max-width:380px){\n  #rexomods .hero-actions .rm-btn{\n    font-size:.79rem!important;\n    padding-left:.42rem!important;\n    padding-right:.42rem!important;\n  }\n\n  #rexomods .hero-actions .rm-btn i{\n    width:auto!important;\n    height:auto!important;\n    flex-basis:auto!important;\n  }\n}\n\n@media (prefers-reduced-motion:reduce){\n  #rexomods *,\n  #rexomods *::before,\n  #rexomods *::after{\n    transition:none!important;\n    animation:none!important;\n    scroll-behavior:auto!important;\n  }\n\n  #rexomods [data-anim]{\n    opacity:1!important;\n    transform:none!important;\n    filter:none!important;\n  }\n}\n\n\/* CORRECTIONS ACCUEIL \u2014 TITRES ET INTROS *\/\n#rexomods .section-intro{\n  margin:0 auto 14px;\n  text-align:center;\n  max-width:820px;\n}\n\n#rexomods .section-sub{\n  margin:8px auto 0;\n  max-width:760px;\n  text-align:center;\n}\n\n#rexomods .section-title{\n  margin: 7px 0 0;\n  font-size: clamp(1.42rem,2.15vw,2.2rem);\n  line-height: 1.06;\n  letter-spacing: -.045em;\n  font-weight: 850;\n  color: #111;\n  text-wrap: balance;\n}\n\n#rexomods .hero-title{\n  margin:0;\n  max-width:12ch;\n  color:#fff;\n  font-size:clamp(1.9rem,1.45rem + 2.2vw,3.55rem);\n  line-height:.94;\n  letter-spacing:-.05em;\n  font-weight:600;\n  text-wrap:balance;\n}\n\n\n\n\/* HERO BUTTONS \u2014 anti-scintillement *\/\n#rexomods .hero-actions{\n  overflow:visible!important;\n}\n\n#rexomods .hero-actions .rm-btn,\n#rexomods .hero-actions .rm-btn:hover,\n#rexomods .hero-actions .rm-btn:focus,\n#rexomods .hero-actions .rm-btn:active{\n  transform:none!important;\n}\n\n#rexomods .hero-actions .rm-btn{\n  transition:\n    background-color .18s ease,\n    background .18s ease,\n    border-color .18s ease,\n    box-shadow .18s ease,\n    color .18s ease!important;\n  will-change:auto!important;\n}\n\n#rexomods .hero-actions .rm-btn i,\n#rexomods .hero-actions .rm-btn:hover i,\n#rexomods .hero-actions .rm-btn:focus i,\n#rexomods .hero-actions .rm-btn:active i{\n  transform:none!important;\n}\n\n#rexomods .hero-actions .rm-btn-primary:hover{\n  background:linear-gradient(180deg,rgba(255,255,255,1),rgba(246,246,248,.98))!important;\n  border-color:rgba(255,255,255,.82)!important;\n  box-shadow:\n    0 15px 32px rgba(0,0,0,.23),\n    inset 0 1px 0 rgba(255,255,255,.95)!important;\n}\n\n#rexomods .hero-actions .rm-btn-ghost:hover{\n  background:rgba(255,255,255,.10)!important;\n  border-color:rgba(255,255,255,.22)!important;\n  box-shadow:\n    0 13px 30px rgba(0,0,0,.14),\n    inset 0 1px 0 rgba(255,255,255,.10)!important;\n}\n\n\n\/* HERO \u2014 bouton RDV premium + chiffres cl\u00e9s int\u00e9gr\u00e9s *\/\n#rexomods .hero-actions .rm-btn-primary,\n#rexomods .hero-actions .rm-btn-primary:hover,\n#rexomods .hero-actions .rm-btn-primary:focus{\n  color:#111!important;\n  background:\n    radial-gradient(140px 80px at 18% 0%, rgba(255,255,255,.48), transparent 62%),\n    linear-gradient(180deg,#FFE37A 0%,#FECC0B 48%,#E8B300 100%)!important;\n  border-color:rgba(254,204,11,.88)!important;\n  box-shadow:\n    0 16px 34px rgba(254,204,11,.26),\n    0 10px 28px rgba(0,0,0,.20),\n    inset 0 1px 0 rgba(255,255,255,.62)!important;\n}\n\n#rexomods .hero-actions .rm-btn-primary::before{\n  display:none!important;\n  content:none!important;\n}\n\n#rexomods .hero-actions .rm-btn-primary i{\n  color:#111!important;\n  background:transparent!important;\n  border:0!important;\n  box-shadow:none!important;\n}\n\n#rexomods .hero-actions .rm-btn-primary:hover{\n  background:\n    radial-gradient(150px 90px at 18% 0%, rgba(255,255,255,.58), transparent 62%),\n    linear-gradient(180deg,#FFE98F 0%,#FFD21F 48%,#F0B900 100%)!important;\n  border-color:rgba(255,229,122,.96)!important;\n  box-shadow:\n    0 18px 38px rgba(254,204,11,.32),\n    0 12px 30px rgba(0,0,0,.22),\n    inset 0 1px 0 rgba(255,255,255,.72)!important;\n}\n\n#rexomods .hero-stats{\n  position:relative;\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:0;\n  overflow:hidden;\n  border-radius:22px;\n  background:\n    radial-gradient(380px 120px at 18% -20%, rgba(254,204,11,.20), transparent 64%),\n    rgba(255,255,255,.095);\n  border:1px solid rgba(255,255,255,.13);\n  box-shadow:\n    0 14px 34px rgba(0,0,0,.14),\n    inset 0 1px 0 rgba(255,255,255,.08);\n  backdrop-filter:none;\n  -webkit-backdrop-filter:none;\n  contain:layout paint;\n  transform:translateZ(0);\n  backface-visibility:hidden;\n}\n\n#rexomods .hero-stats::before{\n  content:\"\";\n  position:absolute;\n  left:50%;\n  top:14px;\n  bottom:14px;\n  width:1px;\n  background:linear-gradient(180deg,transparent,rgba(255,255,255,.16),transparent);\n  pointer-events:none;\n}\n\n#rexomods .hero-stat{\n  border-radius:0;\n  padding:15px 14px 14px;\n  background:transparent;\n  border:0;\n  box-shadow:none;\n  transition:background-color .18s ease;\n  contain:layout paint;\n}\n\n#rexomods .hero-stat:hover{\n  transform:none;\n  background:rgba(255,255,255,.055);\n  border-color:transparent;\n}\n\n#rexomods .hero-stat-num{\n  display:flex;\n  align-items:baseline;\n  justify-content:center;\n  min-width:4.25ch;\n  color:#fff;\n  font-size:clamp(1.16rem,.98rem + .72vw,1.58rem);\n  line-height:.95;\n  letter-spacing:-.052em;\n  font-weight:830;\n  font-variant-numeric:tabular-nums lining-nums;\n  text-shadow:0 0 18px rgba(254,204,11,.14);\n  transform:translateZ(0);\n  backface-visibility:hidden;\n}\n\n#rexomods .hero-stat-num::after{\n  display:none;\n}\n\n#rexomods .hero-stat-label{\n  display:block;\n  margin-top:6px;\n  color:rgba(255,255,255,.68);\n  font-size:.72rem;\n  line-height:1.12;\n  font-weight:750;\n  text-align:center;\n  letter-spacing:.01em;\n}\n\n@media (max-width:740px){\n  #rexomods .hero-stats{\n    border-radius:17px;\n  }\n\n  #rexomods .hero-stats::before{\n    top:10px;\n    bottom:10px;\n  }\n\n  #rexomods .hero-stat{\n    padding:11px 8px 10px;\n  }\n\n  #rexomods .hero-stat-num{\n    font-size:clamp(1.24rem,5.8vw,1.58rem);\n  }\n\n  #rexomods .hero-stat-label{\n    margin-top:4px;\n    font-size:.66rem;\n  }\n}\n\n@media (max-width:380px){\n  #rexomods .hero-stat-label{\n    font-size:.62rem;\n  }\n}\n\n\n\/* =========================================================\n   REXOMODS \u2014 INTERACTIONS L\u00c9G\u00c8RES ET OPTIMIS\u00c9ES\n   Aucun contenu n'est masqu\u00e9 en attendant le scroll.\n   ========================================================= *\/\n#rexomods{\n  --rm-ease:cubic-bezier(.2,.8,.2,1);\n}\n\n\/* Les grands halos restent visuels, mais ne tournent plus en continu. *\/\n#rexomods .home-hero-box::after,\n#rexomods .hero-glow{\n  animation:none!important;\n}\n\n\/* Suppression des effets continus ou co\u00fbteux. *\/\n#rexomods .rm-btn::after,\n#rexomods .final-cta::before,\n#rexomods .engagement-card::after{\n  display:none!important;\n}\n\n\/* Cartes services : halo statique, sans recalcul \u00e0 chaque mouvement de souris. *\/\n#rexomods .service-card::before{\n  background:\n    radial-gradient(420px 180px at 100% 0%,rgba(254,204,11,.16),transparent 60%),\n    linear-gradient(145deg,#18191D 0%,#0D0E10 100%);\n  transition:none;\n}\n\n#rexomods .service-card .service-ico,\n#rexomods .service-card .service-badge{\n  transition:\n    transform .2s var(--rm-ease),\n    background .2s ease,\n    border-color .2s ease;\n}\n\n#rexomods .service-card:hover .service-ico{\n  transform:scale(1.04);\n  background:rgba(254,204,11,.20);\n}\n\n#rexomods .service-card:hover .service-badge{\n  transform:translateX(2px);\n}\n\n\/* Onglets services : transition courte, sans flou. *\/\n#rexomods .service-panel{\n  display:none;\n  opacity:1;\n  transform:none;\n  filter:none;\n  animation:none;\n}\n\n#rexomods .service-panel.is-active{\n  display:block;\n  animation:rmPanelFast .18s ease-out both;\n}\n\n@keyframes rmPanelFast{\n  from{opacity:.35;transform:translateY(3px)}\n  to{opacity:1;transform:none}\n}\n\n#rexomods .service-tab{\n  position:relative;\n  overflow:hidden;\n}\n\n#rexomods .service-tab::after{\n  content:\"\";\n  position:absolute;\n  left:18%;\n  right:18%;\n  bottom:4px;\n  height:2px;\n  border-radius:999px;\n  background:#111;\n  transform:scaleX(0);\n  transform-origin:center;\n  transition:transform .2s ease;\n}\n\n#rexomods .service-tab.is-active::after{\n  transform:scaleX(1);\n}\n\n\/* Interactions simples uniquement. *\/\n#rexomods .engagement-ico i{\n  transition:transform .2s var(--rm-ease);\n}\n\n#rexomods .engagement-card:hover .engagement-ico i{\n  transform:scale(1.06);\n}\n\n#rexomods .tiktok-card{\n  opacity:1;\n  transform:none;\n  transition:border-color .2s ease;\n}\n\n#rexomods .tiktok-card:hover{\n  border-color:rgba(254,204,11,.30);\n}\n\n#rexomods .acc-item{\n  transition:border-color .2s ease,box-shadow .2s ease;\n}\n\n#rexomods .acc-item[open]{\n  border-color:rgba(254,204,11,.28);\n  box-shadow:0 10px 24px rgba(17,17,17,.055);\n}\n\n#rexomods .acc-item summary{\n  transition:background .16s ease;\n}\n\n#rexomods .acc-item summary:hover{\n  background:rgba(17,17,17,.018);\n}\n\n#rexomods .blog-feature{\n  transition:transform .2s var(--rm-ease),box-shadow .2s ease,border-color .2s ease;\n}\n\n#rexomods .blog-feature:hover{\n  transform:translateY(-2px);\n  border-color:rgba(254,204,11,.28);\n  box-shadow:0 14px 30px rgba(17,17,17,.065);\n}\n\n\/* Les filtres de fond sont plus co\u00fbteux sur mobile. *\/\n@media (max-width:740px){\n  #rexomods .hero-highlight,\n  #rexomods .hero-stats,\n  #rexomods .hero-actions .rm-btn-ghost{\n    backdrop-filter:none!important;\n    -webkit-backdrop-filter:none!important;\n  }\n}\n\n@media (hover:none){\n  #rexomods .rm-btn:hover,\n  #rexomods .engagement-card:hover,\n  #rexomods .blog-feature:hover{\n    transform:none;\n  }\n}\n\n@media (prefers-reduced-motion:reduce){\n  #rexomods *,\n  #rexomods *::before,\n  #rexomods *::after{\n    animation:none!important;\n    transition:none!important;\n    scroll-behavior:auto!important;\n  }\n}\n\n<\/style>\n\n<div class=\"rm-shell\">\n\n  <section class=\"home-hero is-in\" id=\"intro\">\n    <div class=\"home-hero-box\">\n      <span class=\"hero-glow\" aria-hidden=\"true\"><\/span>\n\n      <div class=\"home-hero-grid\">\n        <div class=\"hero-main\">\n          <h1 class=\"hero-title\">Modernisez votre v\u00e9hicule.<\/h1>\n\n          <p class=\"hero-sub\">\n            \u00c9cran 9,3\", cockpit digital 10\", options d\u2019origine activables et CarPlay sans fil : uniquement avec des <strong>pi\u00e8ces et configurations d\u2019origine<\/strong>, sans modification invasive.\n          <\/p>\n\n          <div class=\"hero-actions\">\n            <a class=\"rm-btn rm-btn-primary\" href=\"\/contact\/\">\n              <i class=\"bi bi-calendar-check\"><\/i>\n              Prendre RDV\n            <\/a>\n\n            <a class=\"rm-btn rm-btn-ghost\" href=\"#activations\">\n              <i class=\"bi bi-compass\"><\/i>\n              D\u00e9couvrir\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <aside class=\"hero-aside\" aria-label=\"Informations cl\u00e9s\">\n          <div class=\"hero-highlight\">\n            <h3>100% r\u00e9versible, 0 modification invasive.<\/h3>\n            <p>Aucune pi\u00e8ce tierce, aucune d\u00e9coupe, aucun per\u00e7age et 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=\"1800\">250+<\/span>\n              <span class=\"hero-stat-label\">activations r\u00e9alis\u00e9es<\/span>\n            <\/div>\n\n            <div class=\"hero-stat\" role=\"listitem\">\n              <span class=\"hero-stat-num\" data-count=\"100\" data-suffix=\"%\" data-duration=\"1800\">100%<\/span>\n              <span class=\"hero-stat-label\">r\u00e9versibles<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"hero-note\">\n            <i class=\"bi bi-info-circle\" aria-hidden=\"true\"><\/i>\n            <span>RexoMods n\u2019est affili\u00e9 \u00e0 aucune marque. Activations et r\u00e9trofits sur place \u00e0 Paris uniquement.<\/span>\n          <\/div>\n        <\/aside>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"activations\">\n    <div class=\"section-intro\">\n\n      <h2 class=\"section-title\">Vos pr\u00e9f\u00e9r\u00e9es.<\/h2>\n\n      <p class=\"section-sub\">\n        Les activations & r\u00e9trofits les plus demand\u00e9s pour moderniser l\u2019int\u00e9rieur, am\u00e9liorer l\u2019usage quotidien ou activer des fonctions d\u2019origine.\n      <\/p>\n    <\/div>\n\n    <div class=\"services-panel\">\n      <div class=\"service-tabs\" role=\"tablist\" aria-label=\"Comparaison des services\">\n        <button class=\"service-tab is-active\" type=\"button\" role=\"tab\" aria-selected=\"true\" data-service-tab=\"overview\">Vue d\u2019ensemble<\/button>\n        <button class=\"service-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-service-tab=\"specs\">Infos cl\u00e9s<\/button>\n        <button class=\"service-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\" data-service-tab=\"highlights\">Points forts<\/button>\n      <\/div>\n\n      <div class=\"service-track\" id=\"rmServiceTrack\">\n        <article class=\"service-card\">\n          <div class=\"service-head\">\n            <span class=\"service-badge\"><i class=\"bi bi-stars\"><\/i> Retrofit OEM<\/span>\n            <span class=\"service-ico\" aria-hidden=\"true\"><i class=\"bi bi-display\"><\/i><\/span>\n          <\/div>\n\n          <div class=\"service-body\">\n            <h3 class=\"service-title\">Grand \u00e9cran 9,3\"<\/h3>\n\n            <div class=\"service-panel is-active\" data-panel=\"overview\">\n              <p class=\"service-desc\">\n                Passage du 7\" vers le 9,3\" d\u2019origine, avec module autoradio compatible, reprogrammation compl\u00e8te et int\u00e9gration propre.\n              <\/p>\n            <\/div>\n\n            <div class=\"service-panel\" data-panel=\"specs\">\n              <div class=\"service-data\">\n                <div class=\"service-line\"><i class=\"bi bi-clock-history\"><\/i><span>Dur\u00e9e estim\u00e9e : 1h \u00e0 1h30<\/span><\/div>\n                <div class=\"service-line\"><i class=\"bi bi-arrow-repeat\"><\/i><span>Proc\u00e9dure r\u00e9versible<\/span><\/div>\n                <div class=\"service-line\"><i class=\"bi bi-tools\"><\/i><span>\u00c9cran + module autoradio compatible<\/span><\/div>\n                <div class=\"service-line\"><i class=\"bi bi-car-front\"><\/i><span>Selon v\u00e9hicule et configuration EasyLink<\/span><\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"service-panel\" data-panel=\"highlights\">\n              <ul class=\"service-list\">\n                <li><span class=\"dot\"><\/span>\u00c9cran vertical 9,3\" d\u2019origine.<\/li>\n                <li><span class=\"dot\"><\/span>Surface d\u2019affichage agrandie.<\/li>\n                <li><span class=\"dot\"><\/span>Reprogrammation compl\u00e8te incluse.<\/li>\n                <li><span class=\"dot\"><\/span>Montage propre, sans adaptation invasive.<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"service-actions\">\n              <a class=\"rm-btn rm-btn-light\" href=\"\/remplacement-ecran-7-par-ecran-9-3-easylink\/\">\n                D\u00e9tails\n                <i class=\"bi bi-arrow-up-right\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"service-card\">\n          <div class=\"service-head\">\n            <span class=\"service-badge\"><i class=\"bi bi-badge-hd\"><\/i> Affichage<\/span>\n            <span class=\"service-ico\" aria-hidden=\"true\"><i class=\"bi bi-speedometer2\"><\/i><\/span>\n          <\/div>\n\n          <div class=\"service-body\">\n            <h3 class=\"service-title\">Cockpit digital 10\"<\/h3>\n\n            <div class=\"service-panel is-active\" data-panel=\"overview\">\n              <p class=\"service-desc\">\n                Installation du compteur digital d\u2019origine constructeur, avec configuration adapt\u00e9e au v\u00e9hicule et rendu int\u00e9rieur plus premium.\n              <\/p>\n            <\/div>\n\n            <div class=\"service-panel\" data-panel=\"specs\">\n              <div class=\"service-data\">\n                <div class=\"service-line\"><i class=\"bi bi-clock-history\"><\/i><span>Dur\u00e9e estim\u00e9e : 1h \u00e0 1h30<\/span><\/div>\n                <div class=\"service-line\"><i class=\"bi bi-arrow-repeat\"><\/i><span>Retour arri\u00e8re possible<\/span><\/div>\n                <div class=\"service-line\"><i class=\"bi bi-sliders\"><\/i><span>Codage adapt\u00e9 au v\u00e9hicule<\/span><\/div>\n                <div class=\"service-line\"><i class=\"bi bi-shield-check\"><\/i><span>Kilom\u00e9trage conserv\u00e9<\/span><\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"service-panel\" data-panel=\"highlights\">\n              <ul class=\"service-list\">\n                <li><span class=\"dot\"><\/span>Affichage num\u00e9rique 10\".<\/li>\n                <li><span class=\"dot\"><\/span>Pi\u00e8ces d\u2019origine constructeur.<\/li>\n                <li><span class=\"dot\"><\/span>Classique ou Ghost Matrix selon v\u00e9hicule.<\/li>\n                <li><span class=\"dot\"><\/span>Int\u00e9gration coh\u00e9rente avec l\u2019environnement Renault.<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"service-actions\">\n              <a class=\"rm-btn rm-btn-light\" href=\"\/retrofit-compteur\/\">\n                D\u00e9tails\n                <i class=\"bi bi-arrow-up-right\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n\n        <article class=\"service-card\">\n          <div class=\"service-head\">\n            <span class=\"service-badge\"><i class=\"bi bi-wrench-adjustable-circle\"><\/i> Activation<\/span>\n            <span class=\"service-ico\" aria-hidden=\"true\"><i class=\"bi bi-sliders2-vertical\"><\/i><\/span>\n          <\/div>\n\n          <div class=\"service-body\">\n            <h3 class=\"service-title\">Options cach\u00e9es<\/h3>\n\n            <div class=\"service-panel is-active\" data-panel=\"overview\">\n              <p class=\"service-desc\">\n                Activation de fonctions d\u2019origine disponibles selon v\u00e9hicule : confort, affichages, multim\u00e9dia, aides et r\u00e9glages pratiques.\n              <\/p>\n            <\/div>\n\n            <div class=\"service-panel\" data-panel=\"specs\">\n              <div class=\"service-data\">\n                <div class=\"service-line\"><i class=\"bi bi-clock-history\"><\/i><span>Dur\u00e9e estim\u00e9e : 20 \u00e0 30 min<\/span><\/div>\n                <div class=\"service-line\"><i class=\"bi bi-arrow-repeat\"><\/i><span>R\u00e9versible<\/span><\/div>\n                <div class=\"service-line\"><i class=\"bi bi-ui-checks\"><\/i><span>Pack personnalis\u00e9<\/span><\/div>\n                <div class=\"service-line\"><i class=\"bi bi-shield-check\"><\/i><span>Aucune pi\u00e8ce tierce<\/span><\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"service-panel\" data-panel=\"highlights\">\n              <ul class=\"service-list\">\n                <li><span class=\"dot\"><\/span>Fonctions d\u2019origine selon compatibilit\u00e9.<\/li>\n                <li><span class=\"dot\"><\/span>S\u00e9lection personnalis\u00e9e par v\u00e9hicule.<\/li>\n                <li><span class=\"dot\"><\/span>Retour arri\u00e8re possible.<\/li>\n                <li><span class=\"dot\"><\/span>Intervention sur place uniquement.<\/li>\n              <\/ul>\n            <\/div>\n\n            <div class=\"service-actions\">\n              <a class=\"rm-btn rm-btn-light\" href=\"\/options-cachees-easylink\/\">\n                D\u00e9tails\n                <i class=\"bi bi-arrow-up-right\"><\/i>\n              <\/a>\n            <\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n\n      <div class=\"service-footer\">\n        <div class=\"service-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 et r\u00e9trofits restent pens\u00e9s pour \u00eatre propres, coh\u00e9rents et r\u00e9versibles.<\/span>\n        <\/div>\n\n        <div class=\"service-paddles\" aria-label=\"Navigation horizontale\">\n          <button class=\"rm-paddle\" type=\"button\" id=\"rmServicePrev\" aria-label=\"Pr\u00e9c\u00e9dent\">\n            <i class=\"bi bi-chevron-left\"><\/i>\n          <\/button>\n\n          <button class=\"rm-paddle\" type=\"button\" id=\"rmServiceNext\" aria-label=\"Suivant\">\n            <i class=\"bi bi-chevron-right\"><\/i>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"engagements\">\n    <div class=\"section-intro\">\n\n      <h2 class=\"section-title\">Une approche propre et coh\u00e9rente.<\/h2>\n    <\/div>\n\n    <div class=\"engagement-strip\">\n      <article class=\"engagement-card\">\n        <div class=\"engagement-ico\">\n          <i class=\"bi bi-tools\"><\/i>\n        <\/div>\n\n        <div>\n          <h3>Configuration OEM<\/h3>\n          <p>Pi\u00e8ces et param\u00e8tres coh\u00e9rents avec l\u2019environnement Renault.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"engagement-card\">\n        <div class=\"engagement-ico\">\n          <i class=\"bi bi-arrow-repeat\"><\/i>\n        <\/div>\n\n        <div>\n          <h3>R\u00e9versible<\/h3>\n          <p>Retour arri\u00e8re possible et configuration initiale restaurable.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"engagement-card\">\n        <div class=\"engagement-ico\">\n          <i class=\"bi bi-shield-check\"><\/i>\n        <\/div>\n\n        <div>\n          <h3>Sans adaptation<\/h3>\n          <p>Aucune d\u00e9coupe, aucun per\u00e7age, aucune modification irr\u00e9versible.<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"engagement-card\">\n        <div class=\"engagement-ico\">\n          <i class=\"bi bi-geo-alt\"><\/i>\n        <\/div>\n\n        <div>\n          <h3>Sur place \u00e0 Paris<\/h3>\n          <p>Activations et r\u00e9trofits r\u00e9alis\u00e9s uniquement sur rendez-vous \u00e0 Paris.<\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/section>\n\n\n  <section class=\"rm-section rm-section-lg\" id=\"tiktok\" aria-label=\"Vid\u00e9os TikTok RexoMods\">\n    <div class=\"tiktok-showcase\">\n      <div class=\"tiktok-inner\">\n        <div class=\"tiktok-top\">\n          <div class=\"section-intro\">\n            <span class=\"tiktok-badge\"><i class=\"bi bi-tiktok\"><\/i> TikTok<\/span>\n            <h2 class=\"section-title\">Derni\u00e8res vid\u00e9os.<\/h2>\n            <p class=\"tiktok-sub\">\n              D\u00e9monstrations, activations et aper\u00e7us publi\u00e9s sur le compte RexoMods.\n            <\/p>\n          <\/div>\n\n          <a class=\"rm-btn tiktok-profile-btn\" href=\"https:\/\/www.tiktok.com\/@RexoMods\" target=\"_blank\" rel=\"noopener\">\n            Voir le profil\n            <i class=\"bi bi-arrow-up-right\"><\/i>\n          <\/a>\n        <\/div>\n\n        <div class=\"tiktok-track\" aria-label=\"Carrousel des vid\u00e9os TikTok\">\n          <article class=\"tiktok-card\">\n            <div class=\"tiktok-frame-wrap\">\n              <iframe\n                class=\"tiktok-frame\"\n                src=\"https:\/\/www.tiktok.com\/player\/v1\/7525131360994987286\"\n                title=\"Vid\u00e9o TikTok RexoMods\"\n                loading=\"lazy\"\n                allow=\"fullscreen\"\n                allowfullscreen>\n              <\/iframe>\n            <\/div>\n          <\/article>\n\n          <article class=\"tiktok-card\">\n            <div class=\"tiktok-frame-wrap\">\n              <iframe\n                class=\"tiktok-frame\"\n                src=\"https:\/\/www.tiktok.com\/player\/v1\/7546562070863547670\"\n                title=\"Vid\u00e9o TikTok RexoMods\"\n                loading=\"lazy\"\n                allow=\"fullscreen\"\n                allowfullscreen>\n              <\/iframe>\n            <\/div>\n          <\/article>\n\n          <article class=\"tiktok-card\">\n            <div class=\"tiktok-frame-wrap\">\n              <iframe\n                class=\"tiktok-frame\"\n                src=\"https:\/\/www.tiktok.com\/player\/v1\/7596797972545932566\"\n                title=\"Vid\u00e9o TikTok RexoMods\"\n                loading=\"lazy\"\n                allow=\"fullscreen\"\n                allowfullscreen>\n              <\/iframe>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"faq\" aria-label=\"FAQ\">\n    <div class=\"section-intro\">\n      <h2 class=\"section-title\">Questions fr\u00e9quentes.<\/h2>\n    <\/div>\n\n    <div class=\"faq-wrap\">\n      <div class=\"acc-list\">\n        <details class=\"acc-item\" open>\n          <summary>\n            <span class=\"acc-mark\" aria-hidden=\"true\"><i class=\"bi bi-plus-lg\"><\/i><\/span>\n            Mon v\u00e9hicule est-il compatible ?\n          <\/summary>\n\n          <div class=\"acc-body\">\n            <p>\n              La compatibilit\u00e9 d\u00e9pend du mod\u00e8le, de l\u2019ann\u00e9e, des \u00e9quipements pr\u00e9sents et de la version logicielle. Elle est v\u00e9rifi\u00e9e avant toute activation ou retrofit.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"acc-item\">\n          <summary>\n            <span class=\"acc-mark\" aria-hidden=\"true\"><i class=\"bi bi-plus-lg\"><\/i><\/span>\n            Combien de temps faut-il pr\u00e9voir ?\n          <\/summary>\n\n          <div class=\"acc-body\">\n            <p>\n              Selon l\u2019activation ou le retrofit demand\u00e9, il faut g\u00e9n\u00e9ralement compter entre 20 minutes et 1h30.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"acc-item\">\n          <summary>\n            <span class=\"acc-mark\" aria-hidden=\"true\"><i class=\"bi bi-plus-lg\"><\/i><\/span>\n            Est-ce r\u00e9versible ?\n          <\/summary>\n\n          <div class=\"acc-body\">\n            <p>\n              Oui. Les activations et r\u00e9trofits propos\u00e9s sont pens\u00e9s pour rester propres, coh\u00e9rents et r\u00e9versibles.\n            <\/p>\n          <\/div>\n        <\/details>\n\n        <details class=\"acc-item\">\n          <summary>\n            <span class=\"acc-mark\" aria-hidden=\"true\"><i class=\"bi bi-plus-lg\"><\/i><\/span>\n            Proposez-vous des activations \u00e0 distance ?\n          <\/summary>\n\n          <div class=\"acc-body\">\n            <p>\n              Non. Les activations et r\u00e9trofits sont r\u00e9alis\u00e9s uniquement sur place \u00e0 Paris.\n            <\/p>\n          <\/div>\n        <\/details>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"blog\">\n    <div class=\"blog-top\">\n      <div class=\"section-intro\">\n\n        <h2 class=\"section-title\">Dernier article.<\/h2>\n      <\/div>\n\n      <a class=\"rm-btn rm-btn-light\" href=\"\/blog\/\">\n        Voir le blog\n        <i class=\"bi bi-arrow-up-right\"><\/i>\n      <\/a>\n    <\/div>\n\n    <div id=\"rmBlogGrid\" aria-live=\"polite\"><\/div>\n  <\/section>\n\n  <section class=\"rm-section rm-section-lg\" id=\"contact\">\n    <div class=\"final-cta\">\n      <div class=\"final-grid\">\n        <div>\n          <h2>Vous souhaitez v\u00e9rifier votre v\u00e9hicule ?<\/h2>\n\n          <p>\n            Envoyez nous le mod\u00e8le, l\u2019ann\u00e9e et l\u2019activation ou le retrofit souhait\u00e9. La compatibilit\u00e9 sera v\u00e9rifi\u00e9e avant toute modification.\n          <\/p>\n        <\/div>\n\n        <div class=\"final-actions\">\n          <a class=\"rm-btn rm-btn-primary\" href=\"\/contact\/\">\n            <i class=\"bi bi-send\"><\/i>\n            Je v\u00e9rifie\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n<script>\n(() => {\n  \"use strict\";\n\n  const root = document.querySelector(\"#rexomods\");\n  if (!root) return;\n\n  const reduceMotion =\n    window.matchMedia?.(\"(prefers-reduced-motion: reduce)\").matches ?? false;\n\n  const queryAll = (selector, scope = root) =>\n    Array.from(scope.querySelectorAll(selector));\n\n  \/* Compteurs du hero : d\u00e9marrage imm\u00e9diat, sans attendre le scroll. *\/\n  const animateCounter = (element) => {\n    if (element.dataset.counted === \"1\") return;\n    element.dataset.counted = \"1\";\n\n    const end = Number(element.dataset.count) || 0;\n    const suffix = element.dataset.suffix || \"\";\n    const requestedDuration = Number(element.dataset.duration) || 1800;\n    const duration = reduceMotion ? 0 : Math.min(requestedDuration, 2200);\n\n    if (!duration) {\n      element.textContent = `${end}${suffix}`;\n      return;\n    }\n\n    const start = performance.now();\n    let previousValue = -1;\n    element.textContent = `0${suffix}`;\n\n    const tick = (now) => {\n      const progress = Math.min(1, (now - start) \/ duration);\n      const eased = 1 - Math.pow(1 - progress, 3);\n      const value = Math.round(end * eased);\n\n      \/* Une seule \u00e9criture quand la valeur change, synchronis\u00e9e \u00e0 chaque frame. *\/\n      if (value !== previousValue) {\n        element.textContent = `${value}${suffix}`;\n        previousValue = value;\n      }\n\n      if (progress < 1) {\n        requestAnimationFrame(tick);\n      } else if (previousValue !== end) {\n        element.textContent = `${end}${suffix}`;\n      }\n    };\n\n    requestAnimationFrame(tick);\n  };\n\n  queryAll(\".hero-stat-num[data-count]\").forEach(animateCounter);\n\n  \/* Onglets des services. *\/\n  const serviceTabs = queryAll(\"[data-service-tab]\");\n  const serviceCards = queryAll(\".service-card\");\n\n  const setServiceTab = (tabName) => {\n    serviceTabs.forEach((button) => {\n      const isActive = button.dataset.serviceTab === tabName;\n      button.classList.toggle(\"is-active\", isActive);\n      button.setAttribute(\"aria-selected\", String(isActive));\n    });\n\n    serviceCards.forEach((card) => {\n      queryAll(\".service-panel\", card).forEach((panel) => {\n        panel.classList.toggle(\"is-active\", panel.dataset.panel === tabName);\n      });\n    });\n  };\n\n  serviceTabs.forEach((button) => {\n    button.addEventListener(\"click\", () => {\n      setServiceTab(button.dataset.serviceTab);\n    });\n  });\n\n  \/* Carrousel services : mise \u00e0 jour regroup\u00e9e dans requestAnimationFrame. *\/\n  const serviceTrack = root.querySelector(\"#rmServiceTrack\");\n  const servicePrev = root.querySelector(\"#rmServicePrev\");\n  const serviceNext = root.querySelector(\"#rmServiceNext\");\n\n  if (serviceTrack && servicePrev && serviceNext) {\n    let paddleFrame = 0;\n\n    const updateServicePaddles = () => {\n      paddleFrame = 0;\n\n      const maxScroll = Math.max(\n        0,\n        serviceTrack.scrollWidth - serviceTrack.clientWidth\n      );\n      const hasOverflow = maxScroll > 8;\n\n      servicePrev.disabled =\n        !hasOverflow || serviceTrack.scrollLeft <= 8;\n\n      serviceNext.disabled =\n        !hasOverflow || serviceTrack.scrollLeft >= maxScroll - 8;\n    };\n\n    const schedulePaddleUpdate = () => {\n      if (paddleFrame) return;\n      paddleFrame = requestAnimationFrame(updateServicePaddles);\n    };\n\n    const scrollAmount = () =>\n      Math.max(280, Math.min(serviceTrack.clientWidth * 0.92, 420));\n\n    servicePrev.addEventListener(\"click\", () => {\n      serviceTrack.scrollBy({\n        left: -scrollAmount(),\n        behavior: reduceMotion ? \"auto\" : \"smooth\"\n      });\n    });\n\n    serviceNext.addEventListener(\"click\", () => {\n      serviceTrack.scrollBy({\n        left: scrollAmount(),\n        behavior: reduceMotion ? \"auto\" : \"smooth\"\n      });\n    });\n\n    serviceTrack.addEventListener(\n      \"scroll\",\n      schedulePaddleUpdate,\n      { passive: true }\n    );\n\n    if (\"ResizeObserver\" in window) {\n      const resizeObserver = new ResizeObserver(schedulePaddleUpdate);\n      resizeObserver.observe(serviceTrack);\n    } else {\n      window.addEventListener(\n        \"resize\",\n        schedulePaddleUpdate,\n        { passive: true }\n      );\n    }\n\n    schedulePaddleUpdate();\n  }\n\n  \/* Ancres internes. Le contenu cibl\u00e9 est d\u00e9j\u00e0 visible avant le d\u00e9placement. *\/\n  queryAll('a[href^=\"#\"]').forEach((anchor) => {\n    anchor.addEventListener(\"click\", (event) => {\n      const targetId = anchor.getAttribute(\"href\");\n      if (!targetId || targetId === \"#\") return;\n\n      const target = root.querySelector(targetId);\n      if (!target) return;\n\n      event.preventDefault();\n\n      target.scrollIntoView({\n        behavior: reduceMotion ? \"auto\" : \"smooth\",\n        block: \"start\"\n      });\n    });\n  });\n\n  \/* Dernier article WordPress. *\/\n  const blogGrid = root.querySelector(\"#rmBlogGrid\");\n  if (!blogGrid) return;\n\n  const decodeHtml = (value) => {\n    const textarea = document.createElement(\"textarea\");\n    textarea.innerHTML = value || \"\";\n    return textarea.value;\n  };\n\n  const strip = (html) =>\n    decodeHtml(html || \"\")\n      .replace(\/<[^>]*>\/g, \"\")\n      .replace(\/\\s+\/g, \" \")\n      .trim();\n\n  const escapeHtml = (value) =>\n    String(value || \"\").replace(\/[&<>\"']\/g, (character) => ({\n      \"&\": \"&amp;\",\n      \"<\": \"&lt;\",\n      \">\": \"&gt;\",\n      '\"': \"&quot;\",\n      \"'\": \"&#039;\"\n    })[character]);\n\n  const formatDate = (input) => {\n    const date = new Date(input);\n    return Number.isNaN(date.getTime())\n      ? \"\"\n      : date.toLocaleDateString(\"fr-FR\");\n  };\n\n  const renderPost = (post) => {\n    const url = post?.link || \"#\";\n    const title = strip(post?.title?.rendered) || \"Sans titre\";\n    const date = post?.date ? formatDate(post.date) : \"\";\n    let excerpt = strip(post?.excerpt?.rendered) || \"\";\n\n    if (excerpt.length > 145) {\n      excerpt =\n        `${excerpt.slice(0, 145).replace(\/\\s+\\S*$\/, \"\")}\u2026`;\n    }\n\n    return `\n      <article class=\"blog-feature\">\n        <div class=\"blog-feature-main\">\n          <span class=\"blog-badge\" aria-hidden=\"true\">\n            <i class=\"bi bi-file-earmark-text\"><\/i>\n          <\/span>\n\n          <div>\n            <h3 class=\"blog-title\">\n              <a href=\"${escapeHtml(url)}\">${escapeHtml(title)}<\/a>\n            <\/h3>\n\n            <div class=\"blog-meta\">\n              ${date ? `<span class=\"blog-pill\"><i class=\"bi bi-calendar3\" aria-hidden=\"true\"><\/i> ${escapeHtml(date)}<\/span>` : \"\"}\n              <span class=\"blog-pill\"><i class=\"bi bi-journal-text\" aria-hidden=\"true\"><\/i> Guide<\/span>\n            <\/div>\n\n            ${excerpt ? `<p class=\"blog-excerpt\">${escapeHtml(excerpt)}<\/p>` : \"\"}\n          <\/div>\n        <\/div>\n\n        <a class=\"rm-btn rm-btn-light\" href=\"${escapeHtml(url)}\">\n          Lire\n          <i class=\"bi bi-arrow-right\"><\/i>\n        <\/a>\n      <\/article>\n    `;\n  };\n\n  fetch(\n    \"\/wp-json\/wp\/v2\/posts?per_page=1&page=1&orderby=date&order=desc&_fields=link,date,title,excerpt\",\n    { credentials: \"same-origin\" }\n  )\n    .then((response) => {\n      if (!response.ok) {\n        throw new Error(`HTTP ${response.status}`);\n      }\n\n      return response.json();\n    })\n    .then((posts) => {\n      blogGrid.innerHTML =\n        Array.isArray(posts) && posts.length\n          ? posts.map(renderPost).join(\"\")\n          : '<div class=\"blog-empty\">Aucun article \u00e0 afficher pour le moment.<\/div>';\n    })\n    .catch(() => {\n      blogGrid.innerHTML =\n        '<div class=\"blog-empty\">Impossible d\u2019afficher le dernier article.<\/div>';\n    });\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\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&Prime;, cockpit digital 10&Prime;, options d\u2019origine activables et CarPlay sans fil : uniquement avec des pi\u00e8ces et configurations d\u2019origine, sans modification invasive. Prendre RDV D\u00e9couvrir 100% r\u00e9versible, 0 modification invasive. Aucune pi\u00e8ce tierce, aucune d\u00e9coupe, aucun per\u00e7age et aucune adaptation irr\u00e9versible. 250+ activations r\u00e9alis\u00e9es 100% r\u00e9versibles RexoMods n\u2019est affili\u00e9 \u00e0 aucune [&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 v28.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>RexoMods - Activations &amp; r\u00e9trofits automobiles<\/title>\n<meta name=\"description\" content=\"Donnez une nouvelle dimension \u00e0 votre v\u00e9hicule avec RexoMods : activations, r\u00e9trofits, int\u00e9gration d\u2019\u00e9quipements d&#039;origine.\" \/>\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.rexomods.com\/en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RexoMods - Activations &amp; r\u00e9trofits automobiles\" \/>\n<meta property=\"og:description\" content=\"Donnez une nouvelle dimension \u00e0 votre v\u00e9hicule avec RexoMods : activations, r\u00e9trofits, int\u00e9gration d\u2019\u00e9quipements d&#039;origine.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rexomods.com\/en\/\" \/>\n<meta property=\"og:site_name\" content=\"RexoMods\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-25T14:53:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/05\/logo-rexomods-transparent.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1254\" \/>\n\t<meta property=\"og:image:height\" content=\"1254\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/\",\"url\":\"https:\\\/\\\/www.rexomods.com\\\/\",\"name\":\"RexoMods - Activations & r\u00e9trofits automobiles\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#website\"},\"datePublished\":\"2025-01-27T14:25:05+00:00\",\"dateModified\":\"2026-07-25T14:53:58+00:00\",\"description\":\"Donnez une nouvelle dimension \u00e0 votre v\u00e9hicule avec RexoMods : activations, r\u00e9trofits, int\u00e9gration d\u2019\u00e9quipements d'origine.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.rexomods.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.rexomods.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Accueil\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#website\",\"url\":\"https:\\\/\\\/www.rexomods.com\\\/\",\"name\":\"RexoMods\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.rexomods.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#organization\",\"name\":\"RexoMods\",\"url\":\"https:\\\/\\\/www.rexomods.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.rexomods.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/rexomods_logo_image_fond_blanc.webp\",\"contentUrl\":\"https:\\\/\\\/www.rexomods.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/rexomods_logo_image_fond_blanc.webp\",\"width\":980,\"height\":447,\"caption\":\"RexoMods\"},\"image\":{\"@id\":\"https:\\\/\\\/www.rexomods.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"RexoMods - Activations & r\u00e9trofits automobiles","description":"Donnez une nouvelle dimension \u00e0 votre v\u00e9hicule avec RexoMods : activations, r\u00e9trofits, int\u00e9gration d\u2019\u00e9quipements d'origine.","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.rexomods.com\/en\/","og_locale":"en_US","og_type":"article","og_title":"RexoMods - Activations & r\u00e9trofits automobiles","og_description":"Donnez une nouvelle dimension \u00e0 votre v\u00e9hicule avec RexoMods : activations, r\u00e9trofits, int\u00e9gration d\u2019\u00e9quipements d'origine.","og_url":"https:\/\/www.rexomods.com\/en\/","og_site_name":"RexoMods","article_modified_time":"2026-07-25T14:53:58+00:00","og_image":[{"width":1254,"height":1254,"url":"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/05\/logo-rexomods-transparent.png","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.rexomods.com\/","url":"https:\/\/www.rexomods.com\/","name":"RexoMods - Activations & r\u00e9trofits automobiles","isPartOf":{"@id":"https:\/\/www.rexomods.com\/#website"},"datePublished":"2025-01-27T14:25:05+00:00","dateModified":"2026-07-25T14:53:58+00:00","description":"Donnez une nouvelle dimension \u00e0 votre v\u00e9hicule avec RexoMods : activations, r\u00e9trofits, int\u00e9gration d\u2019\u00e9quipements d'origine.","breadcrumb":{"@id":"https:\/\/www.rexomods.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rexomods.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.rexomods.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.rexomods.com\/"},{"@type":"ListItem","position":2,"name":"Accueil"}]},{"@type":"WebSite","@id":"https:\/\/www.rexomods.com\/#website","url":"https:\/\/www.rexomods.com\/","name":"RexoMods","description":"","publisher":{"@id":"https:\/\/www.rexomods.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rexomods.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.rexomods.com\/#organization","name":"RexoMods","url":"https:\/\/www.rexomods.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.rexomods.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/05\/rexomods_logo_image_fond_blanc.webp","contentUrl":"https:\/\/www.rexomods.com\/wp-content\/uploads\/2026\/05\/rexomods_logo_image_fond_blanc.webp","width":980,"height":447,"caption":"RexoMods"},"image":{"@id":"https:\/\/www.rexomods.com\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":0,"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.rexomods.com\/en\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}