/* Max Services V4.5.89 - accueil test : harmonisation visuelle.
   Page de test uniquement. Aucun changement fonctionnel sur les compteurs,
   sliders, boutons, réalisations ou formulaires. */

body.home-design-test{
  background:#03110a;
  color:#fff;
}

body.home-design-test main{
  background:
    radial-gradient(circle at 12% 16%,rgba(91,210,116,.09),transparent 30%),
    radial-gradient(circle at 88% 62%,rgba(154,241,173,.07),transparent 34%),
    linear-gradient(180deg,#03110a 0%,#04170e 42%,#03110a 100%);
}

body.home-design-test #services,
body.home-design-test .home-portfolio-section,
body.home-design-test .home-process-section,
body.home-design-test .about,
body.home-design-test .home-stats-section,
body.home-design-test .home-support-preview{
  position:relative;
  max-width:none!important;
  box-sizing:border-box;
  overflow:hidden;
  padding-left:max(20px,calc((100vw - 1180px)/2))!important;
  padding-right:max(20px,calc((100vw - 1180px)/2))!important;
  border-radius:0!important;
  border-top:1px solid rgba(154,241,173,.12)!important;
  border-bottom:1px solid rgba(0,0,0,.38)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), inset 0 -28px 64px rgba(0,0,0,.16)!important;
}

body.home-design-test #services:before,
body.home-design-test .home-portfolio-section:before,
body.home-design-test .home-process-section:before,
body.home-design-test .about:before,
body.home-design-test .home-stats-section:before,
body.home-design-test .home-support-preview:before{
  content:'';
  position:absolute;
  z-index:0;
  top:0;
  bottom:0;
  left:50%;
  width:100vw;
  transform:translateX(-50%);
  pointer-events:none;
  background:inherit;
}

body.home-design-test #services>*,
body.home-design-test .home-portfolio-section>*,
body.home-design-test .home-process-section>*,
body.home-design-test .about>*,
body.home-design-test .home-stats-section>*,
body.home-design-test .home-support-preview>*{
  position:relative;
  z-index:2;
}

body.home-design-test #services{
  background:
    radial-gradient(circle at 15% 5%,rgba(154,241,173,.13),transparent 32%),
    linear-gradient(180deg,rgba(5,41,26,.98),rgba(3,29,18,.99))!important;
}
body.home-design-test .home-portfolio-section{
  background:
    radial-gradient(circle at 86% 10%,rgba(154,241,173,.10),transparent 33%),
    linear-gradient(180deg,rgba(3,29,18,.99),rgba(4,34,21,.99))!important;
}
body.home-design-test .home-process-section{
  background:
    radial-gradient(circle at 12% 0%,rgba(46,200,102,.14),transparent 34%),
    radial-gradient(circle at 88% 96%,rgba(141,240,170,.08),transparent 35%),
    linear-gradient(180deg,rgba(4,34,21,.99),rgba(2,25,15,.99))!important;
}
body.home-design-test .about{
  background:
    radial-gradient(circle at 85% 18%,rgba(154,241,173,.08),transparent 31%),
    linear-gradient(180deg,rgba(2,25,15,.99),rgba(5,39,25,.99))!important;
}
body.home-design-test .home-stats-section{
  background:
    radial-gradient(circle at 74% 4%,rgba(154,241,173,.12),transparent 34%),
    linear-gradient(180deg,rgba(5,39,25,.99),rgba(3,28,18,.99))!important;
}
body.home-design-test .home-support-preview{
  background:
    radial-gradient(circle at 18% 0%,rgba(154,241,173,.12),transparent 32%),
    radial-gradient(circle at 90% 100%,rgba(46,200,102,.08),transparent 34%),
    linear-gradient(180deg,rgba(3,28,18,.99),rgba(2,18,11,1))!important;
}

/* Séparations propres entre blocs : même style partout, sans grosse coupure. */
body.home-design-test #services:after,
body.home-design-test .home-portfolio-section:after,
body.home-design-test .home-process-section:after,
body.home-design-test .about:after,
body.home-design-test .home-stats-section:after{
  content:'';
  position:absolute;
  z-index:1;
  left:50%;
  bottom:-1px;
  width:min(1180px,calc(100vw - 40px));
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(154,241,173,.38),rgba(255,255,255,.16),rgba(154,241,173,.38),transparent);
  box-shadow:0 0 30px rgba(91,210,116,.18);
  pointer-events:none;
}

body.home-design-test #services .cards,
body.home-design-test .home-portfolio-head,
body.home-design-test .home-portfolio-shell,
body.home-design-test .home-process-head,
body.home-design-test .process-timeline,
body.home-design-test .about>div,
body.home-design-test .home-stats-head,
body.home-design-test .home-stats-grid,
body.home-design-test .home-stat-cache,
body.home-design-test .home-support-preview .contact-grid{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}

body.home-design-test .service-card,
body.home-design-test .home-portfolio-card,
body.home-design-test .client-card,
body.home-design-test .home-stat-card,
body.home-design-test .process-timeline,
body.home-design-test .contact-grid a,
body.home-design-test .contact-grid span{
  border-color:rgba(154,241,173,.19)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.23)!important;
}

/* Bloc contact : intégré au même format que le reste, plus de grand bloc arrondi isolé. */
body.home-design-test #contact.home-support-preview{
  text-align:center;
  padding-top:70px!important;
  padding-bottom:78px!important;
}
body.home-design-test #contact.home-support-preview h2{
  max-width:900px;
  margin-left:auto;
  margin-right:auto;
}
body.home-design-test #contact.home-support-preview p:not(.eyebrow){
  max-width:720px;
  margin-left:auto;
  margin-right:auto;
  color:rgba(255,255,255,.76);
}
body.home-design-test #contact .contact-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
body.home-design-test #contact .contact-grid a,
body.home-design-test #contact .contact-grid span{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px!important;
  background:linear-gradient(145deg,rgba(13,64,40,.78),rgba(3,26,16,.94))!important;
  border:1px solid rgba(154,241,173,.18)!important;
}

body.home-design-test .eyebrow{color:#9af1ad!important;letter-spacing:.14em;}

@media(max-width:820px){
  body.home-design-test #services,
  body.home-design-test .home-portfolio-section,
  body.home-design-test .home-process-section,
  body.home-design-test .about,
  body.home-design-test .home-stats-section,
  body.home-design-test .home-support-preview{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  body.home-design-test #contact .contact-grid{grid-template-columns:1fr;gap:12px;}
  body.home-design-test #contact.home-support-preview{text-align:left;padding-top:50px!important;padding-bottom:56px!important;}
  body.home-design-test #contact.home-support-preview h2,
  body.home-design-test #contact.home-support-preview p:not(.eyebrow){margin-left:0;margin-right:0;}
}

/* V4.5.90 - Accueil test : alternance plus nette, arrivée de page et animation au scroll. */
body.home-design-test{
  animation:homeTestPageIn .65s ease-out both;
}
@keyframes homeTestPageIn{
  from{opacity:0;filter:saturate(.86);}
  to{opacity:1;filter:saturate(1);}
}

body.home-design-test .hero{
  position:relative;
  overflow:hidden;
}
body.home-design-test .hero:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-1px;
  width:100vw;
  height:96px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,transparent,rgba(5,41,26,.95));
  pointer-events:none;
  z-index:3;
}

body.home-design-test #services{
  background:
    radial-gradient(circle at 15% 5%,rgba(154,241,173,.13),transparent 32%),
    linear-gradient(180deg,#05291a,#031d12)!important;
}
body.home-design-test .home-portfolio-section{
  background:
    radial-gradient(circle at 78% 8%,rgba(255,255,255,.075),transparent 30%),
    radial-gradient(circle at 16% 92%,rgba(70,160,110,.11),transparent 36%),
    linear-gradient(180deg,#061f18,#041711)!important;
}
body.home-design-test .home-process-section{
  background:
    radial-gradient(circle at 12% 0%,rgba(46,200,102,.15),transparent 34%),
    radial-gradient(circle at 90% 88%,rgba(141,240,170,.08),transparent 35%),
    linear-gradient(180deg,#042616,#061d13)!important;
}
body.home-design-test .about{
  background:
    radial-gradient(circle at 88% 15%,rgba(191,228,200,.08),transparent 31%),
    radial-gradient(circle at 15% 78%,rgba(46,200,102,.07),transparent 34%),
    linear-gradient(180deg,#051a13,#07291a)!important;
}
body.home-design-test .home-stats-section{
  background:
    radial-gradient(circle at 72% 5%,rgba(154,241,173,.13),transparent 34%),
    radial-gradient(circle at 12% 88%,rgba(255,255,255,.045),transparent 30%),
    linear-gradient(180deg,#07291a,#031c13)!important;
}
body.home-design-test .home-support-preview{
  background:
    radial-gradient(circle at 18% 0%,rgba(154,241,173,.12),transparent 32%),
    radial-gradient(circle at 90% 100%,rgba(46,200,102,.08),transparent 34%),
    linear-gradient(180deg,#031c13,#02110b)!important;
}

body.home-design-test #services,
body.home-design-test .home-portfolio-section,
body.home-design-test .home-process-section,
body.home-design-test .about,
body.home-design-test .home-stats-section,
body.home-design-test .home-support-preview{
  padding-top:clamp(58px,7vw,92px)!important;
  padding-bottom:clamp(58px,7vw,92px)!important;
}

body.home-design-test .reveal{
  opacity:0;
  transform:translateY(26px) scale(.992);
  transition:opacity .72s ease, transform .72s cubic-bezier(.2,.8,.2,1);
}
body.home-design-test .reveal.visible,
body.home-design-test .home-stats-section.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
}
body.home-design-test .service-card,
body.home-design-test .home-portfolio-card,
body.home-design-test .process-step,
body.home-design-test .home-stat-card,
body.home-design-test #contact .contact-grid a,
body.home-design-test #contact .contact-grid span{
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease;
}
body.home-design-test .service-card:hover,
body.home-design-test .home-portfolio-card:hover,
body.home-design-test .process-step:hover,
body.home-design-test #contact .contact-grid a:hover{
  transform:translateY(-4px);
  border-color:rgba(154,241,173,.42)!important;
  box-shadow:0 28px 72px rgba(0,0,0,.30),0 0 38px rgba(91,210,116,.10)!important;
}

body.home-design-test .home-stats-section:not(.is-visible) [data-count-to]{
  opacity:.55;
}
body.home-design-test .home-stats-section.is-visible [data-count-to]{
  opacity:1;
  transition:opacity .25s ease;
}

@media(max-width:820px){
  body.home-design-test #services,
  body.home-design-test .home-portfolio-section,
  body.home-design-test .home-process-section,
  body.home-design-test .about,
  body.home-design-test .home-stats-section,
  body.home-design-test .home-support-preview{
    padding-top:46px!important;
    padding-bottom:50px!important;
  }
}

/* V4.5.91 - Accueil test premium : effet waouh, séparations enrichies et bloc SEO intégré. */
body.home-design-test main{
  isolation:isolate;
  background:
    radial-gradient(circle at 50% 0%,rgba(154,241,173,.10),transparent 28%),
    radial-gradient(circle at 6% 38%,rgba(46,200,102,.08),transparent 30%),
    radial-gradient(circle at 94% 70%,rgba(126,212,163,.07),transparent 32%),
    linear-gradient(180deg,#020c07 0%,#042015 34%,#03140d 70%,#010906 100%)!important;
}
body.home-design-test .hero-slider{
  box-shadow:0 28px 90px rgba(0,0,0,.42);
}
body.home-design-test .hero-slider:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;height:130px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(3,29,18,.60) 54%,#05291a 100%);
  z-index:5;
}
body.home-design-test #services,
body.home-design-test .home-portfolio-section,
body.home-design-test .home-process-section,
body.home-design-test .about,
body.home-design-test .home-stats-section,
body.home-design-test .home-support-preview,
body.home-design-test .home-seo-preview-fallback,
body.home-design-test .seo-auto-section{
  position:relative;
  border-top:0!important;
  border-bottom:0!important;
}
body.home-design-test #services:before,
body.home-design-test .home-portfolio-section:before,
body.home-design-test .home-process-section:before,
body.home-design-test .about:before,
body.home-design-test .home-stats-section:before,
body.home-design-test .home-support-preview:before,
body.home-design-test .home-seo-preview-fallback:before,
body.home-design-test .seo-auto-section:before{
  background:inherit!important;
  background-size:auto!important;
  opacity:1;
}
body.home-design-test #services:after,
body.home-design-test .home-portfolio-section:after,
body.home-design-test .home-process-section:after,
body.home-design-test .about:after,
body.home-design-test .home-stats-section:after,
body.home-design-test .home-support-preview:after,
body.home-design-test .home-seo-preview-fallback:after,
body.home-design-test .seo-auto-section:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  left:50%!important;
  bottom:-38px!important;
  width:100vw!important;
  height:110px!important;
  transform:translateX(-50%)!important;
  pointer-events:none!important;
  background:
    radial-gradient(ellipse at center,rgba(154,241,173,.16),rgba(46,200,102,.075) 36%,transparent 74%),
    linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent)!important;
  filter:blur(10px)!important;
  opacity:.82!important;
  box-shadow:none!important;
}
body.home-design-test #services{background:radial-gradient(circle at 12% 0%,rgba(177,255,192,.18),transparent 30%),radial-gradient(circle at 88% 82%,rgba(56,167,103,.08),transparent 34%),linear-gradient(180deg,#05291a 0%,#031b11 100%)!important;}
body.home-design-test .home-portfolio-section{background:radial-gradient(circle at 84% 10%,rgba(255,255,255,.10),transparent 26%),radial-gradient(circle at 18% 92%,rgba(71,180,122,.13),transparent 36%),linear-gradient(180deg,#02150f 0%,#061f18 100%)!important;}
body.home-design-test .home-process-section{background:radial-gradient(circle at 14% 8%,rgba(92,220,126,.16),transparent 30%),radial-gradient(circle at 90% 92%,rgba(183,232,194,.08),transparent 35%),linear-gradient(180deg,#062616 0%,#041710 100%)!important;}
body.home-design-test .about{background:radial-gradient(circle at 86% 16%,rgba(236,255,238,.08),transparent 30%),radial-gradient(circle at 12% 84%,rgba(46,200,102,.10),transparent 32%),linear-gradient(180deg,#04140f 0%,#082b1b 100%)!important;}
body.home-design-test .home-stats-section{background:radial-gradient(circle at 50% 0%,rgba(154,241,173,.16),transparent 28%),radial-gradient(circle at 8% 88%,rgba(255,255,255,.055),transparent 30%),linear-gradient(180deg,#082b1b 0%,#021b12 100%)!important;}
body.home-design-test .home-support-preview{background:radial-gradient(circle at 14% 0%,rgba(154,241,173,.13),transparent 32%),radial-gradient(circle at 88% 88%,rgba(46,200,102,.10),transparent 34%),linear-gradient(180deg,#021b12 0%,#03110b 100%)!important;}
body.home-design-test .service-card,
body.home-design-test .home-portfolio-card,
body.home-design-test .client-card,
body.home-design-test .home-stat-card,
body.home-design-test .process-timeline,
body.home-design-test #contact .contact-grid a,
body.home-design-test #contact .contact-grid span{
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035) 36%,rgba(2,20,12,.66))!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(177,255,192,.18)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.29),inset 0 1px 0 rgba(255,255,255,.09)!important;
}
body.home-design-test .service-card:before,
body.home-design-test .home-portfolio-card:before,
body.home-design-test .home-stat-card:before,
body.home-design-test .client-card:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.13) 42%,transparent 58%);
  transform:translateX(-130%);
  transition:transform .75s cubic-bezier(.2,.82,.2,1);
}
body.home-design-test .service-card:hover:before,
body.home-design-test .home-portfolio-card:hover:before,
body.home-design-test .home-stat-card:hover:before,
body.home-design-test .client-card:hover:before{transform:translateX(130%);}
body.home-design-test .service-card:hover,
body.home-design-test .home-portfolio-card:hover,
body.home-design-test .home-stat-card:hover,
body.home-design-test .client-card:hover,
body.home-design-test #contact .contact-grid a:hover{
  transform:translateY(-7px) scale(1.012)!important;
  border-color:rgba(177,255,192,.44)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.36),0 0 55px rgba(91,210,116,.13),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
body.home-design-test .reveal{
  opacity:0;
  transform:translateY(54px) scale(.985);
  filter:blur(8px);
  transition:opacity .9s ease,transform .9s cubic-bezier(.2,.84,.2,1),filter .9s ease;
}
body.home-design-test .reveal.visible,
body.home-design-test .reveal.snap-section-visible,
body.home-design-test .home-stats-section.is-visible{
  opacity:1!important;
  transform:translateY(0) scale(1)!important;
  filter:blur(0)!important;
}
body.home-design-test .home-stats-section.is-visible .home-stat-card,
body.home-design-test .snap-section-visible .service-card,
body.home-design-test .visible .service-card,
body.home-design-test .snap-section-visible .home-portfolio-card,
body.home-design-test .visible .home-portfolio-card{
  animation:homePremiumCardRise .76s cubic-bezier(.2,.82,.2,1) both;
}
body.home-design-test .home-stats-section.is-visible .home-stat-card:nth-child(2),
body.home-design-test .snap-section-visible .service-card:nth-child(2),
body.home-design-test .visible .service-card:nth-child(2){animation-delay:.06s;}
body.home-design-test .home-stats-section.is-visible .home-stat-card:nth-child(3),
body.home-design-test .snap-section-visible .service-card:nth-child(3),
body.home-design-test .visible .service-card:nth-child(3){animation-delay:.12s;}
body.home-design-test .home-stats-section.is-visible .home-stat-card:nth-child(4),
body.home-design-test .snap-section-visible .service-card:nth-child(4),
body.home-design-test .visible .service-card:nth-child(4){animation-delay:.18s;}
@keyframes homePremiumCardRise{from{opacity:0;transform:translateY(34px) scale(.965)}to{opacity:1;transform:translateY(0) scale(1)}}
body.home-design-test .home-stats-section.is-visible .home-stat-value,
body.home-design-test .home-stats-section.is-visible .home-stat-age{
  text-shadow:0 0 24px rgba(154,241,173,.16);
}
/* Bloc SEO : il devient une vraie section premium, pas une boîte posée en bas. */
body.home-design-test .home-seo-preview-fallback,
body.home-design-test .seo-auto-section{
  max-width:none!important;
  margin:0!important;
  padding:clamp(58px,7vw,92px) max(20px,calc((100vw - 1180px)/2))!important;
  border-radius:0!important;
  background:
    radial-gradient(circle at 80% 8%,rgba(154,241,173,.12),transparent 30%),
    radial-gradient(circle at 14% 90%,rgba(255,255,255,.055),transparent 31%),
    linear-gradient(180deg,#03110b 0%,#052519 100%)!important;
  box-shadow:inset 0 22px 68px rgba(0,0,0,.24)!important;
  overflow:hidden;
}
body.home-design-test .home-seo-preview-fallback > *,
body.home-design-test .seo-auto-section > *{
  position:relative;
  z-index:2;
  max-width:1180px;
  margin-left:auto!important;
  margin-right:auto!important;
}
body.home-design-test .home-seo-preview-fallback article,
body.home-design-test .seo-auto-section article,
body.home-design-test .home-seo-preview-fallback .seo-card,
body.home-design-test .seo-auto-section .seo-card,
body.home-design-test .home-seo-preview-fallback .seo-content,
body.home-design-test .seo-auto-section .seo-content{
  border-radius:34px!important;
  border:1px solid rgba(177,255,192,.20)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035) 42%,rgba(2,20,12,.70))!important;
  box-shadow:0 28px 90px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.10)!important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
body.home-design-test .home-seo-preview-fallback h2,
body.home-design-test .seo-auto-section h2{
  letter-spacing:-.045em;
}
body.home-design-test .home-seo-preview-fallback p,
body.home-design-test .seo-auto-section p{
  color:rgba(255,255,255,.78)!important;
}
@media(prefers-reduced-motion:reduce){
  body.home-design-test,.home-design-test *{animation:none!important;transition:none!important;filter:none!important;transform:none!important;}
  body.home-design-test .reveal{opacity:1!important;}
}
@media(max-width:820px){
  body.home-design-test .home-seo-preview-fallback,
  body.home-design-test .seo-auto-section{padding:48px 16px!important;}
  body.home-design-test #services:after,
  body.home-design-test .home-portfolio-section:after,
  body.home-design-test .home-process-section:after,
  body.home-design-test .about:after,
  body.home-design-test .home-stats-section:after,
  body.home-design-test .home-support-preview:after{height:76px;bottom:-28px!important;}
}


/* V4.5.92 - Suppression du motif en gros carrés : fonds lisses et premium. */
body.home-design-test #services:before,
body.home-design-test .home-portfolio-section:before,
body.home-design-test .home-process-section:before,
body.home-design-test .about:before,
body.home-design-test .home-stats-section:before,
body.home-design-test .home-support-preview:before,
body.home-design-test .home-seo-preview-fallback:before,
body.home-design-test .seo-auto-section:before{
  background:inherit!important;
  background-size:auto!important;
}
body.home-design-test #services{background:radial-gradient(circle at 18% 0%,rgba(154,241,173,.13),transparent 34%),linear-gradient(180deg,#062817 0%,#031b11 100%)!important;}
body.home-design-test .home-portfolio-section{background:radial-gradient(circle at 82% 12%,rgba(255,255,255,.075),transparent 30%),radial-gradient(circle at 14% 88%,rgba(71,180,122,.11),transparent 38%),linear-gradient(180deg,#031b11 0%,#061f18 100%)!important;}
body.home-design-test .home-process-section{background:radial-gradient(circle at 14% 8%,rgba(92,220,126,.13),transparent 33%),radial-gradient(circle at 90% 92%,rgba(183,232,194,.07),transparent 38%),linear-gradient(180deg,#061f18 0%,#041710 100%)!important;}
body.home-design-test .about{background:radial-gradient(circle at 86% 16%,rgba(236,255,238,.065),transparent 33%),radial-gradient(circle at 12% 84%,rgba(46,200,102,.09),transparent 35%),linear-gradient(180deg,#041710 0%,#082816 100%)!important;}
body.home-design-test .home-stats-section{background:radial-gradient(circle at 50% 0%,rgba(154,241,173,.12),transparent 34%),radial-gradient(circle at 8% 88%,rgba(255,255,255,.045),transparent 35%),linear-gradient(180deg,#082816 0%,#021b12 100%)!important;}
body.home-design-test .home-support-preview{background:radial-gradient(circle at 14% 0%,rgba(154,241,173,.10),transparent 36%),radial-gradient(circle at 88% 88%,rgba(46,200,102,.085),transparent 38%),linear-gradient(180deg,#021b12 0%,#03110b 100%)!important;}

/* V4.5.93 - Finition premium sobre : moins d'effets, meilleure homogénéité. */
body.home-design-test main{
  background:
    radial-gradient(circle at 50% 0%,rgba(154,241,173,.07),transparent 32%),
    linear-gradient(180deg,#03100a 0%,#041a10 42%,#03120c 100%)!important;
}

body.home-design-test #services,
body.home-design-test .home-portfolio-section,
body.home-design-test .home-process-section,
body.home-design-test .about,
body.home-design-test .home-stats-section,
body.home-design-test .home-support-preview,
body.home-design-test .home-seo-preview-fallback,
body.home-design-test .seo-auto-section{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025), inset 0 -18px 48px rgba(0,0,0,.10)!important;
}

body.home-design-test #services{background:linear-gradient(180deg,#052416 0%,#031b11 100%)!important;}
body.home-design-test .home-portfolio-section{background:linear-gradient(180deg,#031b11 0%,#052016 100%)!important;}
body.home-design-test .home-process-section{background:linear-gradient(180deg,#052016 0%,#03170f 100%)!important;}
body.home-design-test .about{background:linear-gradient(180deg,#03170f 0%,#062315 100%)!important;}
body.home-design-test .home-stats-section{background:linear-gradient(180deg,#062315 0%,#031a10 100%)!important;}
body.home-design-test .home-support-preview{background:linear-gradient(180deg,#031a10 0%,#020f09 100%)!important;}

body.home-design-test #services:after,
body.home-design-test .home-portfolio-section:after,
body.home-design-test .home-process-section:after,
body.home-design-test .about:after,
body.home-design-test .home-stats-section:after,
body.home-design-test .home-support-preview:after,
body.home-design-test .home-seo-preview-fallback:after,
body.home-design-test .seo-auto-section:after{
  bottom:-1px!important;
  height:1px!important;
  filter:none!important;
  opacity:.45!important;
  background:linear-gradient(90deg,transparent,rgba(154,241,173,.26),transparent)!important;
}

body.home-design-test .service-card,
body.home-design-test .home-portfolio-card,
body.home-design-test .client-card,
body.home-design-test .home-stat-card,
body.home-design-test .process-timeline,
body.home-design-test #contact .contact-grid a,
body.home-design-test #contact .contact-grid span{
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 48%,rgba(2,18,11,.56))!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  border:1px solid rgba(154,241,173,.16)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.055)!important;
}

body.home-design-test .service-card:before,
body.home-design-test .home-portfolio-card:before,
body.home-design-test .home-stat-card:before,
body.home-design-test .client-card:before{
  display:none!important;
  content:none!important;
}

body.home-design-test .service-card:hover,
body.home-design-test .home-portfolio-card:hover,
body.home-design-test .home-stat-card:hover,
body.home-design-test .client-card:hover,
body.home-design-test #contact .contact-grid a:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(154,241,173,.30)!important;
  box-shadow:0 24px 62px rgba(0,0,0,.30),0 0 28px rgba(91,210,116,.07),inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body.home-design-test .reveal{
  transform:translateY(28px)!important;
  filter:none!important;
  transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1)!important;
}

body.home-design-test .home-seo-preview-fallback,
body.home-design-test .seo-auto-section{
  background:linear-gradient(180deg,#020f09 0%,#052116 100%)!important;
}
body.home-design-test .home-seo-preview-fallback article,
body.home-design-test .seo-auto-section article,
body.home-design-test .home-seo-preview-fallback .seo-card,
body.home-design-test .seo-auto-section .seo-card,
body.home-design-test .home-seo-preview-fallback .seo-content,
body.home-design-test .seo-auto-section .seo-content{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 48%,rgba(2,18,11,.60))!important;
  border:1px solid rgba(154,241,173,.16)!important;
  box-shadow:0 20px 62px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
}

/* V4.5.94 - Finition alignement : tous les titres de sections centrés. */
body.home-design-test #services,
body.home-design-test .home-portfolio-section,
body.home-design-test .home-process-section,
body.home-design-test .about,
body.home-design-test .home-stats-section,
body.home-design-test .home-support-preview,
body.home-design-test .home-seo-preview-fallback,
body.home-design-test .seo-auto-section{
  text-align:center!important;
}

body.home-design-test .eyebrow,
body.home-design-test .section-eyebrow,
body.home-design-test .home-portfolio-head .eyebrow,
body.home-design-test .home-process-head .eyebrow,
body.home-design-test .home-stats-head .eyebrow,
body.home-design-test #services .eyebrow,
body.home-design-test #contact .eyebrow,
body.home-design-test .seo-auto-section .eyebrow{
  display:block!important;
  width:100%!important;
  max-width:920px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

body.home-design-test #services h1,
body.home-design-test #services h2,
body.home-design-test #services h3,
body.home-design-test .home-portfolio-head h1,
body.home-design-test .home-portfolio-head h2,
body.home-design-test .home-portfolio-head h3,
body.home-design-test .home-process-head h1,
body.home-design-test .home-process-head h2,
body.home-design-test .home-process-head h3,
body.home-design-test .home-stats-head h1,
body.home-design-test .home-stats-head h2,
body.home-design-test .home-stats-head h3,
body.home-design-test .about h1,
body.home-design-test .about h2,
body.home-design-test .about h3,
body.home-design-test #contact h1,
body.home-design-test #contact h2,
body.home-design-test #contact h3,
body.home-design-test .home-seo-preview-fallback h1,
body.home-design-test .home-seo-preview-fallback h2,
body.home-design-test .home-seo-preview-fallback h3,
body.home-design-test .seo-auto-section h1,
body.home-design-test .seo-auto-section h2,
body.home-design-test .seo-auto-section h3{
  max-width:940px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

body.home-design-test #services p,
body.home-design-test .home-portfolio-head p,
body.home-design-test .home-process-head p,
body.home-design-test .home-stats-head p,
body.home-design-test .about > p,
body.home-design-test .about > div > p,
body.home-design-test #contact p,
body.home-design-test .home-seo-preview-fallback p,
body.home-design-test .seo-auto-section p{
  max-width:780px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

body.home-design-test .home-portfolio-head,
body.home-design-test .home-process-head,
body.home-design-test .home-stats-head,
body.home-design-test #services .section-head,
body.home-design-test .about .section-head,
body.home-design-test #contact .section-head,
body.home-design-test .seo-auto-section .section-head{
  max-width:980px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}

@media(max-width:820px){
  body.home-design-test #contact.home-support-preview,
  body.home-design-test #services,
  body.home-design-test .home-portfolio-section,
  body.home-design-test .home-process-section,
  body.home-design-test .about,
  body.home-design-test .home-stats-section,
  body.home-design-test .home-seo-preview-fallback,
  body.home-design-test .seo-auto-section{
    text-align:center!important;
  }
  body.home-design-test #contact.home-support-preview h2,
  body.home-design-test #contact.home-support-preview p:not(.eyebrow){
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
  }
}

/* V4.5.131 - Slider de la page test : mouvement discret sans zoom avant permanent. */
body.home-design-test .hero-slider .slide-bg{
  transform:scale(1.015);
  transition:opacity 1.15s ease, transform 1.15s cubic-bezier(.22,.61,.36,1), filter 1.15s ease;
  filter:saturate(.96) brightness(.94);
}
body.home-design-test .hero-slider .slide.active .slide-bg{
  transform:scale(1.015);
  filter:saturate(1.03) brightness(1);
}
body.home-design-test .hero-slider .slide-content{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .8s ease .18s,transform .8s cubic-bezier(.22,.61,.36,1) .18s;
}
body.home-design-test .hero-slider .slide.active .slide-content{
  opacity:1;
  transform:translateY(0);
}
body.home-design-test .hero-slider .slide:before{
  background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.30) 44%,rgba(1,18,10,.72)),radial-gradient(circle at 50% 44%,rgba(0,0,0,.04),rgba(0,0,0,.38));
}
body.home-design-test .hero-slider .slider-dots button{
  transition:width .3s ease,background .3s ease,opacity .3s ease;
}
body.home-design-test .hero-slider .slider-dots button.active{
  width:62px;
}
@media(max-width:900px){
  body.home-design-test .hero-slider .slide-bg,
  body.home-design-test .hero-slider .slide.active .slide-bg{transform:scale(1.005);}
  body.home-design-test .hero-slider .slider-dots button.active{width:44px;}
}
@media(prefers-reduced-motion:reduce){
  body.home-design-test .hero-slider .slide-bg,
  body.home-design-test .hero-slider .slide-content{transition:none!important;transform:none!important;}
}

/* V4.5.132 - Accueil test : fond vert foncé unifié et animations variées du slider. */
body.home-design-test,
body.home-design-test main{
  background:#031b11!important;
}

body.home-design-test #services,
body.home-design-test .home-portfolio-section,
body.home-design-test .home-process-section,
body.home-design-test .about,
body.home-design-test .home-stats-section,
body.home-design-test .home-support-preview,
body.home-design-test .home-seo-preview-fallback,
body.home-design-test .seo-auto-section,
body.home-design-test .home-google-reviews{
  background:
    radial-gradient(circle at 12% 8%,rgba(154,241,173,.075),transparent 34%),
    radial-gradient(circle at 88% 86%,rgba(46,200,102,.055),transparent 36%),
    linear-gradient(180deg,rgba(5,42,27,.98),rgba(3,30,19,.99))!important;
}

body.home-design-test .home-portfolio-section,
body.home-design-test .about,
body.home-design-test .home-support-preview{
  background:
    radial-gradient(circle at 84% 12%,rgba(255,255,255,.045),transparent 32%),
    radial-gradient(circle at 14% 88%,rgba(46,200,102,.06),transparent 36%),
    linear-gradient(180deg,rgba(4,36,23,.99),rgba(3,28,18,.99))!important;
}

body.home-design-test #services:after,
body.home-design-test .home-portfolio-section:after,
body.home-design-test .home-process-section:after,
body.home-design-test .about:after,
body.home-design-test .home-stats-section:after,
body.home-design-test .home-support-preview:after,
body.home-design-test .home-seo-preview-fallback:after,
body.home-design-test .seo-auto-section:after{
  opacity:.42!important;
  filter:blur(18px)!important;
  background:radial-gradient(ellipse at center,rgba(154,241,173,.12),rgba(46,200,102,.045) 40%,transparent 76%)!important;
}

/* Le fondu reste commun, mais chaque diapositive utilise un mouvement différent. */
body.home-design-test .slide .slide-bg,
body.home-design-test .slide .slide-bg-video{
  transition:none!important;
  will-change:transform;
}

body.home-design-test .slide.active:nth-child(4n+1) .slide-bg,
body.home-design-test .slide.active:nth-child(4n+1) .slide-bg-video{
  animation:homeSliderZoomIn 7.2s cubic-bezier(.2,.72,.25,1) both;
}
body.home-design-test .slide.active:nth-child(4n+2) .slide-bg,
body.home-design-test .slide.active:nth-child(4n+2) .slide-bg-video{
  animation:homeSliderZoomOut 7.2s cubic-bezier(.2,.72,.25,1) both;
}
body.home-design-test .slide.active:nth-child(4n+3) .slide-bg,
body.home-design-test .slide.active:nth-child(4n+3) .slide-bg-video{
  animation:homeSliderFromLeft 7.2s cubic-bezier(.2,.72,.25,1) both;
}
body.home-design-test .slide.active:nth-child(4n+4) .slide-bg,
body.home-design-test .slide.active:nth-child(4n+4) .slide-bg-video{
  animation:homeSliderFromRight 7.2s cubic-bezier(.2,.72,.25,1) both;
}

@keyframes homeSliderZoomIn{
  from{transform:scale(1.025) translate3d(0,0,0)}
  to{transform:scale(1.115) translate3d(0,0,0)}
}
@keyframes homeSliderZoomOut{
  from{transform:scale(1.14) translate3d(0,0,0)}
  to{transform:scale(1.045) translate3d(0,0,0)}
}
@keyframes homeSliderFromLeft{
  from{transform:scale(1.09) translate3d(-2.8%,0,0)}
  to{transform:scale(1.055) translate3d(1.2%,0,0)}
}
@keyframes homeSliderFromRight{
  from{transform:scale(1.09) translate3d(2.8%,0,0)}
  to{transform:scale(1.055) translate3d(-1.2%,0,0)}
}

body.home-design-test .slide.active .slide-content{
  animation:homeSliderTextReveal .85s cubic-bezier(.2,.8,.2,1) .12s both;
}
@keyframes homeSliderTextReveal{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}

@media(max-width:820px){
  body.home-design-test .slide.active:nth-child(4n+3) .slide-bg,
  body.home-design-test .slide.active:nth-child(4n+3) .slide-bg-video{
    animation-name:homeSliderFromLeftMobile;
  }
  body.home-design-test .slide.active:nth-child(4n+4) .slide-bg,
  body.home-design-test .slide.active:nth-child(4n+4) .slide-bg-video{
    animation-name:homeSliderFromRightMobile;
  }
  @keyframes homeSliderFromLeftMobile{
    from{transform:scale(1.12) translate3d(-1.7%,0,0)}
    to{transform:scale(1.07) translate3d(.7%,0,0)}
  }
  @keyframes homeSliderFromRightMobile{
    from{transform:scale(1.12) translate3d(1.7%,0,0)}
    to{transform:scale(1.07) translate3d(-.7%,0,0)}
  }
}

@media(prefers-reduced-motion:reduce){
  body.home-design-test .slide.active .slide-bg,
  body.home-design-test .slide.active .slide-bg-video,
  body.home-design-test .slide.active .slide-content{
    animation:none!important;
    transform:none!important;
  }
}

/* V4.5.133 - Ajustements demandés : vidéo fixe, effets photo variés,
   fond vert foncé conservé, SEO visuel masqué et footer mobile resserré. */

/* Les blocs éditoriaux affichés comme "SEO" ne sont pas montrés sur la page test.
   Les balises techniques de référencement restent intactes dans le <head>. */
body.home-design-test .home-seo-preview-fallback,
body.home-design-test .seo-auto-section{
  display:none!important;
}

/* Une vidéo reste toujours naturelle : aucun zoom, dézoom ou panoramique. */
body.home-design-test .hero-slider video,
body.home-design-test .hero-slider .slide-bg-video,
body.home-design-test .hero-slider .slide.active .slide-bg-video,
body.home-design-test .hero-slider .slide[class*="active"] .slide-bg-video{
  animation:none!important;
  transform:none!important;
  transition:opacity .9s ease!important;
  filter:none!important;
  will-change:auto!important;
}

/* Les mouvements s'appliquent uniquement aux images du slider. */
body.home-design-test .slide.active:nth-child(6n+1) .slide-bg{
  animation:homeSliderZoomInSoft 7.2s cubic-bezier(.2,.72,.25,1) both!important;
}
body.home-design-test .slide.active:nth-child(6n+2) .slide-bg{
  animation:homeSliderZoomOutSoft 7.2s cubic-bezier(.2,.72,.25,1) both!important;
}
body.home-design-test .slide.active:nth-child(6n+3) .slide-bg{
  animation:homeSliderPanLeftSoft 7.2s cubic-bezier(.2,.72,.25,1) both!important;
}
body.home-design-test .slide.active:nth-child(6n+4) .slide-bg{
  animation:homeSliderPanRightSoft 7.2s cubic-bezier(.2,.72,.25,1) both!important;
}
body.home-design-test .slide.active:nth-child(6n+5) .slide-bg{
  animation:homeSliderRiseSoft 7.2s cubic-bezier(.2,.72,.25,1) both!important;
}
body.home-design-test .slide.active:nth-child(6n) .slide-bg{
  animation:homeSliderDriftSoft 7.2s cubic-bezier(.2,.72,.25,1) both!important;
}

@keyframes homeSliderZoomInSoft{
  from{transform:scale(1.035) translate3d(0,0,0)}
  to{transform:scale(1.105) translate3d(0,0,0)}
}
@keyframes homeSliderZoomOutSoft{
  from{transform:scale(1.12) translate3d(0,0,0)}
  to{transform:scale(1.045) translate3d(0,0,0)}
}
@keyframes homeSliderPanLeftSoft{
  from{transform:scale(1.085) translate3d(-2.2%,0,0)}
  to{transform:scale(1.055) translate3d(.8%,0,0)}
}
@keyframes homeSliderPanRightSoft{
  from{transform:scale(1.085) translate3d(2.2%,0,0)}
  to{transform:scale(1.055) translate3d(-.8%,0,0)}
}
@keyframes homeSliderRiseSoft{
  from{transform:scale(1.085) translate3d(0,1.8%,0)}
  to{transform:scale(1.055) translate3d(0,-.6%,0)}
}
@keyframes homeSliderDriftSoft{
  from{transform:scale(1.07) translate3d(-.7%,.8%,0)}
  to{transform:scale(1.095) translate3d(.7%,-.5%,0)}
}

/* Sur mobile, on conserve la visibilité des éléments flottants sans grand vide. */
@media(max-width:820px){
  body.home-design-test footer,
  body.home-design-test .site-footer{
    padding-bottom:calc(22px + env(safe-area-inset-bottom))!important;
    margin-bottom:0!important;
  }
  body.home-design-test footer .footer-bottom,
  body.home-design-test .site-footer .footer-bottom{
    padding-bottom:6px!important;
    margin-bottom:0!important;
  }
  body.home-design-test main{
    padding-bottom:0!important;
  }

  body.home-design-test .slide.active:nth-child(6n+3) .slide-bg{
    animation-name:homeSliderPanLeftMobile!important;
  }
  body.home-design-test .slide.active:nth-child(6n+4) .slide-bg{
    animation-name:homeSliderPanRightMobile!important;
  }
  @keyframes homeSliderPanLeftMobile{
    from{transform:scale(1.105) translate3d(-1.25%,0,0)}
    to{transform:scale(1.07) translate3d(.45%,0,0)}
  }
  @keyframes homeSliderPanRightMobile{
    from{transform:scale(1.105) translate3d(1.25%,0,0)}
    to{transform:scale(1.07) translate3d(-.45%,0,0)}
  }
}

@media(prefers-reduced-motion:reduce){
  body.home-design-test .slide.active .slide-bg{
    animation:none!important;
    transform:none!important;
  }
}

/* V4.5.134 - Uniformisation définitive de tous les fonds de l'accueil test. */
:root{
  --home-test-uniform-bg:#031b11;
  --home-test-footer-bg:#0b3b27;
}

body.home-design-test,
body.home-design-test main,
body.home-design-test .google-review-rail,
body.home-design-test #services,
body.home-design-test .home-portfolio-section,
body.home-design-test .home-process-section,
body.home-design-test .about,
body.home-design-test .home-stats-section,
body.home-design-test .home-google-reviews,
body.home-design-test .home-support-preview,
body.home-design-test #contact,
body.home-design-test .section{
  background:var(--home-test-uniform-bg)!important;
  background-image:none!important;
}

/* Aucun halo ou aplat de fond ne doit recréer une variation entre deux briques. */
body.home-design-test #services:before,
body.home-design-test .home-portfolio-section:before,
body.home-design-test .home-process-section:before,
body.home-design-test .about:before,
body.home-design-test .home-stats-section:before,
body.home-design-test .home-google-reviews:before,
body.home-design-test .home-support-preview:before,
body.home-design-test #contact:before{
  background:transparent!important;
  background-image:none!important;
  opacity:0!important;
}

/* Séparation légère uniquement par une ligne, sans changement de vert. */
body.home-design-test #services:after,
body.home-design-test .home-portfolio-section:after,
body.home-design-test .home-process-section:after,
body.home-design-test .about:after,
body.home-design-test .home-stats-section:after,
body.home-design-test .home-google-reviews:after,
body.home-design-test .home-support-preview:after,
body.home-design-test #contact:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  bottom:0!important;
  width:min(1180px,calc(100vw - 40px))!important;
  height:1px!important;
  transform:translateX(-50%)!important;
  background:linear-gradient(90deg,transparent,rgba(154,241,173,.18),transparent)!important;
  filter:none!important;
  opacity:.7!important;
  pointer-events:none!important;
}

/* Le footer reprend exactement l’apparence commune utilisée sur les autres pages. */
body.home-design-test .max-site-footer{
  background:radial-gradient(circle at 8% 0,rgba(105,228,130,.18),transparent 30%),linear-gradient(135deg,#06170d 0%,#0a2414 48%,#10351f 100%)!important;
}

/* Animations de découverte discrètes pour les grandes briques. */
body.home-design-test .section.reveal,
body.home-design-test .home-portfolio-section.reveal,
body.home-design-test .home-process-section.reveal,
body.home-design-test .about.reveal,
body.home-design-test .home-stats-section.reveal,
body.home-design-test .home-google-reviews.reveal,
body.home-design-test .home-support-preview.reveal{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1);
}
body.home-design-test .section.reveal.visible,
body.home-design-test .home-portfolio-section.reveal.visible,
body.home-design-test .home-process-section.reveal.visible,
body.home-design-test .about.reveal.visible,
body.home-design-test .home-stats-section.reveal.visible,
body.home-design-test .home-google-reviews.reveal.visible,
body.home-design-test .home-support-preview.reveal.visible,
body.home-design-test .home-stats-section.is-visible{
  opacity:1!important;
  transform:translateY(0)!important;
}

@media(prefers-reduced-motion:reduce){
  body.home-design-test .section.reveal,
  body.home-design-test .home-portfolio-section.reveal,
  body.home-design-test .home-process-section.reveal,
  body.home-design-test .about.reveal,
  body.home-design-test .home-stats-section.reveal,
  body.home-design-test .home-google-reviews.reveal,
  body.home-design-test .home-support-preview.reveal{
    opacity:1!important;
    transform:none!important;
  }
}

/* V4.5.135 - Accueil test : apparition séquencée du texte du slider. */
body.home-design-test .hero-slider .slide-content{
  opacity:1;
  transform:none;
  animation:none!important;
}

body.home-design-test .hero-slider .slide-content .kicker,
body.home-design-test .hero-slider .slide-content .slide-title,
body.home-design-test .hero-slider .slide-content .slide-subtitle,
body.home-design-test .hero-slider .slide-content .hero-actions{
  opacity:0;
  will-change:opacity,transform;
}

body.home-design-test .hero-slider .slide-content .kicker{
  transform:translate3d(0,12px,0);
}
body.home-design-test .hero-slider .slide-content .slide-title{
  transform:translate3d(0,24px,0);
}
body.home-design-test .hero-slider .slide-content .slide-subtitle{
  transform:translate3d(0,18px,0);
}
body.home-design-test .hero-slider .slide-content .hero-actions{
  transform:translate3d(0,12px,0) scale(.96);
}

body.home-design-test .hero-slider .slide.active .slide-content .kicker{
  animation:homeHeroKickerIn .62s cubic-bezier(.2,.8,.2,1) .18s both;
}
body.home-design-test .hero-slider .slide.active .slide-content .slide-title{
  animation:homeHeroTitleIn .82s cubic-bezier(.16,.84,.22,1) .28s both;
}
body.home-design-test .hero-slider .slide.active .slide-content .slide-subtitle{
  animation:homeHeroSubtitleIn .72s cubic-bezier(.2,.8,.2,1) .45s both;
}
body.home-design-test .hero-slider .slide.active .slide-content .hero-actions{
  animation:homeHeroActionsIn .66s cubic-bezier(.2,.82,.2,1) .62s both;
}

@keyframes homeHeroKickerIn{
  from{opacity:0;transform:translate3d(0,12px,0);letter-spacing:.5em}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes homeHeroTitleIn{
  from{opacity:0;transform:translate3d(0,24px,0);filter:blur(5px)}
  to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}
@keyframes homeHeroSubtitleIn{
  from{opacity:0;transform:translate3d(0,18px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes homeHeroActionsIn{
  from{opacity:0;transform:translate3d(0,12px,0) scale(.96)}
  to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}

@media(max-width:820px){
  body.home-design-test .hero-slider .slide.active .slide-content .kicker{animation-delay:.12s}
  body.home-design-test .hero-slider .slide.active .slide-content .slide-title{animation-delay:.2s}
  body.home-design-test .hero-slider .slide.active .slide-content .slide-subtitle{animation-delay:.34s}
  body.home-design-test .hero-slider .slide.active .slide-content .hero-actions{animation-delay:.48s}
}

@media(prefers-reduced-motion:reduce){
  body.home-design-test .hero-slider .slide-content .kicker,
  body.home-design-test .hero-slider .slide-content .slide-title,
  body.home-design-test .hero-slider .slide-content .slide-subtitle,
  body.home-design-test .hero-slider .slide-content .hero-actions{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    animation:none!important;
  }
}

/* V4.5.136 - Accueil test : texte du slider synchronisé sur tout le cycle de 6,5 secondes. */
body.home-design-test .hero-slider .slide-content .kicker,
body.home-design-test .hero-slider .slide-content .slide-title,
body.home-design-test .hero-slider .slide-content .slide-subtitle,
body.home-design-test .hero-slider .slide-content .hero-actions{
  opacity:0;
  animation:none!important;
  will-change:opacity,transform,filter;
}

body.home-design-test .hero-slider .slide.active .slide-content .kicker{
  animation:homeHeroKickerCycle 6.35s cubic-bezier(.2,.75,.22,1) 0s both!important;
}
body.home-design-test .hero-slider .slide.active .slide-content .slide-title{
  animation:homeHeroTitleCycle 6.35s cubic-bezier(.2,.75,.22,1) .12s both!important;
}
body.home-design-test .hero-slider .slide.active .slide-content .slide-subtitle{
  animation:homeHeroSubtitleCycle 6.35s cubic-bezier(.2,.75,.22,1) .24s both!important;
}
body.home-design-test .hero-slider .slide.active .slide-content .hero-actions{
  animation:homeHeroActionsCycle 6.35s cubic-bezier(.2,.75,.22,1) .36s both!important;
}

@keyframes homeHeroKickerCycle{
  0%{opacity:0;transform:translate3d(0,18px,0);letter-spacing:.5em}
  14%{opacity:1;transform:translate3d(0,0,0);letter-spacing:.14em}
  82%{opacity:1;transform:translate3d(0,-2px,0);letter-spacing:.14em}
  94%,100%{opacity:0;transform:translate3d(0,-12px,0);letter-spacing:.18em}
}
@keyframes homeHeroTitleCycle{
  0%{opacity:0;transform:translate3d(0,32px,0);filter:blur(7px)}
  18%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
  82%{opacity:1;transform:translate3d(0,-3px,0);filter:blur(0)}
  94%,100%{opacity:0;transform:translate3d(0,-16px,0);filter:blur(2px)}
}
@keyframes homeHeroSubtitleCycle{
  0%{opacity:0;transform:translate3d(0,24px,0)}
  20%{opacity:1;transform:translate3d(0,0,0)}
  82%{opacity:1;transform:translate3d(0,-2px,0)}
  94%,100%{opacity:0;transform:translate3d(0,-12px,0)}
}
@keyframes homeHeroActionsCycle{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.95)}
  22%{opacity:1;transform:translate3d(0,0,0) scale(1)}
  82%{opacity:1;transform:translate3d(0,-1px,0) scale(1)}
  94%,100%{opacity:0;transform:translate3d(0,-10px,0) scale(.985)}
}

@media(max-width:820px){
  body.home-design-test .hero-slider .slide.active .slide-content .kicker{animation-delay:0s!important}
  body.home-design-test .hero-slider .slide.active .slide-content .slide-title{animation-delay:.08s!important}
  body.home-design-test .hero-slider .slide.active .slide-content .slide-subtitle{animation-delay:.16s!important}
  body.home-design-test .hero-slider .slide.active .slide-content .hero-actions{animation-delay:.24s!important}
}

@media(prefers-reduced-motion:reduce){
  body.home-design-test .hero-slider .slide-content .kicker,
  body.home-design-test .hero-slider .slide-content .slide-title,
  body.home-design-test .hero-slider .slide-content .slide-subtitle,
  body.home-design-test .hero-slider .slide-content .hero-actions{
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    animation:none!important;
  }
}

/* V4.5.137 - Accueil test : fondu croisé plus doux entre les slides. */
body.home-design-test .hero-slider .slide{
  opacity:0;
  z-index:1;
  pointer-events:none;
  transition:opacity 1.65s cubic-bezier(.4,0,.2,1)!important;
  will-change:opacity;
}
body.home-design-test .hero-slider .slide.active{
  opacity:1;
  z-index:2;
  pointer-events:auto;
}
body.home-design-test .hero-slider .slides{
  background:#06150d;
}

/* Le média reste visible pendant le fondu ; les vidéos ne reçoivent toujours aucun mouvement. */
body.home-design-test .hero-slider .slide-bg,
body.home-design-test .hero-slider .slide-bg-video,
body.home-design-test .hero-slider video{
  backface-visibility:hidden;
}

@media(max-width:820px){
  body.home-design-test .hero-slider .slide{
    transition-duration:1.4s!important;
  }
}

@media(prefers-reduced-motion:reduce){
  body.home-design-test .hero-slider .slide{
    transition-duration:.45s!important;
  }
}

/* V4.5.138 - Mouvement continu jusqu'au slide suivant et boucle vidéo stabilisée. */
body.home-design-test .hero-slider .slide.leaving{
  opacity:0;
  z-index:2;
  pointer-events:none;
}

/* L'animation photo couvre les 6,5 s du slide puis les 1,65 s du fondu sortant. */
body.home-design-test .slide.active:nth-child(6n+1) .slide-bg,
body.home-design-test .slide.leaving:nth-child(6n+1) .slide-bg{
  animation:homeSliderZoomInSoft 8.15s linear both!important;
}
body.home-design-test .slide.active:nth-child(6n+2) .slide-bg,
body.home-design-test .slide.leaving:nth-child(6n+2) .slide-bg{
  animation:homeSliderZoomOutSoft 8.15s linear both!important;
}
body.home-design-test .slide.active:nth-child(6n+3) .slide-bg,
body.home-design-test .slide.leaving:nth-child(6n+3) .slide-bg{
  animation:homeSliderPanLeftSoft 8.15s linear both!important;
}
body.home-design-test .slide.active:nth-child(6n+4) .slide-bg,
body.home-design-test .slide.leaving:nth-child(6n+4) .slide-bg{
  animation:homeSliderPanRightSoft 8.15s linear both!important;
}
body.home-design-test .slide.active:nth-child(6n+5) .slide-bg,
body.home-design-test .slide.leaving:nth-child(6n+5) .slide-bg{
  animation:homeSliderRiseSoft 8.15s linear both!important;
}
body.home-design-test .slide.active:nth-child(6n) .slide-bg,
body.home-design-test .slide.leaving:nth-child(6n) .slide-bg{
  animation:homeSliderDriftSoft 8.15s linear both!important;
}

/* La vidéo sortante continue pendant le fondu, sans mouvement ni image figée. */
body.home-design-test .hero-slider .slide.leaving .slide-bg-video,
body.home-design-test .hero-slider .slide.leaving video{
  opacity:1;
  visibility:visible;
  animation:none!important;
  transform:none!important;
}

@media(max-width:820px){
  body.home-design-test .slide.active:nth-child(6n+3) .slide-bg,
  body.home-design-test .slide.leaving:nth-child(6n+3) .slide-bg{
    animation-name:homeSliderPanLeftMobile!important;
  }
  body.home-design-test .slide.active:nth-child(6n+4) .slide-bg,
  body.home-design-test .slide.leaving:nth-child(6n+4) .slide-bg{
    animation-name:homeSliderPanRightMobile!important;
  }
}