/* ============================================================
   VRDIGITAL v51 — highlighted feature points (6-card 3D grid)
   ============================================================ */

.features-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1.4rem;
}

.feature-card{
  position:relative;
  display:flex;flex-direction:column;gap:1rem;
  min-height:320px;
  padding:2.1rem 2rem 1.9rem;
  border:1px solid var(--line);
  border-radius:22px;
  background:linear-gradient(165deg,var(--panel-fade),var(--panel-fade-2) 55%);
  transform-style:preserve-3d;
  transition:border-color .5s,box-shadow .5s;
}
.feature-card::before{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(340px circle at var(--mx,50%) var(--my,50%),rgba(0,229,255,.16),transparent 65%);
  opacity:0;transition:opacity .5s;
}
.feature-card:hover{
  border-color:rgba(0,229,255,.45);
  box-shadow:0 24px 70px rgba(0,0,0,.55),0 0 40px rgba(0,229,255,.10);
}
.feature-card:hover::before{opacity:1}

.fc-top{
  display:flex;justify-content:space-between;align-items:flex-start;
  transform:translateZ(45px);
}
.fc-num{
  font-family:var(--font-mono);font-size:.78rem;letter-spacing:.2em;color:var(--magenta);
}
.fc-icon{
  width:52px;height:52px;display:grid;place-items:center;
  border:1px solid rgba(0,229,255,.35);border-radius:14px;
  color:var(--cyan);
  background:rgba(0,229,255,.06);
  box-shadow:0 0 24px rgba(0,229,255,.12) inset;
  transition:transform .5s var(--ease),box-shadow .5s,color .5s,border-color .5s;
}
.fc-icon svg{width:26px;height:26px}
.feature-card:hover .fc-icon{
  color:#02141a;background:var(--cyan);border-color:var(--cyan);
  box-shadow:0 0 34px rgba(0,229,255,.5);
}

.feature-card h3{
  font-family:var(--font-display);font-weight:600;font-size:1.22rem;
  text-transform:uppercase;letter-spacing:.015em;line-height:1.2;
  margin-top:auto;
  transform:translateZ(30px);
}
.feature-card p{
  color:var(--muted);font-size:.92rem;line-height:1.7;
  transform:translateZ(22px);
}
.fc-link{
  display:inline-flex;align-items:center;gap:.5rem;margin-top:.6rem;
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.24em;color:var(--cyan);
  transform:translateZ(35px);
}
.fc-link i{font-style:normal;transition:transform .4s var(--ease)}
.feature-card:hover .fc-link i{transform:translateX(6px)}

@media (max-width:1024px){
  .features-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .features-grid{grid-template-columns:1fr}
  .feature-card{min-height:0}
}