/* ============================================================
   INTERLOCK — component: product module cards
   (grid lines + hover come from .cellgrid primitive)
   ============================================================ */
.modules{display:grid;grid-template-columns:repeat(3,1fr)}
.module{
  padding:40px 32px 44px;
  position:relative;
  transition:background .3s;
}
.module .idx{
  font-family:var(--mono);font-size:11px;color:var(--text-faint);letter-spacing:.12em;
  margin-bottom:28px;display:block;
}
.module .m-icon{height:56px;margin-bottom:28px}
.module .m-icon svg{height:56px;width:auto;display:block}
.module h3{
  font-family:var(--disp);font-weight:600;font-size:1.3rem;letter-spacing:-.01em;
  margin-bottom:14px;
}
.module p{color:var(--text-dim);font-size:.95rem}
.module .m-tag{
  margin-top:22px;display:inline-block;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--green-dim);border:1px solid var(--line-bright);padding:5px 10px;
}

@media (max-width:900px){
  .modules{grid-template-columns:1fr}
}