/* Soft red ambient light contained strictly inside the benefits cards. */
.why-section .bento-grid--text-only > .bento{
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 78% 62% at 10% -8%,rgba(255,72,48,.090) 0%,rgba(154,38,27,.034) 36%,transparent 68%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  box-shadow:inset 0 0 72px rgba(190,42,29,.018);
}

/* Shift the light source between cards so the block feels natural, not repeated. */
.why-section .bento-grid--text-only > .bento:nth-child(2),
.why-section .bento-grid--text-only > .bento:nth-child(5){
  background:
    radial-gradient(ellipse 74% 60% at 94% 4%,rgba(255,69,46,.078) 0%,rgba(146,34,25,.030) 38%,transparent 69%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
}

.why-section .bento-grid--text-only > .bento:nth-child(3),
.why-section .bento-grid--text-only > .bento:nth-child(6){
  background:
    radial-gradient(ellipse 82% 58% at 48% 108%,rgba(238,57,39,.070) 0%,rgba(138,31,23,.026) 38%,transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
}

.why-section .bento-grid--text-only > .bento:nth-child(4){
  background:
    radial-gradient(ellipse 76% 60% at 3% 78%,rgba(248,62,42,.074) 0%,rgba(145,33,24,.027) 38%,transparent 70%),
    linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
}

/* Keep the red ambience fully static on hover; only the card lift/shadow may change. */
.why-section .bento-grid--text-only > .bento:hover{
  box-shadow:
    0 22px 62px rgba(0,0,0,.28),
    inset 0 1px rgba(255,255,255,.045),
    inset 0 0 76px rgba(191,42,29,.026);
}

@media(max-width:680px){
  .why-section .bento-grid--text-only > .bento{
    background:
      radial-gradient(ellipse 88% 58% at 12% -4%,rgba(255,72,48,.075) 0%,rgba(150,36,26,.028) 38%,transparent 70%),
      linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    box-shadow:inset 0 0 58px rgba(190,42,29,.016);
  }
}

/* Remove the old white hover hotspot from the benefits cards. */
.why-section .bento-grid--text-only > .bento::before{
  display:none !important;
  opacity:0 !important;
  background:none !important;
}

.why-section .bento-grid--text-only > .bento:hover{
  box-shadow:
    0 22px 62px rgba(0,0,0,.28),
    inset 0 0 76px rgba(191,42,29,.026);
}