/* ==========================================================================
   ReydenWeb 2026 : couche de marque (couleurs, boutons, pied de page) chargée sur
   tout le site après bundle.min.css, et composants de la page d'accueil (.rw-*).
   ========================================================================== */

:root {
  --rw-ink: #0a0f1c;
  --rw-ink-2: #111a2e;
  --rw-ink-3: #1a2440;
  --rw-paper: #f3f5f9;
  --rw-card: #ffffff;
  --rw-line: rgba(10, 15, 28, 0.09);
  --rw-text: #1b2233;
  --rw-muted: #586178;
  --rw-indigo: #4f46e5;
  --rw-violet: #7c3aed;
  --rw-teal: #0fb5a6;
  --rw-teal-d: #0b8f84;
  --rw-coral: #ff6a4d;
  --rw-amber: #ffb547;
  --rw-green: #22c55e;
  --rw-grad: linear-gradient(115deg, #0fb5a6 0%, #4f46e5 52%, #7c3aed 100%);
  --rw-grad-btn: linear-gradient(115deg, #4f46e5 0%, #7c3aed 100%);
  --rw-grad-warm: linear-gradient(115deg, #ff6a4d 0%, #ffb547 100%);
  --rw-radius: 22px;
  --rw-shadow: 0 30px 60px -32px rgba(10, 15, 28, 0.38);
  --rw-shadow-sm: 0 12px 30px -18px rgba(10, 15, 28, 0.3);
  --rw-ease: cubic-bezier(0.22, 1, 0.36, 1);

  /* Couleur d'accent du thème : passe du gris à l'indigo sur tout le site. */
  --tj-color-theme-primary: #4f46e5;
}

::selection { background: rgba(79, 70, 229, 0.18); }

/* --- Couche globale ------------------------------------------------------ */

.tj-primary-btn {
  background: var(--rw-grad-btn);
  box-shadow: 0 12px 30px -14px rgba(79, 70, 229, 0.75);
  transition: box-shadow 0.3s var(--rw-ease), transform 0.3s var(--rw-ease);
}
.tj-primary-btn:hover { box-shadow: 0 18px 38px -14px rgba(124, 58, 237, 0.85); transform: translateY(-1px); }
.tj-primary-btn .btn-text, .tj-primary-btn .btn-text span { color: #fff; }
.tj-primary-btn .btn-icon { background-color: rgba(255, 255, 255, 0.16); color: #fff; }
.sec-heading .sub-title i, .sec-heading-wrap .sub-title i { color: var(--rw-teal); }
/* Couleur pleine : le dégradé découpé dans le texte disparaît avec l’animation lettre par lettre du thème. */
.sec-heading .sec-title span { color: var(--rw-indigo); -webkit-text-fill-color: currentColor; }
.menu_bar.mobile_menu_bar { background: var(--rw-grad-btn); }
a:focus-visible, button:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 3px solid var(--rw-teal); outline-offset: 3px; border-radius: 6px; }

/* Lien « Tarifs » du menu principal : petit point de couleur. */
.mainmenu ul > li > a.rw-nav-price::before {
  content: ""; display: inline-block; width: 7px; height: 7px; border-radius: 50%;
  background: var(--rw-grad-warm); margin-right: 7px; vertical-align: 2px;
}

/* Menu mobile : pas de majuscule à chaque mot. */
.hamburger_menu .mean-nav ul li a { text-transform: none; }

/* --- Pied de page ------------------------------------------------------- */

.rw-footer { background: var(--rw-ink); color: rgba(255, 255, 255, 0.72); margin: 0 15px 15px; border-radius: 28px; position: relative; overflow: hidden; font-size: 15px; }
.rw-footer::before { content: ""; position: absolute; width: 520px; height: 520px; right: -160px; top: -260px; background: radial-gradient(circle, rgba(79, 70, 229, 0.45), transparent 65%); pointer-events: none; }
.rw-footer::after { content: ""; position: absolute; width: 420px; height: 420px; left: -140px; bottom: -240px; background: radial-gradient(circle, rgba(15, 181, 166, 0.35), transparent 65%); pointer-events: none; }
.rw-footer a { color: rgba(255, 255, 255, 0.78); text-decoration: none; transition: color 0.2s; }
.rw-footer a:hover { color: #fff; }
.rw-footer__inner { position: relative; z-index: 1; max-width: 1320px; margin: 0 auto; padding: 72px 32px 28px; }
.rw-footer__cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding-bottom: 48px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.rw-footer__cta p { margin: 0; color: #fff; font-size: clamp(24px, 3vw, 36px); line-height: 1.15; font-weight: 600; letter-spacing: -0.02em; max-width: 640px; }
.rw-footer__cta p span { background: var(--rw-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rw-footer__grid { display: grid; grid-template-columns: 1.4fr repeat(3, 1fr); gap: 40px; padding: 48px 0 40px; }
.rw-footer__brand svg { width: 170px; height: auto; fill: #fff; }
.rw-footer__brand p { margin: 18px 0 0; max-width: 300px; line-height: 1.6; }
.rw-footer__title { color: #fff; font-size: 15px; font-weight: 600; letter-spacing: 0.02em; margin: 0 0 16px; }
.rw-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.rw-footer__bottom { display: flex; flex-wrap: wrap; gap: 12px 28px; justify-content: space-between; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 14px; color: rgba(255, 255, 255, 0.55); }
.rw-footer__bottom ul { display: flex; flex-wrap: wrap; gap: 8px 22px; }
@media (max-width: 991px) { .rw-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) {
  .rw-footer { margin: 0 8px 8px; border-radius: 22px; }
  .rw-footer__inner { padding: 52px 20px 24px; }
  .rw-footer__grid { grid-template-columns: 1fr; gap: 30px; }
}

/* --- Boutons et utilitaires --------------------------------------------- */

.rw-container { width: 100%; max-width: 1320px; margin: 0 auto; padding: 0 32px; }
@media (max-width: 575px) { .rw-container { padding: 0 20px; } }

.rw-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 24px; border-radius: 999px; font-weight: 600; font-size: 16px;
  line-height: 1; text-decoration: none; white-space: nowrap; cursor: pointer; border: 0;
  transition: transform 0.3s var(--rw-ease), box-shadow 0.3s var(--rw-ease), background-color 0.3s, color 0.3s;
}
.rw-btn svg { width: 18px; height: 18px; transition: transform 0.3s var(--rw-ease); }
.rw-btn:hover svg { transform: translateX(3px); }
.rw-btn--grad { color: #fff; background: var(--rw-grad-btn); background-size: 160% 100%; box-shadow: 0 16px 34px -14px rgba(79, 70, 229, 0.85); }
.rw-btn--grad:hover { color: #fff; transform: translateY(-2px); box-shadow: 0 22px 40px -14px rgba(124, 58, 237, 0.9); }
.rw-btn--ghost { color: #fff; background: rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22); }
.rw-btn--ghost:hover { color: #fff; background: rgba(255, 255, 255, 0.14); }
.rw-btn--dark { color: #fff; background: var(--rw-ink); }
.rw-btn--dark:hover { color: #fff; transform: translateY(-2px); box-shadow: var(--rw-shadow-sm); }
.rw-btn--light { color: var(--rw-ink); background: #fff; box-shadow: inset 0 0 0 1px var(--rw-line); }
.rw-btn--light:hover { color: var(--rw-ink); transform: translateY(-2px); box-shadow: var(--rw-shadow-sm); }

.rw-grad-text { background: var(--rw-grad); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; animation: rw-shine 8s ease-in-out infinite alternate; }
@keyframes rw-shine { to { background-position: 100% 0; } }

.rw-kicker { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--rw-indigo); }
.rw-kicker::before { content: "//"; color: var(--rw-teal); letter-spacing: 0; font-weight: 800; }
.rw-dark .rw-kicker { color: #a5b4fc; }

.rw-section { padding: 110px 0; position: relative; }
.rw-head { max-width: 760px; margin: 0 0 54px; }
.rw-head--center { margin-left: auto; margin-right: auto; text-align: center; }
.rw-head--split { max-width: none; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 20px 40px; }
.rw-head--split > div { max-width: 720px; }
.rw-h2 { font-size: clamp(30px, 4.2vw, 50px); line-height: 1.06; letter-spacing: -0.035em; font-weight: 600; color: var(--rw-ink); margin: 0; }
.rw-h2 span { color: var(--rw-muted); }
.rw-dark .rw-h2 { color: #fff; }
.rw-dark .rw-h2 span { color: rgba(255, 255, 255, 0.55); }
.rw-sub { margin: 16px 0 0; font-size: 18px; line-height: 1.6; color: var(--rw-muted); }
.rw-dark .rw-sub { color: rgba(255, 255, 255, 0.68); }
.rw-link { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; color: var(--rw-indigo); text-decoration: none; }
.rw-link svg { width: 18px; height: 18px; transition: transform 0.3s var(--rw-ease); }
.rw-link:hover svg { transform: translateX(4px); }
@media (max-width: 767px) { .rw-section { padding: 76px 0; } .rw-head { margin-bottom: 38px; } .rw-sub { font-size: 16px; } }

.rw-tags { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.rw-tags li { font-size: 13px; font-weight: 600; padding: 7px 12px; border-radius: 999px; background: rgba(79, 70, 229, 0.08); color: var(--rw-indigo); }

/* Apparition au défilement (le contenu reste visible si le JS ne tourne pas). */
.rw-js .rw-reveal { opacity: 0; transform: translateY(26px); transition: opacity 0.9s var(--rw-ease), transform 0.9s var(--rw-ease); transition-delay: var(--d, 0s); }
.rw-js .rw-reveal.is-in { opacity: 1; transform: none; }

/* --- Héros -------------------------------------------------------------- */

.rw-hero { position: relative; margin: 0 15px; border-radius: 28px; overflow: hidden; background: var(--rw-ink); color: #fff; isolation: isolate; }
.rw-hero__bg { position: absolute; inset: 0; z-index: -1; pointer-events: none; }
.rw-blob { position: absolute; border-radius: 50%; filter: blur(70px); opacity: 0.6; animation: rw-drift 18s ease-in-out infinite alternate; }
.rw-blob--1 { width: 520px; height: 520px; left: -140px; top: -200px; background: #0fb5a6; opacity: 0.38; }
.rw-blob--2 { width: 600px; height: 600px; right: -160px; top: -120px; background: #4f46e5; animation-duration: 22s; }
.rw-blob--3 { width: 440px; height: 440px; right: 22%; bottom: -260px; background: #7c3aed; opacity: 0.45; animation-duration: 26s; }
@keyframes rw-drift { to { transform: translate3d(60px, 40px, 0) scale(1.08); } }
.rw-gridlines { position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px); background-size: 64px 64px; -webkit-mask-image: radial-gradient(ellipse at 70% 40%, #000 10%, transparent 70%); mask-image: radial-gradient(ellipse at 70% 40%, #000 10%, transparent 70%); }

.rw-hero__inner { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); align-items: center; gap: 56px; padding-top: 148px; padding-bottom: 84px; }
.rw-pill { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 22px; padding: 8px 16px 8px 12px; border-radius: 999px; font-size: 14px; font-weight: 600; color: rgba(255, 255, 255, 0.9); background: rgba(255, 255, 255, 0.07); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14); }
.rw-dot { position: relative; width: 9px; height: 9px; border-radius: 50%; background: var(--rw-green); }
.rw-dot::after { content: ""; position: absolute; inset: -5px; border-radius: 50%; border: 2px solid var(--rw-green); opacity: 0; animation: rw-ping 2.2s ease-out infinite; }
@keyframes rw-ping { 0% { transform: scale(0.4); opacity: 0.9; } 100% { transform: scale(1.5); opacity: 0; } }
.rw-hero__title { font-size: clamp(36px, 4.6vw, 64px); line-height: 1.02; letter-spacing: -0.045em; font-weight: 600; color: #fff; margin: 0; max-width: 680px; }
.rw-hero__lead { margin: 22px 0 0; max-width: 540px; font-size: 18px; line-height: 1.6; color: rgba(255, 255, 255, 0.72); }
.rw-hero__ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.rw-hero__proof { list-style: none; display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 34px 0 0; padding: 0; font-size: 14px; color: rgba(255, 255, 255, 0.62); }
.rw-hero__proof li { display: flex; align-items: center; gap: 8px; }
.rw-hero__proof strong { color: #fff; font-weight: 600; }
.rw-hero__proof svg { width: 18px; height: 18px; color: var(--rw-teal); flex: none; }

/* Composition visuelle du héros : navigateur + téléphone + cartes flottantes. */
.rw-hero__visual { position: relative; height: 480px; }
.rw-hv { position: absolute; }
.rw-hv--browser { left: 0; right: 56px; top: 34px; }
.rw-hv--phone { right: 0; bottom: 0; width: 150px; }
.rw-hv--score { left: 22px; bottom: 0; }
.rw-hv--me { right: 96px; top: 0; }
.rw-browser { position: relative; border-radius: 16px; background: #fff; box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.08); overflow: hidden; }
.rw-browser__bar { display: flex; align-items: center; gap: 7px; height: 38px; padding: 0 14px; background: #eef1f6; border-bottom: 1px solid #e1e5ee; }
.rw-browser__bar i { width: 10px; height: 10px; border-radius: 50%; background: #ff5f57; }
.rw-browser__bar i:nth-child(2) { background: #febc2e; }
.rw-browser__bar i:nth-child(3) { background: #28c840; }
.rw-browser__url { margin-left: 12px; flex: 1; max-width: 260px; height: 24px; border-radius: 7px; background: #fff; font-size: 12px; line-height: 24px; color: #5b6476; padding: 0 10px; }
.rw-browser__url::before { content: "🔒 "; font-size: 10px; }
.rw-browser__screen { position: relative; aspect-ratio: 16 / 10; overflow: hidden; background: #e9edf5; }
.rw-autoscroll { display: block; width: 100%; height: auto; animation: rw-autoscroll 22s ease-in-out 1.2s infinite alternate; }
@keyframes rw-autoscroll { 0%, 8% { transform: translateY(0); } 92%, 100% { transform: translateY(calc(-1 * var(--rw-dist, 0px))); } }
.rw-phone { border-radius: 26px; padding: 7px; background: #0b0f19; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.12); }
.rw-phone img { display: block; width: 100%; height: auto; border-radius: 20px; }
.rw-float { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-radius: 16px; background: rgba(255, 255, 255, 0.96); color: var(--rw-ink); box-shadow: 0 24px 50px -20px rgba(0, 0, 0, 0.6); font-size: 13px; line-height: 1.3; }
.rw-float strong { display: block; font-size: 14px; font-weight: 700; }
.rw-float small { display: block; color: var(--rw-muted); font-size: 12px; }
.rw-hv--me .rw-float { padding: 8px 14px 8px 8px; }
.rw-hv--me .rw-float img { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; }
.rw-ring { position: relative; width: 48px; height: 48px; flex: none; }
.rw-ring svg { width: 48px; height: 48px; transform: rotate(-90deg); }
.rw-ring circle { fill: none; stroke-width: 5; }
.rw-ring .rw-ring__bg { stroke: #e5f7f5; }
.rw-ring .rw-ring__fg { stroke: #0fb5a6; stroke-linecap: round; stroke-dasharray: 126; stroke-dashoffset: 126; animation: rw-ring 1.6s var(--rw-ease) 0.6s forwards; }
.rw-ring b { position: absolute; inset: 0; display: grid; place-items: center; font-size: 15px; color: var(--rw-teal-d); }
@keyframes rw-ring { to { stroke-dashoffset: var(--rw-off, 2.5); } }
.rw-bob-1 { animation: rw-bob 6s ease-in-out infinite; }
.rw-bob-2 { animation: rw-bob 7s ease-in-out 1s infinite; }
.rw-bob-3 { animation: rw-bob 8s ease-in-out 0.5s infinite; }
@keyframes rw-bob { 50% { transform: translateY(-10px); } }
.rw-hero__visual > * { animation-fill-mode: both; }
.rw-enter { animation: rw-enter 0.9s var(--rw-ease) both; animation-delay: var(--d, 0s); }
@keyframes rw-enter { from { opacity: 0; transform: translateY(24px) scale(0.98); } }

@media (max-width: 1199px) {
  .rw-hero__inner { gap: 36px; }
}
@media (max-width: 991px) {
  .rw-hero__inner { grid-template-columns: 1fr; padding-top: 128px; padding-bottom: 56px; gap: 44px; }
  .rw-hero__visual { height: 400px; max-width: 640px; width: 100%; margin: 0 auto; }
}
@media (max-width: 575px) {
  .rw-hero { margin: 0 8px; border-radius: 22px; }
  .rw-hero__inner { padding-top: 112px; padding-bottom: 40px; gap: 34px; }
  .rw-hero__title { font-size: clamp(32px, 9.4vw, 40px); }
  .rw-hero__lead { font-size: 16px; margin-top: 16px; }
  .rw-hero__ctas { margin-top: 24px; }
  .rw-hero__ctas .rw-btn { flex: 1 1 100%; }
  .rw-hero__proof { margin-top: 24px; gap: 8px 18px; font-size: 13px; }
  .rw-hero__visual { height: 290px; }
  .rw-hv--browser { right: 54px; top: 8px; }
  .rw-browser__bar { height: 30px; }
  .rw-browser__url { height: 20px; line-height: 20px; font-size: 11px; }
  .rw-hv--phone { width: 104px; }
  .rw-phone { border-radius: 20px; padding: 5px; }
  .rw-phone img { border-radius: 15px; }
  .rw-hv--me { display: none; }
  .rw-hv--score { left: 8px; bottom: 6px; }
  .rw-hv--score .rw-float { padding: 9px 12px; }
}

/* --- Bandeau de logos --------------------------------------------------- */

.rw-logos { padding: 44px 0 10px; }
.rw-logos__label { text-align: center; margin: 0 0 22px; font-size: 14px; font-weight: 600; color: var(--rw-muted); }
.rw-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.rw-marquee__track { display: flex; width: max-content; animation: rw-marquee 38s linear infinite; }
.rw-marquee:hover .rw-marquee__track { animation-play-state: paused; }
.rw-marquee__group { display: flex; align-items: center; gap: 64px; padding-right: 64px; }
.rw-logo { display: flex; align-items: center; gap: 10px; height: 44px; color: #1b2233; font-weight: 700; font-size: 19px; letter-spacing: -0.02em; opacity: 0.55; filter: grayscale(1); transition: opacity 0.3s, filter 0.3s; white-space: nowrap; }
.rw-logo:hover { opacity: 1; filter: none; }
.rw-logo img { height: 34px; width: auto; }
.rw-logo--serif { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 21px; }
@keyframes rw-marquee { to { transform: translateX(-50%); } }

/* --- Services ----------------------------------------------------------- */

.rw-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.rw-svc { position: relative; display: flex; flex-direction: column; border-radius: 28px; padding: 40px 40px 0; overflow: hidden; min-height: 560px; isolation: isolate; }
.rw-svc h3 { font-size: clamp(26px, 2.6vw, 34px); letter-spacing: -0.03em; line-height: 1.1; font-weight: 600; margin: 18px 0 12px; }
.rw-svc p { margin: 0 0 22px; font-size: 17px; line-height: 1.6; max-width: 480px; }
.rw-svc__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.rw-svc__icon { width: 52px; height: 52px; border-radius: 16px; display: grid; place-items: center; }
.rw-svc__icon svg { width: 26px; height: 26px; }
.rw-svc__price { font-size: 14px; font-weight: 600; padding: 8px 14px; border-radius: 999px; }
.rw-svc .rw-link { margin-top: 22px; }
.rw-svc__media { position: relative; margin-top: auto; height: 230px; }
.rw-svc--web { background: linear-gradient(160deg, #e9fbf8 0%, #eef0ff 100%); color: var(--rw-text); }
.rw-svc--web .rw-svc__icon { background: #fff; color: var(--rw-teal-d); box-shadow: var(--rw-shadow-sm); }
.rw-svc--web .rw-svc__price { background: #fff; color: var(--rw-teal-d); }
.rw-svc--web h3 { color: var(--rw-ink); }
.rw-svc--web p { color: var(--rw-muted); }
.rw-svc--seo { background: var(--rw-ink-2); color: rgba(255, 255, 255, 0.72); }
.rw-svc--seo::before { content: ""; position: absolute; z-index: -1; width: 460px; height: 460px; right: -140px; top: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(124, 58, 237, 0.55), transparent 65%); }
.rw-svc--seo h3 { color: #fff; }
.rw-svc--seo .rw-svc__icon { background: rgba(255, 255, 255, 0.08); color: #a5b4fc; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); }
.rw-svc--seo .rw-svc__price { background: rgba(255, 255, 255, 0.08); color: #c7d2fe; }
.rw-svc--seo .rw-tags li { background: rgba(255, 255, 255, 0.08); color: #c7d2fe; }
.rw-svc--seo .rw-link { color: #a5b4fc; }

/* Visuel « création » : un écran et un téléphone qui se chevauchent. */
.rw-stack__desk { position: absolute; left: 0; right: 70px; bottom: -14px; border-radius: 14px 14px 0 0; overflow: hidden; box-shadow: var(--rw-shadow); transition: transform 0.6s var(--rw-ease); }
.rw-stack__desk img { display: block; width: 100%; height: auto; }
.rw-stack__mob { position: absolute; right: 0; bottom: -40px; width: 130px; border-radius: 22px; padding: 6px; background: #0b0f19; box-shadow: var(--rw-shadow); transition: transform 0.6s var(--rw-ease); }
.rw-stack__mob img { display: block; width: 100%; border-radius: 17px; }
.rw-svc--web:hover .rw-stack__desk { transform: translateY(-8px); }
.rw-svc--web:hover .rw-stack__mob { transform: translateY(-16px) rotate(-2deg); }

/* Visuel « SEO » : une page de résultats où votre site monte en tête. */
.rw-serp { position: absolute; left: 0; right: 0; bottom: 0; border-radius: 18px 18px 0 0; background: #fff; padding: 18px 20px 0; box-shadow: var(--rw-shadow); color: var(--rw-ink); }
.rw-serp__bar { display: flex; align-items: center; gap: 10px; height: 40px; padding: 0 16px; border-radius: 999px; box-shadow: inset 0 0 0 1px #e3e7ef; font-size: 14px; color: #3b4357; }
.rw-serp__bar b { font-weight: 800; background: var(--rw-grad); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 17px; }
.rw-serp__list { position: relative; height: 162px; margin-top: 12px; }
.rw-serp__item { position: absolute; left: 0; right: 0; height: 46px; display: flex; align-items: center; gap: 12px; padding: 0 12px; border-radius: 12px; transition: top 1.1s var(--rw-ease), background-color 0.6s, box-shadow 0.6s; }
.rw-serp__item i { width: 26px; height: 26px; border-radius: 8px; background: #eef1f6; flex: none; }
.rw-serp__item span { display: block; height: 9px; border-radius: 5px; background: #e6e9f0; }
.rw-serp__item span + span { margin-top: 6px; width: 60%; height: 7px; background: #f0f2f6; }
.rw-serp__item div { flex: 1; }
.rw-serp__item:nth-child(1) { top: 0; }
.rw-serp__item:nth-child(2) { top: 52px; }
.rw-serp__item:nth-child(3) { top: 104px; }
.rw-serp__item--you { top: 104px; }
.rw-serp__item--you i { background: var(--rw-grad); }
.rw-serp__item--you strong { font-size: 14px; color: var(--rw-indigo); }
.rw-serp__item--you small { display: block; font-size: 12px; color: var(--rw-muted); }
.rw-serp__rank { margin-left: auto; font-weight: 800; font-size: 14px; color: var(--rw-teal-d); opacity: 0; transition: opacity 0.4s 1s; }
.rw-serp.is-up .rw-serp__item--you { top: 0; background: #f1f0ff; box-shadow: inset 0 0 0 1px rgba(79, 70, 229, 0.25); }
.rw-serp.is-up .rw-serp__item:not(.rw-serp__item--you):nth-child(1) { top: 52px; }
.rw-serp.is-up .rw-serp__item:not(.rw-serp__item--you):nth-child(2) { top: 104px; }
.rw-serp.is-up .rw-serp__rank { opacity: 1; }

.rw-minis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 24px; }
.rw-mini { display: flex; align-items: center; gap: 14px; padding: 20px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--rw-line); color: var(--rw-ink); text-decoration: none; transition: transform 0.4s var(--rw-ease), box-shadow 0.4s var(--rw-ease); }
.rw-mini:hover { color: var(--rw-ink); transform: translateY(-4px); box-shadow: inset 0 0 0 1px rgba(79, 70, 229, 0.3), var(--rw-shadow-sm); }
.rw-mini__icon { width: 44px; height: 44px; flex: none; border-radius: 13px; display: grid; place-items: center; color: #fff; }
.rw-mini__icon svg { width: 22px; height: 22px; }
.rw-mini strong { display: block; font-size: 16px; font-weight: 600; }
.rw-mini small { display: block; font-size: 13px; color: var(--rw-muted); margin-top: 2px; }
@media (max-width: 1199px) { .rw-minis { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 991px) { .rw-duo { grid-template-columns: 1fr; } .rw-svc { min-height: 520px; } }
@media (max-width: 575px) {
  .rw-svc { padding: 30px 24px 0; border-radius: 24px; min-height: 0; }
  .rw-svc__media { height: 200px; margin-top: 28px; }
  .rw-stack__mob { width: 96px; }
  .rw-minis { grid-template-columns: 1fr; }
}

/* --- Réalisations ------------------------------------------------------- */

.rw-works { background: #fff; }
.rw-bento { display: grid; grid-template-columns: repeat(6, 1fr); gap: 20px; }
.rw-work { grid-column: span 2; position: relative; display: flex; flex-direction: column; border-radius: 24px; overflow: hidden; background: var(--rw-paper); text-decoration: none; color: var(--rw-ink); transition: transform 0.5s var(--rw-ease), box-shadow 0.5s var(--rw-ease); }
.rw-work--xl { grid-column: span 3; }
.rw-work:hover { color: var(--rw-ink); transform: translateY(-6px); box-shadow: var(--rw-shadow); }
.rw-work__shot { position: relative; overflow: hidden; aspect-ratio: 16 / 10; background: #dfe3ea; }
.rw-work__shot img { display: block; width: 100%; height: auto; transition: transform 0.9s var(--rw-ease); }
.rw-work:hover .rw-work__shot img { transform: scale(1.04); }
.rw-work__shot--long img { transition: transform 6s cubic-bezier(0.45, 0, 0.25, 1); }
.rw-work:hover .rw-work__shot--long img { transform: translateY(calc(-1 * var(--rw-dist, 0px))); }
.rw-work__meta { padding: 22px 24px 24px; display: flex; flex-direction: column; gap: 10px; }
.rw-work__meta h3 { margin: 0; font-size: 21px; font-weight: 600; letter-spacing: -0.02em; color: var(--rw-ink); }
.rw-work__meta p { margin: 0; font-size: 15px; color: var(--rw-muted); }
.rw-work--xl .rw-work__meta h3 { font-size: 25px; }
.rw-badge { position: absolute; z-index: 2; top: 16px; left: 16px; padding: 7px 12px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: #fff; background: var(--rw-grad-warm); box-shadow: 0 10px 24px -10px rgba(255, 106, 77, 0.8); }
.rw-work__go { position: absolute; z-index: 2; top: 16px; right: 16px; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: var(--rw-ink); box-shadow: var(--rw-shadow-sm); transform: scale(0.6); opacity: 0; transition: transform 0.4s var(--rw-ease), opacity 0.4s; }
.rw-work__go svg { width: 20px; height: 20px; transform: rotate(-45deg); }
.rw-work:hover .rw-work__go { transform: none; opacity: 1; }
.rw-work--cta { justify-content: space-between; padding: 30px; color: #fff; background: var(--rw-grad); background-size: 140% 140%; transition: background-position 0.8s var(--rw-ease), transform 0.5s var(--rw-ease), box-shadow 0.5s; }
.rw-work--cta:hover { color: #fff; background-position: 100% 100%; }
.rw-work--cta h3 { margin: 0; color: #fff; font-size: 28px; line-height: 1.1; letter-spacing: -0.03em; font-weight: 600; }
.rw-work--cta p { margin: 12px 0 0; color: rgba(255, 255, 255, 0.85); }
.rw-work--cta .rw-btn { align-self: flex-start; margin-top: 26px; }
@media (max-width: 991px) { .rw-work, .rw-work--xl { grid-column: span 3; } }
@media (max-width: 575px) { .rw-bento { grid-template-columns: 1fr; gap: 16px; } .rw-work, .rw-work--xl { grid-column: auto; } }

/* --- Pourquoi moi ------------------------------------------------------- */

.rw-dark { background: var(--rw-ink); color: rgba(255, 255, 255, 0.72); margin: 0 15px; border-radius: 28px; overflow: hidden; isolation: isolate; }
.rw-dark::before { content: ""; position: absolute; z-index: -1; width: 700px; height: 700px; left: 50%; top: -420px; transform: translateX(-50%); background: radial-gradient(circle, rgba(79, 70, 229, 0.5), transparent 62%); }
.rw-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; border-radius: 24px; overflow: hidden; background: rgba(255, 255, 255, 0.1); }
.rw-stat { background: var(--rw-ink-2); padding: 34px 28px; }
.rw-stat b { display: block; font-size: clamp(40px, 4.4vw, 60px); line-height: 1; font-weight: 600; letter-spacing: -0.04em; background: var(--rw-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.rw-stat span { display: block; margin-top: 12px; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, 0.66); }
.rw-pillars { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 20px; }
.rw-pillar { padding: 30px; border-radius: 24px; background: rgba(255, 255, 255, 0.04); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09); transition: background-color 0.4s, transform 0.4s var(--rw-ease); }
.rw-pillar:hover { background: rgba(255, 255, 255, 0.07); transform: translateY(-4px); }
.rw-pillar svg { width: 28px; height: 28px; color: var(--rw-teal); }
.rw-pillar h3 { margin: 18px 0 8px; font-size: 20px; font-weight: 600; color: #fff; letter-spacing: -0.02em; }
.rw-pillar p { margin: 0; font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.64); }
@media (max-width: 991px) { .rw-stats { grid-template-columns: 1fr 1fr; } .rw-pillars { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .rw-dark { margin: 0 8px; border-radius: 22px; } .rw-stat { padding: 26px 20px; } }

/* --- Tarifs ------------------------------------------------------------- */

.rw-tabs { display: inline-flex; gap: 4px; padding: 5px; border-radius: 999px; background: #fff; box-shadow: inset 0 0 0 1px var(--rw-line); margin: 0 auto 40px; }
.rw-tabs__wrap { text-align: center; }
.rw-tab { min-height: 46px; padding: 0 22px; border-radius: 999px; border: 0; background: transparent; font-weight: 600; font-size: 15px; color: var(--rw-muted); cursor: pointer; transition: background-color 0.3s, color 0.3s; }
.rw-tab[aria-selected="true"] { background: var(--rw-ink); color: #fff; }
.rw-plans { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; align-items: stretch; }
.rw-plan { position: relative; display: flex; flex-direction: column; padding: 34px 30px 30px; border-radius: 26px; background: #fff; box-shadow: inset 0 0 0 1px var(--rw-line); }
.rw-plan--hot { background: linear-gradient(#fff, #fff) padding-box, var(--rw-grad) border-box; border: 2px solid transparent; box-shadow: 0 34px 70px -36px rgba(79, 70, 229, 0.55); }
.rw-plan--hot .rw-badge { top: -14px; left: 30px; }
.rw-plan h3 { margin: 0; font-size: 21px; font-weight: 600; color: var(--rw-ink); letter-spacing: -0.02em; }
.rw-plan__for { margin: 6px 0 0; font-size: 15px; color: var(--rw-muted); }
.rw-plan__price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 6px; margin: 22px 0 4px; color: var(--rw-ink); }
.rw-plan__price small { font-size: 14px; color: var(--rw-muted); font-weight: 500; }
.rw-plan__price b { font-size: 46px; line-height: 1; font-weight: 600; letter-spacing: -0.04em; }
.rw-plan__price em { font-style: normal; font-size: 15px; font-weight: 600; color: var(--rw-muted); }
.rw-plan__time { margin: 0 0 22px; font-size: 14px; font-weight: 600; color: var(--rw-teal-d); }
.rw-plan ul { list-style: none; margin: 0 0 28px; padding: 22px 0 0; border-top: 1px solid var(--rw-line); display: grid; gap: 12px; font-size: 15px; color: var(--rw-text); }
.rw-plan li { display: flex; gap: 10px; line-height: 1.45; }
.rw-plan li svg { width: 18px; height: 18px; flex: none; margin-top: 2px; color: var(--rw-teal); }
.rw-plan .rw-btn { margin-top: auto; width: 100%; }
.rw-plans__more { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 24px; margin-top: 20px; padding: 22px 28px; border-radius: 22px; background: var(--rw-ink); color: rgba(255, 255, 255, 0.75); }
.rw-plans__more strong { color: #fff; font-weight: 600; }
.rw-plans__more .rw-btn { min-height: 46px; }
.rw-plans__note { margin: 18px 0 0; text-align: center; font-size: 14px; color: var(--rw-muted); }
[role="tabpanel"][hidden] { display: none; }
.rw-js [role="tabpanel"]:not([hidden]) .rw-plan { animation: rw-enter 0.7s var(--rw-ease) both; }
.rw-js [role="tabpanel"]:not([hidden]) .rw-plan:nth-child(2) { animation-delay: 0.08s; }
.rw-js [role="tabpanel"]:not([hidden]) .rw-plan:nth-child(3) { animation-delay: 0.16s; }
@media (max-width: 991px) { .rw-plans { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; } .rw-plans__more { max-width: 520px; margin-left: auto; margin-right: auto; } }
@media (max-width: 575px) { .rw-tab { padding: 0 14px; font-size: 14px; } .rw-plan { padding: 30px 22px 24px; } }

/* --- Méthode ------------------------------------------------------------ */

.rw-steps { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; list-style: none; margin: 0; padding: 0; counter-reset: step; }
.rw-steps::before { content: ""; position: absolute; left: 28px; right: 28px; top: 27px; height: 2px; background: var(--rw-line); }
.rw-steps::after { content: ""; position: absolute; left: 28px; right: 28px; top: 27px; height: 2px; background: var(--rw-grad); transform-origin: left; transform: scaleX(0); transition: transform 1.8s var(--rw-ease) 0.2s; }
.rw-steps.is-in::after { transform: scaleX(1); }
.rw-step { position: relative; counter-increment: step; }
.rw-step__num { position: relative; z-index: 1; width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: #fff; box-shadow: inset 0 0 0 2px var(--rw-line); font-weight: 700; font-size: 18px; color: var(--rw-ink); transition: background-color 0.5s, color 0.5s, box-shadow 0.5s; transition-delay: calc(0.35s * var(--i, 0)); }
.rw-steps.is-in .rw-step__num { background: var(--rw-ink); color: #fff; box-shadow: 0 0 0 6px rgba(79, 70, 229, 0.12); }
.rw-step h3 { margin: 22px 0 8px; font-size: 19px; font-weight: 600; color: var(--rw-ink); letter-spacing: -0.02em; }
.rw-step p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--rw-muted); }
.rw-step__chip { display: inline-block; margin-top: 14px; font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px; background: #e9fbf8; color: var(--rw-teal-d); }
@media (max-width: 991px) {
  .rw-steps { grid-template-columns: 1fr 1fr; gap: 36px 24px; }
  .rw-steps::before, .rw-steps::after { display: none; }
}
@media (max-width: 575px) { .rw-steps { grid-template-columns: 1fr; } }

/* --- Témoignages -------------------------------------------------------- */

.rw-quotes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.rw-quote { display: flex; flex-direction: column; gap: 22px; margin: 0; padding: 32px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--rw-line); }
.rw-quote__stars { color: var(--rw-amber); letter-spacing: 3px; font-size: 16px; }
.rw-quote blockquote { margin: 0; font-size: 17px; line-height: 1.6; color: var(--rw-text); }
.rw-quote figcaption { margin-top: auto; display: flex; align-items: center; gap: 14px; padding-top: 20px; border-top: 1px solid var(--rw-line); }
.rw-quote figcaption img { width: 44px; height: 44px; object-fit: contain; border-radius: 12px; background: var(--rw-paper); padding: 6px; }
.rw-quote figcaption strong { display: block; color: var(--rw-ink); font-size: 16px; }
.rw-quote figcaption small { display: block; color: var(--rw-muted); font-size: 13px; }
@media (max-width: 991px) { .rw-quotes { grid-template-columns: 1fr; max-width: 640px; margin: 0 auto; } }

/* --- Partout en France -------------------------------------------------- */

.rw-france { background: #fff; }
.rw-france__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px; }
.rw-cities { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 30px 0 0; padding: 0; }
.rw-cities li a, .rw-cities li span { display: inline-block; padding: 9px 15px; border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--rw-ink); background: var(--rw-paper); text-decoration: none; transition: background-color 0.3s, color 0.3s; }
.rw-cities li a:hover { background: var(--rw-ink); color: #fff; }
.rw-map { position: relative; max-width: 520px; margin: 0 auto; }
.rw-map svg { display: block; width: 100%; height: auto; overflow: visible; }
.rw-map__land { fill: url(#rw-map-grad); stroke: rgba(79, 70, 229, 0.35); stroke-width: 1.2; }
.rw-map__city circle.c { fill: var(--rw-indigo); }
.rw-map__city circle.p { fill: none; stroke: var(--rw-indigo); stroke-width: 1.5; transform-box: fill-box; transform-origin: center; animation: rw-pulse 2.8s ease-out infinite; animation-delay: var(--d, 0s); }
.rw-map__city--home circle.c { fill: var(--rw-coral); }
.rw-map__city--home circle.p { stroke: var(--rw-coral); }
.rw-map__city text { font-size: 11px; font-weight: 600; fill: var(--rw-ink); }
@keyframes rw-pulse { 0% { transform: scale(0.6); opacity: 0.9; } 100% { transform: scale(2.6); opacity: 0; } }
@media (max-width: 991px) { .rw-france__grid { grid-template-columns: 1fr; gap: 40px; } }

/* --- Ressources --------------------------------------------------------- */

.rw-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.rw-post { display: flex; flex-direction: column; gap: 14px; padding: 30px; border-radius: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--rw-line); text-decoration: none; color: var(--rw-ink); transition: transform 0.4s var(--rw-ease), box-shadow 0.4s var(--rw-ease); }
.rw-post:hover { color: var(--rw-ink); transform: translateY(-5px); box-shadow: inset 0 0 0 1px rgba(79, 70, 229, 0.25), var(--rw-shadow-sm); }
.rw-post__cat { align-self: flex-start; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 6px 11px; border-radius: 999px; background: #e9fbf8; color: var(--rw-teal-d); }
.rw-post h3 { margin: 0; font-size: 20px; line-height: 1.3; font-weight: 600; letter-spacing: -0.02em; color: var(--rw-ink); }
.rw-post p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--rw-muted); }
.rw-post .rw-link { margin-top: auto; }
@media (max-width: 991px) { .rw-posts { grid-template-columns: 1fr; max-width: 640px; margin: 0 auto; } }

/* --- FAQ ---------------------------------------------------------------- */

.rw-faq { max-width: 860px; margin: 0 auto; display: grid; gap: 12px; }
.rw-faq details { border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--rw-line); transition: box-shadow 0.3s; }
.rw-faq details[open] { box-shadow: inset 0 0 0 1px rgba(79, 70, 229, 0.3), var(--rw-shadow-sm); }
.rw-faq summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 22px 26px; font-size: 18px; font-weight: 600; color: var(--rw-ink); }
.rw-faq summary::-webkit-details-marker { display: none; }
.rw-faq summary::after { content: ""; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--rw-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2.4' stroke-linecap='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E") center / 16px no-repeat; transition: transform 0.35s var(--rw-ease); }
.rw-faq details[open] summary::after { transform: rotate(45deg); }
.rw-faq__a { padding: 0 26px 24px; font-size: 16px; line-height: 1.7; color: var(--rw-muted); }
.rw-faq__a p { margin: 0; }
.rw-faq__a a { color: var(--rw-indigo); font-weight: 600; }
@media (max-width: 575px) { .rw-faq summary { font-size: 16px; padding: 18px 20px; } .rw-faq__a { padding: 0 20px 20px; } }

/* --- Contact ------------------------------------------------------------ */

.rw-contact__box { display: grid; grid-template-columns: 0.9fr 1.1fr; border-radius: 30px; overflow: hidden; background: #fff; box-shadow: var(--rw-shadow); }
.rw-contact__side { position: relative; padding: 52px 46px; color: rgba(255, 255, 255, 0.82); background: var(--rw-grad); isolation: isolate; overflow: hidden; }
.rw-contact__side::after { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 20% 110%, rgba(10, 15, 28, 0.45), transparent 55%); }
.rw-contact__side .rw-h2 { color: #fff; font-size: clamp(30px, 3.4vw, 42px); }
.rw-contact__side p { margin: 18px 0 0; font-size: 17px; line-height: 1.6; color: rgba(255, 255, 255, 0.88); }
.rw-contact__list { list-style: none; margin: 34px 0 0; padding: 0; display: grid; gap: 12px; }
.rw-contact__list a, .rw-contact__list span { display: inline-flex; align-items: center; gap: 12px; color: #fff; font-weight: 600; text-decoration: none; }
.rw-contact__list svg { width: 20px; height: 20px; }
.rw-contact__me { display: flex; align-items: center; gap: 14px; margin-top: 40px; padding-top: 26px; border-top: 1px solid rgba(255, 255, 255, 0.25); }
.rw-contact__me img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.35); }
.rw-contact__me strong { display: block; color: #fff; }
.rw-contact__me small { display: block; color: rgba(255, 255, 255, 0.8); }
.rw-form { padding: 46px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; align-content: start; }
.rw-field { display: grid; gap: 7px; }
.rw-field--full { grid-column: 1 / -1; }
.rw-field label { font-size: 14px; font-weight: 600; color: var(--rw-ink); }
.rw-field input, .rw-field textarea, .rw-field select { width: 100%; border: 0; border-radius: 14px; padding: 14px 16px; font: inherit; font-size: 16px; color: var(--rw-ink); background: var(--rw-paper); box-shadow: inset 0 0 0 1px transparent; transition: box-shadow 0.25s, background-color 0.25s; }
.rw-field textarea { min-height: 130px; resize: vertical; }
.rw-field input:focus, .rw-field textarea:focus, .rw-field select:focus { outline: none; background: #fff; box-shadow: inset 0 0 0 2px var(--rw-indigo); }
.rw-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.rw-chips label { position: relative; cursor: pointer; }
.rw-chips input { position: absolute; opacity: 0; pointer-events: none; }
.rw-chips span { display: inline-block; padding: 9px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--rw-text); background: var(--rw-paper); transition: background-color 0.25s, color 0.25s; }
.rw-chips input:checked + span { background: var(--rw-ink); color: #fff; }
.rw-chips input:focus-visible + span { outline: 3px solid var(--rw-teal); outline-offset: 2px; }
.rw-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; overflow: hidden; }
.rw-form__foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 20px; margin-top: 6px; }
.rw-form__status { margin: 0; font-size: 15px; font-weight: 600; }
.rw-form__status.is-ok { color: var(--rw-teal-d); }
.rw-form__status.is-ko { color: #d1343a; }
.rw-form__legal { grid-column: 1 / -1; margin: 0; font-size: 13px; color: var(--rw-muted); }
@media (max-width: 991px) { .rw-contact__box { grid-template-columns: 1fr; } }
@media (max-width: 575px) {
  .rw-contact__side { padding: 38px 24px; }
  .rw-form { padding: 30px 22px; grid-template-columns: 1fr; }
  .rw-contact__box { border-radius: 24px; }
}

/* --- Page Tarifs -------------------------------------------------------- */

.rw-page-hero { position: relative; margin: 0 15px; border-radius: 28px; overflow: hidden; background: var(--rw-ink); color: #fff; isolation: isolate; padding: 150px 0 80px; }
.rw-page-hero .rw-hero__title { max-width: 820px; font-size: clamp(34px, 4.4vw, 58px); }
.rw-page-hero .rw-hero__lead { max-width: 640px; }
.rw-crumbs { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; padding: 0; font-size: 14px; color: rgba(255, 255, 255, 0.6); }
.rw-crumbs a { color: rgba(255, 255, 255, 0.8); text-decoration: none; }
.rw-crumbs li + li::before { content: "/"; margin-right: 8px; opacity: 0.5; }
.rw-table-wrap { overflow-x: auto; border-radius: 22px; box-shadow: inset 0 0 0 1px var(--rw-line); background: #fff; }
.rw-table { width: 100%; min-width: 640px; border-collapse: collapse; font-size: 15px; }
.rw-table th, .rw-table td { padding: 16px 20px; text-align: left; border-bottom: 1px solid var(--rw-line); }
.rw-table thead th { font-size: 14px; color: var(--rw-muted); font-weight: 600; background: var(--rw-paper); }
.rw-table tbody th { font-weight: 600; color: var(--rw-ink); }
.rw-table tr:last-child th, .rw-table tr:last-child td { border-bottom: 0; }
@media (max-width: 575px) { .rw-page-hero { margin: 0 8px; border-radius: 22px; padding: 120px 0 56px; } }


/* Correctifs : hauteur des images, logo clair, citations sans habillage du thème. */
:where([class^="rw-"], [class*=" rw-"]) img { height: auto; }
.rw-white { background: #fff; }
.rw-logo--dark img { filter: brightness(0); }
.rw-quote blockquote { padding: 0; border: 0; background: none; border-radius: 0; font-style: normal; font-weight: 400; }
.rw-quote blockquote::before, .rw-quote blockquote::after { content: none; display: none; }
.rw-quote figcaption img { width: auto; max-width: 96px; height: 30px; object-fit: contain; border-radius: 0; background: none; padding: 0; }
.rw-quote figcaption img.rw-quote__icon { width: 40px; height: 40px; padding: 7px; border-radius: 10px; background: #0c1e21; }
.rw-stack__mob img { height: 236px; object-fit: cover; object-position: top; }
.rw-stack__mob { bottom: -64px; width: 120px; }
.rw-map { max-width: 560px; width: 100%; }
.rw-map__city text { font-size: 13px; font-weight: 700; paint-order: stroke; stroke: #fff; stroke-width: 3px; stroke-linejoin: round; }


/* Vitrine du héros : plusieurs réalisations qui se succèdent dans le navigateur et le téléphone. */
.rw-reel { position: relative; }
.rw-reel img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: top; opacity: 0; transform: scale(1.05); transition: opacity 0.9s var(--rw-ease), transform 5.5s linear; }
.rw-reel img.is-on { opacity: 1; transform: scale(1); }
.rw-reel--phone { aspect-ratio: 390 / 844; border-radius: 20px; overflow: hidden; }
.rw-reel--phone img { border-radius: 20px; }
.rw-browser__url { transition: opacity 0.4s; }
.rw-browser__url.is-swap { opacity: 0; }

/* Points de la vitrine : un par réalisation, cliquables. */
.rw-hv--dots { left: 2px; top: 2px; display: flex; align-items: center; gap: 6px; z-index: 3; }
.rw-dot-btn { width: 8px; height: 8px; padding: 0; border: 0; border-radius: 999px; background: rgba(255, 255, 255, 0.32); cursor: pointer; transition: width 0.35s var(--rw-ease), background-color 0.35s; }
.rw-dot-btn:hover { background: rgba(255, 255, 255, 0.6); }
.rw-dot-btn.is-on { width: 24px; background: linear-gradient(90deg, #0fb5a6, #8b5cf6); }
.rw-dot-btn::after { content: ""; position: absolute; inset: -8px -3px; }
.rw-dot-btn { position: relative; }
.rw-reel-count { margin-left: 8px; font-size: 12px; font-weight: 600; color: rgba(255, 255, 255, 0.6); font-variant-numeric: tabular-nums; }
.rw-reel-count b { color: #fff; }
@media (max-width: 575px) { .rw-hv--dots { top: -18px; } }

/* Pastille de score : masquée pour les sites sans mesure fiable. */
[data-reel-score] { transition: opacity 0.4s, transform 0.4s var(--rw-ease); }
[data-reel-score].is-hidden { opacity: 0; transform: translateY(8px); }

/* --- Pages intérieures : héros, fiches réalisation, tarifs ---------------- */

.rw-page-hero .rw-hero__inner { padding-top: 0; padding-bottom: 0; }
.rw-page-hero--split { padding-bottom: 70px; }
.rw-chips-row { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; margin: 28px 0 0; padding: 0; }
.rw-chips-row li { padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; color: #fff; background: rgba(255, 255, 255, 0.08); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.14); }
.rw-facts { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; border-radius: 22px; overflow: hidden; background: var(--rw-line); box-shadow: inset 0 0 0 1px var(--rw-line); }
.rw-facts div { background: #fff; padding: 22px 24px; }
.rw-facts dt { font-size: 13px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--rw-muted); }
.rw-facts dd { margin: 6px 0 0; font-size: 16px; font-weight: 600; color: var(--rw-ink); line-height: 1.4; }
.rw-scores { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 20px; }
.rw-score { display: flex; align-items: center; gap: 16px; padding: 22px; border-radius: 22px; background: #fff; box-shadow: inset 0 0 0 1px var(--rw-line); }
.rw-score .rw-ring { width: 58px; height: 58px; }
.rw-score .rw-ring svg { width: 58px; height: 58px; }
.rw-score strong { display: block; font-size: 16px; color: var(--rw-ink); }
.rw-score small { display: block; font-size: 13px; color: var(--rw-muted); }
.rw-case { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; }
.rw-case h2 { font-size: clamp(26px, 3vw, 36px); line-height: 1.12; letter-spacing: -0.03em; font-weight: 600; color: var(--rw-ink); margin: 0 0 16px; }
.rw-case p { font-size: 17px; line-height: 1.7; color: var(--rw-muted); margin: 0 0 16px; }
.rw-case p a { color: var(--rw-indigo); font-weight: 600; }
.rw-feats { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.rw-feats li { display: flex; gap: 14px; padding: 18px 20px; border-radius: 18px; background: #fff; box-shadow: inset 0 0 0 1px var(--rw-line); font-size: 16px; line-height: 1.55; color: var(--rw-text); }
.rw-feats li svg { flex: none; width: 22px; height: 22px; margin-top: 1px; color: var(--rw-teal); }
.rw-feats li strong { display: block; margin-bottom: 2px; color: var(--rw-ink); }
.rw-gallery { display: grid; grid-template-columns: 1fr 260px; gap: 20px; align-items: end; }
.rw-gallery figure { margin: 0; border-radius: 22px; overflow: hidden; box-shadow: var(--rw-shadow); background: #fff; }
.rw-gallery img { display: block; width: 100%; }
.rw-gallery figure.rw-gallery__mob { border-radius: 30px; padding: 8px; background: #0b0f19; }
.rw-gallery figure.rw-gallery__mob img { border-radius: 23px; }
.rw-cta-band { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; padding: 48px; border-radius: 30px; color: #fff; background: var(--rw-grad); overflow: hidden; isolation: isolate; }
.rw-cta-band::after { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(circle at 10% 120%, rgba(10, 15, 28, 0.4), transparent 55%); }
.rw-cta-band h2 { margin: 0; color: #fff; font-size: clamp(26px, 3.2vw, 40px); line-height: 1.1; letter-spacing: -0.03em; font-weight: 600; max-width: 640px; }
.rw-cta-band p { margin: 10px 0 0; color: rgba(255, 255, 255, 0.85); font-size: 17px; }
.rw-others { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.rw-other { border-radius: 20px; overflow: hidden; background: #fff; box-shadow: inset 0 0 0 1px var(--rw-line); }
.rw-other img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: top; }
.rw-other div { padding: 16px 18px 18px; }
.rw-other strong { display: block; font-size: 16px; color: var(--rw-ink); }
.rw-other small { display: block; margin-top: 3px; font-size: 14px; color: var(--rw-muted); }
.rw-plan-section + .rw-plan-section { padding-top: 0; }
.rw-table td.yes, .rw-table td.no { text-align: center; }
.rw-table td.yes svg { width: 20px; height: 20px; color: var(--rw-teal); }
.rw-table td.no { color: #b4bac7; }
.rw-table thead th.hot { color: var(--rw-indigo); }
@media (max-width: 1199px) { .rw-facts { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 991px) {
  .rw-case { grid-template-columns: 1fr; gap: 36px; }
  .rw-scores { grid-template-columns: 1fr 1fr; }
  .rw-others { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 575px) {
  .rw-facts { grid-template-columns: 1fr 1fr; }
  .rw-scores { grid-template-columns: 1fr; }
  .rw-gallery { grid-template-columns: 1fr; }
  .rw-gallery figure.rw-gallery__mob { max-width: 240px; margin: 0 auto; }
  .rw-cta-band { padding: 34px 24px; border-radius: 24px; }
  .rw-others { grid-template-columns: 1fr; }
}


/* --- Héros automatique des pages intérieures ------------------------------ */

.rw-hero__title--page { font-size: clamp(30px, 3.6vw, 50px); line-height: 1.06; }
.rw-hero__inner--solo { grid-template-columns: minmax(0, 1fr); max-width: 980px; margin-left: 0; }
.rw-auto .rw-hero__lead { font-size: 17px; }
.rw-cta-band__btns { display: flex; flex-wrap: wrap; gap: 12px; }
.rw-auto-cta { padding: 90px 0; }
.site-main .h9-service .sec-heading p, .site-main .h9-service .sec-heading .desc, .site-main .h9-service .sec-desc { color: rgba(255, 255, 255, 0.72) !important; }

/* --- Thème des pages intérieures : couleurs et cartes harmonisées ---------- */

:root {
  --tj-color-theme-dark: #0a0f1c;
  --tj-color-theme-dark-2: #111a2e;
  --tj-color-theme-dark-3: #1a2440;
  --tj-color-theme-bg: #e9ecfb;
  --tj-color-theme-bg-2: #dfe3f7;
}
.site-main .sec-heading .sub-title, .site-main .sec-heading-wrap .sub-title { border: 0 !important; padding: 0 !important; background: none !important; color: var(--rw-indigo) !important; font-size: 13px; font-weight: 700; letter-spacing: 0.14em; }
.site-main .sec-heading .sub-title i, .site-main .sec-heading-wrap .sub-title i { color: var(--rw-teal) !important; }
.site-main .sec-title { letter-spacing: -0.035em; }
.site-main .mission-vision-box, .site-main .choose-box, .site-main .service-item, .site-main .working-process-item, .site-main .process-item { border-radius: 22px !important; box-shadow: inset 0 0 0 1px var(--rw-line); transition: transform 0.45s var(--rw-ease), box-shadow 0.45s var(--rw-ease) !important; }
.site-main .mission-vision-box:hover, .site-main .service-item:hover, .site-main .working-process-item:hover, .site-main .process-item:hover { transform: translateY(-5px); box-shadow: inset 0 0 0 1px rgba(79, 70, 229, 0.25), var(--rw-shadow-sm); }
.site-main .service-content-area, .site-main .service-item.style-2, .site-main .service-item.style-4 { border-radius: 22px; }
.site-main [class*="service"] .service-icon i, .site-main .choose-icon i { background: var(--rw-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.site-main .list-items li i { color: var(--rw-teal); }
.site-main .blog-text a:not(.tj-primary-btn), .site-main .post-details-wrapper p a, .site-main .desc a, .site-main .sec-desc a { color: var(--rw-indigo); text-decoration: underline; text-decoration-color: rgba(79, 70, 229, 0.3); text-underline-offset: 3px; }
.site-main .blog-text a:not(.tj-primary-btn):hover, .site-main .desc a:hover, .site-main .sec-desc a:hover { text-decoration-color: currentColor; }
.site-main .accordion-item, .site-main .faq-item, .site-main .tj-faq .accordion-item { border-radius: 18px !important; overflow: hidden; }
.site-main .reyden-tldr { border-radius: 18px !important; }
.site-main .about-img img, .site-main .service-img img, .site-main .post-thumb img { border-radius: 22px; }
.site-main table:not(.rw-table) { border-radius: 16px; overflow: hidden; }

/* Apparition des blocs du thème au défilement (ajoutée par le script, sous la ligne de flottaison). */
.rw-js .rw-rise:not(.is-in) { opacity: 0 !important; transform: translateY(24px) !important; }
.rw-js .rw-rise { transition: opacity 0.85s var(--rw-ease), transform 0.85s var(--rw-ease) !important; }

/* Titres remontés d'un niveau pour la hiérarchie : même rendu qu'avant. */
.rw-as-h3 { font-size: var(--tj-fs-h3); line-height: 1.25; }
.rw-as-h4 { font-size: var(--tj-fs-h4); line-height: 1.333; }
.rw-as-h5 { font-size: var(--tj-fs-h5); line-height: 1.4; }
.rw-as-h6 { font-size: var(--tj-fs-h6); line-height: 1.444; }
@media (min-width: 768px) and (max-width: 991px) { .rw-as-h3 { font-size: 28px; } .rw-as-h4 { font-size: 22px; } }
@media (max-width: 767px) { .rw-as-h3 { font-size: 25px; } .rw-as-h4 { font-size: 20px; } }

.rw-facts--4 { grid-template-columns: repeat(4, 1fr); }
.rw-facts dd a { color: var(--rw-indigo); }
@media (max-width: 991px) { .rw-facts--4 { grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) { .rw-facts--4 { grid-template-columns: 1fr; } }

/* --- Mouvement réduit --------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
  .rw-blob, .rw-autoscroll, .rw-grad-text, .rw-marquee__track, .rw-bob-1, .rw-bob-2, .rw-bob-3, .rw-dot::after, .rw-map__city circle.p, .rw-enter { animation: none !important; }
  .rw-js .rw-reveal, .rw-js .rw-rise:not(.is-in) { opacity: 1 !important; transform: none !important; transition: none !important; }
  .rw-ring .rw-ring__fg { animation: none; stroke-dashoffset: var(--rw-off, 2.5); }
  .rw-steps::after { transition: none; }
  .rw-reel img { transform: none !important; transition: opacity 0.6s linear; }
}