/* DetectraPro Research Features — media presentation polish
   Loaded after research-features.css so this file only refines image areas. */

.research-features-page .rf-media-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(122,255,73,.16);
  border-radius:22px;
  background:
    linear-gradient(180deg,rgba(15,31,21,.96),rgba(7,19,12,.98));
  box-shadow:
    0 24px 60px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.035);
  padding:10px;
}

.research-features-page .rf-media-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at 18% 0%,rgba(116,255,71,.06),transparent 34%);
}

.research-features-page .rf-media-frame{
  position:relative;
  z-index:1;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  border-radius:15px;
  background:#06110b;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.25),
    0 8px 26px rgba(0,0,0,.16);
}

.research-features-page .rf-media-frame::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  box-shadow:inset 0 0 38px rgba(0,0,0,.16);
}

.research-features-page .rf-media-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  transition:transform .45s ease, filter .45s ease;
}

.research-features-page .rf-media-card:hover .rf-media-frame img{
  transform:scale(1.012);
}

.research-features-page .rf-media-frame-wide{
  aspect-ratio:16 / 7;
}

.research-features-page .rf-media-frame-card{
  aspect-ratio:9 / 6.5;
}

.research-features-page .rf-media-frame-workflow{
  aspect-ratio:10 / 7;
}

.research-features-page .rf-media-tag{
  position:absolute;
  z-index:3;
  top:14px;
  left:14px;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:6px 10px;
  border:1px solid rgba(132,255,75,.24);
  border-radius:999px;
  background:rgba(4,14,8,.82);
  box-shadow:0 6px 18px rgba(0,0,0,.24);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  color:#7dff4c;
  font-size:10px;
  line-height:1;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.research-features-page .rf-media-caption{
  position:relative;
  z-index:2;
  margin:0;
  padding:19px 18px 17px;
}

.research-features-page .rf-media-caption span{
  display:block;
  margin:0 0 7px;
  color:#7dff4c;
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.research-features-page .rf-media-caption p{
  max-width:68ch;
  margin:0;
  color:rgba(230,239,233,.72);
  font-size:14px;
  line-height:1.65;
}

.research-features-page .rf-media-card-wide{
  margin-top:42px;
  padding:12px;
}

.research-features-page .rf-media-card-wide .rf-media-caption{
  display:grid;
  grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);
  gap:22px;
  align-items:start;
  padding:20px 20px 18px;
}

.research-features-page .rf-media-card-wide .rf-media-caption span{
  margin-top:3px;
}

.research-features-page .rf-media-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  margin-top:34px;
  align-items:stretch;
}

.research-features-page .rf-media-grid .rf-media-card{
  min-width:0;
  height:100%;
}

.research-features-page .rf-media-grid .rf-media-caption{
  min-height:132px;
}

.research-features-page .rf-media-card-workflow{
  margin-top:28px;
}

.research-features-page .rf-media-caption-compact{
  padding-bottom:16px;
}

@media (max-width:900px){
  .research-features-page .rf-media-card-wide .rf-media-caption{
    grid-template-columns:1fr;
    gap:5px;
  }

  .research-features-page .rf-media-grid{
    gap:16px;
  }

  .research-features-page .rf-media-grid .rf-media-caption{
    min-height:0;
  }
}

@media (max-width:700px){
  .research-features-page .rf-media-card,
  .research-features-page .rf-media-card-wide{
    padding:7px;
    border-radius:18px;
  }

  .research-features-page .rf-media-frame{
    border-radius:12px;
  }

  .research-features-page .rf-media-frame-wide{
    aspect-ratio:16 / 10;
  }

  .research-features-page .rf-media-frame-card,
  .research-features-page .rf-media-frame-workflow{
    aspect-ratio:4 / 3;
  }

  .research-features-page .rf-media-grid{
    grid-template-columns:1fr;
    margin-top:26px;
  }

  .research-features-page .rf-media-card-wide{
    margin-top:30px;
  }

  .research-features-page .rf-media-caption,
  .research-features-page .rf-media-card-wide .rf-media-caption{
    padding:15px 12px 13px;
  }

  .research-features-page .rf-media-caption p{
    font-size:13px;
    line-height:1.6;
  }

  .research-features-page .rf-media-tag{
    top:10px;
    left:10px;
    min-height:25px;
    padding:5px 8px;
    font-size:9px;
  }
}

@media (prefers-reduced-motion:reduce){
  .research-features-page .rf-media-frame img{
    transition:none;
  }
  .research-features-page .rf-media-card:hover .rf-media-frame img{
    transform:none;
  }
}

/* Workflow caption: stack heading above copy rather than side-by-side */
.research-features-page .rf-media-card-workflow .rf-media-caption,
.research-features-page .rf-media-card-workflow .rf-visual-caption{
  display:block !important;
  grid-template-columns:none !important;
}

.research-features-page .rf-media-card-workflow .rf-media-caption span{
  display:block;
  width:100%;
  margin:0 0 10px;
}

.research-features-page .rf-media-card-workflow .rf-media-caption p{
  display:block;
  width:100%;
  max-width:none;
  margin:0;
}