/*
 * H2O visual-fidelity corrections requested after the desktop review.
 * This layer is intentionally restricted to the five named H2O sections and
 * only to the title/cell colours, image crops, icon treatments and backdrops.
 */

/* Comparison: preserve the mixed-case product name and Figma column colours. */
.raft-h2o-comparison__table thead th:nth-child(2) {
  background: linear-gradient(90deg, #a72d55 0%, #f05252 57%, #f6b879 100%);
  text-transform: none;
}

.raft-h2o-comparison__table tbody th,
.raft-h2o-comparison__table tbody td:not(:nth-child(2)) {
  background: #f7f7f7;
}

.raft-h2o-comparison__table tbody td:nth-child(2) {
  background: #fff;
  border-left-color: #4f0657;
  border-right-color: #4f0657;
}

@media (min-width: 621px) {
  /* Applications: Figma places each square source at the card width. */
  .raft-h2o-applications-figma__media img {
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover;
    object-position: 50% 50%;
    width: 100%;
  }

  /* Product overview: reproduce the coral upper-right and warm lower sweep. */
  .raft-h2o-product-figma {
    background: #fff;
  }

  .raft-h2o-product-figma__glow {
    background:
      radial-gradient(ellipse 43% 38% at 103% 4%, rgba(240, 82, 82, .72) 0%, rgba(243, 148, 108, .34) 42%, rgba(240, 82, 82, 0) 78%),
      radial-gradient(ellipse 33% 31% at 37% 104%, rgba(240, 82, 82, .68) 0%, rgba(243, 148, 108, .31) 43%, rgba(240, 82, 82, 0) 79%),
      radial-gradient(ellipse 49% 43% at -4% 103%, rgba(246, 213, 134, .95) 0%, rgba(243, 148, 108, .55) 44%, rgba(240, 82, 82, 0) 82%);
    filter: blur(clamp(38px, 2.7vw, 52px));
    opacity: 1;
  }

  /* Digestate: blend the photograph into the card instead of joining shapes. */
  .raft-h2o-digestate-figma__photo {
    background: linear-gradient(90deg, rgba(79, 6, 87, .45) 0%, rgba(79, 6, 87, .30) 50%, rgba(79, 6, 87, 0) 73%);
  }

  .raft-h2o-digestate-figma__photo::after {
    display: none;
  }

  .raft-h2o-digestate-figma__photo img {
    left: calc(620px * var(--raft-h2o-digestate-scale));
    width: calc(916px * var(--raft-h2o-digestate-scale));
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .12) 18%, rgba(0, 0, 0, .72) 43%, #000 58%);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .12) 18%, rgba(0, 0, 0, .72) 43%, #000 58%);
    mask-repeat: no-repeat;
    mask-size: 100% 100%;
    object-position: 52% 50%;
  }

  .raft-h2o-digestate-figma__statement-icon {
    background: linear-gradient(132deg, #4f0657 16.8269%, #4f0657 56%, #f05252 74%, #f6d586 118%);
  }

  .raft-h2o-digestate-figma__note {
    background: linear-gradient(90deg, #70065e 0%, #be1760 44%, #f05252 72%, #f6a37a 100%);
  }

  /* Final CTA: align the river content and restore the Figma edge glow. */
  .raft-h2o-cta-figma {
    background: #fff;
  }

  .raft-h2o-cta-figma__glow {
    background:
      radial-gradient(ellipse 43% 78% at -5% -8%, rgba(240, 82, 82, .78) 0%, rgba(246, 213, 134, .38) 35%, rgba(255, 255, 255, 0) 76%),
      radial-gradient(ellipse 28% 34% at 12% 86%, rgba(246, 213, 134, .25) 0%, rgba(240, 82, 82, 0) 78%);
  }

  .raft-h2o-cta-figma__river img {
    left: 10%;
  }
}