:root{--rv-green-900:#0A2615;--rv-green-700:#0F3320;--rv-green-600:#1A4E30;--rv-green-500:#2D7A3A;--rv-green-100:#EBF5EE;--rv-gold-700:#6B5217;--rv-gold-500:#C9A24E;--rv-gold-400:#D4A843;--rv-gold-300:#FDE047;--rv-cream-100:#FFFDF8;--rv-cream-200:#F7F2E6;--rv-text-900:#18291E;--rv-text-700:#2E3F36;--rv-text-500:#4B5B53;--container-max:1200px;--container-pad-mobile:1.25rem;--container-pad-desktop:1.5rem;--fs-xs:0.875rem;--fs-sm:1rem;--fs-md:1.125rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:2rem;--fs-3xl:2.5rem;--fs-4xl:3.25rem}@media (max-width:900px){:where(body,p,li,td,span,a,label,.rv-content){font-size:max(.875rem, 1em)}:where(small,.caption,.rv-meta,time,figcaption){font-size:max(.79rem, .79em)}}:where(h1){font-size:clamp(var(--fs-3xl), 5vw, var(--fs-4xl));line-height:1.1;letter-spacing:-.025em}:where(h2){font-size:clamp(1.625rem, 3.5vw, var(--fs-2xl));line-height:1.2;letter-spacing:-.02em}:where(h3){font-size:clamp(1.25rem, 2.5vw, var(--fs-xl));line-height:1.3}:where(h4){font-size:var(--fs-lg);line-height:1.35}h3[style*="1.1rem"]{font-size:1.25rem!important}@media (min-width:1024px){.container,.hero-inner,.nav-inner,.rv-footer-grid,.rv-footer-pro>.rv-footer-grid,.rv-stats-wrap{max-width:var(--container-max)!important;margin-left:auto!important;margin-right:auto!important;padding-left:var(--container-pad-desktop);padding-right:var(--container-pad-desktop)}}[style*="color: #5A6B62"],[style*="color: #5a6b62"],[style*="color:#5A6B62"],[style*="color:#5a6b62"]{color:var(--rv-text-500)!important}@media (max-width:900px){[style*="min-width: 800px"],[style*="min-width: 801px"],[style*="min-width:800px"],[style*="min-width:801px"],[style*="width: 800px"],[style*="width: 801px"],[style*="width:800px"],[style*="width:801px"]{min-width:0!important;width:100%!important;max-width:100%!important}[style*="min-width: 240px"],[style*="min-width: 250px"],[style*="min-width:240px"],[style*="min-width:250px"]{min-width:0!important}}@media (max-width:900px){:where(a,button,[role=button],.nav-cta,.rv-tag,.bm-pill){min-height:44px}:where(p,li,span)>:where(a,button){min-height:auto}}:where(article,.rv-content,.lead-section,main section)>:where(p,li){line-height:1.75;margin-bottom:1em}:where(.stat-num,.stat-label,.rv-stat-num,.hgc-score-num,[class*="-num"],time,.price,.roi-result){font-variant-numeric:tabular-nums}@media (max-width:900px){section.section,section[class*=section]:not(.hero){padding-top:clamp(2.5rem,6vw,4rem);padding-bottom:clamp(2.5rem,6vw,4rem)}}[style*="color: #3D5449"],[style*="color:#3D5449"]{color:var(--rv-text-700)!important}[style*="color: #18291E"],[style*="color:#18291E"]{color:var(--rv-text-900)!important}[style*="color: #8B6F00"],[style*="color:#8B6F00"]{color:var(--rv-gold-700)!important}[style*="background-color: #FFFDF8"],[style*="background: #FFFDF8"],[style*="background:#FFFDF8"]{background-color:var(--rv-cream-100)!important}@media (max-width:768px){.cmp-table,.pq-compare,.rv-compare-table,table[class*=cmp],table[class*=compare]{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:normal}.cmp-table td.label,.cmp-table th:first-child,.pq-compare td:first-child,.pq-compare th:first-child{position:sticky;left:0;z-index:2;background:#fff;box-shadow:2px 0 8px rgba(0,0,0,.06);max-width:120px;word-wrap:break-word}.cmp-table tbody tr:nth-child(2n) td.label,.pq-compare tbody tr:nth-child(2n) td:first-child{background:#faf7ee}.cmp-table td.value,.pq-compare td:not(:first-child){min-width:170px}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;transition-duration:0s!important}}.bg-dark .rv-caps,.bg-dark abbr,.rv-explore-card .rv-caps,.rv-explore-card abbr,.section--dark .rv-caps,.section--dark abbr,footer .rv-caps,footer abbr,section.cta-banner .rv-caps,section.cta-banner abbr,section.rv-calendar-preview .rv-caps,section.rv-calendar-preview abbr,section.rv-outils-strip .rv-caps,section.rv-outils-strip abbr,section.rv-stats-band .rv-caps,section.rv-stats-band abbr{color:var(--rv-gold-300,#fde047)!important;-webkit-text-fill-color:var(--rv-gold-300,#FDE047)!important;opacity:1!important}html body #rv2x-drawer a.cta{background:linear-gradient(135deg,#fde047,#d4a843)!important;color:#0f3320!important;-webkit-text-fill-color:#0F3320!important;box-shadow:0 6px 20px rgba(212,168,67,.4)!important}body:not(:has(.rv-tour-tip)) .rv-tour-target{outline:0!important;animation:none!important}.rv-typo-icon i{color:#fde047!important;-webkit-text-fill-color:#FDE047!important;font-size:.85em}.rv-persona-btn .ico i{color:inherit!important;-webkit-text-fill-color:currentColor!important;font-size:.9em}html body section#processus .section-title{background:0 0!important}.page-hero>.vp-grain,.page-hero>.vp-hero-gradient,.page-hero>.vp-orb,.page-hero>.vp-particle,section.hero.rv-has-video>.rv-scroll-hint:not(.hero-video-bg):not(.hero-video-overlay),section.hero.rv-has-video>.rv-scroll-indicator:not(.hero-video-bg):not(.hero-video-overlay),section.hero.rv-has-video>.vp-grain:not(.hero-video-bg):not(.hero-video-overlay),section.hero.rv-has-video>.vp-hero-gradient:not(.hero-video-bg):not(.hero-video-overlay),section.hero.rv-has-video>.vp-particle:not(.hero-video-bg):not(.hero-video-overlay),section.hero>.rv-scroll-hint,section.hero>.rv-scroll-indicator,section.hero>.vp-grain,section.hero>.vp-hero-gradient,section.hero>.vp-orb,section.hero>.vp-particle{position:absolute!important}html body .rv-marquee-wrap:not(#_x),html body .trust-bar:not(#_x),html body .trust-ticker:not(#_x),html body section.rv-marquee:not(#_x){max-width:100%!important;overflow-x:clip!important}section.hero .hero-badge{background:rgba(10,31,20,.55)!important;border:1px solid rgba(253,224,71,.45)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}section.hero .hero-badge,section.hero .hero-badge *{color:#fde047!important;-webkit-text-fill-color:#FDE047!important;text-shadow:none!important}html body section.hero a.btn-hero-secondary:not(#_x):not(#_y),html body section.hero a.btn-hero-secondary:not(#_x):not(#_y) *{color:#fffdf8!important;-webkit-text-fill-color:#FFFDF8!important;text-decoration-color:rgba(253,224,71,0.7)!important;text-shadow:0 1px 3px rgba(7,21,12,.6)}html body section.hero .rv-scroll-cue-label:not(#_x),html body section.hero .rv-scroll-cue-label:not(#_x) *,html body section.hero .stat-label:not(#_x),html body section.hero .stat-label:not(#_x) *{color:rgba(255,253,248,.88)!important;-webkit-text-fill-color:rgba(255,253,248,0.88)!important}html body .rv-wordmark-vert:not(#_x){color:#8b6f1f!important;-webkit-text-fill-color:#8B6F1F!important}html body .rv-story-title em:not(#_x),html body h2.section-title em:not(#_x){color:#8b6f1f!important;-webkit-text-fill-color:#8B6F1F!important}html body .rv-tl2-when:not(#_x){color:#6b5217!important;-webkit-text-fill-color:#6B5217!important}html body .rv-tl2-cta-btn:not(#_x){color:#6b5217!important;-webkit-text-fill-color:#6B5217!important}html body .rv-tl2-tag:not(#_x){background:linear-gradient(135deg,#1a4e30,#14422a)!important;color:#f5f2ea!important;-webkit-text-fill-color:#F5F2EA!important;border:1px solid rgba(212,168,67,.35)!important;border-radius:999px}html body .rv-tl2-tag:not(#_x) span:not(.rv-caps):not(.rv-abbr){color:#f5f2ea!important;-webkit-text-fill-color:#F5F2EA!important}.lead-mockup,.rv-cal-item,.rv-explore-card,.rv-outil-card,.rv-stat-card,.rv-tl2-item,.rv-typo-card{transition:transform 280ms cubic-bezier(.16, 1, .3, 1),box-shadow 280ms cubic-bezier(.16, 1, .3, 1)}@media (hover:hover) and (prefers-reduced-motion:no-preference){.rv-cal-item:hover,.rv-outil-card:hover,.rv-stat-card:hover,.rv-tl2-item:hover,.rv-typo-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px -8px rgba(26,78,48,.18),0 12px 32px -10px rgba(212,168,67,.2)}.rv-explore-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px -10px rgba(7,21,12,.55),0 12px 32px -10px rgba(212,168,67,.25)!important}}html body .btn span:not([class]),html body a span:not([class]),html body button span:not([class]){color:inherit!important;-webkit-text-fill-color:inherit!important}html body .bm-card-read:not(#_x){color:#6b5217!important;-webkit-text-fill-color:#6B5217!important}html body .rv-cookies-bar a:not(.btn):not(#_x),html body .rv-cookies-bar__text a:not(#_x){color:#e0b964!important;-webkit-text-fill-color:#E0B964!important}html body .gloss-alpha a:not(#_x){color:#e0b964!important;-webkit-text-fill-color:#E0B964!important}html body .gloss-alpha a.is-empty:not(#_x){color:rgba(224,185,100,.4)!important;-webkit-text-fill-color:rgba(224,185,100,0.4)!important}html body .rv-wizard-step-num:not(#_x){color:#6b5217!important;-webkit-text-fill-color:#6B5217!important}html body .cmp-title em:not(#_x),html body .md-result-hero h1 em:not(#_x),html body .pq-title em:not(#_x),html body .pq-when-title em:not(#_x),html body .rv-roi-title em:not(#_x),html body .rv-tool-hero h1 em:not(#_x){color:#8b6f1f!important;-webkit-text-fill-color:#8B6F1F!important}html body .rv-text-emerald-bold:not(#_x),html body a.rv-text-emerald-bold:not(#_x){color:#1a4e30!important;-webkit-text-fill-color:#1A4E30!important}html body .rv-author-stat-val:not(#_x){color:#8b6f1f!important;-webkit-text-fill-color:#8B6F1F!important;background:0 0!important}html body .cal-date small:not(#_x),html body .text-small:not(#_x),html body small:not(#_x){color:#5a6b62!important;-webkit-text-fill-color:#5A6B62!important}html body .bg-dark small,html body .rv-footer-pro small,html body .section--dark small,html body [class*=hero] small,html body footer small{color:rgba(255,253,248,.78)!important;-webkit-text-fill-color:rgba(255,253,248,0.78)!important}html body th .rv-abbr:not(#_x),html body th .rv-caps:not(#_x),html body thead .rv-abbr:not(#_x),html body thead .rv-caps:not(#_x){color:#fde047!important;-webkit-text-fill-color:#FDE047!important}html body .rv-text-emerald:not(.rv-text-emerald-bold):not(#_x),html body a.rv-text-emerald:not(.rv-text-emerald-bold):not(#_x){color:#1a4e30!important;-webkit-text-fill-color:#1A4E30!important}html body .ar-presets button.is-active:not(#_x){background:#1a4e30!important;color:#fffdf8!important;-webkit-text-fill-color:#FFFDF8!important}html body .ln-topbar .ln-nav-item span:not(#_x),html body .ln-topbar .ln-nav-item:not(#_x),html body .ln-topbar-nav span:not(#_x){color:rgba(255,253,248,.82)!important;-webkit-text-fill-color:rgba(255,253,248,0.82)!important}html body section.rv-sources-strip:not(#_x){padding-top:clamp(1.4rem,2.6vw,2.1rem)!important;padding-bottom:clamp(1.4rem,2.6vw,2.1rem)!important;background:linear-gradient(180deg,#fffdf8 0,#fbf6ea 100%)!important;border-top:1px solid rgba(212,168,67,.16)!important;border-bottom:1px solid rgba(212,168,67,.16)!important;color:#5a6b62!important}html body .rv-sources-title:not(#_x){margin-bottom:.85rem!important}html body .rv-source-pill:not(#_x){background:#fffdf8!important;border:1px solid rgba(212,168,67,.3)!important;color:#1a4e30!important;box-shadow:0 1px 4px rgba(212,168,67,.1)!important;transition:transform .28s cubic-bezier(.16, 1, .3, 1),box-shadow .28s cubic-bezier(.16, 1, .3, 1),border-color .28s ease!important}@media (hover:hover) and (prefers-reduced-motion:no-preference){html body .rv-source-pill:not(#_x):hover{transform:translateY(-3px);box-shadow:0 8px 20px -6px rgba(212,168,67,.38)!important;border-color:rgba(212,168,67,.55)!important}}html body section.rv-marquee:not(#_x){padding-top:clamp(1.4rem,2.8vw,2.4rem)!important;padding-bottom:clamp(1.4rem,2.8vw,2.4rem)!important}html body .trust-bar:not(#_x){background:linear-gradient(180deg,rgba(250,238,212,.42),rgba(255,253,248,.6))!important}html body section.rv-refs:not(#_x){padding:clamp(2rem,4vw,3.25rem) clamp(1rem,4vw,2rem)!important;background:linear-gradient(180deg,#fffdf8 0,#fbf6ea 100%)!important;border-top:1px solid rgba(212,168,67,.16)!important;border-bottom:1px solid rgba(212,168,67,.16)!important}.rv-refs-inner{max-width:880px;margin:0 auto;text-align:center}.rv-refs-lead{font-family:Fraunces,Georgia,serif;font-size:clamp(1.05rem, 1.5vw, 1.3rem);line-height:1.5;color:#2e3f36;margin:0 auto 1.4rem;max-width:56ch;text-wrap:balance}.rv-refs-lead strong{color:#1a4e30;font-weight:600}.rv-refs-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1.6rem}.rv-refs-list li{font-family:Inter,system-ui,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#6b5217;position:relative;white-space:nowrap}.rv-refs-list li+li::before{content:"";position:absolute;left:-.83rem;top:50%;width:4px;height:4px;border-radius:50%;background:rgba(212,168,67,.6);transform:translateY(-50%)}@media (max-width:600px){.rv-refs-list{gap:.55rem 1.1rem}.rv-refs-list li{font-size:.72rem;letter-spacing:.1em}.rv-refs-list li+li::before{display:none}}html body .trust-ticker:not(#_x){animation:none!important;transform:none!important;white-space:normal!important;overflow:visible!important;display:flex!important;justify-content:center!important}html body .trust-ticker-inner[aria-hidden=true]{display:none!important}html body .trust-ticker-inner:not([aria-hidden]):not(#_x){animation:none!important;transform:none!important;display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:.6rem 2rem!important;max-width:1140px!important;width:100%!important;margin:0 auto!important}html body .trust-bar:not(#_x){padding-top:clamp(1rem,2vw,1.4rem)!important;padding-bottom:clamp(1rem,2vw,1.4rem)!important}html body #pourquoi .card:not(#_x){background:linear-gradient(180deg,#fff 0,#fffcf4 100%)!important;border:1px solid rgba(212,168,67,.22)!important;box-shadow:0 4px 18px rgba(26,78,48,.05)!important;transition:transform .34s cubic-bezier(.16, 1, .3, 1),box-shadow .34s cubic-bezier(.16, 1, .3, 1),border-color .34s ease!important;will-change:transform}@media (hover:hover) and (prefers-reduced-motion:no-preference){html body #pourquoi .card:not(#_x):hover{transform:translateY(-4px)!important;border-color:rgba(212,168,67,.5)!important;box-shadow:0 18px 40px -14px rgba(26,78,48,.2),0 10px 26px -12px rgba(212,168,67,.3)!important}html body #pourquoi .card .rv-3d-icon-wrap{transition:transform .34s cubic-bezier(.16, 1, .3, 1),box-shadow .34s cubic-bezier(.16, 1, .3, 1)!important}html body #pourquoi .card:hover .rv-3d-icon-wrap{transform:translateY(-3px) scale(1.07)!important}html body #pourquoi .card .highlight-num{transition:border-color .34s ease,box-shadow .34s ease!important}html body #pourquoi .card:hover .highlight-num{border-color:rgba(253,224,71,.8)!important;box-shadow:0 0 0 1px rgba(253,224,71,.25),0 4px 12px -4px rgba(212,168,67,.4)!important}}html body #pourquoi .card:not(#_x):active{transform:translateY(-2px) scale(.992)!important}html body #pourquoi .card p:not(#_x){line-height:1.62!important;color:#2e3f36!important}@media (prefers-reduced-motion:no-preference){html body #pourquoi .grid-3>.card{transition-delay:0s}html body #pourquoi .grid-3>.card:first-child{transition-delay:40ms}html body #pourquoi .grid-3>.card:nth-child(2){transition-delay:0.10s}html body #pourquoi .grid-3>.card:nth-child(3){transition-delay:0.16s}html body #pourquoi .grid-3>.card:nth-child(4){transition-delay:0.10s}html body #pourquoi .grid-3>.card:nth-child(5){transition-delay:0.16s}html body #pourquoi .grid-3>.card:nth-child(6){transition-delay:0.22s}}html body #pourquoi .highlight-num.rv-stat-chip:not(#_x){background:linear-gradient(135deg,#fffdf8,#fbf3de)!important;border:1px solid rgba(212,168,67,.55)!important;color:#1a4e30!important;-webkit-text-fill-color:#1A4E30!important;box-shadow:0 2px 8px -3px rgba(212,168,67,.3)!important}html body #pourquoi .highlight-num.rv-stat-chip:not(#_x)::before{background:#1a4e30!important;box-shadow:0 0 0 2px rgba(26,78,48,.12)!important}@media (hover:hover) and (prefers-reduced-motion:no-preference){html body #pourquoi .card:hover .highlight-num.rv-stat-chip{border-color:rgba(212,168,67,.8)!important;box-shadow:0 4px 14px -4px rgba(212,168,67,.45)!important}}html body #pourquoi .rv-card-head:not(#_x){display:flex!important;align-items:center!important;gap:13px!important;margin-bottom:20px!important}html body #pourquoi .rv-card-head .card-icon:not(#_x){margin:0!important;display:inline-flex!important;align-items:center!important;line-height:0!important;flex:0 0 auto!important}html body #pourquoi .rv-card-head .rv-3d-icon-wrap:not(#_x){margin:0!important}html body #pourquoi .rv-card-head .highlight-num:not(#_x){margin:0!important;flex:0 0 auto!important}html body #pourquoi .card:not(#_x){border-radius:18px!important;padding:30px 30px 32px!important;box-shadow:0 1px 2px rgba(26,78,48,.04),0 10px 28px -10px rgba(26,78,48,.1)!important}@media (hover:hover) and (prefers-reduced-motion:no-preference){html body #pourquoi .card:not(#_x):hover{box-shadow:0 2px 4px rgba(26,78,48,.05),0 22px 48px -16px rgba(26,78,48,.2),0 12px 28px -14px rgba(212,168,67,.28)!important}}html body #pourquoi .card h3:not(#_x){font-size:1.36rem!important;line-height:1.22!important;letter-spacing:-.01em!important;margin:0 0 9px!important;color:#1a4e30!important}html body #pourquoi .card p:not(#_x){font-size:.96rem!important;line-height:1.62!important;color:#2e3f36!important;margin-bottom:0!important;max-width:34ch!important}html body .rv-leadmagnet-features li:not(#_x),html body .rv-lm-bullets li:not(#_x),html body .rv-story-axis-content .rv-story-bullets li:not(#_x),html body .service-body li:not(#_x),html body .service-card .service-body li:not(#_x),html body .tarif-features li:not(#_x){display:flex!important;align-items:baseline!important;gap:11px!important;padding-left:0!important;position:relative!important}html body .rv-leadmagnet-features li::before,html body .rv-lm-bullets li::before,html body .rv-story-axis-content .rv-story-bullets li::before,html body .service-body li::before,html body .service-card .service-body li::before,html body .tarif-features li::before{content:"\f06c"!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;-webkit-font-smoothing:antialiased!important;position:static!important;flex:0 0 auto!important;display:inline-block!important;background:0 0!important;background-color:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:auto!important;height:auto!important;min-width:0!important;color:#2d7a3a!important;-webkit-text-fill-color:#2D7A3A!important;font-size:.8em!important;line-height:1!important;left:auto!important;top:auto!important;right:auto!important;margin:0!important;transform:translateY(.04em) rotate(6deg)!important}html body .rv-3d-icon-wrap:not(#_a):not(#_b){background:linear-gradient(150deg,#1a4e30 0,#143e26 100%)!important;box-shadow:0 6px 16px -7px rgba(26,78,48,.34)!important}html body .rv-icon-gold-text:not(#_a):not(#_b),html body [class*=rv-3d-fa]:not(.rv-3d-fa-xxl):not(#_a):not(#_b){background:linear-gradient(160deg,#e6c46a 0,#c9a24e 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;filter:drop-shadow(0 1px 1px rgba(13, 42, 26, .22))!important}html body .bm-card:not(#_x),html body .card:not(#_x),html body .rv-outil-card:not(#_x),html body .rv-stat-card:not(#_x),html body .rv-typo-card:not(#_x),html body .service-card:not(#_x),html body .tarif-card:not(#_x){box-shadow:0 1px 2px rgba(26,78,48,.04),0 12px 28px -14px rgba(26,78,48,.12)!important}html body .bm-card:not(#_x),html body .card:not(#_x),html body .rv-outil-card:not(#_x),html body .rv-stat-card:not(#_x),html body .rv-typo-card:not(#_x),html body .tarif-card:not(#_x){border-radius:18px!important}html body .rv-abbr:not(#_x),html body .rv-caps:not(#_x),html body abbr:not(#_x){text-decoration-color:rgba(107,82,23,0.22)!important;text-decoration-thickness:1px!important;text-underline-offset:2px!important}html body .rv-outils-sub:not(#_x),html body .rv-stats-sub:not(#_x),html body .section-sub:not(#_x){font-size:clamp(1rem, .96rem + .2vw, 1.12rem)!important;line-height:1.6!important;color:#3d5449!important;max-width:58ch!important;margin-left:auto!important;margin-right:auto!important}html body section.section:not(.hero):not(.page-hero):not(#_x){padding-block:clamp(3.5rem,6vw,5.5rem)!important}html body .rv-cursor,html body .rv-cursor-dot,html body .rv-cursor-leaf,html body .rv-cursor-ring,html body .rv-leaf-trail{display:none!important}body.rv-has-custom-cursor,body.rv-has-custom-cursor *,html.rv-has-custom-cursor,html.rv-has-custom-cursor body{cursor:auto!important}body.rv-has-custom-cursor [role=button],body.rv-has-custom-cursor a,body.rv-has-custom-cursor button,body.rv-has-custom-cursor label,html.rv-has-custom-cursor a,html.rv-has-custom-cursor button{cursor:pointer!important} /* ═════════════════════════════════════════════════════════ CHALEUR + DYNAMISME SITE-WIDE (méthode, services, à propos…) Étend le traitement de l'accueil à toutes les cartes, y compris celles construites en style inline (ciblées par attribut [style*]). Hover-only + ombres : aucun conflit avec les styles inline (qui ne posent ni transition, ni transform, ni box-shadow). ═════════════════════════════════════════════════════════ */ section .card, section [class*="-card"]:not(.card-icon), section [style*="background:#fff"][style*="border-radius"], section [style*="background: #fff"][style*="border-radius"], section [style*="border:1px solid #E8E2D2"], section [style*="border: 1px solid #E8E2D2"] { transition: transform 0.32s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.32s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.32s ease !important; } /* ombre douce au repos pour les cartes inline qui n'en ont pas */ section [style*="border:1px solid #E8E2D2"], section [style*="border: 1px solid #E8E2D2"] { box-shadow: 0 1px 2px rgba(26, 78, 48, 0.04), 0 10px 24px -16px rgba(26, 78, 48, 0.10); } @media (hover: hover) and (prefers-reduced-motion: no-preference) { section .card:hover, section [class*="-card"]:not(.card-icon):hover, section [style*="background:#fff"][style*="border-radius"]:hover, section [style*="background: #fff"][style*="border-radius"]:hover, section [style*="border:1px solid #E8E2D2"]:hover, section [style*="border: 1px solid #E8E2D2"]:hover { transform: translateY(-4px); box-shadow: 0 16px 36px -16px rgba(26, 78, 48, 0.20), 0 10px 24px -14px rgba(212, 168, 67, 0.26) !important; border-color: rgba(212, 168, 67, 0.45) !important; } } /* Chaleur de fond pour les cartes inline confirmées (bordure #E8E2D2) : blanc clinique -> crème tiède (override de l'inline, signature sûre) */ section [style*="border:1px solid #E8E2D2"], section [style*="border: 1px solid #E8E2D2"] { background: linear-gradient(180deg, #FFFFFF 0%, #FFFCF4 100%) !important; border-color: rgba(212, 168, 67, 0.22) !important; } /* Chaleur de fond étendue à toutes les cartes inline blanches (bg + radius + padding = signature carte) sur l'ensemble du site */ section [style*="background:#fff"][style*="border-radius"][style*="padding"], section [style*="background: #fff"][style*="border-radius"][style*="padding"], section [style*="background:#FFFFFF"][style*="border-radius"][style*="padding"] { background: linear-gradient(180deg, #FFFFFF 0%, #FFFCF4 100%) !important; } /* ═══════════════════════════════════════════════════════════ PAGE SERVICES · EFFET « WAOUH » (scopé [data-page="services"]) Attire (dynamique) + maintient (chaleureux), dans la sobriété charte. ═══════════════════════════════════════════════════════════ */ /* ---- HERO vivant : orbes lumineux qui dérivent doucement derrière le titre ---- */ [data-page="services"] section.page-hero { position: relative; overflow: hidden; } [data-page="services"] section.page-hero::before, [data-page="services"] section.page-hero::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; filter: blur(60px); opacity: 0.55; z-index: 0; } [data-page="services"] section.page-hero::before { width: 420px; height: 420px; top: -120px; left: -80px; background: radial-gradient(circle, rgba(45,122,82,0.45), transparent 70%); animation: svc-orb-a 16s ease-in-out infinite; } [data-page="services"] section.page-hero::after { width: 360px; height: 360px; bottom: -140px; right: -60px; background: radial-gradient(circle, rgba(212,168,67,0.32), transparent 70%); animation: svc-orb-b 19s ease-in-out infinite; } @keyframes svc-orb-a { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(60px,40px) scale(1.12)} } @keyframes svc-orb-b { 0%,100%{transform:translate(0,0) scale(1)} 50%{transform:translate(-50px,-30px) scale(1.15)} } [data-page="services"] section.page-hero > * { position: relative; z-index: 1; } [data-page="services"] section.page-hero h1 { font-size: clamp(2.4rem, 1.8rem + 2.6vw, 3.6rem) !important; letter-spacing: -0.025em; } /* ---- CARTES D'OFFRE : premium + interactives ---- */ [data-page="services"] .tarif-card { border-radius: 20px !important; transition: transform 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s cubic-bezier(0.16,1,0.3,1), border-color 0.4s ease !important; will-change: transform; } @media (hover:hover) and (prefers-reduced-motion:no-preference) { [data-page="services"] .tarif-card:hover { transform: translateY(-10px) !important; box-shadow: 0 28px 56px -20px rgba(26,78,48,0.28), 0 14px 30px -18px rgba(212,168,67,0.30) !important; border-color: rgba(212,168,67,0.5) !important; } } /* La carte RECOMMANDÉE : surélevée, cerclée d'or, halo qui respire */ [data-page="services"] .tarif-card.featured { transform: scale(1.045); box-shadow: 0 0 0 2px rgba(212,168,67,0.55), 0 26px 54px -20px rgba(26,78,48,0.26), 0 0 44px -8px rgba(212,168,67,0.35) !important; z-index: 2; position: relative; } @media (prefers-reduced-motion: no-preference) { [data-page="services"] .tarif-card.featured { animation: svc-featured-glow 4.5s ease-in-out infinite; } } @keyframes svc-featured-glow { 0%,100% { box-shadow: 0 0 0 2px rgba(212,168,67,0.5), 0 26px 54px -20px rgba(26,78,48,0.26), 0 0 40px -10px rgba(212,168,67,0.30); } 50% { box-shadow: 0 0 0 2px rgba(212,168,67,0.75), 0 30px 60px -20px rgba(26,78,48,0.30), 0 0 56px -6px rgba(212,168,67,0.5); } } @media (hover:hover) and (prefers-reduced-motion:no-preference) { [data-page="services"] .tarif-card.featured:hover { transform: scale(1.045) translateY(-10px) !important; animation: none; } } /* Badge RECOMMANDÉ : or + reflet qui balaie */ [data-page="services"] .tarif-badge { background: linear-gradient(135deg, #FDE047, #D4A843) !important; color: #0F3320 !important; font-weight: 800 !important; letter-spacing: 0.12em; box-shadow: 0 4px 14px -4px rgba(212,168,67,0.6) !important; position: relative; overflow: hidden; } [data-page="services"] .tarif-badge::after { content: ""; position: absolute; inset: 0; background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,0.55) 50%, transparent 70%); transform: translateX(-120%); } @media (prefers-reduced-motion: no-preference) { [data-page="services"] .tarif-badge::after { animation: svc-badge-shine 3.8s ease-in-out infinite; } } @keyframes svc-badge-shine { 0%,60%{transform:translateX(-120%)} 80%,100%{transform:translateX(120%)} } /* ---- RÉVÉLATION chorégraphiée : cartes d'offre en cascade ---- */ @media (prefers-reduced-motion: no-preference) { [data-page="services"] .tarif-card { transition-delay: .04s; } [data-page="services"] .tarif-card:nth-child(2) { transition-delay: .12s; } [data-page="services"] .tarif-card:nth-child(3) { transition-delay: .20s; } [data-page="services"] .tarif-card:nth-child(4) { transition-delay: .28s; } } /* Mobile : pas de scale sur la featured (évite le débordement), on garde le cerclage */ @media (max-width: 760px) { [data-page="services"] .tarif-card.featured { transform: none; animation: none; } } /* ---- SERVICES · override haute spécificité pour la carte RECOMMANDÉE ---- (:not(#_a):not(#_b) = niveau 2-ID, bat les règles .tarif-card !important) */ html[data-page="services"] .tarif-card.featured:not(#_a):not(#_b) { border-color: rgba(212,168,67,0.6) !important; box-shadow: 0 0 0 2px rgba(212,168,67,0.55), 0 28px 56px -20px rgba(26,78,48,0.28), 0 0 46px -10px rgba(212,168,67,0.40) !important; position: relative; z-index: 2; overflow: visible; } /* halo doré qui respire — via pseudo, sans toucher au box-shadow */ html[data-page="services"] .tarif-card.featured::before { content: ""; position: absolute; inset: -3px; z-index: -1; border-radius: 22px; pointer-events: none; background: radial-gradient(ellipse at 50% 0%, rgba(212,168,67,0.30), transparent 70%); opacity: 0.6; } @media (prefers-reduced-motion: no-preference) { html[data-page="services"] .tarif-card.featured::before { animation: svc-halo 4.5s ease-in-out infinite; } } @keyframes svc-halo { 0%,100%{opacity:.35;transform:scale(1)} 50%{opacity:.75;transform:scale(1.04)} } @media (hover:hover) and (prefers-reduced-motion:no-preference) { html[data-page="services"] .tarif-card.featured:not(#_a):not(#_b):hover { transform: scale(1.045) translateY(-10px) !important; box-shadow: 0 0 0 2px rgba(212,168,67,0.7), 0 34px 64px -20px rgba(26,78,48,0.32), 0 0 56px -6px rgba(212,168,67,0.5) !important; } } @media (max-width: 760px) { html[data-page="services"] .tarif-card.featured:not(#_a):not(#_b) { transform: none !important; } } /* SERVICES hero · orbes plus présents (attire) — élégant mais visible */ html[data-page="services"] section.page-hero::before { width: 480px !important; height: 480px !important; opacity: 0.85 !important; background: radial-gradient(circle, rgba(45,122,82,0.50) 0%, rgba(45,122,82,0.12) 45%, transparent 70%) !important; filter: blur(50px) !important; } html[data-page="services"] section.page-hero::after { width: 420px !important; height: 420px !important; opacity: 0.7 !important; background: radial-gradient(circle, rgba(212,168,67,0.42) 0%, rgba(212,168,67,0.10) 45%, transparent 70%) !important; filter: blur(50px) !important; } /* fin liseré or animé sous le titre */ html[data-page="services"] section.page-hero h1::after { content: ""; display: block; width: 0; height: 3px; margin: 18px auto 0; border-radius: 3px; background: linear-gradient(90deg, #C9A24E, #FDE047); animation: svc-underline 1s cubic-bezier(.16,1,.3,1) .25s forwards; } @keyframes svc-underline { to { width: 92px; } } @media (prefers-reduced-motion: reduce){ html[data-page="services"] section.page-hero h1::after{ width:92px; animation:none; } } /* SERVICES · cascade d'apparition marquée des cartes d'offre (révélée au scroll) */ html[data-page="services"] .tarif-card.featured { animation: none; } /* neutralise l'ancien glow réactivé */ @media (prefers-reduced-motion: no-preference){ html[data-page="services"] .svc-seq-ready .tarif-card:not(.featured){ animation: svc-card-in .8s cubic-bezier(.16,1,.3,1) both; } html[data-page="services"] .svc-seq-ready .tarif-card.featured{ animation: svc-card-in-feat .8s cubic-bezier(.16,1,.3,1) both; } html[data-page="services"] .svc-seq-ready .tarif-card:nth-child(1){ animation-delay: 0s; } html[data-page="services"] .svc-seq-ready .tarif-card:nth-child(2){ animation-delay: .15s; } html[data-page="services"] .svc-seq-ready .tarif-card:nth-child(3){ animation-delay: .30s; } html[data-page="services"] .svc-seq-ready .tarif-card:nth-child(4){ animation-delay: .45s; } } @keyframes svc-card-in { from { opacity: 0; transform: translateY(56px); } to { opacity: 1; transform: translateY(0); } } @keyframes svc-card-in-feat { from { opacity: 0; transform: translateY(56px) scale(1.045); } to { opacity: 1; transform: translateY(0) scale(1.045); } } /* SERVICES · révélation séquentielle des 4 services (les deux moitiés s'assemblent, au scroll) */ html[data-page="services"] .svc-offer { overflow-x: clip; } html.svc-anim[data-page="services"] .svc-offer .svc-row > * { opacity: 0; } /* pré-masqué (anti-flash) — posé seulement par JS hors reduced-motion */ @media (prefers-reduced-motion: no-preference){ html[data-page="services"] .svc-offer .svc-row.svc-in > *:nth-child(1){ animation: svc-rowin-left .85s cubic-bezier(.16,1,.3,1) both; } html[data-page="services"] .svc-offer .svc-row.svc-in > *:nth-child(2){ animation: svc-rowin-right .85s cubic-bezier(.16,1,.3,1) .12s both; } @media (max-width: 760px){ html[data-page="services"] .svc-offer .svc-row.svc-in > *:nth-child(1), html[data-page="services"] .svc-offer .svc-row.svc-in > *:nth-child(2){ animation-name: svc-rowin-up; animation-delay: 0s; } html[data-page="services"] .svc-offer .svc-row.svc-in > *:nth-child(2){ animation-delay: .1s; } } } @keyframes svc-rowin-left { from{opacity:0;transform:translateX(-46px)} to{opacity:1;transform:none} } @keyframes svc-rowin-right{ from{opacity:0;transform:translateX(46px)} to{opacity:1;transform:none} } @keyframes svc-rowin-up { from{opacity:0;transform:translateY(38px)} to{opacity:1;transform:none} } /* ════════════ RVX · révélation au scroll, site-wide ════════════ */ /* Actif seulement quand le moteur a posé html.rvx-armed (sinon = contenu visible). Spécificité 2-ID (:not(#_a):not(#_b)) pour battre les killers .fade-up/.vp-reveal. N'utilise QUE opacity/translate/scale → ne touche jamais transform (survol intact). */ @media (prefers-reduced-motion: no-preference){ html.rvx-armed .rvx-r:not(#_a):not(#_b){ opacity: 0 !important; translate: 0 30px !important; transition: none !important; will-change: opacity, translate; } html.rvx-armed .rvx-r.rvx-zoom:not(#_a):not(#_b){ translate: 0 18px !important; scale: .965 !important; will-change: opacity, translate, scale; } html.rvx-armed .rvx-r.rvx-soft:not(#_a):not(#_b){ translate: 0 14px !important; } html.rvx-armed .rvx-r.rvx-in:not(#_a):not(#_b){ opacity: 1 !important; translate: 0 0 !important; scale: 1 !important; transition: opacity .7s cubic-bezier(.16,1,.3,1) var(--rvx-d,0ms), translate .8s cubic-bezier(.16,1,.3,1) var(--rvx-d,0ms), scale .8s cubic-bezier(.16,1,.3,1) var(--rvx-d,0ms) !important; } }