/* ===================================================================
   Animations progressives sans JavaScript
   - Contenu visible par défaut (jamais bloqué si JS est désactivé)
   - Révélations au scroll via animation-timeline: view() quand supporté
   - Séquence hero en CSS pur quand js/hero-logo-reveal.js ne s'exécute pas
   - js/* reste une couche d'amélioration (canvas, compteurs, carrousel)
   Pages : index, a-propos, approche, nous-rejoindre, diagnostic, formation,
   developpement, expertise-developpement, formation-initiation-ia, cas d'usage (×5)
   =================================================================== */

/* ---------- Baseline : état final visible sans JS ni view() ---------- */

.why-card{
  opacity:1;
  transform:none;
}

.funding-logo{
  opacity:1;
  translate:0 0;
}

.network-label{
  opacity:1;
  transform:none;
}

.network-dot{
  scale:1;
}

.network-line{
  stroke-dashoffset:0;
}

.network-center-circle{
  opacity:1;
  scale:1;
}

.network-center-glow,
.network-center-logo{
  opacity:1;
}

@media (max-width:820px){
  .sector-network-mobile-center{
    opacity:1;
    scale:1;
  }

  .sector-network-mobile li{
    opacity:1;
    transform:none;
  }
}

/* --- a-propos.html --- */

.sf-cards .card,
.cards--sky .card{
  opacity:1;
  transform:none;
}

.values-frieze-item{
  opacity:1;
  transform:none;
}

.value-icon-frame{
  opacity:1;
}

.values-frieze-divider{
  clip-path:inset(0 0% 0 0);
}

.team-card--linkedin{
  opacity:1;
  transform:none;
}

/* Visible uniquement si le script n'a pas encore posé .is-active */
.stat-rotator:not(:has(.is-active)) .stat-rotator-item:first-child{
  opacity:1;
  transform:translateY(0);
}

/* --- approche.html --- */

.appr-pill{
  opacity:1;
  transform:none;
}

.appr-pills-line{
  opacity:1;
  transform:scaleX(1);
}

.appr-timeline-line{
  transform:scaleY(1);
}

.appr-timeline-dot svg,
.appr-timeline-dot img,
.appr-timeline-content{
  opacity:1;
  transform:none;
}

/* --- nous-rejoindre.html --- */

.rej-num-stroke{
  stroke-dashoffset:0;
}

.rej-num-fill{
  fill-opacity:1;
}

.rej-value-label,
.rej-value-text{
  opacity:1;
  transform:none;
}

.rej-profile-intro{
  opacity:1;
}

.rej-profile-line{
  transform:scaleY(1);
}

.rej-profile-dot{
  opacity:1;
  scale:1;
}

.rej-profile-item p{
  opacity:1;
  transform:none;
}

/* ---------- Hero : séquence CSS quand le script canvas n'est pas armé ---------- */

.hero-logo-reveal:not(.js-armed) .hlr-canvas{
  display:none;
}

.hero-logo-reveal:not(.js-armed) .hero-logo-reveal-img{
  clip-path:circle(0% at 50% 50%);
  animation:hlrRevealImgCss 2.7s cubic-bezier(0.4,0,0.2,1) 0.8s forwards;
}

.hero-logo-reveal:not(.js-armed) .hlr-ring-circle{
  stroke-dashoffset:295.3;
  animation:
    hlrDrawRingCss 2.3s cubic-bezier(0.65,0,0.35,1) 0.3s forwards,
    hlrRingFadeCss 1.2s ease 3.5s forwards;
}

.hero-logo-reveal:not(.js-armed) .hlr-spark--two{
  animation:hlrSpark 0.7s ease-out 3.2s both;
}

.hero-logo-reveal:not(.js-armed) .hlr-spark--text{
  animation:hlrSparkText 0.8s ease-out 3.5s both;
}

.hero-logo-reveal:not(.js-armed) .hlr-glow{
  opacity:0;
  animation:hlrBreathe 4.5s ease-in-out 4s infinite;
}

@keyframes hlrDrawRingCss{
  from{stroke-dashoffset:295.3;}
  to{stroke-dashoffset:0;}
}

@keyframes hlrRevealImgCss{
  from{clip-path:circle(0% at 50% 50%);}
  to{clip-path:circle(100% at 50% 50%);}
}

@keyframes hlrRingFadeCss{
  from{opacity:0.85;}
  to{opacity:0;}
}

/* ---------- Révélations au scroll (remplace IntersectionObserver) ---------- */

@supports (animation-timeline: view()){
  .why-grid{
    view-timeline-name:--why-grid;
    view-timeline-axis:block;
  }

  .why-card{
    opacity:0;
    transform:translateY(30px) scale(0.98);
    animation:whyCardRevealCss 0.6s ease-out both;
    animation-timeline:view(--why-grid);
    animation-range:entry 10% cover 35%;
  }

  .why-card:nth-child(1){animation-delay:0ms;}
  .why-card:nth-child(2){animation-delay:120ms;}
  .why-card:nth-child(3){animation-delay:240ms;}
  .why-card:nth-child(4){animation-delay:360ms;}

  @keyframes whyCardRevealCss{
    from{opacity:0; transform:translateY(30px) scale(0.98);}
    to{opacity:1; transform:translateY(0) scale(1);}
  }

  /* --- Funding band --- */

  .funding-grid{
    view-timeline-name:--funding-grid;
    view-timeline-axis:block;
  }

  .funding-logo{
    opacity:0;
    translate:0 20px;
    animation:fundingLogoRevealCss 0.6s ease-out both;
    animation-timeline:view(--funding-grid);
    animation-range:entry 10% cover 40%;
  }

  .funding-item:nth-child(1) .funding-logo{animation-delay:0ms;}
  .funding-item:nth-child(2) .funding-logo{animation-delay:150ms;}
  .funding-item:nth-child(3) .funding-logo{animation-delay:300ms;}

  @keyframes fundingLogoRevealCss{
    from{opacity:0; translate:0 20px;}
    to{opacity:1; translate:0 0;}
  }

  /* --- Sector network (desktop SVG) --- */

  .sector-network{
    view-timeline-name:--sector-network;
    view-timeline-axis:block;
  }

  .network-center-circle{
    opacity:0;
    scale:0.85;
    animation:networkCenterCircleCss 1s ease-out both;
    animation-timeline:view(--sector-network);
    animation-range:entry 5% cover 25%;
  }

  .network-center-glow{
    opacity:0;
    animation:networkCenterFadeCss 1.3s ease-out both;
    animation-timeline:view(--sector-network);
    animation-range:entry 5% cover 25%;
  }

  .network-center-logo{
    opacity:0;
    animation:networkCenterFadeCss 1s ease-out 0.3s both;
    animation-timeline:view(--sector-network);
    animation-range:entry 5% cover 30%;
  }

  .sector-network .network-center{
    animation:networkCenterPulse 4.5s ease-in-out 1s infinite;
    animation-timeline:view(--sector-network);
    animation-range:entry 25% cover 100%;
  }

  .network-line{
    stroke-dashoffset:400;
    animation:networkLineDrawCss 0.9s ease-out both;
    animation-timeline:view(--sector-network);
    animation-range:entry 5% cover 70%;
  }

  .network-item:nth-child(1) .network-line{animation-delay:1s;}
  .network-item:nth-child(2) .network-line{animation-delay:1.16s;}
  .network-item:nth-child(3) .network-line{animation-delay:1.32s;}
  .network-item:nth-child(4) .network-line{animation-delay:1.48s;}
  .network-item:nth-child(5) .network-line{animation-delay:1.64s;}
  .network-item:nth-child(6) .network-line{animation-delay:1.8s;}
  .network-item:nth-child(7) .network-line{animation-delay:1.96s;}
  .network-item:nth-child(8) .network-line{animation-delay:2.12s;}
  .network-item:nth-child(9) .network-line{animation-delay:2.28s;}
  .network-item:nth-child(10) .network-line{animation-delay:2.44s;}
  .network-item:nth-child(11) .network-line{animation-delay:2.6s;}
  .network-item:nth-child(12) .network-line{animation-delay:2.76s;}

  .network-item:nth-child(1) .network-dot,
  .network-item:nth-child(1) .network-label{animation-delay:1.9s;}
  .network-item:nth-child(2) .network-dot,
  .network-item:nth-child(2) .network-label{animation-delay:2.06s;}
  .network-item:nth-child(3) .network-dot,
  .network-item:nth-child(3) .network-label{animation-delay:2.22s;}
  .network-item:nth-child(4) .network-dot,
  .network-item:nth-child(4) .network-label{animation-delay:2.38s;}
  .network-item:nth-child(5) .network-dot,
  .network-item:nth-child(5) .network-label{animation-delay:2.54s;}
  .network-item:nth-child(6) .network-dot,
  .network-item:nth-child(6) .network-label{animation-delay:2.7s;}
  .network-item:nth-child(7) .network-dot,
  .network-item:nth-child(7) .network-label{animation-delay:2.86s;}
  .network-item:nth-child(8) .network-dot,
  .network-item:nth-child(8) .network-label{animation-delay:3.02s;}
  .network-item:nth-child(9) .network-dot,
  .network-item:nth-child(9) .network-label{animation-delay:3.18s;}
  .network-item:nth-child(10) .network-dot,
  .network-item:nth-child(10) .network-label{animation-delay:3.34s;}
  .network-item:nth-child(11) .network-dot,
  .network-item:nth-child(11) .network-label{animation-delay:3.5s;}
  .network-item:nth-child(12) .network-dot,
  .network-item:nth-child(12) .network-label{animation-delay:3.66s;}

  .network-dot{
    scale:0;
    animation:networkDotInCss 0.7s ease-out both;
    animation-timeline:view(--sector-network);
    animation-range:entry 5% cover 75%;
  }

  .network-label{
    opacity:0;
    transform:translateY(8px);
    animation:networkLabelInCss 0.7s ease-out both;
    animation-timeline:view(--sector-network);
    animation-range:entry 5% cover 75%;
  }

  .sector-network .network-item:nth-child(3n+1) .network-flow-dot{
    offset-path:var(--flow-path);
    animation:networkFlow 7s linear 3.8s infinite;
    animation-timeline:view(--sector-network);
    animation-range:entry 30% cover 100%;
  }

  @keyframes networkLineDrawCss{
    from{stroke-dashoffset:400;}
    to{stroke-dashoffset:0;}
  }

  @keyframes networkLabelInCss{
    from{opacity:0; transform:translateY(8px);}
    to{opacity:1; transform:translateY(0);}
  }

  @keyframes networkDotInCss{
    from{scale:0;}
    to{scale:1;}
  }

  @keyframes networkCenterCircleCss{
    from{opacity:0; scale:0.85;}
    to{opacity:1; scale:1;}
  }

  @keyframes networkCenterFadeCss{
    from{opacity:0;}
    to{opacity:1;}
  }

  /* --- Sector network (mobile liste) --- */

  @media (max-width:820px){
    .sector-network-mobile-center{
      opacity:0;
      scale:0.85;
      animation:networkCenterCircleCss 1s ease-out both;
      animation-timeline:view(--sector-network);
      animation-range:entry 5% cover 25%;
    }

    .sector-network-mobile li{
      opacity:0;
      transform:translateY(8px);
      animation:networkLabelInCss 0.7s ease-out both;
      animation-timeline:view(--sector-network);
      animation-range:entry 10% cover 50%;
    }

    .sector-network-mobile li:nth-child(1){animation-delay:1.1s;}
    .sector-network-mobile li:nth-child(2){animation-delay:1.26s;}
    .sector-network-mobile li:nth-child(3){animation-delay:1.42s;}
    .sector-network-mobile li:nth-child(4){animation-delay:1.58s;}
    .sector-network-mobile li:nth-child(5){animation-delay:1.74s;}
    .sector-network-mobile li:nth-child(6){animation-delay:1.9s;}
    .sector-network-mobile li:nth-child(7){animation-delay:2.06s;}
    .sector-network-mobile li:nth-child(8){animation-delay:2.22s;}
    .sector-network-mobile li:nth-child(9){animation-delay:2.38s;}
    .sector-network-mobile li:nth-child(10){animation-delay:2.54s;}
    .sector-network-mobile li:nth-child(11){animation-delay:2.7s;}
    .sector-network-mobile li:nth-child(12){animation-delay:2.86s;}
  }

  /* --- a-propos.html : sf-cards --- */

  .sf-cards{
    view-timeline-name:--sf-cards;
    view-timeline-axis:block;
  }

  .sf-cards .card{
    opacity:0;
    transform:translateY(24px);
    animation:sfCardRevealCss 0.6s ease-out both;
    animation-timeline:view(--sf-cards);
    animation-range:entry 10% cover 35%;
  }

  .sf-cards .carousel-slide:nth-child(1) .card{animation-delay:0ms;}
  .sf-cards .carousel-slide:nth-child(2) .card{animation-delay:120ms;}
  .sf-cards .carousel-slide:nth-child(3) .card{animation-delay:240ms;}
  .sf-cards .carousel-slide:nth-child(4) .card{animation-delay:360ms;}

  @keyframes sfCardRevealCss{
    from{opacity:0; transform:translateY(24px);}
    to{opacity:1; transform:translateY(0);}
  }

  /* --- a-propos.html : values-frieze --- */

  .values-frieze{
    view-timeline-name:--values-frieze;
    view-timeline-axis:block;
  }

  .values-frieze-item{
    opacity:0;
    transform:translateY(35px) scale(0.98);
    animation:valuesFriezeItemCss 2.4s ease-out both;
    animation-timeline:view(--values-frieze);
    animation-range:entry 10% cover 45%;
  }

  .values-frieze-item:nth-of-type(1){animation-delay:0ms;}
  .values-frieze-item:nth-of-type(3){animation-delay:600ms;}
  .values-frieze-item:nth-of-type(5){animation-delay:1200ms;}

  .value-icon-frame{
    opacity:0.4;
    animation:valuesFriezeIconCss 2.4s ease-out both;
    animation-timeline:view(--values-frieze);
    animation-range:entry 10% cover 45%;
  }

  .values-frieze-item:nth-of-type(1) .value-icon-frame{animation-delay:0ms;}
  .values-frieze-item:nth-of-type(3) .value-icon-frame{animation-delay:600ms;}
  .values-frieze-item:nth-of-type(5) .value-icon-frame{animation-delay:1200ms;}

  .values-frieze-divider{
    clip-path:inset(0 100% 0 0);
    animation:valuesFriezeDividerCss 2.4s ease-out both;
    animation-timeline:view(--values-frieze);
    animation-range:entry 10% cover 45%;
  }

  .values-frieze-divider:nth-of-type(2){animation-delay:600ms;}
  .values-frieze-divider:nth-of-type(4){animation-delay:1200ms;}

  @keyframes valuesFriezeItemCss{
    from{opacity:0; transform:translateY(35px) scale(0.98);}
    to{opacity:1; transform:translateY(0) scale(1);}
  }

  @keyframes valuesFriezeIconCss{
    from{opacity:0.4;}
    to{opacity:1;}
  }

  @keyframes valuesFriezeDividerCss{
    from{clip-path:inset(0 100% 0 0);}
    to{clip-path:inset(0 0% 0 0);}
  }

  /* --- a-propos.html : team LinkedIn --- */

  .team-linkedin-section{
    view-timeline-name:--team-linkedin;
    view-timeline-axis:block;
  }

  .team-card--linkedin{
    opacity:0;
    transform:translateY(20px);
    animation:teamLinkedinRevealCss 0.6s ease-out both;
    animation-timeline:view(--team-linkedin);
    animation-range:entry 10% cover 35%;
  }

  @keyframes teamLinkedinRevealCss{
    from{opacity:0; transform:translateY(20px);}
    to{opacity:1; transform:translateY(0);}
  }

  /* --- approche.html + nous-rejoindre.html : cards--sky --- */

  .cards--sky{
    view-timeline-name:--cards-sky;
    view-timeline-axis:block;
  }

  .cards--sky .card{
    opacity:0;
    transform:translateY(30px) scale(0.97);
    animation:cardsSkyRevealCss 2.8s ease-out both;
    animation-timeline:view(--cards-sky);
    animation-range:entry 10% cover 40%;
  }

  .cards--sky .card:nth-child(1){animation-delay:0s;}
  .cards--sky .card:nth-child(2){animation-delay:0.55s;}
  .cards--sky .card:nth-child(3){animation-delay:1.1s;}

  @keyframes cardsSkyRevealCss{
    from{opacity:0; transform:translateY(30px) scale(0.97);}
    to{opacity:1; transform:translateY(0) scale(1);}
  }

  /* --- approche.html : pills --- */

  .appr-pills-wrap{
    view-timeline-name:--appr-pills;
    view-timeline-axis:block;
  }

  .appr-pill{
    opacity:0;
    transform:translateY(26px);
    animation:apprPillRevealCss 0.7s ease-out both;
    animation-timeline:view(--appr-pills);
    animation-range:entry 10% cover 40%;
  }

  .appr-pill--1{animation-delay:0s;}
  .appr-pill--2{animation-delay:0.2s;}
  .appr-pill--3{animation-delay:0.4s;}
  .appr-pill--4{animation-delay:0.6s;}

  .appr-pills-line{
    opacity:0;
    transform:scaleX(0);
    animation:apprLineDraw 1.6s ease-out 1.2s both;
    animation-timeline:view(--appr-pills);
    animation-range:entry 10% cover 50%;
  }

  .appr-pills-wrap .appr-pill--1::after{animation:apprPillGlow 0.9s ease-out 1.3s both; animation-timeline:view(--appr-pills); animation-range:entry 10% cover 55%;}
  .appr-pills-wrap .appr-pill--2::after{animation:apprPillGlow 0.9s ease-out 1.73s both; animation-timeline:view(--appr-pills); animation-range:entry 10% cover 55%;}
  .appr-pills-wrap .appr-pill--3::after{animation:apprPillGlow 0.9s ease-out 2.16s both; animation-timeline:view(--appr-pills); animation-range:entry 10% cover 55%;}
  .appr-pills-wrap .appr-pill--4::after{animation:apprPillGlow 0.9s ease-out 2.6s both; animation-timeline:view(--appr-pills); animation-range:entry 10% cover 55%;}

  @keyframes apprPillRevealCss{
    from{opacity:0; transform:translateY(26px);}
    to{opacity:1; transform:translateY(0);}
  }

  /* --- approche.html : timeline --- */

  .appr-timeline{
    view-timeline-name:--appr-timeline;
    view-timeline-axis:block;
  }

  .appr-timeline-line{
    transform:scaleY(0);
    animation:apprTimelineDraw 5.5s ease-out both;
    animation-timeline:view(--appr-timeline);
    animation-range:entry 5% cover 70%;
  }

  .appr-timeline-dot svg,
  .appr-timeline-dot img{
    opacity:0;
    animation:apprTimelineFadeCss 0.5s ease-out both;
    animation-timeline:view(--appr-timeline);
    animation-range:entry 5% cover 70%;
  }

  .appr-timeline-content{
    opacity:0;
    transform:translateX(20px);
    animation:apprTimelineSlideCss 0.5s ease-out both;
    animation-timeline:view(--appr-timeline);
    animation-range:entry 5% cover 70%;
  }

  .appr-timeline-step--1 .appr-timeline-dot svg,
  .appr-timeline-step--1 .appr-timeline-dot img,
  .appr-timeline-step--1 .appr-timeline-content{animation-delay:0.2s;}

  .appr-timeline-step--2 .appr-timeline-dot svg,
  .appr-timeline-step--2 .appr-timeline-dot img,
  .appr-timeline-step--2 .appr-timeline-content{animation-delay:2.75s;}

  .appr-timeline-step--3 .appr-timeline-dot svg,
  .appr-timeline-step--3 .appr-timeline-dot img,
  .appr-timeline-step--3 .appr-timeline-content{animation-delay:5.3s;}

  @keyframes apprTimelineFadeCss{
    from{opacity:0;}
    to{opacity:1;}
  }

  @keyframes apprTimelineSlideCss{
    from{opacity:0; transform:translateX(20px);}
    to{opacity:1; transform:translateX(0);}
  }

  /* --- nous-rejoindre.html : rej-value --- */

  .rej-value{
    view-timeline-name:--rej-value;
    view-timeline-axis:block;
  }

  .rej-num-stroke{
    stroke-dashoffset:1;
    animation:rejStrokeDrawCss 2.2s ease-out both;
    animation-timeline:view(--rej-value);
    animation-range:entry 10% cover 50%;
  }

  .rej-num-fill{
    fill-opacity:0;
    animation:rejFillCss 1s ease-out 2.2s both;
    animation-timeline:view(--rej-value);
    animation-range:entry 10% cover 60%;
  }

  .rej-value-label{
    opacity:0;
    transform:translateY(10px);
    animation:rejValueLabelCss 0.8s ease-out 3.2s both;
    animation-timeline:view(--rej-value);
    animation-range:entry 10% cover 65%;
  }

  .rej-value-text{
    opacity:0;
    transform:translateY(10px);
    animation:rejValueTextCss 0.8s ease-out 3.4s both;
    animation-timeline:view(--rej-value);
    animation-range:entry 10% cover 65%;
  }

  @keyframes rejStrokeDrawCss{
    from{stroke-dashoffset:1;}
    to{stroke-dashoffset:0;}
  }

  @keyframes rejFillCss{
    from{fill-opacity:0;}
    to{fill-opacity:1;}
  }

  @keyframes rejValueLabelCss{
    from{opacity:0; transform:translateY(10px);}
    to{opacity:1; transform:translateY(0);}
  }

  @keyframes rejValueTextCss{
    from{opacity:0; transform:translateY(10px);}
    to{opacity:1; transform:translateY(0);}
  }

  /* --- nous-rejoindre.html : rej-profile --- */

  .rej-profile{
    view-timeline-name:--rej-profile;
    view-timeline-axis:block;
  }

  .rej-profile-intro{
    opacity:0;
    animation:fadeInCss 0.5s ease-out both;
    animation-timeline:view(--rej-profile);
    animation-range:entry 5% cover 25%;
  }

  .rej-profile-line{
    transform:scaleY(0);
    animation:rejProfileLineDraw 1.4s ease-out both;
    animation-timeline:view(--rej-profile);
    animation-range:entry 5% cover 45%;
  }

  .rej-profile-dot{
    opacity:0;
    scale:0.4;
    animation:rejProfileDotCss 0.4s ease-out both;
    animation-timeline:view(--rej-profile);
    animation-range:entry 10% cover 50%;
  }

  .rej-profile-item p{
    opacity:0;
    transform:translateX(20px);
    animation:rejProfileTextCss 0.5s ease-out both;
    animation-timeline:view(--rej-profile);
    animation-range:entry 10% cover 50%;
  }

  .rej-profile-item:nth-child(2) .rej-profile-dot{animation-delay:0.3s;}
  .rej-profile-item:nth-child(2) p{animation-delay:0.4s;}
  .rej-profile-item:nth-child(3) .rej-profile-dot{animation-delay:0.45s;}
  .rej-profile-item:nth-child(3) p{animation-delay:0.55s;}
  .rej-profile-item:nth-child(4) .rej-profile-dot{animation-delay:0.6s;}
  .rej-profile-item:nth-child(4) p{animation-delay:0.7s;}
  .rej-profile-item:nth-child(5) .rej-profile-dot{animation-delay:0.75s;}
  .rej-profile-item:nth-child(5) p{animation-delay:0.85s;}
  .rej-profile-item:nth-child(6) .rej-profile-dot{animation-delay:0.9s;}
  .rej-profile-item:nth-child(6) p{animation-delay:1s;}

  @keyframes fadeInCss{
    from{opacity:0;}
    to{opacity:1;}
  }

  @keyframes rejProfileDotCss{
    from{opacity:0; scale:0.4;}
    to{opacity:1; scale:1;}
  }

  @keyframes rejProfileTextCss{
    from{opacity:0; transform:translateX(20px);}
    to{opacity:1; transform:translateX(0);}
  }
}

/* ---------- JS reveal fallback (navigateurs sans view(), avec JS) ---------- */

@supports not (animation-timeline: view()){
  .why-grid:not(.is-inview) .why-card{
    opacity:0;
    transform:translateY(30px) scale(0.98);
  }

  .funding-grid:not(.is-inview) .funding-logo{
    opacity:0;
    translate:0 20px;
  }

  .sector-network:not(.is-inview) .network-label{
    opacity:0;
    transform:translateY(8px);
  }

  .sector-network:not(.is-inview) .network-dot{
    scale:0;
  }

  .sector-network:not(.is-inview) .network-line{
    stroke-dashoffset:400;
  }

  .sector-network:not(.is-inview) .network-center-circle{
    opacity:0;
    scale:0.85;
  }

  .sector-network:not(.is-inview) .network-center-glow,
  .sector-network:not(.is-inview) .network-center-logo{
    opacity:0;
  }

  @media (max-width:820px){
    .sector-network:not(.is-inview) .sector-network-mobile-center{
      opacity:0;
      scale:0.85;
    }

    .sector-network:not(.is-inview) .sector-network-mobile li{
      opacity:0;
      transform:translateY(8px);
    }
  }

  .sf-cards:not(.is-inview) .card{
    opacity:0;
    transform:translateY(24px);
  }

  .values-frieze:not(.is-inview) .values-frieze-item{
    opacity:0;
    transform:translateY(35px) scale(0.98);
  }

  .values-frieze:not(.is-inview) .value-icon-frame{
    opacity:0.4;
  }

  .values-frieze:not(.is-inview) .values-frieze-divider{
    clip-path:inset(0 100% 0 0);
  }

  .team-linkedin-section:not(.is-inview) .team-card--linkedin{
    opacity:0;
    transform:translateY(20px);
  }

  .cards--sky:not(.is-inview) .card{
    opacity:0;
    transform:translateY(30px) scale(0.97);
  }

  .appr-pills-wrap:not(.is-inview) .appr-pill{
    opacity:0;
    transform:translateY(26px);
  }

  .appr-pills-wrap:not(.is-inview) .appr-pills-line{
    opacity:0;
    transform:scaleX(0);
  }

  .appr-timeline:not(.is-inview) .appr-timeline-line{
    transform:scaleY(0);
  }

  .appr-timeline:not(.is-inview) .appr-timeline-dot svg,
  .appr-timeline:not(.is-inview) .appr-timeline-dot img,
  .appr-timeline:not(.is-inview) .appr-timeline-content{
    opacity:0;
  }

  .appr-timeline:not(.is-inview) .appr-timeline-content{
    transform:translateX(20px);
  }

  .rej-value:not(.is-inview) .rej-num-stroke{
    stroke-dashoffset:1;
  }

  .rej-value:not(.is-inview) .rej-num-fill{
    fill-opacity:0;
  }

  .rej-value:not(.is-inview) .rej-value-label,
  .rej-value:not(.is-inview) .rej-value-text{
    opacity:0;
    transform:translateY(10px);
  }

  .rej-profile:not(.is-inview) .rej-profile-intro{
    opacity:0;
  }

  .rej-profile:not(.is-inview) .rej-profile-line{
    transform:scaleY(0);
  }

  .rej-profile:not(.is-inview) .rej-profile-dot{
    opacity:0;
    scale:0.4;
  }

  .rej-profile:not(.is-inview) .rej-profile-item p{
    opacity:0;
    transform:translateX(20px);
  }
}

/* ---------- Sécurité : JS explicitement désactivé ---------- */

@media (scripting: none){
  .why-card,
  .funding-logo,
  .network-label,
  .network-dot,
  .network-center-circle,
  .network-center-glow,
  .network-center-logo,
  .sector-network-mobile-center,
  .sector-network-mobile li,
  .hero-logo-reveal-img,
  .sf-cards .card,
  .cards--sky .card,
  .values-frieze-item,
  .value-icon-frame,
  .team-card--linkedin,
  .appr-pill,
  .appr-timeline-dot svg,
  .appr-timeline-dot img,
  .appr-timeline-content,
  .rej-value-label,
  .rej-value-text,
  .rej-profile-intro,
  .rej-profile-dot,
  .rej-profile-item p{
    opacity:1 !important;
    transform:none !important;
    scale:1 !important;
    translate:0 0 !important;
    clip-path:none !important;
    animation:none !important;
  }

  .stat-rotator-item:not(:first-child){
    display:none !important;
  }

  .stat-rotator-item:first-child{
    opacity:1 !important;
    transform:translateY(0) !important;
    position:relative;
    inset:auto;
  }

  .network-line,
  .rej-num-stroke{
    stroke-dashoffset:0 !important;
  }

  .rej-num-fill{
    fill-opacity:1 !important;
  }

  .values-frieze-divider{
    clip-path:inset(0 0% 0 0) !important;
  }

  .appr-timeline-line,
  .rej-profile-line{
    transform:scaleY(1) !important;
  }

  .appr-pills-line{
    opacity:1 !important;
    transform:scaleX(1) !important;
  }

  .hlr-canvas,
  .hlr-ring,
  .hlr-spark,
  .carousel-arrow,
  .carousel-dots{
    display:none !important;
  }
}

/* ---------- Mouvement réduit ---------- */

@media (prefers-reduced-motion: reduce){
  .hero-logo-reveal:not(.js-armed) .hlr-ring,
  .hero-logo-reveal:not(.js-armed) .hlr-spark{
    display:none;
  }

  .hero-logo-reveal:not(.js-armed) .hero-logo-reveal-img{
    clip-path:none;
    animation:hlrFadeIn 0.6s ease-out forwards;
  }

  .hero-logo-reveal:not(.js-armed) .hlr-glow{
    animation:none;
    opacity:0;
  }

  @supports (animation-timeline: view()){
    .why-card,
    .funding-logo,
    .network-label,
    .network-dot,
    .network-center-circle,
    .network-center-glow,
    .network-center-logo,
    .sector-network-mobile-center,
    .sector-network-mobile li,
    .sf-cards .card,
    .cards--sky .card,
    .values-frieze-item,
    .value-icon-frame,
    .team-card--linkedin,
    .appr-pill,
    .appr-timeline-dot svg,
    .appr-timeline-dot img,
    .appr-timeline-content,
    .rej-value-label,
    .rej-value-text,
    .rej-profile-intro,
    .rej-profile-dot,
    .rej-profile-item p{
      opacity:1 !important;
      transform:none !important;
      scale:1 !important;
      translate:0 0 !important;
      animation:none !important;
    }

    .network-line,
    .rej-num-stroke{
      stroke-dashoffset:0 !important;
      animation:none !important;
    }

    .rej-num-fill{
      fill-opacity:1 !important;
      animation:none !important;
    }

    .values-frieze-divider{
      clip-path:inset(0 0% 0 0) !important;
      animation:none !important;
    }

    .appr-timeline-line,
    .rej-profile-line,
    .appr-pills-line{
      transform:none !important;
      animation:none !important;
    }

    .sector-network .network-center{
      animation:none !important;
    }

    .network-flow-dot,
    .appr-pill::after{
      display:none;
    }
  }
}

/* ---------- Baselines : état final visible ---------- */

.uc-reveal-section .uc-icon,
.uc-reveal-section .uc-intro-head > div,
.uc-reveal-section .uc-text-panel,
.uc-flow .uc-flow-arrow{
  opacity:1;
}

.audience-section.uc-reveal-section .audience-card{
  opacity:1;
  transform:none;
}

.uc-stats .uc-stat-card{
  opacity:1;
}

.uc-stat-arrow-part{
  opacity:1;
  transform:none;
}

.formation-network .fn-line{
  stroke-dashoffset:0;
}

.formation-network .fn-node{
  opacity:0.85;
}

.formation-network .fn-branch-dot{
  opacity:0.8;
}

.journey-card .trace-border::before{
  --trace-progress:100;
}

.diag2-step-head,
.diag2-step-item{
  opacity:1;
  transform:none;
}

.diag2-step + .diag2-step::before{
  width:100%;
}

.diag2-steps-bar-chevrons span{
  opacity:1;
}

.milestone-loop-path{
  stroke-dashoffset:0;
}

.rd-reveal-item{
  opacity:1;
}

.rd-badge,
.rd-badge-dot,
.rd-badge-text{
  opacity:1;
}

.rd-method-step-num,
.rd-method-step-label,
.rd-method-step-icon,
.rd-method-step-body p{
  opacity:1;
  transform:none;
}

.rd-method-step + .rd-method-step::before{
  width:100%;
}

.rd-results-line{
  transform:scaleY(1);
}

.rd-results-dot{
  opacity:1;
  scale:1;
}

.rd-results-content{
  opacity:1;
  transform:none;
}

/* Texte typewriter : visible si le script ne s'exécute pas */
.diag2-steps-bar-text:empty::before{
  content:attr(data-full);
}

/* ---------- Scroll reveals via view() ---------- */

@supports (animation-timeline: view()){
  .uc-reveal-section{
    view-timeline-name:--uc-reveal;
    view-timeline-axis:block;
  }

  .uc-reveal-section .uc-icon,
  .uc-reveal-section .uc-intro-head > div,
  .uc-reveal-section .uc-text-panel{
    opacity:0;
    animation:fadeInUp 0.6s ease both;
    animation-timeline:view(--uc-reveal);
    animation-range:entry 10% cover 35%;
  }

  .uc-reveal-section .uc-intro-head > div{animation-delay:0.15s;}
  .uc-reveal-section .uc-text-panel{animation-delay:0.3s;}

  @media (min-width:900px){
    .uc-reveal-section .uc-icon{
      animation:ucIconFadeInUp 0.6s ease both;
      animation-timeline:view(--uc-reveal);
      animation-range:entry 10% cover 35%;
    }
  }

  .uc-flow .uc-flow-arrow{
    opacity:0;
    animation:fadeIn 0.5s ease both;
    animation-timeline:view(--uc-reveal);
    animation-range:entry 15% cover 40%;
  }

  .uc-flow .uc-flow-arrow:nth-child(2){animation-delay:0s;}
  .uc-flow .uc-flow-arrow:nth-child(4){animation-delay:0.15s;}
  .uc-flow .uc-flow-arrow:nth-child(6){animation-delay:0.3s;}
  .uc-flow .uc-flow-arrow:nth-child(8){animation-delay:0.45s;}
  .uc-flow .uc-flow-arrow:nth-child(10){animation-delay:0.6s;}

  .audience-section.uc-reveal-section{
    view-timeline-name:--audience-reveal;
    view-timeline-axis:block;
  }

  .audience-section.uc-reveal-section .audience-card{
    opacity:0;
    transform:translateY(18px);
    animation:fadeInUp 0.6s ease both;
    animation-timeline:view(--audience-reveal);
    animation-range:entry 10% cover 35%;
  }

  .audience-section.uc-reveal-section .audience-card:nth-child(2){animation-delay:0.08s;}
  .audience-section.uc-reveal-section .audience-card:nth-child(3){animation-delay:0.16s;}
  .audience-section.uc-reveal-section .audience-card:nth-child(4){animation-delay:0.24s;}

  .uc-stats{
    view-timeline-name:--uc-stats;
    view-timeline-axis:block;
  }

  .uc-stats .uc-stat-card{
    opacity:0;
    animation:fadeInUp 0.6s ease both;
    animation-timeline:view(--uc-stats);
    animation-range:entry 10% cover 40%;
  }

  .uc-stats .uc-stat-card:nth-child(1){animation-delay:0ms;}
  .uc-stats .uc-stat-card:nth-child(2){animation-delay:150ms;}
  .uc-stats .uc-stat-card:nth-child(3){animation-delay:300ms;}
  .uc-stats .uc-stat-card:nth-child(4){animation-delay:450ms;}

  .formation-network{
    view-timeline-name:--formation-network;
    view-timeline-axis:block;
  }

  .formation-network .fn-line{
    stroke-dashoffset:100;
    animation:fnLineDrawCss 1.1s ease-out both;
    animation-timeline:view(--formation-network);
    animation-range:entry 5% cover 50%;
  }

  .formation-network .fn-node{
    opacity:0;
    animation:fadeInCss 0.7s ease-out both;
    animation-timeline:view(--formation-network);
    animation-range:entry 10% cover 55%;
  }

  .formation-network .fn-branch-dot{
    opacity:0;
    animation:fadeInCss 0.6s ease-out both;
    animation-timeline:view(--formation-network);
    animation-range:entry 15% cover 55%;
  }

  @keyframes fnLineDrawCss{
    from{stroke-dashoffset:100;}
    to{stroke-dashoffset:0;}
  }

  .diag2-steps-list{
    view-timeline-name:--diag2-steps;
    view-timeline-axis:block;
  }

  .diag2-step-head,
  .diag2-step-item{
    opacity:0;
    transform:translateY(24px);
    animation:diag2StepFadeUp 0.8s ease-out both;
    animation-timeline:view(--diag2-steps);
    animation-range:entry 5% cover 80%;
  }

  .diag2-step-item{
    animation:diag2StepFadeUp 0.6s ease-out both;
    animation-timeline:view(--diag2-steps);
    animation-range:entry 5% cover 80%;
  }

  .diag2-step + .diag2-step::before{
    width:0%;
    animation:diag2LineDraw 0.9s ease-out both;
    animation-timeline:view(--diag2-steps);
    animation-range:entry 5% cover 80%;
  }

  .diag2-steps-list .diag2-step:nth-child(2)::before{animation-delay:0.9s;}
  .diag2-steps-list .diag2-step:nth-child(3)::before{animation-delay:3.15s;}
  .diag2-steps-list .diag2-step:nth-child(4)::before{animation-delay:5.6s;}

  .diag2-steps-list .diag2-step:nth-child(1) .diag2-step-head{animation-delay:0s;}
  .diag2-steps-list .diag2-step:nth-child(2) .diag2-step-head{animation-delay:2.05s;}
  .diag2-steps-list .diag2-step:nth-child(3) .diag2-step-head{animation-delay:4.3s;}
  .diag2-steps-list .diag2-step:nth-child(4) .diag2-step-head{animation-delay:6.75s;}

  .diag2-steps-list .diag2-step:nth-child(1) .diag2-step-item:nth-child(1){animation-delay:0.3s;}
  .diag2-steps-list .diag2-step:nth-child(2) .diag2-step-item:nth-child(1){animation-delay:2.35s;}
  .diag2-steps-list .diag2-step:nth-child(2) .diag2-step-item:nth-child(2){animation-delay:2.55s;}
  .diag2-steps-list .diag2-step:nth-child(3) .diag2-step-item:nth-child(1){animation-delay:4.6s;}
  .diag2-steps-list .diag2-step:nth-child(3) .diag2-step-item:nth-child(2){animation-delay:4.8s;}
  .diag2-steps-list .diag2-step:nth-child(3) .diag2-step-item:nth-child(3){animation-delay:5s;}
  .diag2-steps-list .diag2-step:nth-child(4) .diag2-step-item:nth-child(1){animation-delay:7.05s;}

  .methodology{
    view-timeline-name:--methodology;
    view-timeline-axis:block;
  }

  .methodology .milestone-loop-path{
    stroke-dashoffset:150;
    animation:milestoneLoopDrawCss 1.3s ease-out both;
    animation-timeline:view(--methodology);
    animation-range:entry 20% cover 60%;
  }

  @keyframes milestoneLoopDrawCss{
    from{stroke-dashoffset:150;}
    to{stroke-dashoffset:0;}
  }

  .rd-reveal{
    view-timeline-name:--rd-reveal;
    view-timeline-axis:block;
  }

  .rd-reveal-item{
    opacity:0;
    animation:fadeInUp 0.6s ease both;
    animation-timeline:view(--rd-reveal);
    animation-range:entry 10% cover 40%;
  }

  .rd-reveal .rd-reveal-item:nth-child(2){animation-delay:0.12s;}
  .rd-reveal .rd-reveal-item:nth-child(3){animation-delay:0.24s;}
  .rd-reveal .rd-reveal-item:nth-child(4){animation-delay:0.36s;}
  .rd-reveal .rd-reveal-item:nth-child(5){animation-delay:0.48s;}
  .rd-reveal .rd-reveal-item:nth-child(6){animation-delay:0.6s;}

  .rd-badge{
    opacity:0;
    animation:rdBadgeIn 0.5s ease both;
    animation-timeline:view(--rd-reveal);
    animation-range:entry 15% cover 45%;
    animation-delay:calc(var(--i, 0) * 0.1s);
  }

  .rd-badge-dot{
    opacity:0;
    animation:rdDotIn 0.35s ease both;
    animation-timeline:view(--rd-reveal);
    animation-range:entry 15% cover 45%;
    animation-delay:calc(var(--i, 0) * 0.1s + 0.15s);
  }

  .rd-badge-text{
    opacity:0;
    animation:rdTextIn 0.35s ease both;
    animation-timeline:view(--rd-reveal);
    animation-range:entry 15% cover 45%;
    animation-delay:calc(var(--i, 0) * 0.1s + 0.25s);
  }

  .rd-method-list{
    view-timeline-name:--rd-method;
    view-timeline-axis:block;
  }

  .rd-method-step-num,
  .rd-method-step-label,
  .rd-method-step-icon,
  .rd-method-step-body p{
    opacity:0;
    transform:translateY(25px);
    animation:rdMethodFadeUp 0.5s ease-out both;
    animation-timeline:view(--rd-method);
    animation-range:entry 5% cover 75%;
  }

  .rd-method-step + .rd-method-step::before{
    width:0%;
    animation:diag2LineDraw 0.7s ease-out both;
    animation-timeline:view(--rd-method);
    animation-range:entry 5% cover 75%;
  }

  .rd-method-list .rd-method-step:nth-child(2)::before{animation-delay:1.95s;}
  .rd-method-list .rd-method-step:nth-child(3)::before{animation-delay:3.75s;}

  .rd-method-list .rd-method-step:nth-child(1) .rd-method-step-num{animation-delay:0.45s;}
  .rd-method-list .rd-method-step:nth-child(1) .rd-method-step-label{animation-delay:0.65s;}
  .rd-method-list .rd-method-step:nth-child(1) .rd-method-step-icon{animation-delay:0.9s;}
  .rd-method-list .rd-method-step:nth-child(1) .rd-method-step-body p{animation-delay:1s;}
  .rd-method-list .rd-method-step:nth-child(2) .rd-method-step-num{animation-delay:2.25s;}
  .rd-method-list .rd-method-step:nth-child(2) .rd-method-step-label{animation-delay:2.45s;}
  .rd-method-list .rd-method-step:nth-child(2) .rd-method-step-icon{animation-delay:2.7s;}
  .rd-method-list .rd-method-step:nth-child(2) .rd-method-step-body p{animation-delay:2.8s;}
  .rd-method-list .rd-method-step:nth-child(3) .rd-method-step-num{animation-delay:4.05s;}
  .rd-method-list .rd-method-step:nth-child(3) .rd-method-step-label{animation-delay:4.25s;}
  .rd-method-list .rd-method-step:nth-child(3) .rd-method-step-icon{animation-delay:4.5s;}
  .rd-method-list .rd-method-step:nth-child(3) .rd-method-step-body p{animation-delay:4.6s;}

  .rd-results-timeline{
    view-timeline-name:--rd-results;
    view-timeline-axis:block;
  }

  .rd-results-line{
    transform:scaleY(0);
    animation:rdResultsLineDraw 3.2s ease-out both;
    animation-timeline:view(--rd-results);
    animation-range:entry 5% cover 60%;
  }

  .rd-results-dot{
    opacity:0;
    scale:0.4;
    animation:rejProfileDotCss 0.3s ease-out both;
    animation-timeline:view(--rd-results);
    animation-range:entry 10% cover 65%;
  }

  .rd-results-content{
    opacity:0;
    transform:translateX(20px);
    animation:rejProfileTextCss 0.55s ease-out both;
    animation-timeline:view(--rd-results);
    animation-range:entry 10% cover 65%;
  }

  .rd-results-timeline .rd-results-item:nth-child(2) .rd-results-dot{animation-delay:0s;}
  .rd-results-timeline .rd-results-item:nth-child(2) .rd-results-content{animation-delay:0.15s;}
  .rd-results-timeline .rd-results-item:nth-child(3) .rd-results-dot{animation-delay:0.95s;}
  .rd-results-timeline .rd-results-item:nth-child(3) .rd-results-content{animation-delay:1.1s;}
  .rd-results-timeline .rd-results-item:nth-child(4) .rd-results-dot{animation-delay:1.9s;}
  .rd-results-timeline .rd-results-item:nth-child(4) .rd-results-content{animation-delay:2.05s;}
  .rd-results-timeline .rd-results-item:nth-child(5) .rd-results-dot{animation-delay:2.85s;}
  .rd-results-timeline .rd-results-item:nth-child(5) .rd-results-content{animation-delay:3s;}
}

/* ---------- JS fallback (sans view()) ---------- */

@supports not (animation-timeline: view()){
  .uc-reveal-section:not(.uc-inview) .uc-icon,
  .uc-reveal-section:not(.uc-inview) .uc-intro-head > div,
  .uc-reveal-section:not(.uc-inview) .uc-text-panel,
  .uc-reveal-section:not(.uc-inview) .uc-flow .uc-flow-arrow{
    opacity:0;
  }

  .audience-section.uc-reveal-section:not(.uc-inview) .audience-card{
    opacity:0;
    transform:translateY(18px);
  }

  .uc-stats .uc-stat-card:not(.uc-inview){
    opacity:0;
  }

  .formation-network:not(.is-inview) .fn-line{stroke-dashoffset:100;}
  .formation-network:not(.is-inview) .fn-node,
  .formation-network:not(.is-inview) .fn-branch-dot{opacity:0;}

  .journey:not(.journey-inview) .trace-border::before{--trace-progress:0;}

  .diag2-steps-list:not(.is-inview) .diag2-step-head,
  .diag2-steps-list:not(.is-inview) .diag2-step-item{
    opacity:0;
    transform:translateY(24px);
  }

  .diag2-steps-list:not(.is-inview) .diag2-step + .diag2-step::before{width:0%;}

  .methodology:not(.is-inview) .milestone-loop-path{stroke-dashoffset:150;}

  .rd-reveal:not(.rd-inview) .rd-reveal-item{opacity:0;}

  .rd-reveal:not(.rd-inview) .rd-badge,
  .rd-reveal:not(.rd-inview) .rd-badge-dot,
  .rd-reveal:not(.rd-inview) .rd-badge-text{opacity:0;}

  .rd-method-list:not(.is-inview) .rd-method-step-num,
  .rd-method-list:not(.is-inview) .rd-method-step-label,
  .rd-method-list:not(.is-inview) .rd-method-step-icon,
  .rd-method-list:not(.is-inview) .rd-method-step-body p{
    opacity:0;
    transform:translateY(25px);
  }

  .rd-method-list:not(.is-inview) .rd-method-step + .rd-method-step::before{width:0%;}

  .rd-results-timeline:not(.is-inview) .rd-results-line{transform:scaleY(0);}
  .rd-results-timeline:not(.is-inview) .rd-results-dot{opacity:0; scale:0.4;}
  .rd-results-timeline:not(.is-inview) .rd-results-content{opacity:0; transform:translateX(20px);}
}

/* ---------- scripting: none ---------- */

@media (scripting: none){
  .uc-reveal-section .uc-icon,
  .uc-reveal-section .uc-intro-head > div,
  .uc-reveal-section .uc-text-panel,
  .uc-flow .uc-flow-arrow,
  .audience-section.uc-reveal-section .audience-card,
  .uc-stats .uc-stat-card,
  .diag2-step-head,
  .diag2-step-item,
  .rd-reveal-item,
  .rd-badge,
  .rd-badge-dot,
  .rd-badge-text,
  .rd-method-step-num,
  .rd-method-step-label,
  .rd-method-step-icon,
  .rd-method-step-body p,
  .rd-results-dot,
  .rd-results-content{
    opacity:1 !important;
    transform:none !important;
    scale:1 !important;
    animation:none !important;
  }

  .formation-network .fn-line{stroke-dashoffset:0 !important;}
  .formation-network .fn-node{opacity:0.85 !important;}
  .formation-network .fn-branch-dot{opacity:0.8 !important;}

  .journey-card .trace-border::before{--trace-progress:100 !important;}

  .diag2-step + .diag2-step::before{width:100% !important;}
  .milestone-loop-path{stroke-dashoffset:0 !important;}
  .rd-results-line{transform:scaleY(1) !important;}
  .rd-method-step + .rd-method-step::before{width:100% !important;}

  .diag2-steps-bar-text:empty::before{
    content:attr(data-full);
  }

  .diag2-steps-bar-chevrons span{opacity:1 !important;}
}

/* ---------- Mouvement réduit ---------- */

@media (prefers-reduced-motion: reduce){
  @supports (animation-timeline: view()){
    .uc-reveal-section .uc-icon,
    .uc-reveal-section .uc-intro-head > div,
    .uc-reveal-section .uc-text-panel,
    .uc-flow .uc-flow-arrow,
    .audience-section.uc-reveal-section .audience-card,
    .uc-stats .uc-stat-card,
    .diag2-step-head,
    .diag2-step-item,
    .rd-reveal-item,
    .rd-badge,
    .rd-badge-dot,
    .rd-badge-text,
    .rd-method-step-num,
    .rd-method-step-label,
    .rd-method-step-icon,
    .rd-method-step-body p,
    .rd-results-dot,
    .rd-results-content{
      opacity:1 !important;
      transform:none !important;
      scale:1 !important;
      animation:none !important;
    }

    .formation-network .fn-line{stroke-dashoffset:0 !important;}
    .formation-network .fn-node{opacity:0.85 !important;}
    .formation-network .fn-branch-dot{opacity:0.8 !important;}
    .journey-card .trace-border::before{--trace-progress:100 !important;}
    .diag2-step + .diag2-step::before,
    .rd-method-step + .rd-method-step::before{width:100% !important; animation:none !important;}
    .milestone-loop-path{stroke-dashoffset:0 !important;}
    .rd-results-line{transform:scaleY(1) !important;}
    .formation-network .fn-pulse{display:none;}
  }
}
