.hero-image-solutions::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 1;
}

.hero-image-solutions::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.5) 70%,
        rgba(0, 0, 0, 0) 100%  
    );
    z-index: 2;
}
.hero-image-solutions .container {
    position: relative;
    z-index: 3;
}

.hr-introduction{
  width: 100px; 
  height: 3px; 
  background: var(--theme); 
  border: none;
}

/* ===================================== */
/* ====== Features (points forts) ====== */
/* ===================================== */

.features-grid .feature{
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    border-radius:.9rem;
    padding:1.1rem 1rem;
    box-shadow:0 6px 16px rgba(0,0,0,.06);
    transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.features-grid .feature:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 24px rgba(0,0,0,.10);
    border-color:rgba(0,0,0,.08);
}

.features-grid .feature-icon{
    width:3rem; height:3rem;
    display:inline-grid; place-items:center;
    border-radius:.75rem;
    margin-bottom:.6rem;
    background:linear-gradient(135deg, rgba(13,110,253,.12), rgba(32,56,100,.12));
    font-size:1.25rem;
}

.features-grid .feature-title{
    font-size:1rem;
    font-weight:700;
    margin:0 0 .25rem;
}
.features-grid .feature-text{
    margin:0;
    font-size:.92rem;
    color:#6b7280;
    line-height:1.35;
}
.features-accordion .accordion-item{
  border:1px solid rgba(0,0,0,.07);
  border-radius:.8rem;
  overflow:hidden;
  box-shadow:0 6px 16px rgba(0,0,0,.04);
  margin-bottom:.8rem;
}
.features-accordion .accordion-button{
  padding: .9rem 1rem;
  gap:.4rem;
}
.features-accordion .accordion-button:not(.collapsed){
  background: linear-gradient(135deg, rgba(13,110,253,.06), rgba(32,56,100,.06));
  color: #0d1525;
  box-shadow: none;
}
.features-accordion .accordion-body{
  padding: .9rem 1rem 1rem;
}
.features-accordion .feat-icon{
  width: 2rem; height: 2rem;
  display: inline-grid; place-items:center;
  border-radius:.5rem;
  background: rgba(13,110,253,.10);
  color: var(--theme);
  flex: 0 0 2rem;
  font-size: .95rem;
}
.features-accordion ul li{
  padding:.15rem 0;
  color:#495057;
}

.screenshot-wrapper {
  max-width: 700px;
  background: linear-gradient(135deg, #f8f9fa, #e9ecef);
  padding: 20px;
  border-radius: 12px;
}

/* =================== */
/* =====FOND WAVE===== */
/* =================== */

.accueil{
  position: relative;
  width: 100%;
}
.fond-curvy{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;         
  z-index: 0;
}
.wave-body{
  position: relative;
  top: 30vh;
  z-index: 1;
  background-color: var(--theme);
}
footer{
  position: relative;
  top: 23vh;
  z-index: 2;
}

@media (min-width: 992px){
    .features-grid > [class*="col-"].col-lg{
        flex:0 0 20%;
        max-width:20%;
    }
}

@media screen and (max-width: 768px) {
  .wave-body{
    top: 10vh;
  }

  footer{
    top: 3vh;
  }
}