/* RAFimport patch v89: premium ribbed glass for process cards */

.raf-process-v84-card{
  border:1px solid rgba(87,170,218,.42)!important;
  background:
    /* fine glass ribs */
    repeating-linear-gradient(
      104deg,
      rgba(255,255,255,.14) 0,
      rgba(255,255,255,.14) 1px,
      rgba(27,111,164,.025) 1px,
      rgba(27,111,164,.025) 4px,
      rgba(255,255,255,0) 4px,
      rgba(255,255,255,0) 9px
    ),
    /* broad diagonal glass reflection */
    linear-gradient(
      128deg,
      rgba(255,255,255,.34) 0%,
      rgba(255,255,255,.10) 27%,
      rgba(255,255,255,0) 46%,
      rgba(98,183,231,.07) 72%,
      rgba(255,255,255,.11) 100%
    ),
    /* existing transparent blue depth */
    linear-gradient(
      180deg,
      rgba(255,255,255,.76) 0%,
      rgba(255,255,255,.64) 42%,
      rgba(231,246,253,.59) 65%,
      rgba(53,127,176,.40) 100%
    )!important;
  backdrop-filter:blur(14px) saturate(1.12)!important;
  -webkit-backdrop-filter:blur(14px) saturate(1.12)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    inset 1px 0 0 rgba(255,255,255,.34),
    inset -1px 0 0 rgba(31,123,179,.10),
    inset 0 -18px 30px rgba(36,112,161,.045),
    0 12px 26px rgba(28,88,126,.055)!important;
}

/* Thin polished highlight along the top of the glass */
.raf-process-v84-card::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  left:14px!important;
  right:14px!important;
  top:0!important;
  height:1px!important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.94) 24%,
    rgba(150,222,255,.74) 52%,
    rgba(255,255,255,.86) 76%,
    rgba(255,255,255,0)
  )!important;
  opacity:.9!important;
  pointer-events:none!important;
}

/* Internal refracted-light band: subtle, not a separate underlay */
.raf-process-v84-card::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:0!important;
  width:68%!important;
  height:190%!important;
  top:-56%!important;
  left:-42%!important;
  border-radius:50%!important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,.18),
    rgba(255,255,255,.055) 42%,
    rgba(255,255,255,0) 72%
  )!important;
  transform:rotate(13deg)!important;
  filter:blur(8px)!important;
  opacity:.78!important;
  pointer-events:none!important;
}

/* Keep content above the glass texture and reflection */
.raf-process-v84-card__top,
.raf-process-v84-card h3,
.raf-process-v84-card p{
  position:relative!important;
  z-index:2!important;
}

.raf-process-v84-card:hover{
  border-color:rgba(54,160,221,.62)!important;
  background:
    repeating-linear-gradient(
      104deg,
      rgba(255,255,255,.17) 0,
      rgba(255,255,255,.17) 1px,
      rgba(27,111,164,.03) 1px,
      rgba(27,111,164,.03) 4px,
      rgba(255,255,255,0) 4px,
      rgba(255,255,255,0) 9px
    ),
    linear-gradient(
      128deg,
      rgba(255,255,255,.42) 0%,
      rgba(255,255,255,.12) 28%,
      rgba(255,255,255,0) 47%,
      rgba(80,173,227,.09) 73%,
      rgba(255,255,255,.13) 100%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.82) 0%,
      rgba(255,255,255,.70) 42%,
      rgba(229,246,253,.65) 65%,
      rgba(47,121,171,.45) 100%
    )!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.96),
    inset 1px 0 0 rgba(255,255,255,.40),
    inset -1px 0 0 rgba(31,123,179,.12),
    inset 0 -18px 30px rgba(36,112,161,.055),
    0 16px 32px rgba(21,105,158,.09)!important;
}

@media (max-width:620px){
  .raf-process-v84-card{
    backdrop-filter:blur(11px) saturate(1.08)!important;
    -webkit-backdrop-filter:blur(11px) saturate(1.08)!important;
  }
}