.assurance-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(200px, 1fr));
  width: 100%;                 /* ✅ FORCE FULL WIDTH */
  margin-top: 24px;
  align-items: stretch;        /* ✅ fixes shrink issue */
  margin-left: auto;
  margin-right: auto;
  max-width: 900px;
    margin-top: 28px;
      gap: 20px;
}

.assurance-card {
  display: flex;
  align-items: center;


  padding: 16px 18px;
  gap: 12px;

  width: 100%;                 /* ✅ fill grid cell */


  border-radius: var(--radius-lg);

  background: rgba(7,16,15,0.65);
  border: 1px solid rgba(98,255,183,0.15);

  color: #dffaf3;
  font-size: 0.95rem;
  font-weight: 500;

  backdrop-filter: blur(6px);

  box-shadow:
    inset 0 0 6px rgba(98,255,183,0.03);

  transition:
    transform 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease;
}

/* ✅ subtle glow edge (premium feel) */
.assurance-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;

  background: radial-gradient(
    circle at 50% 0%,
    rgba(0,255,156,0.08),
    transparent 70%
  );

  opacity: 0.5;
  pointer-events: none;
}

/* ✅ hover (less aggressive, more premium) */
.assurance-card:hover {
  transform: translateY(-2px);

  border-color: rgba(98,255,183,0.35);

  box-shadow:
    0 6px 18px rgba(0,0,0,0.25),
    0 0 12px rgba(98,255,183,0.15),
    inset 0 0 6px rgba(98,255,183,0.05);
}

.assurance-icon {
  font-size: 1rem;
  color: var(--green);
  flex-shrink: 0;
}

.assurance-text {
  flex: 1;

  /* ✅ better wrapping */
  line-height: 1.3;
}

/* ✅ tighten layout alignment with hero */
.assurance-grid {
  max-width: 100%;
  align-self: stretch;
}

/* ✅ RESPONSIVE */
@media (max-width: 1100px) {
  .assurance-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 600px) {
  .assurance-grid {
    grid-template-columns: 1fr;
  }
}

.assurance-section {
  position: relative;
  overflow: hidden;
}


.assurance-section {.assurance-section;
}




.assurance-visual {
  position: absolute;
  right: 320px;
  top: 40px;

  width: 270px;

  opacity: 0.8;

  mix-blend-mode: screen;

  filter:
    drop-shadow(0 0 8px rgba(98,255,183,0.4))
    drop-shadow(0 0 18px rgba(98,255,183,0.25))
    drop-shadow(0 0 35px rgba(98,255,183,0.12));
}
``


}

.assurance-visual-wrap {
  right: 320px; /* was ~380 → bring it in */
}



.assurance-visual-wrap::before {
  inset: -30px;   /* was too big */

  background: radial-gradient(
    ellipse at 35% 55%,
    rgba(98,255,183,0.18),
    rgba(98,255,183,0.08),
    rgba(98,255,183,0.03),
    transparent 70%
  );

  filter: blur(25px);
}



.assurance-section::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;

  height: 30px;

  background: linear-gradient(
    to bottom,
    transparent,
    rgba(7,16,15,0.9),
    rgba(7,16,15,1)
  );

  pointer-events: none;
}