{"id":1509,"date":"2026-05-23T17:44:56","date_gmt":"2026-05-23T17:44:56","guid":{"rendered":"https:\/\/agencewebrusek.com\/?page_id=1509"},"modified":"2026-10-01T11:06:52","modified_gmt":"2026-10-01T11:06:52","slug":"visibilite-en-ligne","status":"publish","type":"page","link":"https:\/\/agencewebrusek.com\/en\/visibilite-en-ligne\/","title":{"rendered":"Visibilit\u00e9 en ligne"},"content":{"rendered":"\n<!-- =========================================================\nAWR \u2014 PAGE OFFRE \u00ab VISIBILIT\u00c9 EN LIGNE \u00bb \u2014 V2 (fichier complet)\nURL : \/visibilite-en-ligne\/\nHTML + CSS + JS + JSON-LD dans un seul bloc HTML personnalis\u00e9\nForminator ID : 1637\nV2 : bloc diagnostic anim\u00e9, bandeau d\u00e9filant, halo sur les services,\n     ligne de progression, bordure lumineuse, CTA suppl\u00e9mentaires\n========================================================= -->\n\n<style>\n\n\/* ==========================================================\n   VARIABLES \/ BASE\n========================================================== *\/\n\n.awr-m-page {\n  --awr-bg:#06163a;\n  --awr-bg-dark:#020a20;\n  --awr-bg-alt:#071940;\n  --awr-bg-light:#081c4b;\n  --awr-blue:#3b82f6;\n  --awr-blue-hover:#4b8df8;\n  --awr-accent:#60a5fa;\n  --awr-pale:#a9c8ff;\n  --awr-text:#ffffff;\n  --awr-muted:rgba(255,255,255,.74);\n  --awr-discreet:rgba(255,255,255,.60);\n  --awr-line:rgba(255,255,255,.10);\n  --awr-border:rgba(96,165,250,.25);\n  --awr-radius:28px;\n\n  position:relative;\n  left:50%;\n  width:100vw !important;\n  max-width:none !important;\n  margin-left:-50vw !important;\n  margin-right:-50vw !important;\n  padding:0 !important;\n  overflow:hidden;\n  background:var(--awr-bg);\n  color:var(--awr-text);\n  font-family:inherit;\n}\n\n.awr-m-page *,\n.awr-m-page *::before,\n.awr-m-page *::after {\n  box-sizing:border-box;\n}\n\n.awr-m-page h1,\n.awr-m-page h2,\n.awr-m-page h3,\n.awr-m-page p,\n.awr-m-page blockquote {\n  margin-top:0;\n}\n\n.awr-m-page a { color:inherit; }\n\n.awr-m-page #devis,\n.awr-m-page #exemples {\n  scroll-margin-top:120px;\n}\n\n\n\/* ==========================================================\n   LAYOUT\n========================================================== *\/\n\n.awr-m-section {\n  position:relative;\n  width:100%;\n  padding:100px 32px;\n  background:var(--awr-bg);\n}\n\n.awr-m-section--alt {\n  background:var(--awr-bg-alt);\n}\n\n.awr-m-grid-bg {\n  background:\n    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px),\n    var(--awr-bg-alt);\n  background-size:90px 90px,90px 90px,auto;\n}\n\n.awr-m-inner {\n  position:relative;\n  z-index:2;\n  width:100%;\n  max-width:1320px;\n  margin:0 auto;\n}\n\n\n\/* ==========================================================\n   TYPOGRAPHIE\n========================================================== *\/\n\n.awr-m-h1 {\n  max-width:760px;\n  margin:0 0 28px;\n  color:#fff;\n  font-size:clamp(44px,4.5vw,68px);\n  line-height:1;\n  letter-spacing:-.05em;\n  font-weight:900;\n}\n\n.awr-m-h1 span,\n.awr-m-h1 strong {\n  display:block;\n}\n\n.awr-m-h1 strong {\n  color:var(--awr-accent);\n}\n\n.awr-m-h2 {\n  margin:0 0 24px;\n  color:#fff;\n  font-size:clamp(38px,4vw,60px);\n  line-height:1;\n  letter-spacing:-.045em;\n  font-weight:900;\n}\n\n.awr-m-h2 span,\n.awr-m-h2 strong {\n  display:block;\n}\n\n.awr-m-h2 strong {\n  color:var(--awr-accent);\n}\n\n.awr-m-intro {\n  max-width:760px;\n  margin:0;\n  color:var(--awr-muted);\n  font-size:18px;\n  line-height:1.7;\n}\n\n.awr-m-section-head {\n  margin-bottom:58px;\n}\n\n.awr-m-section-head--wide {\n  max-width:930px;\n}\n\n.awr-m-section-head--center {\n  max-width:900px;\n  margin-left:auto;\n  margin-right:auto;\n  text-align:center;\n}\n\n.awr-m-section-head--center .awr-m-intro {\n  margin-left:auto;\n  margin-right:auto;\n}\n\n\n\/* ==========================================================\n   FADE IN\n========================================================== *\/\n\n.awr-m-reveal {\n  opacity:0;\n  transform:translateY(26px);\n  transition:\n    opacity .7s cubic-bezier(.2,.65,.3,1),\n    transform .7s cubic-bezier(.2,.65,.3,1);\n}\n\n.awr-m-reveal.is-visible {\n  opacity:1;\n  transform:translateY(0);\n}\n\n.awr-m-reveal-delay-1 { transition-delay:.08s; }\n.awr-m-reveal-delay-2 { transition-delay:.16s; }\n.awr-m-reveal-delay-3 { transition-delay:.24s; }\n\n\n\/* ==========================================================\n   ANIMATIONS\n========================================================== *\/\n\n@keyframes awrHeroGlow {\n  0%,100% {\n    opacity:.42;\n    transform:scale(1);\n  }\n  50% {\n    opacity:.72;\n    transform:scale(1.08);\n  }\n}\n\n@keyframes awrPulse {\n  0%,100% {\n    box-shadow:\n      0 0 0 0 rgba(59,130,246,.25),\n      0 12px 30px rgba(59,130,246,.22);\n  }\n  50% {\n    box-shadow:\n      0 0 0 9px rgba(59,130,246,0),\n      0 16px 38px rgba(59,130,246,.30);\n  }\n}\n\n\n\/* ==========================================================\n   BOUTONS\n========================================================== *\/\n\n.awr-m-btn {\n  position:relative;\n  display:inline-flex;\n  min-height:58px;\n  gap:12px;\n  padding:0 30px;\n  align-items:center;\n  justify-content:center;\n  overflow:hidden;\n  border:1px solid rgba(255,255,255,.12);\n  border-radius:999px;\n  background:linear-gradient(135deg,#3b82f6,#2563eb);\n  color:#fff !important;\n  font-size:16px;\n  font-weight:850;\n  text-decoration:none !important;\n  box-shadow:0 12px 30px rgba(59,130,246,.22);\n  transition:\n    transform .2s ease,\n    box-shadow .2s ease,\n    background .2s ease;\n}\n\n.awr-m-btn::before {\n  content:\"\";\n  position:absolute;\n  top:-50%;\n  left:-80%;\n  width:55%;\n  height:200%;\n  background:linear-gradient(\n    90deg,\n    transparent,\n    rgba(255,255,255,.20),\n    transparent\n  );\n  transform:rotate(20deg);\n  transition:left .55s ease;\n}\n\n.awr-m-btn::after {\n  content:\"\u2192\";\n  position:relative;\n  font-size:19px;\n  transition:transform .2s ease;\n}\n\n.awr-m-btn:hover {\n  transform:translateY(-3px);\n  box-shadow:0 18px 42px rgba(59,130,246,.34);\n}\n\n.awr-m-btn:hover::before { left:135%; }\n.awr-m-btn:hover::after { transform:translateX(4px); }\n\n.awr-m-btn--pulse {\n  animation:awrPulse 3s ease-in-out infinite;\n}\n\n.awr-m-center {\n  margin-top:42px;\n  text-align:center;\n}\n\n\n\/* ==========================================================\n   ACCESSIBILIT\u00c9\n========================================================== *\/\n\n.awr-m-page a:focus-visible,\n.awr-m-page summary:focus-visible {\n  outline:3px solid var(--awr-accent);\n  outline-offset:5px;\n  border-radius:8px;\n}\n\n\n\/* ==========================================================\n   01 HERO\n========================================================== *\/\n\n.awr-m-hero {\n  min-height:650px;\n  padding-top:90px;\n  padding-bottom:90px;\n  background:\n    linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),\n    linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),\n    linear-gradient(135deg,var(--awr-bg-dark),var(--awr-bg-light));\n  background-size:90px 90px,90px 90px,auto;\n}\n\n.awr-m-hero::after {\n  content:\"\";\n  position:absolute;\n  top:4%;\n  right:-8%;\n  width:480px;\n  height:480px;\n  pointer-events:none;\n  border-radius:50%;\n  background:radial-gradient(\n    circle,\n    rgba(59,130,246,.17),\n    transparent 67%\n  );\n  animation:awrHeroGlow 7s ease-in-out infinite;\n}\n\n.awr-m-hero__grid {\n  position:relative;\n  z-index:2;\n  display:grid;\n  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);\n  gap:clamp(50px,6vw,90px);\n  align-items:stretch;\n}\n\n.awr-m-hero__content {\n  min-width:0;\n  padding-top:0;\n  display:flex;\n  flex-direction:column;\n}\n\n.awr-m-badge {\n  display:inline-flex;\n  align-self:flex-start;\n  width:max-content;\n  max-width:100%;\n  margin-bottom:28px;\n  padding:9px 17px;\n  align-items:center;\n  border:1px solid rgba(96,165,250,.25);\n  border-radius:999px;\n  background:rgba(59,130,246,.08);\n  color:var(--awr-pale);\n  font-size:13px;\n  font-weight:800;\n}\n\n.awr-m-hero__lead {\n  max-width:680px;\n  margin-bottom:24px;\n  color:var(--awr-muted);\n  font-size:clamp(17px,1.5vw,20px);\n  line-height:1.65;\n}\n\n.awr-m-phone-link {\n  display:inline-flex;\n  gap:8px;\n  margin-bottom:24px;\n  align-items:center;\n  color:var(--awr-pale) !important;\n  font-size:15px;\n  text-decoration:none !important;\n  transition:color .2s ease,transform .2s ease;\n}\n\n.awr-m-phone-link:hover {\n  color:#fff !important;\n  transform:translateX(3px);\n}\n\n.awr-m-reassurance {\n  max-width:650px;\n  margin:0;\n  padding-top:22px;\n  border-top:1px solid var(--awr-line);\n  color:var(--awr-discreet);\n  font-size:13px;\n  line-height:1.6;\n}\n\n.awr-m-hero__mockup {\n  width:112%;\n  max-width:840px;\n  margin:auto 0 -4px -6%;\n}\n\n.awr-m-hero__mockup img {\n  display:block;\n  width:100%;\n  height:auto;\n  object-fit:contain;\n  filter:drop-shadow(0 28px 45px rgba(0,0,0,.28));\n  transform:translateZ(0);\n}\n\n.awr-m-depart-intro {\n  max-width:820px;\n  margin:-4px 0 42px;\n  color:var(--awr-muted);\n  font-size:clamp(17px,1.5vw,20px);\n  line-height:1.65;\n  text-align:left;\n}\n\n\n\/* ==========================================================\n   FORM\n========================================================== *\/\n\n.awr-m-form-card {\n  width:100%;\n  padding:clamp(28px,3vw,42px);\n  border:1px solid var(--awr-border);\n  border-radius:var(--awr-radius);\n  background:rgba(2,10,32,.76);\n  box-shadow:0 30px 80px rgba(0,0,0,.25);\n  backdrop-filter:blur(12px);\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.awr-m-form-card:hover {\n  transform:translateY(-3px);\n  border-color:rgba(96,165,250,.45);\n  box-shadow:0 34px 90px rgba(0,0,0,.32);\n}\n\n.awr-m-form-card__head {\n  margin-bottom:28px;\n}\n\n.awr-m-eyebrow {\n  display:block;\n  margin-bottom:10px;\n  color:var(--awr-accent);\n  font-size:12px;\n  font-weight:850;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n}\n\n.awr-m-form-card h2 {\n  margin:0 0 12px;\n  color:#fff;\n  font-size:clamp(28px,2.5vw,38px);\n  line-height:1.05;\n  letter-spacing:-.035em;\n  font-weight:900;\n}\n\n.awr-m-form-card__head p {\n  margin:0;\n  color:var(--awr-muted);\n  font-size:15px;\n  line-height:1.65;\n}\n\n\n\/* ==========================================================\n   02 DEUX SITUATIONS\n========================================================== *\/\n\n.awr-m-depart__grid {\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:26px;\n}\n\n.awr-m-card {\n  position:relative;\n  display:flex;\n  min-height:440px;\n  padding:42px;\n  flex-direction:column;\n  overflow:hidden;\n  border:1px solid var(--awr-border);\n  border-radius:var(--awr-radius);\n  background:rgba(2,10,32,.72);\n  box-shadow:0 22px 55px rgba(0,0,0,.10);\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.awr-m-card:hover {\n  transform:translateY(-6px);\n  border-color:rgba(96,165,250,.48);\n  box-shadow:0 24px 60px rgba(0,0,0,.18);\n}\n\n.awr-m-card--featured {\n  border-color:rgba(96,165,250,.46);\n  background:linear-gradient(\n    145deg,\n    rgba(59,130,246,.18),\n    rgba(2,10,32,.82)\n  );\n}\n\n.awr-m-card__number {\n  margin-bottom:44px;\n  color:var(--awr-accent);\n  font-size:14px;\n  font-weight:900;\n}\n\n.awr-m-card h3 {\n  margin:0 0 20px;\n  color:#fff;\n  font-size:clamp(25px,2.4vw,34px);\n  line-height:1.08;\n  letter-spacing:-.03em;\n  font-weight:900;\n}\n\n.awr-m-card p {\n  color:var(--awr-muted);\n  font-size:16px;\n  line-height:1.7;\n}\n\n.awr-m-card__note {\n  margin:10px 0 28px;\n  padding:18px 20px;\n  border-left:2px solid var(--awr-accent);\n  background:rgba(96,165,250,.07);\n  color:var(--awr-muted);\n  font-size:14px;\n  line-height:1.65;\n}\n\n.awr-m-arrow-link {\n  display:inline-flex;\n  gap:9px;\n  margin-top:auto;\n  align-items:center;\n  color:var(--awr-accent) !important;\n  font-weight:850;\n  text-decoration:none !important;\n}\n\n.awr-m-arrow-link span {\n  transition:transform .18s ease;\n}\n\n.awr-m-arrow-link:hover span {\n  transform:translateX(6px);\n}\n\n\n\/* ==========================================================\n   03 CONSTATS\n========================================================== *\/\n\n.awr-m-findings {\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:20px;\n  margin-bottom:58px;\n}\n\n.awr-m-finding {\n  display:grid;\n  grid-template-columns:52px 1fr;\n  gap:20px;\n  min-height:200px;\n  padding:30px;\n  border:1px solid rgba(96,165,250,.18);\n  border-radius:22px;\n  background:linear-gradient(\n    145deg,\n    rgba(255,255,255,.045),\n    rgba(255,255,255,.015)\n  );\n  transition:\n    transform .22s ease,\n    border-color .22s ease,\n    background .22s ease,\n    box-shadow .22s ease;\n}\n\n.awr-m-finding:last-child {\n  grid-column:1 \/ -1;\n  max-width:calc(50% - 10px);\n}\n\n.awr-m-finding:hover {\n  transform:translateY(-5px);\n  border-color:rgba(96,165,250,.40);\n  background:linear-gradient(\n    145deg,\n    rgba(59,130,246,.09),\n    rgba(255,255,255,.02)\n  );\n  box-shadow:0 20px 50px rgba(0,0,0,.12);\n}\n\n.awr-m-finding__emoji {\n  display:flex;\n  width:48px;\n  height:48px;\n  align-items:center;\n  justify-content:center;\n  border:1px solid rgba(96,165,250,.18);\n  border-radius:14px;\n  background:rgba(59,130,246,.08);\n  font-size:23px;\n  transition:transform .2s ease,background .2s ease;\n}\n\n.awr-m-finding:hover .awr-m-finding__emoji {\n  transform:translateY(-3px) rotate(-3deg);\n  background:rgba(59,130,246,.15);\n}\n\n.awr-m-finding h3 {\n  margin:3px 0 10px;\n  color:#fff;\n  font-size:21px;\n  line-height:1.2;\n  font-weight:850;\n}\n\n.awr-m-finding p {\n  margin:0;\n  color:var(--awr-muted);\n  font-size:15px;\n  line-height:1.65;\n}\n\n.awr-m-keyquote {\n  max-width:1050px;\n  margin:0;\n  padding:10px 0 10px 30px;\n  border-left:3px solid var(--awr-accent);\n  color:#fff;\n  font-size:clamp(20px,2.1vw,29px);\n  line-height:1.5;\n  font-weight:700;\n}\n\n.awr-m-source {\n  margin:26px 0 0;\n  color:var(--awr-discreet);\n  font-size:12px;\n}\n\n\n\/* ==========================================================\n   04 SITE ID\u00c9AL\n========================================================== *\/\n\n.awr-m-ideal-head {\n  display:grid;\n  grid-template-columns:minmax(0,.9fr) minmax(300px,.65fr);\n  gap:70px;\n  margin-bottom:50px;\n  align-items:end;\n}\n\n.awr-m-ideal-head .awr-m-h2,\n.awr-m-ideal-head .awr-m-intro {\n  margin-bottom:0;\n}\n\n.awr-m-ideal-grid {\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:18px;\n}\n\n.awr-m-ideal-card {\n  position:relative;\n  min-height:285px;\n  padding:28px;\n  overflow:hidden;\n  border:1px solid var(--awr-line);\n  border-radius:22px;\n  background:linear-gradient(\n    145deg,\n    rgba(255,255,255,.045),\n    rgba(255,255,255,.015)\n  );\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    background .25s ease;\n}\n\n.awr-m-ideal-card::after {\n  content:\"\";\n  position:absolute;\n  right:-50px;\n  bottom:-60px;\n  width:150px;\n  height:150px;\n  border-radius:50%;\n  background:radial-gradient(\n    circle,\n    rgba(59,130,246,.15),\n    transparent 70%\n  );\n  transition:transform .3s ease;\n}\n\n.awr-m-ideal-card:hover {\n  transform:translateY(-6px);\n  border-color:rgba(96,165,250,.40);\n  background:linear-gradient(\n    145deg,\n    rgba(59,130,246,.10),\n    rgba(255,255,255,.02)\n  );\n}\n\n.awr-m-ideal-card:hover::after {\n  transform:scale(1.35);\n}\n\n.awr-m-ideal-top {\n  display:flex;\n  margin-bottom:30px;\n  align-items:center;\n  justify-content:space-between;\n}\n\n.awr-m-ideal-icon {\n  display:flex;\n  width:50px;\n  height:50px;\n  align-items:center;\n  justify-content:center;\n  border:1px solid rgba(96,165,250,.20);\n  border-radius:15px;\n  background:rgba(59,130,246,.10);\n  font-size:23px;\n}\n\n.awr-m-ideal-number {\n  color:rgba(255,255,255,.18);\n  font-size:30px;\n  line-height:1;\n  font-weight:900;\n}\n\n.awr-m-ideal-card h3 {\n  position:relative;\n  z-index:2;\n  margin:0 0 12px;\n  color:#fff;\n  font-size:21px;\n  line-height:1.18;\n  font-weight:850;\n}\n\n.awr-m-ideal-card p {\n  position:relative;\n  z-index:2;\n  margin:0;\n  color:var(--awr-muted);\n  font-size:14px;\n  line-height:1.62;\n}\n\n\n\/* ==========================================================\n   05 AVANT \/ APR\u00c8S MOBILE\n   Les deux images contiennent d\u00e9j\u00e0 le cadre de l'iPhone.\n   L'image \"apr\u00e8s\" est dans le flux et donne la hauteur ;\n   l'image \"avant\" est pos\u00e9e par-dessus et d\u00e9coup\u00e9e\n   selon la position du curseur.\n   Les deux PNG doivent avoir exactement les m\u00eames dimensions.\n========================================================== *\/\n\n.awr-m-compare-wrap {\n  width:min(100%,340px);\n  margin:0 auto;\n}\n\n.awr-m-phone-mockup {\n  position:relative;\n  width:100%;\n  margin:0 auto;\n  filter:drop-shadow(0 28px 60px rgba(0,0,0,.32));\n}\n\n.awr-m-compare {\n  --pos:50%;\n  position:relative;\n  width:100%;\n  user-select:none;\n  touch-action:pan-y;\n}\n\n.awr-m-compare__after {\n  position:relative;\n  z-index:1;\n  display:block;\n  width:100% !important;\n  max-width:none !important;\n  height:auto !important;\n  margin:0 !important;\n  padding:0 !important;\n  border:0 !important;\n  border-radius:0 !important;\n  outline:0 !important;\n  box-shadow:none !important;\n}\n\n.awr-m-compare__before {\n  position:absolute;\n  z-index:2;\n  inset:0;\n  display:block;\n  width:100% !important;\n  max-width:none !important;\n  height:100% !important;\n  margin:0 !important;\n  padding:0 !important;\n  border:0 !important;\n  border-radius:0 !important;\n  outline:0 !important;\n  box-shadow:none !important;\n  object-fit:contain;\n  clip-path:inset(0 calc(100% - var(--pos)) 0 0);\n}\n\n.awr-m-compare__divider {\n  position:absolute;\n  z-index:5;\n  top:0;\n  bottom:0;\n  left:var(--pos);\n  width:2px;\n  background:#fff;\n  box-shadow:0 0 16px rgba(255,255,255,.35);\n  transform:translateX(-50%);\n  pointer-events:none;\n}\n\n.awr-m-compare__handle {\n  position:absolute;\n  top:50%;\n  left:50%;\n  display:flex;\n  width:42px;\n  height:42px;\n  align-items:center;\n  justify-content:center;\n  border:3px solid #fff;\n  border-radius:50%;\n  background:var(--awr-blue);\n  color:#fff;\n  font-size:17px;\n  font-weight:900;\n  box-shadow:0 10px 24px rgba(0,0,0,.3);\n  transform:translate(-50%,-50%);\n}\n\n.awr-m-compare-stage {\n  display:grid;\n  grid-template-columns:\n    minmax(120px,1fr)\n    minmax(280px,340px)\n    minmax(120px,1fr);\n  align-items:center;\n  gap:28px;\n  width:min(100%,900px);\n  margin:0 auto;\n}\n\n.awr-m-compare-side {\n  display:flex;\n  align-items:center;\n  gap:12px;\n  color:#fff;\n  font-size:18px;\n  font-weight:850;\n  white-space:nowrap;\n}\n\n.awr-m-compare-side--before {\n  justify-content:flex-end;\n}\n\n.awr-m-compare-side--after {\n  justify-content:flex-start;\n}\n\n.awr-m-compare-side__arrow {\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  width:42px;\n  height:42px;\n  border:1px solid rgba(96,165,250,.35);\n  border-radius:50%;\n  background:rgba(59,130,246,.12);\n  color:var(--awr-accent);\n  font-size:22px;\n  line-height:1;\n}\n\n.awr-m-compare__range {\n  position:absolute;\n  z-index:20;\n  inset:0;\n  width:100%;\n  height:100%;\n  margin:0;\n  opacity:0;\n  cursor:ew-resize;\n}\n\n.awr-m-compare__range:focus-visible\n+ .awr-m-compare__divider\n.awr-m-compare__handle {\n  outline:3px solid var(--awr-accent);\n  outline-offset:5px;\n}\n\n.awr-m-compare-help {\n  margin:12px 0 0;\n  color:var(--awr-muted);\n  font-size:13px;\n  line-height:1.5;\n  text-align:center;\n}\n\n\n\/* ==========================================================\n   06 PROCESS\n========================================================== *\/\n\n.awr-m-process {\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  gap:22px;\n}\n\n.awr-m-process-card {\n  position:relative;\n  min-height:355px;\n  padding:30px;\n  overflow:hidden;\n  border:1px solid var(--awr-line);\n  border-radius:24px;\n  background:linear-gradient(\n    145deg,\n    rgba(255,255,255,.05),\n    rgba(2,10,32,.20)\n  );\n  transition:\n    transform .25s ease,\n    border-color .25s ease,\n    box-shadow .25s ease;\n}\n\n.awr-m-process-card:hover {\n  transform:translateY(-7px);\n  border-color:rgba(96,165,250,.40);\n  box-shadow:0 25px 60px rgba(0,0,0,.18);\n}\n\n.awr-m-process-top {\n  display:flex;\n  margin-bottom:48px;\n  align-items:center;\n  justify-content:space-between;\n}\n\n.awr-m-process-icon {\n  display:flex;\n  width:58px;\n  height:58px;\n  align-items:center;\n  justify-content:center;\n  border:1px solid rgba(96,165,250,.25);\n  border-radius:18px;\n  background:linear-gradient(\n    145deg,\n    rgba(59,130,246,.22),\n    rgba(59,130,246,.07)\n  );\n  font-size:25px;\n}\n\n.awr-m-process-number {\n  color:rgba(96,165,250,.23);\n  font-size:58px;\n  line-height:.8;\n  font-weight:950;\n  letter-spacing:-.06em;\n}\n\n.awr-m-process-card h3 {\n  margin:0 0 16px;\n  color:#fff;\n  font-size:26px;\n  line-height:1.12;\n  letter-spacing:-.025em;\n  font-weight:900;\n}\n\n.awr-m-process-card p {\n  margin:0;\n  color:var(--awr-muted);\n  font-size:15px;\n  line-height:1.7;\n}\n\n.awr-m-process-tag {\n  display:inline-flex;\n  margin-top:25px;\n  padding:7px 11px;\n  border:1px solid rgba(96,165,250,.17);\n  border-radius:999px;\n  background:rgba(59,130,246,.07);\n  color:var(--awr-pale);\n  font-size:11px;\n  font-weight:750;\n}\n\n\n\/* ==========================================================\n   07 FAQ\n========================================================== *\/\n\n.awr-m-faq__inner {\n  max-width:1050px;\n}\n\n.awr-m-faq__list {\n  border-top:1px solid var(--awr-line);\n}\n\n.awr-m-faq-item {\n  border-bottom:1px solid var(--awr-line);\n}\n\n.awr-m-faq-item summary {\n  position:relative;\n  padding:27px 54px 27px 0;\n  color:#fff;\n  font-size:clamp(17px,1.8vw,21px);\n  line-height:1.35;\n  font-weight:800;\n  cursor:pointer;\n  list-style:none;\n  transition:color .2s ease,padding-left .2s ease;\n}\n\n.awr-m-faq-item summary:hover {\n  padding-left:8px;\n  color:var(--awr-accent);\n}\n\n.awr-m-faq-item summary::-webkit-details-marker {\n  display:none;\n}\n\n.awr-m-faq-item summary::after {\n  content:\"+\";\n  position:absolute;\n  top:50%;\n  right:4px;\n  color:var(--awr-accent);\n  font-size:27px;\n  transform:translateY(-50%);\n  transition:transform .18s ease;\n}\n\n.awr-m-faq-item[open] summary::after {\n  transform:translateY(-50%) rotate(45deg);\n}\n\n.awr-m-faq-item > div {\n  padding:0 60px 27px 0;\n}\n\n.awr-m-faq-item p {\n  max-width:850px;\n  margin:0;\n  color:var(--awr-muted);\n  font-size:15px;\n  line-height:1.75;\n}\n\n\n\/* ==========================================================\n   08 CTA FINAL\n========================================================== *\/\n\n.awr-m-section--final {\n  padding-top:70px;\n  padding-bottom:110px;\n}\n\n.awr-m-final {\n  position:relative;\n  display:grid;\n  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);\n  gap:70px;\n  padding:clamp(35px,5vw,64px);\n  align-items:center;\n  overflow:hidden;\n  border:1px solid var(--awr-border);\n  border-radius:var(--awr-radius);\n  background:\n    radial-gradient(\n      circle at 90% 20%,\n      rgba(59,130,246,.20),\n      transparent 32%\n    ),\n    rgba(2,10,32,.46);\n}\n\n.awr-m-final::before {\n  content:\"\";\n  position:absolute;\n  top:-150px;\n  right:-100px;\n  width:350px;\n  height:350px;\n  border-radius:50%;\n  background:radial-gradient(\n    circle,\n    rgba(59,130,246,.13),\n    transparent 65%\n  );\n  animation:awrHeroGlow 6s ease-in-out infinite;\n}\n\n.awr-m-h2--final {\n  position:relative;\n  z-index:2;\n  margin:0;\n  font-size:clamp(35px,4vw,58px);\n}\n\n.awr-m-final__actions {\n  position:relative;\n  z-index:2;\n  display:flex;\n  flex-direction:column;\n  align-items:flex-start;\n  gap:14px;\n}\n\n.awr-m-final__link {\n  color:var(--awr-pale) !important;\n  font-size:13px;\n  text-decoration:none !important;\n  transition:transform .2s ease,color .2s ease;\n}\n\n.awr-m-final__link:hover {\n  color:#fff !important;\n  transform:translateX(4px);\n}\n\n\n\/* ==========================================================\n   RESPONSIVE\n========================================================== *\/\n\n@media(max-width:1000px) {\n\n  .awr-m-section {\n    padding-top:85px;\n    padding-bottom:85px;\n  }\n\n  .awr-m-hero {\n    min-height:0;\n    padding-top:70px;\n    padding-bottom:80px;\n  }\n\n  .awr-m-hero__grid {\n    grid-template-columns:1fr;\n    gap:52px;\n  }\n\n  .awr-m-form-card {\n    max-width:720px;\n  }\n\n  .awr-m-ideal-head {\n    grid-template-columns:1fr;\n    gap:20px;\n  }\n\n  .awr-m-ideal-grid {\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  .awr-m-hero__content {\n    display:block;\n  }\n\n  .awr-m-hero__mockup {\n    width:min(100%,760px);\n    margin:28px auto 0;\n  }\n\n}\n\n@media(max-width:760px) {\n\n  .awr-m-section {\n    padding-left:22px;\n    padding-right:22px;\n  }\n\n  .awr-m-depart__grid,\n  .awr-m-findings,\n  .awr-m-process {\n    grid-template-columns:1fr;\n  }\n\n  .awr-m-finding:last-child {\n    grid-column:auto;\n    max-width:none;\n  }\n\n  .awr-m-card {\n    min-height:auto;\n  }\n\n  .awr-m-card__number {\n    margin-bottom:34px;\n  }\n\n  .awr-m-arrow-link {\n    margin-top:25px;\n  }\n\n  .awr-m-ideal-grid {\n    grid-template-columns:1fr;\n  }\n\n  .awr-m-ideal-card,\n  .awr-m-process-card {\n    min-height:auto;\n  }\n\n  .awr-m-process {\n    gap:16px;\n  }\n\n  .awr-m-process-top {\n    margin-bottom:30px;\n  }\n\n  .awr-m-final {\n    grid-template-columns:1fr;\n    gap:35px;\n  }\n\n}\n\n@media(max-width:600px) {\n\n  .awr-m-section {\n    padding:70px 18px;\n  }\n\n  .awr-m-grid-bg {\n    background-size:60px 60px,60px 60px,auto;\n  }\n\n  .awr-m-hero {\n    padding-top:55px;\n    background-size:60px 60px,60px 60px,auto;\n  }\n\n  .awr-m-h1 {\n    font-size:clamp(38px,10.5vw,52px);\n  }\n\n  .awr-m-h2 {\n    font-size:clamp(34px,9.5vw,46px);\n  }\n\n  .awr-m-section-head {\n    margin-bottom:44px;\n  }\n\n  .awr-m-form-card,\n  .awr-m-card {\n    padding:26px 22px;\n    border-radius:22px;\n  }\n\n  .awr-m-btn {\n    width:100%;\n  }\n\n  .awr-m-finding {\n    grid-template-columns:46px 1fr;\n    gap:13px;\n    min-height:0;\n    padding:23px;\n  }\n\n  .awr-m-finding__emoji {\n    width:42px;\n    height:42px;\n    font-size:20px;\n  }\n\n  .awr-m-ideal-card,\n  .awr-m-process-card {\n    padding:23px;\n  }\n\n  .awr-m-process-number {\n    font-size:47px;\n  }\n\n  .awr-m-hero__mockup {\n    width:115%;\n    margin:28px 0 0 -7.5%;\n  }\n\n  .awr-m-compare-wrap {\n    width:min(100%,300px);\n  }\n\n  .awr-m-compare-stage {\n    grid-template-columns:1fr;\n    gap:16px;\n  }\n\n  .awr-m-compare-stage .awr-m-compare-wrap {\n    grid-row:1;\n  }\n\n  .awr-m-compare-side {\n    display:none;\n  }\n\n  .awr-m-compare__handle {\n    width:44px;\n    height:44px;\n    font-size:17px;\n  }\n\n  .awr-m-faq-item summary {\n    padding-top:23px;\n    padding-bottom:23px;\n  }\n\n  .awr-m-faq-item > div {\n    padding-right:15px;\n  }\n\n  .awr-m-final {\n    padding:28px 22px;\n    border-radius:22px;\n  }\n\n  .awr-m-final__actions,\n  .awr-m-final__link {\n    width:100%;\n  }\n\n  .awr-m-depart-intro {\n    margin:-4px 0 30px;\n    text-align:left;\n  }\n\n}\n\n\n\/* ==========================================================\n   REDUCED MOTION\n========================================================== *\/\n\n@media(prefers-reduced-motion:reduce) {\n\n  .awr-m-page *,\n  .awr-m-page *::before,\n  .awr-m-page *::after {\n    animation:none !important;\n    transition:none !important;\n  }\n\n  .awr-m-reveal {\n    opacity:1 !important;\n    transform:none !important;\n  }\n\n}\n\n\n\/* ==========================================================\n   PAGE VISIBILIT\u00c9 EN LIGNE \u2014 EFFETS SP\u00c9CIFIQUES\n   (pr\u00e9fixe .awr-v-, s'ajoute au CSS commun)\n========================================================== *\/\n\n@property --awr-v-angle {\n  syntax: \"<angle>\";\n  initial-value: 0deg;\n  inherits: false;\n}\n\n\n\/* ---------- HERO : image qui flotte ---------- *\/\n\n.awr-v-float img {\n  animation: awrVFloat 6s ease-in-out infinite;\n}\n\n@keyframes awrVFloat {\n  0%, 100% { transform: translateY(0); }\n  50%      { transform: translateY(-12px); }\n}\n\n\n\/* ---------- BANDEAU D\u00c9FILANT ---------- *\/\n\n.awr-v-marquee {\n  position: relative;\n  overflow: hidden;\n  padding: 20px 0;\n  border-top: 1px solid rgba(96,165,250,.16);\n  border-bottom: 1px solid rgba(96,165,250,.16);\n  background: #020a20;\n  -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);\n  mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);\n}\n\n.awr-v-marquee__track {\n  display: flex;\n  width: max-content;\n  animation: awrVMarquee 38s linear infinite;\n}\n\n.awr-v-marquee:hover .awr-v-marquee__track {\n  animation-play-state: paused;\n}\n\n.awr-v-marquee__item {\n  display: inline-flex;\n  align-items: center;\n  gap: 28px;\n  padding-right: 28px;\n  color: rgba(255,255,255,.82);\n  font-size: clamp(16px, 1.6vw, 22px);\n  font-weight: 850;\n  letter-spacing: -.02em;\n  white-space: nowrap;\n}\n\n.awr-v-marquee__item::after {\n  content: \"\";\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: #60a5fa;\n  box-shadow: 0 0 12px rgba(96,165,250,.8);\n}\n\n@keyframes awrVMarquee {\n  from { transform: translateX(0); }\n  to   { transform: translateX(-50%); }\n}\n\n\n\/* ---------- CONSTAT : DIAGNOSTIC ---------- *\/\n\n.awr-v-constat {\n  display: grid;\n  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);\n  gap: clamp(40px, 6vw, 90px);\n  align-items: center;\n}\n\n.awr-v-constat__cta {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  gap: 14px 20px;\n  margin-top: 34px;\n}\n\n.awr-v-constat__cta > span {\n  color: var(--awr-discreet);\n  font-size: 13px;\n}\n\n.awr-v-diag {\n  position: relative;\n  overflow: hidden;\n  border: 1px solid rgba(96,165,250,.28);\n  border-radius: 26px;\n  background: linear-gradient(160deg, rgba(10,24,58,.92), rgba(2,10,32,.92));\n  box-shadow: 0 30px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);\n}\n\n.awr-v-diag__bar {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  padding: 16px 22px;\n  border-bottom: 1px solid rgba(255,255,255,.07);\n  background: rgba(255,255,255,.03);\n}\n\n.awr-v-diag__dots {\n  display: flex;\n  gap: 6px;\n}\n\n.awr-v-diag__dots i {\n  width: 9px;\n  height: 9px;\n  border-radius: 50%;\n  background: rgba(255,255,255,.22);\n}\n\n.awr-v-diag__title {\n  color: rgba(255,255,255,.75);\n  font-size: 13px;\n  font-weight: 800;\n}\n\n.awr-v-diag__live {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  margin-left: auto;\n  padding: 5px 11px;\n  border-radius: 999px;\n  background: rgba(59,130,246,.14);\n  color: #a9c8ff;\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .08em;\n  text-transform: uppercase;\n}\n\n.awr-v-diag__live::before {\n  content: \"\";\n  width: 7px;\n  height: 7px;\n  border-radius: 50%;\n  background: #60a5fa;\n  animation: awrVBlink 1.4s ease-in-out infinite;\n}\n\n@keyframes awrVBlink {\n  0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(96,165,250,.6); }\n  50%      { opacity: .4; box-shadow: 0 0 0 5px rgba(96,165,250,0); }\n}\n\n.awr-v-diag__rows {\n  position: relative;\n  padding: 8px 22px;\n}\n\n\/* faisceau de scan *\/\n.awr-v-diag__scan {\n  position: absolute;\n  z-index: 3;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 70px;\n  pointer-events: none;\n  background: linear-gradient(180deg, transparent, rgba(96,165,250,.10) 70%, rgba(96,165,250,.55) 98%, transparent);\n  animation: awrVScan 4.2s cubic-bezier(.45,0,.55,1) infinite;\n}\n\n@keyframes awrVScan {\n  0%   { transform: translateY(-70px); opacity: 0; }\n  10%  { opacity: 1; }\n  85%  { opacity: 1; }\n  100% { transform: translateY(420px); opacity: 0; }\n}\n\n.awr-v-diag__row {\n  position: relative;\n  display: grid;\n  grid-template-columns: 46px minmax(0, 1fr);\n  gap: 16px;\n  padding: 20px 0;\n  border-bottom: 1px solid rgba(255,255,255,.07);\n  opacity: 0;\n  transform: translateX(18px);\n  transition: opacity .6s ease var(--d, 0s), transform .6s cubic-bezier(.2,.65,.3,1) var(--d, 0s);\n}\n\n.awr-v-diag__row:last-child {\n  border-bottom: 0;\n}\n\n.awr-v-diag.is-visible .awr-v-diag__row {\n  opacity: 1;\n  transform: none;\n}\n\n.awr-v-diag__icon {\n  display: flex;\n  width: 46px;\n  height: 46px;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid rgba(96,165,250,.18);\n  border-radius: 14px;\n  background: rgba(59,130,246,.08);\n  font-size: 21px;\n}\n\n.awr-v-diag__head {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px 14px;\n  margin-bottom: 8px;\n}\n\n.awr-v-diag__row h3 {\n  margin: 0;\n  color: #fff;\n  font-size: 18px;\n  line-height: 1.25;\n  font-weight: 850;\n}\n\n.awr-v-diag__row p {\n  margin: 0;\n  color: var(--awr-muted);\n  font-size: 14px;\n  line-height: 1.6;\n}\n\n.awr-v-pill {\n  flex: 0 0 auto;\n  padding: 4px 10px;\n  border: 1px solid color-mix(in srgb, var(--c) 45%, transparent);\n  border-radius: 999px;\n  background: color-mix(in srgb, var(--c) 14%, transparent);\n  color: var(--c);\n  font-size: 11px;\n  font-weight: 800;\n  letter-spacing: .04em;\n  text-transform: uppercase;\n}\n\n\/* jauge qui se remplit *\/\n.awr-v-meter {\n  display: block;\n  height: 5px;\n  margin-top: 14px;\n  overflow: hidden;\n  border-radius: 999px;\n  background: rgba(255,255,255,.07);\n}\n\n.awr-v-meter > span {\n  display: block;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  background: linear-gradient(90deg, var(--c), color-mix(in srgb, var(--c) 55%, #fff));\n  box-shadow: 0 0 12px color-mix(in srgb, var(--c) 60%, transparent);\n  transform: scaleX(0);\n  transform-origin: left center;\n  transition: transform 1.4s cubic-bezier(.2,.65,.3,1) calc(var(--d, 0s) + .35s);\n}\n\n.awr-v-diag.is-visible .awr-v-meter > span {\n  transform: scaleX(var(--lvl, .3));\n}\n\n.awr-v-diag__foot {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n  padding: 16px 22px;\n  border-top: 1px solid rgba(255,255,255,.07);\n  background: rgba(255,255,255,.02);\n}\n\n.awr-v-diag__foot > span {\n  color: var(--awr-discreet);\n  font-size: 12px;\n}\n\n.awr-v-diag__foot a {\n  color: #60a5fa !important;\n  font-size: 14px;\n  font-weight: 850;\n  text-decoration: none !important;\n}\n\n.awr-v-diag__foot a span {\n  display: inline-block;\n  transition: transform .2s ease;\n}\n\n.awr-v-diag__foot a:hover span {\n  transform: translateX(5px);\n}\n\n\n\/* ---------- SERVICES : halo qui suit la souris ---------- *\/\n\n.awr-v-spot::before {\n  content: \"\";\n  position: absolute;\n  z-index: 1;\n  inset: 0;\n  pointer-events: none;\n  border-radius: inherit;\n  background: radial-gradient(320px circle at var(--mx, 50%) var(--my, 50%), rgba(96,165,250,.20), transparent 60%);\n  opacity: 0;\n  transition: opacity .3s ease;\n}\n\n.awr-v-spot:hover::before {\n  opacity: 1;\n}\n\n.awr-v-spot .awr-m-ideal-icon {\n  transition: transform .35s cubic-bezier(.2,.65,.3,1), background .3s ease;\n}\n\n.awr-v-spot:hover .awr-m-ideal-icon {\n  transform: translateY(-4px) rotate(-6deg) scale(1.06);\n  background: rgba(59,130,246,.2);\n}\n\n\n\/* ---------- M\u00c9THODE : ligne de progression ---------- *\/\n\n.awr-v-timeline {\n  position: relative;\n  padding-top: 34px;\n}\n\n.awr-v-timeline::before,\n.awr-v-timeline::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 3px;\n  border-radius: 999px;\n}\n\n.awr-v-timeline::before {\n  background: rgba(255,255,255,.08);\n}\n\n.awr-v-timeline::after {\n  background: linear-gradient(90deg, #60a5fa, #2563eb);\n  box-shadow: 0 0 14px rgba(59,130,246,.55);\n  transform: scaleX(0);\n  transform-origin: left center;\n  transition: transform 1.8s cubic-bezier(.65,0,.35,1) .3s;\n}\n\n.awr-v-timeline.is-visible::after {\n  transform: scaleX(1);\n}\n\n.awr-v-timeline .awr-m-process-card {\n  opacity: 0;\n  transform: translateY(20px);\n  transition: opacity .6s ease, transform .6s cubic-bezier(.2,.65,.3,1), border-color .25s ease, box-shadow .25s ease;\n}\n\n.awr-v-timeline.is-visible .awr-m-process-card {\n  opacity: 1;\n  transform: none;\n}\n\n.awr-v-timeline.is-visible .awr-m-process-card:nth-child(1) { transition-delay: .4s, .4s, 0s, 0s; }\n.awr-v-timeline.is-visible .awr-m-process-card:nth-child(2) { transition-delay: .9s, .9s, 0s, 0s; }\n.awr-v-timeline.is-visible .awr-m-process-card:nth-child(3) { transition-delay: 1.4s, 1.4s, 0s, 0s; }\n\n.awr-v-timeline.is-visible .awr-m-process-card:hover {\n  transform: translateY(-7px);\n}\n\n\n\/* ---------- CTA FINAL : bordure lumineuse qui tourne ---------- *\/\n\n.awr-v-border {\n  position: relative;\n  padding: 1px;\n  border-radius: 28px;\n  background: conic-gradient(from var(--awr-v-angle), rgba(96,165,250,.15) 0deg, #60a5fa 60deg, rgba(96,165,250,.15) 120deg, rgba(96,165,250,.15) 360deg);\n  animation: awrVSpin 6s linear infinite;\n}\n\n.awr-v-border .awr-m-final {\n  border: 0;\n  background:\n    radial-gradient(circle at 90% 20%, rgba(59,130,246,.20), transparent 32%),\n    #051236;\n}\n\n@keyframes awrVSpin {\n  to { --awr-v-angle: 360deg; }\n}\n\n\n\/* ---------- RESPONSIVE ---------- *\/\n\n@media (max-width: 1000px) {\n\n  .awr-v-constat {\n    grid-template-columns: 1fr;\n  }\n\n}\n\n@media (max-width: 760px) {\n\n  .awr-v-timeline {\n    padding-top: 0;\n    padding-left: 26px;\n  }\n\n  .awr-v-timeline::before,\n  .awr-v-timeline::after {\n    top: 0;\n    bottom: 0;\n    right: auto;\n    width: 3px;\n    height: auto;\n  }\n\n  .awr-v-timeline::after {\n    transform: scaleY(0);\n    transform-origin: center top;\n  }\n\n  .awr-v-timeline.is-visible::after {\n    transform: scaleY(1);\n  }\n\n}\n\n@media (max-width: 600px) {\n\n  .awr-v-marquee {\n    padding: 14px 0;\n  }\n\n  .awr-v-diag__rows,\n  .awr-v-diag__bar,\n  .awr-v-diag__foot {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  .awr-v-diag__row {\n    grid-template-columns: 40px minmax(0, 1fr);\n    gap: 12px;\n  }\n\n  .awr-v-diag__icon {\n    width: 40px;\n    height: 40px;\n    font-size: 18px;\n  }\n\n  .awr-v-border,\n  .awr-v-border .awr-m-final {\n    border-radius: 22px;\n  }\n\n}\n\n\n\/* ---------- MOUVEMENT R\u00c9DUIT ---------- *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n  .awr-v-float img,\n  .awr-v-marquee__track,\n  .awr-v-diag__scan,\n  .awr-v-diag__live::before,\n  .awr-v-border {\n    animation: none !important;\n  }\n\n  .awr-v-diag__scan {\n    display: none;\n  }\n\n  .awr-v-diag__row,\n  .awr-v-timeline .awr-m-process-card {\n    opacity: 1 !important;\n    transform: none !important;\n  }\n\n  .awr-v-meter > span {\n    transform: scaleX(var(--lvl, .3)) !important;\n  }\n\n  .awr-v-timeline::after {\n    transform: none !important;\n  }\n\n}\n\n<\/style>\n\n<main class=\"awr-m-page awr-m-page--visibilite\">\n\n\n<!-- =========================================================\n01 HERO\n========================================================= -->\n\n<section class=\"awr-m-section awr-m-hero\">\n\n  <div class=\"awr-m-inner awr-m-hero__grid\">\n\n    <div class=\"awr-m-hero__content\">\n\n      <div class=\"awr-m-badge awr-m-reveal\">\n        Accompagnement apr\u00e8s votre site\n      <\/div>\n\n      <h1 class=\"awr-m-h1 awr-m-reveal awr-m-reveal-delay-1\">\n        <span>Visibilit\u00e9 en ligne<\/span>\n        <span>pour artisans et pros locaux :<\/span>\n        <strong>faisons venir des clients.<\/strong>\n      <\/h1>\n\n      <div class=\"awr-m-hero__mockup awr-v-float awr-m-reveal awr-m-reveal-delay-3\">\n        <img src=\"https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/10\/mock-up-vitrine-en-ligne.png\" alt=\"Fiche Google avec avis clients et publication vid\u00e9o sur les r\u00e9seaux sociaux, affich\u00e9es sur smartphone\" decoding=\"async\" fetchpriority=\"high\" title=\"Visibilit\u00e9 en ligne\">\n      <\/div>\n\n    <\/div>\n\n\n    <div id=\"devis\" class=\"awr-m-form-card awr-contact-right awr-m-reveal awr-m-reveal-delay-1\">\n\n      <div class=\"awr-m-form-card__head\">\n\n        <span class=\"awr-m-eyebrow\">\n          Votre visibilit\u00e9\n        <\/span>\n\n        <h2>\n          Parlons de vos objectifs\n        <\/h2>\n\n        <p>\n          Laissez vos coordonn\u00e9es,\n          je vous rappelle pour faire le point\n          sur votre pr\u00e9sence en ligne.\n          Pas besoin de savoir exactement ce que vous voulez.\n        <\/p>\n\n      <\/div>\n\n      <div class=\"forminator-ui forminator-custom-form forminator-custom-form-1637 forminator-design--default  forminator_ajax\" data-forminator-render=\"0\" data-form=\"forminator-module-1637\" data-uid=\"6ac0def993865\"><br\/><\/div><form\n\t\t\t\tid=\"forminator-module-1637\"\n\t\t\t\tclass=\"forminator-ui forminator-custom-form forminator-custom-form-1637 forminator-design--default  forminator_ajax\"\n\t\t\t\tmethod=\"post\"\n\t\t\t\tdata-forminator-render=\"0\"\n\t\t\t\tdata-form-id=\"1637\"\n\t\t\t\t data-color-option=\"theme\" data-design=\"default\" data-grid=\"open\" style=\"display: none;\"\n\t\t\t\tdata-uid=\"6ac0def993865\"\n\t\t\t><div role=\"alert\" aria-live=\"polite\" class=\"forminator-response-message forminator-error\" aria-hidden=\"true\"><\/div><div class=\"forminator-row\"><div id=\"name-2\" class=\"forminator-field-name forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-name-2_6ac0def993865\" id=\"forminator-field-name-2_6ac0def993865-label\" class=\"forminator-label\">Nom <span class=\"forminator-required\">*<\/span><\/label><input type=\"text\" name=\"name-2\" value=\"\" placeholder=\"\" id=\"forminator-field-name-2_6ac0def993865\" class=\"forminator-input forminator-name--field\" aria-required=\"true\" autocomplete=\"name\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"name-1\" class=\"forminator-field-name forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-name-1_6ac0def993865\" id=\"forminator-field-name-1_6ac0def993865-label\" class=\"forminator-label\">Pr\u00e9nom <span class=\"forminator-required\">*<\/span><\/label><input type=\"text\" name=\"name-1\" value=\"\" placeholder=\"\" id=\"forminator-field-name-1_6ac0def993865\" class=\"forminator-input forminator-name--field\" aria-required=\"true\" autocomplete=\"name\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"email-1\" class=\"forminator-field-email forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-email-1_6ac0def993865\" id=\"forminator-field-email-1_6ac0def993865-label\" class=\"forminator-label\">E-mail <span class=\"forminator-required\">*<\/span><\/label><input type=\"email\" name=\"email-1\" value=\"\" placeholder=\"\" id=\"forminator-field-email-1_6ac0def993865\" class=\"forminator-input forminator-email--field\" data-required=\"true\" aria-required=\"true\" autocomplete=\"email\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"phone-1\" class=\"forminator-field-phone forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-phone-1_6ac0def993865\" id=\"forminator-field-phone-1_6ac0def993865-label\" class=\"forminator-label\">T\u00e9l\u00e9phone<\/label><input type=\"text\" name=\"phone-1\" value=\"\" placeholder=\"\" id=\"forminator-field-phone-1_6ac0def993865\" class=\"forminator-input forminator-field--phone\" data-required=\"\" aria-required=\"false\" autocomplete=\"off\" \/><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"textarea-1\" class=\"forminator-field-textarea forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-textarea-1_6ac0def993865\" id=\"forminator-field-textarea-1_6ac0def993865-label\" class=\"forminator-label\">Message<\/label><span id=\"forminator-field-textarea-1_6ac0def993865-description\" class=\"forminator-description\"><span data-limit=\"180\" data-type=\"characters\" data-editor=\"\">0 \/ 180<\/span><\/span><textarea name=\"textarea-1\" placeholder=\"\" id=\"forminator-field-textarea-1_6ac0def993865\" class=\"forminator-textarea\" style=\"--forminator-textarea-min-height:140px;\" maxlength=\"180\" ><\/textarea><\/div><\/div><\/div><div class=\"forminator-row\"><div id=\"consent-1\" class=\"forminator-field-consent forminator-col forminator-col-12 \"><div class=\"forminator-field\"><label for=\"forminator-field-consent-1_6ac0def993865\" id=\"forminator-field-consent-1_6ac0def993865-label\" class=\"forminator-label\">Consent <span class=\"forminator-required\">*<\/span><\/label><div class=\"forminator-checkbox__wrapper\"><label id=\"forminator-field-consent-1_6ac0def993865__label\" class=\"forminator-checkbox forminator-consent\"><input type=\"checkbox\" name=\"consent-1\" id=\"forminator-field-consent-1_6ac0def993865\" value=\"checked\" aria-labelledby=\"forminator-field-consent-1_6ac0def993865-label\" aria-describedby=\"forminator-field-consent-1_6ac0def993865__description\" data-required=\"true\" aria-required=\"true\" \/><span class=\"forminator-checkbox-box\" aria-hidden=\"true\"><\/span><\/label><div id=\"forminator-field-consent-1_6ac0def993865__description\" class=\"forminator-checkbox__label forminator-consent__label\"><p>J&rsquo;accepte que mes informations soient utilis\u00e9es afin d&rsquo;\u00eatre recontact\u00e9 dans le cadre de ma demande.<\/p><\/div><\/div><\/div><\/div><\/div><div class=\"forminator-row forminator-hidden\"><div id=\"hidden-1\" class=\"forminator-field-hidden  forminator-col-12 \"><input type=\"hidden\" id=\"hidden-1_6ac0def993865\" name=\"hidden-1\" value=\"https:\/\/agencewebrusek.com\/en\/visibilite-en-ligne\/\" \/><\/div><\/div><input type=\"hidden\" name=\"referer_url\" value=\"\" \/><div class=\"forminator-row forminator-row-last\"><div class=\"forminator-col\"><div class=\"forminator-field\"><button class=\"forminator-button forminator-button-submit\">Envoyer<\/button><\/div><\/div><\/div><input type=\"hidden\" id=\"forminator_nonce\" name=\"forminator_nonce\" value=\"427f0dac69\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/1509\" \/><input type=\"hidden\" name=\"form_id\" value=\"1637\"><input type=\"hidden\" name=\"page_id\" value=\"1509\"><input type=\"hidden\" name=\"form_type\" value=\"default\"><input type=\"hidden\" name=\"current_url\" value=\"https:\/\/agencewebrusek.com\/en\/visibilite-en-ligne\/\"><input type=\"hidden\" name=\"render_id\" value=\"0\"><input type=\"hidden\" name=\"action\" value=\"forminator_submit_form_custom-forms\"><\/form>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\nBANDEAU D\u00c9FILANT\n========================================================= -->\n\n<div class=\"awr-v-marquee\" aria-hidden=\"true\">\n  <div class=\"awr-v-marquee__track\">\n    <span class=\"awr-v-marquee__item\">Fiche Google<\/span><span class=\"awr-v-marquee__item\">Avis clients<\/span><span class=\"awr-v-marquee__item\">R\u00e9f\u00e9rencement local<\/span><span class=\"awr-v-marquee__item\">Vid\u00e9os courtes<\/span><span class=\"awr-v-marquee__item\">Identit\u00e9 visuelle<\/span><span class=\"awr-v-marquee__item\">Publications r\u00e9guli\u00e8res<\/span><span class=\"awr-v-marquee__item\">Suivi mensuel<\/span><span class=\"awr-v-marquee__item\">Fiche Google<\/span><span class=\"awr-v-marquee__item\">Avis clients<\/span><span class=\"awr-v-marquee__item\">R\u00e9f\u00e9rencement local<\/span><span class=\"awr-v-marquee__item\">Vid\u00e9os courtes<\/span><span class=\"awr-v-marquee__item\">Identit\u00e9 visuelle<\/span><span class=\"awr-v-marquee__item\">Publications r\u00e9guli\u00e8res<\/span><span class=\"awr-v-marquee__item\">Suivi mensuel<\/span>\n  <\/div>\n<\/div>\n\n\n<!-- =========================================================\n02 CONSTAT : DIAGNOSTIC\n========================================================= -->\n\n<section class=\"awr-m-section awr-m-grid-bg\">\n\n  <div class=\"awr-m-inner awr-v-constat\">\n\n    <div class=\"awr-v-constat__head\">\n\n      <h2 class=\"awr-m-h2 awr-m-reveal\">\n        <span>Un bon site,<\/span>\n        <strong>ce n&rsquo;est que le d\u00e9but.<\/strong>\n      <\/h2>\n\n      <p class=\"awr-m-intro awr-m-reveal awr-m-reveal-delay-1\">\n        Un site que personne ne voit ne rapporte rien.\n        Chez les artisans et les pros locaux,\n        on retrouve souvent les m\u00eames freins,\n        m\u00eame quand le site est r\u00e9ussi.\n      <\/p>\n\n      <div class=\"awr-v-constat__cta awr-m-reveal awr-m-reveal-delay-2\">\n        <a href=\"#devis\" class=\"awr-m-btn\" data-cta=\"constat\">\n          Faire le point sur ma visibilit\u00e9\n        <\/a>\n        <span>Premier \u00e9change sans engagement<\/span>\n      <\/div>\n\n    <\/div>\n\n\n    <div class=\"awr-v-diag awr-m-reveal awr-m-reveal-delay-1\">\n\n      <div class=\"awr-v-diag__bar\">\n        <span class=\"awr-v-diag__dots\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><\/span>\n        <span class=\"awr-v-diag__title\">Diagnostic de visibilit\u00e9<\/span>\n        <span class=\"awr-v-diag__live\">Analyse<\/span>\n      <\/div>\n\n      <div class=\"awr-v-diag__rows\">\n\n        <span class=\"awr-v-diag__scan\" aria-hidden=\"true\"><\/span>\n\n        <article class=\"awr-v-diag__row\" style=\"--lvl:.34; --c:#f87171; --d:.15s;\">\n          <span class=\"awr-v-diag__icon\" aria-hidden=\"true\">\ud83d\udccd<\/span>\n          <div>\n            <div class=\"awr-v-diag__head\">\n              <h3>Une fiche Google incompl\u00e8te<\/h3>\n              <span class=\"awr-v-pill\">\u00c0 compl\u00e9ter<\/span>\n            <\/div>\n            <p>\n              Horaires faux, peu de photos, aucune publication.\n              C&rsquo;est pourtant la premi\u00e8re chose que voit un client\n              qui cherche un professionnel pr\u00e8s de chez lui.\n            <\/p>\n            <span class=\"awr-v-meter\" aria-hidden=\"true\"><span><\/span><\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"awr-v-diag__row\" style=\"--lvl:.22; --c:#fbbf24; --d:.35s;\">\n          <span class=\"awr-v-diag__icon\" aria-hidden=\"true\">\u2b50<\/span>\n          <div>\n            <div class=\"awr-v-diag__head\">\n              <h3>Peu d&rsquo;avis, ou des avis anciens<\/h3>\n              <span class=\"awr-v-pill\">Faible<\/span>\n            <\/div>\n            <p>\n              Des clients satisfaits, mais qui ne pensent pas \u00e0 laisser un avis.\n              Face \u00e0 un concurrent qui en affiche des dizaines,\n              la d\u00e9cision est vite prise.\n            <\/p>\n            <span class=\"awr-v-meter\" aria-hidden=\"true\"><span><\/span><\/span>\n          <\/div>\n        <\/article>\n\n        <article class=\"awr-v-diag__row\" style=\"--lvl:.1; --c:#94a3b8; --d:.55s;\">\n          <span class=\"awr-v-diag__icon\" aria-hidden=\"true\">\ud83d\udcf5<\/span>\n          <div>\n            <div class=\"awr-v-diag__head\">\n              <h3>Des r\u00e9seaux sociaux \u00e0 l&rsquo;abandon<\/h3>\n              <span class=\"awr-v-pill\">Inactif<\/span>\n            <\/div>\n            <p>\n              Derni\u00e8re publication il y a un an, ou pas de compte du tout.\n              Le client se demande si l&rsquo;entreprise est toujours active.\n            <\/p>\n            <span class=\"awr-v-meter\" aria-hidden=\"true\"><span><\/span><\/span>\n          <\/div>\n        <\/article>\n\n      <\/div>\n\n      <div class=\"awr-v-diag__foot\">\n        <span>Exemple de diagnostic<\/span>\n        <a href=\"#devis\" data-cta=\"diagnostic\">Obtenir le mien <span aria-hidden=\"true\">\u2192<\/span><\/a>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n03 SERVICES\n========================================================= -->\n\n<section class=\"awr-m-section awr-m-section--alt\">\n\n  <div class=\"awr-m-inner\">\n\n    <div class=\"awr-m-ideal-head\">\n\n      <h2 class=\"awr-m-h2 awr-m-reveal\">\n        <span>Trois leviers,<\/span>\n        <strong>un seul objectif : \u00eatre choisi.<\/strong>\n      <\/h2>\n\n      <p class=\"awr-m-intro\">\n        \u00catre trouv\u00e9 sur Google, rassurer avec vos avis,\n        et montrer votre travail sur les r\u00e9seaux.\n        Je m&rsquo;occupe de chaque levier,\n        selon votre m\u00e9tier et vos objectifs.\n      <\/p>\n\n    <\/div>\n\n\n    <div class=\"awr-m-ideal-grid\">\n\n\n      <article class=\"awr-m-ideal-card awr-v-spot\">\n        <div class=\"awr-m-ideal-top\">\n          <span class=\"awr-m-ideal-icon\">\ud83d\udccd<\/span>\n          <span class=\"awr-m-ideal-number\">01<\/span>\n        <\/div>\n        <h3>Fiche Google et avis<\/h3>\n        <p>\n          Une fiche compl\u00e8te et tenue \u00e0 jour :\n          services, zone, horaires, photos et publications r\u00e9guli\u00e8res.\n          Et un lien simple pour que vos clients\n          laissent un avis apr\u00e8s chaque intervention.\n        <\/p>\n      <\/article>\n\n\n      <article class=\"awr-m-ideal-card awr-v-spot\">\n        <div class=\"awr-m-ideal-top\">\n          <span class=\"awr-m-ideal-icon\">\ud83d\udd0e<\/span>\n          <span class=\"awr-m-ideal-number\">02<\/span>\n        <\/div>\n        <h3>R\u00e9f\u00e9rencement local<\/h3>\n        <p>\n          De nouvelles pages et articles\n          sur vos prestations et votre zone,\n          pour appara\u00eetre quand on vous cherche pr\u00e8s de chez soi.\n          Et le suivi de vos positions sur Google.\n        <\/p>\n      <\/article>\n\n\n      <article class=\"awr-m-ideal-card awr-v-spot\">\n        <div class=\"awr-m-ideal-top\">\n          <span class=\"awr-m-ideal-icon\">\ud83c\udfac<\/span>\n          <span class=\"awr-m-ideal-number\">03<\/span>\n        <\/div>\n        <h3>R\u00e9seaux sociaux et vid\u00e9o<\/h3>\n        <p>\n          Des publications r\u00e9guli\u00e8res,\n          de courtes vid\u00e9os mont\u00e9es \u00e0 partir de vos images\n          (chantiers, avant\/apr\u00e8s, r\u00e9alisations)\n          et une identit\u00e9 visuelle reconnaissable\n          d&rsquo;une publication \u00e0 l&rsquo;autre.\n        <\/p>\n      <\/article>\n\n    <\/div>\n\n\n    <div class=\"awr-m-center\">\n      <a href=\"#devis\" class=\"awr-m-btn\" data-cta=\"services\">\n        Demander un devis\n      <\/a>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n04 SUR MESURE\n========================================================= -->\n\n<section class=\"awr-m-section awr-m-grid-bg\">\n\n  <div class=\"awr-m-inner\">\n\n    <header class=\"awr-m-section-head\">\n\n      <h2 class=\"awr-m-h2 awr-m-reveal\">\n        <span>Un accompagnement<\/span>\n        <strong>construit pour vous.<\/strong>\n      <\/h2>\n\n    <\/header>\n\n\n    <p class=\"awr-m-depart-intro awr-m-reveal awr-m-reveal-delay-1\">\n      Chaque entreprise est diff\u00e9rente :\n      votre m\u00e9tier, votre zone, vos objectifs\n      et le temps dont vous disposez.\n      L&rsquo;accompagnement s&rsquo;adapte \u00e0 tout \u00e7a,\n      et on peut commencer par un seul service.\n    <\/p>\n\n\n    <div class=\"awr-m-depart__grid\">\n\n\n      <article class=\"awr-m-card awr-m-card--featured\">\n\n        <div class=\"awr-m-card__number\">\n          01 \u2014 DE MON C\u00d4T\u00c9\n        <\/div>\n\n        <h3>\n          Je m&rsquo;occupe du travail\n        <\/h3>\n\n        <p>\n          Mise \u00e0 jour de la fiche Google,\n          r\u00e9daction des pages et des articles,\n          montage des vid\u00e9os, cr\u00e9ation des visuels,\n          publication et suivi des r\u00e9sultats.\n        <\/p>\n\n        <div class=\"awr-m-card__note\">\n          \ud83d\udca1 Vous pouvez commencer par la fiche Google et les avis,\n          puis ajouter le r\u00e9f\u00e9rencement ou les r\u00e9seaux sociaux\n          quand vous le souhaitez.\n        <\/div>\n\n        <a href=\"#devis\" class=\"awr-m-arrow-link\">\n          Demander un devis\n          <span>\u2192<\/span>\n        <\/a>\n\n      <\/article>\n\n\n      <article class=\"awr-m-card\">\n\n        <div class=\"awr-m-card__number\">\n          02 \u2014 DE VOTRE C\u00d4T\u00c9\n        <\/div>\n\n        <h3>\n          Quelques minutes par semaine\n        <\/h3>\n\n        <p>\n          Quelques photos ou vid\u00e9os de vos chantiers\n          prises au t\u00e9l\u00e9phone,\n          et une validation rapide des publications\n          par WhatsApp.\n        <\/p>\n\n        <p>\n          Je vous indique quoi photographier ou filmer :\n          pas besoin de mat\u00e9riel,\n          ni de savoir faire du montage.\n        <\/p>\n\n        <a href=\"#devis\" class=\"awr-m-arrow-link\">\n          Parler de mon projet\n          <span>\u2192<\/span>\n        <\/a>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n05 M\u00c9THODE\n========================================================= -->\n\n<section class=\"awr-m-section awr-m-section--alt\">\n\n  <div class=\"awr-m-inner\">\n\n\n    <header class=\"awr-m-section-head\">\n\n      <h2 class=\"awr-m-h2 awr-m-reveal\">\n        <span>Trois \u00e9tapes,<\/span>\n        <strong>puis un suivi chaque mois.<\/strong>\n      <\/h2>\n\n      <p class=\"awr-m-intro\">\n        Vous gardez la main sur votre temps :\n        tout se fait par t\u00e9l\u00e9phone ou WhatsApp.\n      <\/p>\n\n    <\/header>\n\n\n    <div class=\"awr-m-process awr-v-timeline awr-m-reveal\">\n\n\n      <article class=\"awr-m-process-card\">\n        <div class=\"awr-m-process-top\">\n          <span class=\"awr-m-process-icon\">\ud83d\udd0d<\/span>\n          <span class=\"awr-m-process-number\">01<\/span>\n        <\/div>\n        <h3>On fait le point<\/h3>\n        <p>\n          J&rsquo;analyse votre fiche Google, votre site,\n          vos r\u00e9seaux et vos concurrents proches.\n          Vous savez pr\u00e9cis\u00e9ment o\u00f9 vous en \u00eates.\n        <\/p>\n        <span class=\"awr-m-process-tag\">Un point de d\u00e9part clair<\/span>\n      <\/article>\n\n\n      <article class=\"awr-m-process-card\">\n        <div class=\"awr-m-process-top\">\n          <span class=\"awr-m-process-icon\">\ud83e\udded<\/span>\n          <span class=\"awr-m-process-number\">02<\/span>\n        <\/div>\n        <h3>On choisit les actions<\/h3>\n        <p>\n          On s\u00e9lectionne ensemble les services\n          les plus utiles pour votre m\u00e9tier et vos objectifs.\n          Vous recevez un devis adapt\u00e9.\n        <\/p>\n        <span class=\"awr-m-process-tag\">Sur mesure<\/span>\n      <\/article>\n\n\n      <article class=\"awr-m-process-card\">\n        <div class=\"awr-m-process-top\">\n          <span class=\"awr-m-process-icon\">\ud83d\udcc8<\/span>\n          <span class=\"awr-m-process-number\">03<\/span>\n        <\/div>\n        <h3>Je m&rsquo;en occupe, chaque mois<\/h3>\n        <p>\n          Je mets les actions en place\n          et je vous envoie chaque mois un point simple :\n          appels, demandes, visites, avis,\n          et ce qui a \u00e9t\u00e9 fait.\n        <\/p>\n        <span class=\"awr-m-process-tag\">Un point clair chaque mois<\/span>\n      <\/article>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n06 FAQ\n========================================================= -->\n\n<section class=\"awr-m-section\">\n\n  <div class=\"awr-m-inner awr-m-faq__inner\">\n\n\n    <header class=\"awr-m-section-head\">\n\n      <h2 class=\"awr-m-h2 awr-m-reveal\">\n        <span>Les questions<\/span>\n        <strong>que vous vous posez.<\/strong>\n      <\/h2>\n\n    <\/header>\n\n\n    <div class=\"awr-m-faq__list\">\n\n\n      <details class=\"awr-m-faq-item\">\n        <summary>En combien de temps vais-je voir des r\u00e9sultats ?<\/summary>\n        <div>\n          <p>\n            Sur la fiche Google et les avis,\n            les premiers effets se voient souvent en quelques semaines.\n            Le r\u00e9f\u00e9rencement local demande plus de patience,\n            en g\u00e9n\u00e9ral plusieurs mois.\n            Les r\u00e9seaux sociaux construisent votre image dans la dur\u00e9e.\n            Je vous le dis d\u00e8s le d\u00e9part, sans promesse irr\u00e9aliste.\n          <\/p>\n        <\/div>\n      <\/details>\n\n\n      <details class=\"awr-m-faq-item\">\n        <summary>Combien co\u00fbte un accompagnement ?<\/summary>\n        <div>\n          <p>\n            Chaque accompagnement est diff\u00e9rent :\n            le prix d\u00e9pend des services choisis et du rythme.\n            Apr\u00e8s notre premier \u00e9change,\n            vous recevez un devis d\u00e9taill\u00e9 sans engagement.\n          <\/p>\n        <\/div>\n      <\/details>\n\n\n      <details class=\"awr-m-faq-item\">\n        <summary>Suis-je engag\u00e9 sur une dur\u00e9e ?<\/summary>\n        <div>\n          <p>\n            La dur\u00e9e est d\u00e9finie ensemble dans le devis,\n            selon les services choisis.\n            Tout est \u00e9crit clairement avant de commencer.\n          <\/p>\n        <\/div>\n      <\/details>\n\n\n      <details class=\"awr-m-faq-item\">\n        <summary>Dois-je prendre les photos et vid\u00e9os moi-m\u00eame ?<\/summary>\n        <div>\n          <p>\n            Quelques photos ou vid\u00e9os prises au t\u00e9l\u00e9phone\n            sur vos chantiers suffisent.\n            Je vous indique quoi filmer,\n            puis je m&rsquo;occupe du tri, du montage et de la publication.\n          <\/p>\n        <\/div>\n      <\/details>\n\n\n      <details class=\"awr-m-faq-item\">\n        <summary>Mon site n&rsquo;a pas \u00e9t\u00e9 fait par vous. C&rsquo;est possible ?<\/summary>\n        <div>\n          <p>\n            Oui.\n            Je commence par regarder votre site actuel.\n            Si des corrections sont n\u00e9cessaires\n            pour que le travail porte ses fruits,\n            je vous le dis avant de commencer.\n          <\/p>\n        <\/div>\n      <\/details>\n\n\n      <details class=\"awr-m-faq-item\">\n        <summary>Est-ce utile pour mon m\u00e9tier ?<\/summary>\n        <div>\n          <p>\n            Pour un artisan, la fiche Google et les avis\n            sont souvent le levier le plus rentable.\n            Pour un d\u00e9corateur ou un architecte,\n            les r\u00e9seaux sociaux et la vid\u00e9o comptent davantage.\n            L&rsquo;accompagnement est construit selon votre m\u00e9tier.\n          <\/p>\n        <\/div>\n      <\/details>\n\n\n      <details class=\"awr-m-faq-item\">\n        <summary>Est-ce que je serai premier sur Google ?<\/summary>\n        <div>\n          <p>\n            Personne ne peut le garantir honn\u00eatement.\n            Je travaille sur ce qui compte vraiment\n            pour \u00eatre trouv\u00e9 localement :\n            une fiche compl\u00e8te, des avis r\u00e9guliers,\n            des pages utiles et un suivi chaque mois.\n          <\/p>\n        <\/div>\n      <\/details>\n\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<!-- =========================================================\n07 CTA FINAL\n========================================================= -->\n\n<section class=\"awr-m-section awr-m-section--final\">\n\n  <div class=\"awr-m-inner\">\n\n\n    <div class=\"awr-v-border\">\n    <div class=\"awr-m-final\">\n\n\n      <div>\n        <h2 class=\"awr-m-h2 awr-m-h2--final awr-m-reveal\">\n          <span>Vos futurs clients<\/span>\n          <strong>vous cherchent d\u00e9j\u00e0 en ligne.<\/strong>\n        <\/h2>\n      <\/div>\n\n\n      <div class=\"awr-m-final__actions\">\n\n        <a href=\"#devis\" class=\"awr-m-btn awr-m-btn--pulse\">\n          Demander un devis\n        <\/a>\n\n        <a href=\"tel:+33637201491\" class=\"awr-m-final__link\">\n          \ud83d\udcde 06 37 20 14 91\n        <\/a>\n\n        <a href=\"https:\/\/wa.me\/33637201491\" class=\"awr-m-final__link\" target=\"_blank\" rel=\"noopener noreferrer\">\n          \ud83d\udcac Me contacter sur WhatsApp \u2192\n        <\/a>\n\n      <\/div>\n\n\n    <\/div>\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<\/main>\n\n\n<!-- =========================================================\nJS \u2014 FADE + COMPARATEUR\n========================================================= -->\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const revealElements =\n    document.querySelectorAll(\".awr-m-reveal\");\n\n\n  if (!(\"IntersectionObserver\" in window)) {\n\n    revealElements.forEach(function (element) {\n      element.classList.add(\"is-visible\");\n    });\n\n  } else {\n\n    const observer =\n      new IntersectionObserver(\n        function (entries, observerInstance) {\n\n          entries.forEach(function (entry) {\n\n            if (entry.isIntersecting) {\n\n              entry.target.classList.add(\"is-visible\");\n\n              observerInstance.unobserve(\n                entry.target\n              );\n\n            }\n\n          });\n\n        },\n        {\n          threshold:0.12,\n          rootMargin:\"0px 0px -40px 0px\"\n        }\n      );\n\n\n    revealElements.forEach(function (element) {\n      observer.observe(element);\n    });\n\n  }\n\n\n  \/*\n  ==========================================\n  COMPARATEUR AVANT \/ APR\u00c8S\n  ==========================================\n  *\/\n\n  document\n    .querySelectorAll(\"[data-awr-compare]\")\n    .forEach(function (compare) {\n\n      const range =\n        compare.querySelector(\n          \".awr-m-compare__range\"\n        );\n\n      if (!range) return;\n\n\n      const updateCompare = function () {\n\n        compare.style.setProperty(\n          \"--pos\",\n          range.value + \"%\"\n        );\n\n      };\n\n\n      range.addEventListener(\n        \"input\",\n        updateCompare\n      );\n\n      range.addEventListener(\n        \"change\",\n        updateCompare\n      );\n\n\n      updateCompare();\n\n    });\n\n});\n\n<\/script>\n\n\n<!-- =========================================================\nJS \u2014 HALO QUI SUIT LA SOURIS (page Visibilit\u00e9)\n========================================================= -->\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  if (window.matchMedia(\"(hover: none)\").matches) return;\n\n  document.querySelectorAll(\".awr-v-spot\").forEach(function (card) {\n\n    card.addEventListener(\"pointermove\", function (e) {\n      var r = card.getBoundingClientRect();\n      card.style.setProperty(\"--mx\", (e.clientX - r.left) + \"px\");\n      card.style.setProperty(\"--my\", (e.clientY - r.top) + \"px\");\n    });\n\n  });\n\n});\n<\/script>\n\n\n<!-- =========================================================\nJSON-LD\n========================================================= -->\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@graph\": [\n    {\n      \"@type\": \"ProfessionalService\",\n      \"@id\": \"https:\/\/agencewebrusek.com\/#business\",\n      \"name\": \"Agence Web Rusek\",\n      \"alternateName\": \"AWR\",\n      \"url\": \"https:\/\/agencewebrusek.com\/\",\n      \"telephone\": \"+33637201491\",\n      \"founder\": {\n        \"@type\": \"Person\",\n        \"name\": \"Thomas Rusek\"\n      },\n      \"areaServed\": [\n        {\n          \"@type\": \"City\",\n          \"name\": \"Paris\"\n        },\n        {\n          \"@type\": \"AdministrativeArea\",\n          \"name\": \"\u00cele-de-France\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"Service\",\n      \"@id\": \"https:\/\/agencewebrusek.com\/visibilite-en-ligne\/#service\",\n      \"name\": \"Visibilit\u00e9 en ligne pour artisans et pros locaux\",\n      \"serviceType\": \"R\u00e9f\u00e9rencement local, gestion de fiche Google, r\u00e9seaux sociaux et vid\u00e9o\",\n      \"url\": \"https:\/\/agencewebrusek.com\/visibilite-en-ligne\/\",\n      \"provider\": {\n        \"@id\": \"https:\/\/agencewebrusek.com\/#business\"\n      },\n      \"areaServed\": [\n        {\n          \"@type\": \"City\",\n          \"name\": \"Paris\"\n        },\n        {\n          \"@type\": \"AdministrativeArea\",\n          \"name\": \"\u00cele-de-France\"\n        }\n      ],\n      \"audience\": {\n        \"@type\": \"Audience\",\n        \"audienceType\": \"Artisans et professionnels locaux\"\n      }\n    },\n    {\n      \"@type\": \"BreadcrumbList\",\n      \"@id\": \"https:\/\/agencewebrusek.com\/visibilite-en-ligne\/#breadcrumb\",\n      \"itemListElement\": [\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 1,\n          \"name\": \"Accueil\",\n          \"item\": \"https:\/\/agencewebrusek.com\/\"\n        },\n        {\n          \"@type\": \"ListItem\",\n          \"position\": 2,\n          \"name\": \"Visibilit\u00e9 en ligne\",\n          \"item\": \"https:\/\/agencewebrusek.com\/visibilite-en-ligne\/\"\n        }\n      ]\n    },\n    {\n      \"@type\": \"FAQPage\",\n      \"@id\": \"https:\/\/agencewebrusek.com\/visibilite-en-ligne\/#faq\",\n      \"mainEntity\": [\n        {\n          \"@type\": \"Question\",\n          \"name\": \"En combien de temps vais-je voir des r\u00e9sultats ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Sur la fiche Google et les avis, les premiers effets se voient souvent en quelques semaines. Le r\u00e9f\u00e9rencement local demande plus de patience, en g\u00e9n\u00e9ral plusieurs mois. Les r\u00e9seaux sociaux construisent votre image dans la dur\u00e9e. Je vous le dis d\u00e8s le d\u00e9part, sans promesse irr\u00e9aliste.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Combien co\u00fbte un accompagnement ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Chaque accompagnement est diff\u00e9rent : le prix d\u00e9pend des services choisis et du rythme. Apr\u00e8s notre premier \u00e9change, vous recevez un devis d\u00e9taill\u00e9 sans engagement.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Suis-je engag\u00e9 sur une dur\u00e9e ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"La dur\u00e9e est d\u00e9finie ensemble dans le devis, selon les services choisis. Tout est \u00e9crit clairement avant de commencer.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Dois-je prendre les photos et vid\u00e9os moi-m\u00eame ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Quelques photos ou vid\u00e9os prises au t\u00e9l\u00e9phone sur vos chantiers suffisent. Je vous indique quoi filmer, puis je m'occupe du tri, du montage et de la publication.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Mon site n'a pas \u00e9t\u00e9 fait par vous. C'est possible ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Oui. Je commence par regarder votre site actuel. Si des corrections sont n\u00e9cessaires pour que le travail porte ses fruits, je vous le dis avant de commencer.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Est-ce utile pour mon m\u00e9tier ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Pour un artisan, la fiche Google et les avis sont souvent le levier le plus rentable. Pour un d\u00e9corateur ou un architecte, les r\u00e9seaux sociaux et la vid\u00e9o comptent davantage. L'accompagnement est construit selon votre m\u00e9tier.\"\n          }\n        },\n        {\n          \"@type\": \"Question\",\n          \"name\": \"Est-ce que je serai premier sur Google ?\",\n          \"acceptedAnswer\": {\n            \"@type\": \"Answer\",\n            \"text\": \"Personne ne peut le garantir honn\u00eatement. Je travaille sur ce qui compte vraiment pour \u00eatre trouv\u00e9 localement : une fiche compl\u00e8te, des avis r\u00e9guliers, des pages utiles et un suivi chaque mois.\"\n          }\n        }\n      ]\n    }\n  ]\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Accompagnement apr\u00e8s votre site Visibilit\u00e9 en ligne pour artisans et pros locaux : faisons venir des clients. Votre visibilit\u00e9 Parlons de vos objectifs Laissez vos coordonn\u00e9es, je vous rappelle pour faire le point sur votre pr\u00e9sence en ligne. Pas besoin de savoir exactement ce que vous voulez. Fiche GoogleAvis clientsR\u00e9f\u00e9rencement localVid\u00e9os courtesIdentit\u00e9 visuellePublications r\u00e9guli\u00e8resSuivi mensuelFiche [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2317,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-1509","page","type-page","status-publish","has-post-thumbnail","hentry"],"uagb_featured_image_src":{"full":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/Image-hero-visibilite-en-ligne-mock-up.png",1536,1024,false],"thumbnail":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/Image-hero-visibilite-en-ligne-mock-up-150x150.png",150,150,true],"medium":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/Image-hero-visibilite-en-ligne-mock-up-300x200.png",300,200,true],"medium_large":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/Image-hero-visibilite-en-ligne-mock-up-768x512.png",768,512,true],"large":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/Image-hero-visibilite-en-ligne-mock-up-1024x683.png",800,534,true],"1536x1536":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/Image-hero-visibilite-en-ligne-mock-up.png",1536,1024,false],"2048x2048":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/Image-hero-visibilite-en-ligne-mock-up.png",1536,1024,false],"trp-custom-language-flag":["https:\/\/agencewebrusek.com\/wp-content\/uploads\/2026\/09\/Image-hero-visibilite-en-ligne-mock-up-18x12.png",18,12,true]},"uagb_author_info":{"display_name":"thomas.rusek.chamant@gmail.com","author_link":"https:\/\/agencewebrusek.com\/en\/author\/thomas-rusek-chamantgmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":"Accompagnement apr\u00e8s votre site Visibilit\u00e9 en ligne pour artisans et pros locaux : faisons venir des clients. Votre visibilit\u00e9 Parlons de vos objectifs Laissez vos coordonn\u00e9es, je vous rappelle pour faire le point sur votre pr\u00e9sence en ligne. Pas besoin de savoir exactement ce que vous voulez. Fiche GoogleAvis clientsR\u00e9f\u00e9rencement localVid\u00e9os courtesIdentit\u00e9 visuellePublications r\u00e9guli\u00e8resSuivi mensuelFiche&hellip;","_links":{"self":[{"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/pages\/1509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/comments?post=1509"}],"version-history":[{"count":92,"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/pages\/1509\/revisions"}],"predecessor-version":[{"id":2333,"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/pages\/1509\/revisions\/2333"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/media\/2317"}],"wp:attachment":[{"href":"https:\/\/agencewebrusek.com\/en\/wp-json\/wp\/v2\/media?parent=1509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}